/*
Theme Name: new-kawaraban4
Theme URI: //www.w-kawara.jp/
Description:
Author: DI
Version: 1.0
*/

/* override
----------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, abbr, address, cite, code, del, dfn,
em, img, ins, kbd, q, samp, small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside,
dialog, figure, footer, header, hgroup, menu, nav, section,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  }

html {
  overflow-y: scroll;
  background-color: #fff;
  }

ol, ul, li {
  list-style: none;
  }

img, object, embed {
  vertical-align: bottom;
  border: 0;
  }

blockquote,
q {
  quotes: none;
  }

  blockquote:before,
  blockquote:after,
  q:before,
  q:after {
    content: '';
  }

:focus {
  outline: 0;
  }

input[type="text"],
input[type="password"],
textarea {
  font-family: 'メイリオ', Meiryo, arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  }

address {
  font-style: normal;
  }

table {
  font-size: inherit;
  font: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  }

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

/* basic
----------------------------------------------------------- */

body {
	color: #333333;
	font-size: 16px;
	*font-size: small;
	*font: x-small;
	line-height: 1.7;
	font-family: 'メイリオ', Meiryo, arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	-webkit-text-size-adjust: 100%;
}

a {
  text-decoration: none;
  color: #1d3994;
  }

  a:visited {
    color: #1d3994;
    }

  a:hover {
    text-decoration: underline;
    }

h1 {
  font-size: 24px;
  }

h2,
.h2-style {
  font-size: 22px;
  height: auto;
  font-weight: bold;
}

h3 {
  font-size: 20px;
  color: rgba(228, 102, 10, 0.98);
  }

h4 {
  font-size: 16px;
  }

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

em {
  font-weight: 800;
  }

/* clearfix
----------------------------------------------------------- */

.clear {
  clear: both;
  }

  .clearfix:after,
  #global-header .inner:after,
  .search-form:after,
  #nav-bar .inner:after,
  #main:after,
  .post-body:after,
  .interview .post:after,
  .company-rank ul:after,
  .related-wrap:after,
  .row:after,
  #secondary .widget-subscribe form:after,
  #secondary .popular-posts li:after,
  #global-footer .inner:after,
  #global-footer .footer-nav:after,
  #global-footer .site-menu:after {
    height: 0;
    visibility: hidden;
    content: ".";
    display: block;
    clear: both;
    }

.fixed {
  overflow: hidden;
  }

/* main
----------------------------------------------------------- */

#main {
  max-width: 1100px;
  margin: 0 auto;
  overflow: hidden;
  }

/* header
----------------------------------------------------------- */

#global-header {
  position: relative;
/*  overflow: hidden;*/
  width: 100%;
  }

#utility-navi {
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  background-color: #888;
  color: #fff;
  border-bottom: 4px solid #9e9a9b;
  }

  #utility-navi a {
    color: #fff;
  }

  #utility-navi .inner {
    width: 1100px;
    margin: 0 auto;
    padding: 5px 0;
    font-size: 12px;
    overflow: hidden;
  }

    #utility-navi .inner .utility-menu div {
      float: left;
      margin-left: 15px;
    }

    #utility-navi .inner .utility-menu div:first-child {
      float: left;
      margin-left: 0;
    }

    #utility-navi .inner .utility-menu div:after {
      content: "|";
      color: #fff;
      padding-left: 15px;
    }

    #utility-navi .inner .utility-menu div:last-child:after {
      content: "";
    }

#global-navi {
  width: 100%;
/*  overflow: hidden;*/
}

  #global-navi .inner {
    width: 1100px;
    margin: 0 auto;
    padding: 20px 0 30px;
  }

  #global-navi .logo-side {
    float: left;
    width: 500px;
    margin-top: 20px;
  }

    #global-navi .logo-side .header-logo {
      width: 160px;
      height: 85px;
      background: url(img/kawara-logo-new.png) no-repeat 0 0 ;
      background-size: contain;
      background-repeat: no-repeat;
      float: left;
      display: block;
      margin-right: 20px;
    }

      #global-navi .logo-side .header-logo img {
        width: 100%;
        height: 100%;
      }

    #global-navi .logo-side h1,
    #global-navi .logo-side .slogan {
      margin-top: 30px;
      font-size: 15px;
      line-height: 1.2;
    }

  #global-navi .menu-side {
    float: right;
/*    overflow: hidden;*/
    width: 600px;
  }

.sne-menu {
  overflow: hidden;
}

.search-box {
  float: right;
}

.sns-menu {
  float: right;
  overflow: hidden;
  margin-bottom: 30px;
}

.sns-icon {
  float: right;
  overflow: hidden;
  margin-top: 8px;
}

    .sns-icon ul.social li {
      float: left;
      margin: 0 8px;
    }

      .sns-icon ul.social a {
        display: inline-block;
        vertical-align: middle;
        width: 20px;
        height: 20px;
        background: url(img/icon-rss-black.png) no-repeat 0 0;
        background-size: contain;
        text-indent: -9999px;
      }

        .sns-icon ul.social .facebook a {
          background: url(img/icon-facebook-black.png) no-repeat 0 0;
          background-size: contain;
        }

        .sns-icon ul.social .twitter a {
          background: url(img/icon-twitter-black.png) no-repeat 0 0;
          background-size: contain;
        }

        .sns-icon ul.social .google a {
          background: url(img/icon-googleplus-black.png) no-repeat 0 0;
          background-size: contain;
        }

.global-menu {
  width: 480px;
  text-align: center;
  padding-left: 120px;
}

  .global-menu div {
    float: left;
    margin-right: 90px;
    font-size: 14px;
  }

  .global-menu div:last-child {
    margin-right: 0;
  }

    .global-menu div a {
      color: #666;
    }

    .global-menu div .small {
      font-size: 12px;
    }

    .global-menu div .pink {
      color: #d1427d;
    }

    .global-menu div .green {
      color: green;
    }

    .global-menu div .blue {
      color: blue;
    }

    .global-menu div .orange {
      color: orange;
    }

  #main-header h1,
  #main-header .slogan {
    height: auto;
    float: right;
    margin: /*63px 200px 40px 0*/37px 200px 45px 0;
    font-size: 16px;
    color: rgba(0,0,0,0.6);
    display: block;
    font-weight: bold;
    text-align: right;
  }

#navigation {
/*  width: 1024px;*/
  margin: 0 auto;
  clear: both;
}

  #navigation div {
    position: relative;
    float: left;
    z-index: 100;
  }

    #navigation div a {
      display: block;
      width: auto;
      height: auto;
      color: rgba(0,0,0,1.00);
      text-decoration: none;
      font-size: 14px;
    }

    #navigation div:hover {
      background-repeat: no-repeat;
    }

      #navigation div a:hover {
        color: rgba(10,10,10,1.00) !important;
      }

      #navigation div ul {
        display: none;
        position: absolute;
        width: 150px;
        top: 22px;
        left: -53px;
        text-align: center;
        z-index: 200;
      }

      #navigation div.company-culture ul {
        left: -47px;
      }

      #navigation div.occupation ul {
        left: -58px;
      }

      #navigation div.interview ul {
        left: -34px;
      }

        #navigation div ul li {
          background: rgba(10,10,10,0.60);
        }

          #navigation div ul li a {
            color: rgba(255,255,255,1.00) !important;
          }

          #navigation div ul li:hover {
            background: rgba(10,10,10,0.90) !important;
          }

            #navigation div ul li a:hover {
              color: rgba(255,255,255,0.90) !important;
            }

  #navigation div.workstyle:before {
    content: "";
    background-image: url(../../uploads/2017/01/workstyle-menu.png);
    width: 30px;
    height: 30px;
    background-size: cover;
    display: block;
    position: absolute;
    left: -37px;
    top: -6px;
  }

  #navigation div.company-culture:before {
    content: "";
    background-image: url(../../uploads/2017/01/culture-menu.png);
    width: 30px;
    height: 30px;
    background-size: cover;
    display: block;
    position: absolute;
    left: -36px;
    top: -6px;
  }

  #navigation div.occupation:before {
    content: "";
    background-image: url(../../uploads/2017/01/professional-menu.png);
    width: 30px;
    height: 30px;
    background-size: cover;
    display: block;
    position: absolute;
    left: -37px;
    top: -6px;
  }

  #navigation div.interview:before {
    content: "";
    background-image: url(../../uploads/2017/01/interview-menu.png);
    width: 30px;
    height: 30px;
    background-size: cover;
    display: block;
    position: absolute;
    left: -36px;
    top: -6px;
  }




#subheader {
  position: relative;
  width: 1024px;
  margin: 0 auto;
  height: auto;
}

  #subheader ul.menu {
    float: left;
    margin-top: 10px;
  }

.sp-menu {
  display: none;
  }

.about-kawara,
.sitemap {
  margin-left: 10px;
  }

.search-form {
  background: url(img/bg-search-form2.png) no-repeat bottom left;
  padding-left: 24px;
  height: 26px;
  margin: 8px 10px;
  }

.search-field {
  float: left;
  width: 120px;
  color: #000000;
  background-color: transparent;
  border: none;
  outline: none;
  position: relative;
  top: 2px;
  -webkit-appearance: none;
}

  .single .search-field {
    padding-left: 20px;
  }

.search-submit {
  float: right;
  border: none;
  outline: none;
  width: 45px;
  height: 23px;
  background: url(img/btn-search2.png) no-repeat 0 0;
  text-indent: -9999px;
  cursor: pointer;
}

#sp-header {
  display: none;
}



/* single-renewal
----------------------------------------------------------- */

#single-header {
  position: relative;
  width: 100%;
  margin: 8px auto;
  }

  #single-header .logo-single {
    width: 160px;
    height: 70px;
    background: url(img/kawara-logo-new.png) no-repeat 0 0 ;
    background-size: contain;
    }

#menu-bar {
  float: left;
  width: 200px;
  }

  #side-menu div.mainmenu {
    background-color: #000000;
    margin: 0;
    color: #FFFFFF;
    position: relative;
    width: 115px;
    height: 30px;
    padding-top: 12px;
  }

      #menu-bar h2 img {
        height: inherit;
        }

    #menu-bar .h2-workstyle {
      padding: 3px 35px 11px 25px;
      }

      #menu-bar .h2-workstyle img {
        width: auto;
        height: 28px;
        }

    #menu-bar .h2-climate {
      padding: 3px 35px 11px 25px;
      height: 30px;
      }

      #menu-bar .h2-climate img {
        width: auto;
        height: 28px;
        }

    #menu-bar .h2-occupation {
      padding: 3px 30px 11px;
      height: 30px;
      }

      #menu-bar .h2-occupation img {
        width: auto;
        height: 30px;
        }

    #menu-bar .h2-interview {
      padding: 3px 32px 11px 28px;
      height: 30px;
      }

      #menu-bar .h2-interview img {
        width: auto;
        height: 30px;
        }

  #side-menu div.mainmenu:before {
    content: url(../../uploads/2014/11/h2-before.png);
    position: absolute;
    top: 0;
    left: 0;
    }

  #side-menu div.mainmenu:after {
    content: url(../../uploads/2014/11/h2-after.png);
    position: absolute;
    bottom: -7px;
    right: 0;
    }


  #menu-bar .search-form {
    background: url(img/bg-search-form3.png) no-repeat bottom left;
    padding-left: 0;
    height: 26px;
    margin: 8px 25px 8px 10px;
    }

  #menu-bar h3 {
    display: block;
    height: 35px;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 45px 0 20px;
    }

  #menu-bar #global-header {
    font-size: 10px;
    padding-top: 0;
    margin-bottom: 45px;
    }

  #menu-bar #single-header {
    margin-top: 0;
    }

    #menu-bar #side-menu ul li {
/*      margin-left: 20px;*/
      }

#side-menu {
  margin-top: 20px;
  }

  #side-menu ul {
    background-image: url(../../uploads/2016/07/kawara-back-ripmini2.png);
    background-size: contain;
    background-repeat: no-repeat;
    padding: 20px 13px;
    width: 150px;
    margin: 10px 0 20px;
    font-size: 11px;
    }

    #side-menu ul a {
      color: #000;
      }

#primary-single {
  width: 560px;
  height: auto;
  float: left;
}

  #primary-single h1 {
    font-size: 30px;
    margin: 0 0 20px;
    line-height: 1.2;
  }

  #primary-single img.alignright,
  #primary-single img.alignleft,
  #primary-single .alignright img,
  #primary-single .alignleft img {
    max-width: 260px;
    height: auto;
  }

  #primary-single img.alignright.size-full,
  #primary-single img.alignleft.size-full,
  #primary-single .alignright img,
  #primary-single .alignleft img {
    max-width: 100%;
    width: 96%;
    height: auto;
    margin: auto 2%;
  }



  #primary-single img.aligncenter,
  #primary-single .aligncenter img {
    max-width: 100%;
    height: auto;
  }

    #primary-single .category-single {
      margin-bottom: 30px;
    }

  .breadcrumbs {
    font-size: 10px;
    background-color: black;
    color: white;
    margin: 0;
    padding: 5px 10px;
    border-radius: 10px;
    margin-bottom: 30px;
  }

      .breadcrumbs a {
        color: #e0b55e
      }

      .breadcrumbs a:visited {
        color: #e0b55e
      }

      #primary-single .category-single h3 {
        display: block;
        height: 60px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        width: 100%;
        margin: 40px auto;
      }

  #primary-single .wp-caption {
    width: 100% !important;
  }

    #primary-single .wp-caption.aligncenter {
      max-width: 100%;
    }

ul.privacyarea,
ul.privacyarea2,
ul.privacyarea3 {
  list-style: none;
  padding: 10px 0 0 20px;
}

ul.privacyarea li {
  line-height: 1.8em;
  text-indent: -20px;
  margin: 0 0 10px;
}



#secondary-single {
  width: 230px;
  float: right;
}

  #secondary-single h2 {
    font-size: 18px;
  }

/*  #secondary-single h2:before {
    content: url(../../uploads/2014/11/h2-before.png");
    position: absolute;
    top: 0;
    left: 0;
  }

  #secondary-single h2:after {
    content: url(../../uploads/2014/11/h2-after.png");
    position: absolute;
    bottom: -10px;
    right: 0;
  }
*/

  #secondary-single h3 {
    font-size: 13px;
  }

  #secondary-single .popular-posts .rank1 .desc,
  #secondary-single .popular-posts .rank2 .desc,
  #secondary-single .popular-posts .rank3 .desc,
  #secondary-single .popular-posts .rank4 .desc,
  #secondary-single .popular-posts .rank5 .desc {
    padding-left: 5px;
  }

  #secondary-single .subscribe input[type="text"] {
    position: absolute;
    top: 10px;
    left: 5px;
    border: none;
    outline: none;
    width: 144px;
    height: 35px;
    padding: 0 5px;
    background: url(img/bg-mailmagazine.png) no-repeat 0 0;
    background-size: contain;
  }

  #secondary-single .subscribe input[name="subscribe"],
  #secondary-single .subscribe input[name="unsubscribe"] {
    position: absolute;
    top: 10px;
    left: 162px;
    display: block;
    border: none;
    outline: none;
    width: 41px;
    height: 35px;
    background: url(img/btn-subscribe.png) no-repeat 0 0;
    background-size: contain;
    text-indent: -9999px;
    cursor: pointer;
  }

  #secondary-single .subscribe input[name="unsubscribe"] {
    left: 205px;
    background: url(img/btn-unsubscribe.png) no-repeat 0 0;
    background-size: contain;
  }

  #secondary-single .feat-cont {
    display: block;
    padding: 2px;
    margin-bottom: 0px;
    font-size: 11px;
  }

  #secondary-single .popular-posts .title {
    font-size: 12px;
    line-height: 1.4 !important;
    font-weight: bold;
  }

  #secondary-single .subscribe {
    margin-bottom: 20px;
  }

  #secondary-single .sub-cont {
    font-size: 11px;
  }


#page.single-bar {
  padding-top: 40px;
  border-top: solid 15px #000;
}

  #primary-single .recomend {
    font-size: 20px;
    border-left: 5px solid #ccc;
    padding: 2px 15px;
    margin: 20px 0 10px;
  }

  #primary-single footer ul {
    margin-bottom: 20px;
  }

  #primary-single footer ul.recomend-list li:before {
    content: "■";
    margin-right: 10px;
  }



/* primary
----------------------------------------------------------- */

#primary {
  width: 745px;
  height: auto;
  float: left;
}

.lines-on-sides,
#article-area h2 {
  display: table;
  text-align: center;
  white-space: nowrap;
  margin: 20px auto;
}

  .lines-on-sides:after,
  #article-area h2:after,
  .lines-on-sides:before,
  #article-area h2:before {
    content: '';
    display: table-cell;
    width: 50%;
    background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(50% + 1px), transparent -webkit-calc(50% + 1px));
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 1px)), to(transparent calc(50% + 1px)));
    background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 1px), transparent calc(50% + 1px));
    -webkit-background-clip: padding;
    background-clip: padding;
  }

  .lines-on-sides:after,
  #article-area h2:after {
    border-left: 1em solid transparent;
  }

  .lines-on-sides:before,
  #article-area h2:before {
    border-right: 1em solid transparent;
  }

    #article-area .post-title h3 {
      line-height: 1.2;
    }

    #article-area .post-title .date-time {
      font-size: 12px;
      color: #bca03d;
      font-weight: bold;
    }

/* 新着情報の非表示 */
.news-topics {
  display: none;
}



/* news-covid19 コロナ騒動でもがんばる企業特集 */
.news-covid19 {
  border        : 5px #e5e5e5 solid;
  overflow      : hidden;
  margin-bottom : 20px;
}

@media (max-width: 1099px) {
  .news-covid19 {
    width : 100%;
  }
  .news-covid19 .covid19-header img {
    width  : 100%;
    height : auto;
  }
}

.news-covid19 .covid19-header {
  position      : relative;
  margin        : 0;
  padding       : 0;
  width         : 100%;
  height        : auto;
  border-bottom : solid 2px #e5e5e5;
}
/* コロナ特集のh2フォントサイズ */
.news-covid19 .covid19-header h2 {
  position    : absolute;
  font-family : 'Noto Sans JP', sans-serif;
  font-size   : 28px;
  top         : 10px;
  left        : 50%;
  transform   : translateX(-50%);
}

.news-covid19 .covid19-header h2 a {
  color           : inherit;
  text-decoration : none;
  word-break      : keep-all;
}

.news-covid19 .covid19-header h2 a:hover {
  opacity : 0.8;
}


.covid19-post {
  display     : flex;
  margin      : 0 20px 20px 20px;
  border-top  : solid 2px #e5e5e5;
  padding-top : 20px;
}

.covid19-article.clear:nth-of-type(2) > .covid19-post {
  border-top : none;
}


.covid19-post .covid19-photo {
  flex : 1;
}
.covid19-post header {
  flex    : 3;
  padding : 0 20px;
}

.covid19-post header time p.date {
  color         : #bca03d;
  font-weight   : bold;
  font-size     : 12px;
  margin-bottom : 0;
}

.covid19-post .covid19-photo img {
  width      : 150px;
  height     : auto;
  max-height : 300px;
}

.covid19-post header .post-content {
  padding : 0;
}


/* 記事掲載希望リンク */
.covid19-link-contact {
  border           : 5px #e5e5e5 solid;
  margin-bottom    : 20px;
  background-color : #fff9d5;
  padding          : 10px 10px 0 10px;
}

.covid19-link-contact h3 {
  color     : #000;
  font-size : 16px;
}

.covid19-link-contact p {
  margin-bottom : 5px;
}

.covid19-link-contact img {
  width  : 100%;
  height : auto;
}

.covid19-link-contact .btn-square {
  display: inline-block;
  padding: 0 1em;
  text-decoration: none;
  background: #8ad3c4;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 2px #6bad9f;
  border-radius: 6px;
}
.covid19-link-contact .btn-square:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}

/* mainnews */
.main-read {
  border: 5px #e5e5e5 solid;
  width: 735px;
  overflow: hidden;
  margin-bottom: 20px;
}

.mainnews {
  width: 445px;
  margin-bottom: 20px;
  position: relative;
  border: none;
  float: left;
}

.mainpickup {
  font-size: 16px;
  position: absolute;
  bottom: -20px;
  left: 25px;
  background-color: #e2041b;
  padding: 4px 12px;
  }

  .mainpickup a {
    color: #fff;
    font-weight: 300;
    }

  .pick-title {
    display: inline;
    z-index: 10;
  }

  .pick-title .date {
    display: inline;
    width: auto;
    font-size: 12px;
    font-weight: bold;
    color: #bca03d;
  }

  .pick-title h2 {
    width: 100%;
    margin-bottom: 10px;
  }

    .pick-title h2 a {
      color: #000;
      font-size: 20px;
    }

  .post-content .moreread,
  .pick-title .moreread {
    display: inline;
    width: auto;
    font-size: 12px;
    margin-bottom: 10px;
  }

    .post-content .moreread a,
    .pick-title .moreread a {
      color: #bca03d;
      font-weight: bold;
    }

#slide-wrap {
  padding: 20px 25px 0 35px;
}

  #slide-wrap .pickup-img {
    width: 100%;
    height: 260px;
    overflow: hidden;
  }

    #slide-wrap .pickup-img img {
      width: 100%;
      height: auto;
    }

#prev {
  position: absolute;
  bottom: 50%;
  left: 0;
  z-index: 100;
  }

#next {
  position: absolute;
  bottom: 50%;
  right: 0;
  z-index: 100;
  }

.newstopics {
  display: none;
  }

.news-post .date {
  margin: 0;
  padding: 0;
  }

.must-read {
  float: left;
  width: 285px;
  border-left: 5px #e5e5e5 solid;
  text-align: center;
}

  .must-read .title-area {
    padding: 15px 0 9px;
    border-bottom: 2px #e5e5e5 solid;
  }

    .must-read .title-area h2 {
      line-height: 1.2;
    }

    .must-read .title-area p {
      margin-bottom: 0;
    }

  .must-read .must-list {
    border-bottom: 2px #e5e5e5 solid;
    margin: 10px 17px;
    overflow: hidden;
  }

  .must-read .must-list:last-child {
    border-bottom: 0;
  }

  .must-list .post-image {
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 10px;
    overflow: hidden;
    margin-top: 5px;
  }

    .must-list .post-image img {
      width: auto;
      height: 50px;
    }

  .must-list .post-content {
    float: left;
    width: 190px;
    padding: 0;
  }

  .must-list .category-date {
    overflow: hidden;
  }

  .must-list .category-name {
    float: left;
    font-size: 12px;
  }

  .must-list .date-time {
    float: right;
    font-size: 12px;
    color: #bca03d;
    font-weight: bold;
  }

  .must-list .must-title h3 {
    font-size: 14px;
    text-align: left;
    line-height: 1.4;
    margin-bottom: 10px;
  }


#article-area {
  border: 5px #e5e5e5 solid;
  overflow: hidden;
  margin-bottom: 20px;
}

@media (max-width: 1099px) {
  #article-area {
    width: 100%;
  }
}

/*リンクに「利用者情報の外部送信について」をつけたので崩れたのを対応*/
@media (max-width: 1099px) {
    #global-footer .footer-navi .inner ul {
      flex-wrap : wrap;
    }
}


  #columnarea h2 {
    text-align: center;
  }

.single-article {
  width: 365px;
  float: left;
  border-top: 5px #e5e5e5 solid;
/*  border-bottom: 5px #e5e5e5 solid;*/
/* border-right: 5px #e5e5e5 solid;*/
}

.single-article:nth-of-type(odd) {
  clear: both;
  border-right: 5px #e5e5e5 solid;
}


.single-article:nth-of-type(1),
.single-article:nth-of-type(2) {
  border-top: 0;
}

/*.single-article:nth-of-type(even):nth-last-child(2) {
  border-bottom: 5px #e5e5e5 solid;
}*/


.single-title {
  overflow: hidden;
  padding: 20px 20px 0;
}

  .single-title .post-image {
    width: 150px;
    height: 100px;
    float: left;
    margin-right: 10px;
  }

    .single-title .post-image img {
      width: 150px;
      height: auto;
    }

.post-content {
  padding: 20px;
}

  .single-article .post-content p {
    margin-bottom: 0;
  }

.shadow-box-b {
  border-style: solid;
  border-width: 1px;
  padding: 20px;
  margin: 0 20px 20px;
  border-radius: 20px;
  box-shadow: 5px 5px 5px #000;
}


/* category */
.category-box {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto 30px;
  padding: 10px 0;
  overflow: hidden;
  }

  .category-box h3 {
    font-size: 24px;
    margin-top: -11px;
    }

.category-pick {
  float: right;
  }

.post-image {
  width: 350px;
  height: 200px;
  overflow: hidden;
  }

  .post-image img {
    width: 100%;
    height: auto;
    }

.category-desc {
  width: 290px;
  margin: 5px 5px 21px 5px;
  font-size: 13px;
  }

.category-list {
  margin: 10px;
  }

  .category-list h3{
    display: block;
    height: 53px;
    background-repeat: no-repeat;
    background-size: contain;
    }

  .h3-workstyle {
    background-image: url(img/h3-workstyle.png);
    }

  .h3-climate {
    background-image: url(img/h3-climate.png);
    }

  .h3-occupation {
    background-image: url(img/h3-occupation.png);
    }

  .h3-interview {
    background-image: url(img/h3-interview.png);
    }

  .category-list li {
    float: left;
    margin: 5px;
    border: 0;
    font-size: 14px;
    width: 140px;
    font-weight: bold;
    }

    .category-list li:before {
      content: url("/img/category-list.png");
      margin-right: 10px;
      }

.category-title {
  display: block;
  overflow: hidden;
  }

.post-photo {
  width: 310px;
  overflow: hidden;
  }

  .post-photo > a {
    display: block;
    width: 100%;
    height: 174px;
    overflow: hidden;
    }

    .post-photo > a > img {
      width: 100%;
      height: auto;
      }

.block-column {
  display: block;
  width: 32.6%;
  height: auto;
  margin-right: 1%;
  float: left;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 1%;
}

/*#primary-single .block-column {
  width: 170px;
  height: 146px;
  }*/

  .block-column img {
    width: 100%;
    }

  .block-column:hover {
    opacity: 0.3;
    }

  .block-column .inner {
    width: 100%;
    height: 100%;
    padding: 8px;
    font-size: 13px;
    font-weight: bold;
    text-indent: -9999px;
    }

.human {
  background: url(../../uploads/2014/11/title-human-3.png);
  }

.advice {
  background: url(../../uploads/2014/11/title-advice-3.png);
  }

.polish {
  background: url(../../uploads/2014/11/title-polish-3.png);
  }

.three {
  background: url(../../uploads/2014/11/title-three-3.png);
  }

.glossary {
  background: url(../../uploads/2014/11/title-glossary-3.png);
  }

.subwork {
  background: url(../../uploads/2016/04/title-subwork-4.png);
  }

.block-column.right-box {
  margin-right: 0 !important;
  }

/* archive */
.worktopics {
  float: left;
  width: 45%;
  margin-right: 5%;
  margin-bottom: 30px;
  }

  .worktopics .date {
    margin-bottom: 5px;
    }

.block header {
  border-bottom: 2px solid #000;
  margin-bottom: 20px;
  padding-bottom: 10px;
}


/* secondary
----------------------------------------------------------- */
#secondary {
  width: 300px;
  float: right;
  font-size: 11px;
  }

/*
  #secondary-single h2,
  #secondary .h2-style {
    background-color: #000000;
    padding: 5px 30px 3px;
    margin: 10px auto;
    color: #FFFFFF;
    position: relative;
    }

    #secondary .h2-style:before {
      content: url(../../uploads/2014/11/h2-before.png");
      position: absolute;
      top: -3px;
      left: 0;
      }

    #secondary .h2-style:after {
      content: url(../../uploads/2014/11/h2-after.png");
      position: absolute;
      bottom: -11px;
      right: 0;
      }
*/
  #secondary .h3-style {
    font-size: 14px;
    }

  #secondary-single h2,
  #secondary .h2-style {
    margin: 10px auto 0;
    color: #000;
    text-align: center;
    line-height: 1.2;
  }

  #secondary-single .sub-header,
  #secondary .sub-header {
    text-align: center;
    color: #000;
    font-size: 12px;
    margin-bottom: 5px;
  }

  #secondary-single .mailmagazine-area,
  #secondary .mailmagazine-area {
    /*background-color: #e5e5e5;
    padding: 5px 10px 10px;*/
    margin-bottom: 20px;
  }

  #secondary .mail-button {
    width: 90%;
    margin: 5%;
    text-align: center;
    border: 2px solid #3c3c3c;
    padding: 5px 0;
    background-color: #efefef;
    box-shadow: 3px 3px #000;
    color: #3c3c3c;
    font-size: 18px;
    font-weight: 800;
  }

    #secondary form p {
      margin-bottom: 0;
    }

    #secondary form .s2email {
      display: none;
    }

  #secondary aside.widget {
    background-image: url(../../uploads/2016/07/kawara-back.png);
  }

  #secondary .banner-txt {
    font-size: 14px;
    line-height: 1.6;
    margin: 10px 0 0;
    text-align: center;
  }


/*todays-word*/
.todays-word {
  position: relative;
  width: 300px;
  height: 300px;
  overflow: hidden;
  margin-bottom: 20px;
  }

  .todays-word img {
    width: 300px;
    height: auto;
    position: absolute;
    bottom: 5px;
    right: 5px;
    }

  .todays-word div.senryu {
    position: absolute;
    top: 35px;
    left: 70px;
    font-size: 20px;
    writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -o-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    z-index: 100px;
    font-family: "HG行書体","ヒラギノ明朝 ProN W6","ＭＳ 明朝",serif;
    }

.fb-banner {
  position: relative;
  width: 300px;
  height: 60px;
  }

  .fb-banner img {
    position: absolute;
    }

  .fb-banner > .fb-like {
    position: absolute;
    top: 18px;
    left: 220px;
    z-index: 100;
    }

/*netmarketing*/

#banner,
.adwords {
  text-align: center;
}

.netmarketing {
  margin-bottom: 20px;
  }

  .adwords img,
  .netmarketing img {
    width: 100%;
    }



/*popular-posts*/
#popular.widget-popular-posts {
  padding: 0;
  border: #e5e5e5 5px solid;
  margin-bottom: 20px;
}

  #popular ul {
    padding: 0 20px 20px;
  }

  .widget-popular-posts .sub-header {
    border-bottom: #e5e5e5 3px solid;
    padding-bottom: 5px;
  }

  .popular-posts a {
    color: #535353;
  }

  .popular-posts li {
    position: relative;
    padding: 15px 0;
    background: url(img/bg-dotline.png) repeat-x bottom center;
    clear: both;
  }

  .popular-posts .desc {
    overflow: hidden;
  }

  .popular-posts .date {
    font-size: 10px;
    display: block;
  }

  .popular-posts .wpp-thumbnail {
    border: 2px solid #d7d3c8;
    display: inline;
    float: left;
    margin: 0 10px 0 0;
  }

  .popular-posts .title {
    font-size: 12px;
    line-height: 1.7;
    font-weight: bold;
  }

#rank-weekly,
#rank-monthly {
  display: none;
}

.popular-post-content {
  margin-top: 15px;
  padding: 0 18px;
}

.popular-post-nav {
  padding: 10px 0;
  border-bottom: 2px #e5e5e5 solid;
  margin: auto 0 10px;
  text-align: center;
}



  .popular-post-nav a {
    display: inline-block;
    margin: 0 5px;
    color: #807718;
  }

.button-primary {
  background: url(img/bg-rank-active.png) no-repeat bottom center;
  }

  .popular-post-nav li:before {
    content: " ｜ ";
    color: #807718;
    }

    .popular-post-nav li:first-child:before {
      content: "";
      }

      .popular-posts .rank6 .thumbnail,
      .popular-posts .rank7 .thumbnail,
      .popular-posts .rank8 .thumbnail,
      .popular-posts .rank9 .thumbnail,
      .popular-posts .rank10 .thumbnail,
      .popular-posts .rank6 .date,
      .popular-posts .rank7 .date,
      .popular-posts .rank8 .date,
      .popular-posts .rank9 .date,
      .popular-posts .rank10 .date {
        display: none;
        }

      .popular-posts .rank1 .icon-rank,
      .popular-posts .rank2 .icon-rank,
      .popular-posts .rank3 .icon-rank,
      .popular-posts .rank4 .icon-rank,
      .popular-posts .rank5 .icon-rank {
        position: absolute;
        top: 5px;
        left: -10px;
        }

      .popular-posts .rank1 .desc,
      .popular-posts .rank2 .desc,
      .popular-posts .rank3 .desc,
      .popular-posts .rank4 .desc,
      .popular-posts .rank5 .desc {
        padding-left: 0;
        }

    .popular-posts .rank6,
    .popular-posts .rank7,
    .popular-posts .rank8,
    .popular-posts .rank9,
    .popular-posts .rank10 {
      background: none;
      padding: 10px 0;
      }

      .popular-posts .rank6 .icon-rank,
      .popular-posts .rank7 .icon-rank,
      .popular-posts .rank8 .icon-rank,
      .popular-posts .rank9 .icon-rank,
      .popular-posts .rank10 .icon-rank {
        position: absolute;
        top: 50%;
        left: 15px;
        margin-top: -17px;
        }

      .popular-posts .rank6 .desc,
      .popular-posts .rank7 .desc,
      .popular-posts .rank8 .desc,
      .popular-posts .rank9 .desc,
      .popular-posts .rank10 .desc {
        margin-left: 70px;
        }

      .popular-posts .rank6 .title,
      .popular-posts .rank7 .title,
      .popular-posts .rank8 .title,
      .popular-posts .rank9 .title,
      .popular-posts .rank10 .title {
        font-size: 13px;
        }

/*subscribe*/

.mailmagazine-area .widget-title:after,
.subscribe .widget-title:after {
  content: "";
  background: none;
}

.mailmagazine-area form,
.subscribe form {
  position: relative;
}

.mailmagazine-area input[type="text"],
.subscribe input[type="text"] {
  position: absolute;
  top: 0;
  left: 8px;
  border: none;
  outline: none;
  width: 165px;
  height: 35px;
  padding: 0 5px;
  background: url(img/bg-mailmagazine.png) no-repeat 0 0;
}

  #secondary-single .mailmagazine-area input[type="text"] {
    left: 0;
    width: 138px;
    height: 30px;
    background-size: contain;
  }

.mailmagazine-area input[name="subscribe"],
.mailmagazine-area input[name="unsubscribe"],
.subscribe input[name="subscribe"],
.subscribe input[name="unsubscribe"] {
  position: absolute;
  top: 3px;
  left: 180px;
  display: block;
  border: none;
  outline: none;
  width: 46px;
  height: 35px;
  background: url(img/btn-subscribe.png) no-repeat 0 0;
  text-indent: -9999px;
  cursor: pointer;
}


  #secondary-single .mailmagazine-area input[name="subscribe"],
  #secondary-single .mailmagazine-area input[name="unsubscribe"] {
    left: 143px;
    width: 36px;
    height: 27px;
    background-size: contain;
  }

.mailmagazine-area input[name="unsubscribe"],
.subscribe input[name="unsubscribe"] {
  left: 230px;
  background: url(img/btn-unsubscribe.png) no-repeat 0 0;
}

  #secondary-single .mailmagazine-area input[name="unsubscribe"] {
    left: 180px;
  }

  .mailmagazine-area form p {
    text-indent: -9999px;
    margin: 0;
  }

#trust-form form {
  background: #efefef;
  padding: 10px;
  border-radius: 15px;
}

#trust-form form li {
  margin-right: 20px !important;
  float: left;
}

#trust-form .subject {
  font-weight: normal;
}

#trust-form input, #trust-form select, .contact-form textarea {
  padding: 1%;
}

div#trust-form.contact-form table th {
  vertical-align: middle!important;
}

.subscribe p {
  text-indent: -9999px;
}

/*special-area*/
.special-area {
  margin-bottom: 20px;
  border: 5px #e5e5e5 solid;
}

  .special-area h2 {
    margin-top: 20px;
  }

  .special-area .sub-header {
    padding-bottom: 5px;
    border-bottom: 3px #e5e5e5 solid;
  }

  .special-area .feat-cont {
    display: block;
    margin: 10px;
    margin-bottom: 15px;
    border-bottom: 2px #e5e5e5 solid;
    padding-bottom: 10px;
  }

  .special-area .feat-cont:last-child {
    border-bottom: 0;
  }

  .special-area .feat-cont h3 {
    margin-bottom: 5px;
  }

  .special-area .feat-cont p {
    margin-bottom: 5px;
  }

.sub-cont {
  margin: 0;
  font-size: 11px;
}

/*tag cloud*/
.tag-area,
.tag-cloud {
  overflow: hidden;
}

.tag-area {
  border: 5px #e5e5e5 solid;
}

  .tag-area .sub-header {
    padding-bottom: 5px;
    border-bottom: 3px #e5e5e5 solid;
  }

.tag-area .inner,
.tag-cloud .inner {
  margin: 10px;
  overflow: hidden;
}

.tag-area a,
.tag-cloud a {
  margin: 2px;
  padding: 3px 5px;
  border: 1px solid #000;
  font-weight: normal;
  background: #ccc;
  color: #222;
  white-space: nowrap;
  font-size: 14px;
  float: left;
  overflow: hidden;
}

.block {
  margin-bottom: 20px;
}

/* single
----------------------------------------------------------- */
.single-post .inner {
  margin: 20px 5px;
}

  .single-post .post h1 {
    font-size: 24px;
    margin: 0;
    line-height: 1.7;
    padding: 0px;
  }

  .single-post .post .btn-bookmark {
    padding: 5px 0 0;
  }

  .single-post .post .btn-bookmark li {
    display: inline-block;
    float: none;
    overflow: hidden;
    vertical-align: bottom;
  }

  .single-post .post a,
  .single-post .post a:visited {
    color: #bf1212;
  }

  .single-post .post .breadcrumbs a,
  .single-post .post .breadcrumbs a:visited {
    color: #e0b55e;
  }

  .btn-bookmark .facebook {
    width: auto;
    margin-bottom: 7px;
    margin-right: 0;
  }

  .btn-bookmark .facebook-shere {
    width: 100px;
  }

  .btn-bookmark .twitter {
    width: auto;
  }

  .btn-bookmark .google {
    width: 70px;
  }

  ul.btn-bookmark.sp li {
      float: left;
      margin: 0;
  }

  ul.btn-bookmark.sp li.facebook {
      margin: 0 !important;
  }



    ul.btn-bookmark.sp li a {
        display: inline-block;
        vertical-align: middle;
        width: 71px;
        height: 20px;
        background: url(../../uploads//2016/06/fb-like-button.png) no-repeat 0 0;
        background-size: contain;
        text-indent: -9999px;
    }

        ul.btn-bookmark.sp li.facebook-sp a {
          background: url(../../uploads//2016/06/fb-share-button.png) no-repeat 0 0;
          background-size: contain;
          width: 45px;
        }

        ul.btn-bookmark.sp li.twitter a {
          background: url(../../uploads//2016/06/twitter-button.png) no-repeat 0 0;
          background-size: contain;
          width: 67px;
          }

        ul.btn-bookmark.sp li.google-sp a {
          background: url(../../uploads//2016/06/g-button.png) no-repeat 0 0;
          background-size: contain;
          width: 32px;
          }

        ul.btn-bookmark.sp li.hatena a {
          background: url(../../uploads//2016/06/hatena-button.png) no-repeat 0 0;
          background-size: contain;
          width: 20px;
          }

  .single-post .post .recomend-list a,
  .single-post .post .recomend-list a:visited,
  .single-post .post .recomend-list a:hover {
    color: #00a;
  }

 .rikulink {
   text-align: center;
   width: 300px;
   margin: auto;
   margin-bottom: 30px;
   background-color: #ff3300;
   color: #fff;
   font-size: 16px;
   border-radius: 10px;
   font-weight: 800;
   padding: 10px;
   display: block;
   box-shadow:4px 4px #555;
 }


 .single-post .post .rikulink a {
   color: #fff;
 }

/* image */
.alignright {
  float: right;
  margin: 5px 0 10px 20px;
}

img.alignright {
  margin-right: 10px;
}

.alignleft {
  float: left;
  margin: 5px 10px 10px 0;
}

img.alignleft {
  margin-right: 20px;
}

img.size-full {
  max-width: 100%;
  height: auto;
}

.aligncenter {
  display: block;
  margin: 15px auto;
}

.wp-caption-text {
  font-size: 11px;
  line-height: 1.3;
  margin: 5px 0 !important;
}

  .wherego_related li:before {
    content: "■";
    margin-right: 10px;
  }

.single-post .post footer {
  margin: 20px 0;
}

.single-post .post .date {
  border-bottom: 2px solid #3B3B3B;
  padding-bottom: 10px;
  font-size: 12px;
  margin-bottom: 15px;
  }

.single-post .after-post-block {
  position: relative;
  background: url(img/bg-after-post-block.png) repeat right top;
  color: #000;
  clear: both;
  overflow: hidden;
  margin-bottom: 30px;
  }

.single-post .after-post-block .inner {
  margin: 0 150px 0 30px;
  border: none;
  padding: 20px 0;
  }

#three-tripartite {
  position: absolute;
  top: 15px;
  width: 150px;
  height: auto;
  right: -15px;
  z-index: 100;
  }

.single-post .related .inner,
.single-post .comment .inner {
  border: none;
  }

  .single-post .related h2,
  .single-post .comment h2 {
    margin-bottom: 20px;
    }

/* related 関連記事 */
.related-inner {
  padding: 10px 0 30px;
  }

.related-wrap {
  width: 100%;
  margin: 0 -40px 0 0;
  }

  .related-wrap .item {
    float: left;
    width: 24%;
    height: initial;
    margin: 0.5%;
/*    background: url(img/bg-dotline2.png) repeat-y left top;*/
  }

/*      .related-wrap .item:first-child,
      .related-wrap .item:nth-of-type(5) {
        padding: 0 20px 0 10px;
        background: none;
      }*/

      .related-wrap .item .date {
        font-size: 11px;
        margin: 10px 0 5px;
      }

      .related-wrap .item .title {
        font-size: 13px;
        font-weight: bold;
        line-height: 1.7;
      }

      .related-wrap .item a {
        color: #000;
        text-decoration: none;
      }

      .related-wrap .item p {
        margin-bottom: 0;
      }

        .related-wrap .item > a {
          display: block;
          width: 100%;
          height: 100px;
          overflow: hidden;
        }

        .related-wrap .item img {
          width: 100%;
          height: auto;
        }

/* 子ページ */
.expert-message {
  font-size: 16px;
  overflow: hidden;
  margin: 0 0 10px 10px;
  }

.moreContents {
  margin-bottom: 20px;
  overflow: hidden;
}

.moreContents .child-pages.block {
  /*width: 48%;*/
  height: 90px;
  padding-bottom: 10px;
  background: url(img/bg-dotline.png) repeat-x center bottom;
  overflow: hidden;
  }

/*  .moreContents .child-pages.block:nth-child(odd) {
    float: left;
    }

  .moreContents .child-pages.block:nth-child(even) {
    float: right;
    }*/

  .moreContents .child-pages .child-img {
    margin: 10px;
    width: 80px;
    height: 60px;
    float: left;
    overflow: hidden;
    }

    .moreContents .child-pages .child-img img {
      width: 80px;
      height: auto;
      }

  .moreContents .child-pages p {
    margin: 25px 10px 20px 0;
    }

  .moreContents .child-pages a {
    color: #19448e;
    }

  .post-body h2 {
    font-size: 24px;
    margin: 60px auto 40px;
    /*border-bottom: 3px solid;*/
  }

  .post-body h3 {
    margin: 40px auto 20px;
    padding-left: 20px;
    border-left: 5px solid;
    clear: both;
  }

  .post-body img {
    max-width: 100%;
    height: auto;
  }

  .post-body p {
    margin-bottom: 2.4em;
  }



/*bradcramb
----------------------------------------------------------- */
#breadcrumb {
  overflow: hidden;
}

  #breadcrumb div {
    float: left;
    margin-right: 10px;
  }

  #breadcrumb div:after {
    content: '>';
    margin-left: 10px;
  }

  #breadcrumb div:last-child:after {
    content: '';
    margin-left: 0;
  }

  .breadcrumbs {
    font-size: 10px;
    background-color: black;
    color: white;
    margin: 0;
    padding: 5px 10px;
    border-radius: 10px;
    margin-bottom: 30px;
  }

      .breadcrumbs a {
        color: #e0b55e
      }

      .breadcrumbs a:visited {
        color: #e0b55e
      }

/*pagenavi
----------------------------------------------------------- */
.wp-pagenavi,
.nextpage {
  clear: both;
  font-size: 12px;
  text-align: center;
  padding: 20px 0;
  border-top: 5px #e5e5e5 solid;
/*  border-right: 5px #e5e5e5 solid;*/
}

  .wp-pagenavi span,
  .wp-pagenavi a,
  .nextpage span,
  .nextpage a {
    background: url(img/pager-num.png) no-repeat 0 0;
    color: #19448e;
    display: inline-block;
    margin: 0 2px;
    line-height: 25px;
    width: 25px;
    height: 25px;
    text-align: center;
    text-decoration: none;
    }

    .wp-pagenavi a:hover {
      background: url(img/pager-current.png) no-repeat 0 0;
      }

  .wp-pagenavi .current,
  .nextpage .current {
    background: url(img/pager-current.png) no-repeat 0 0;
    }

  .wp-pagenavi .nextpostslink,
  .wp-pagenavi .nextpostslink:hover,
  .wp-pagenavi .previouspostslink,
  .wp-pagenavi .previouspostslink:hover {
    text-indent: -9999px;
    background: url(img/pager-next.png) no-repeat 0 0;
    width: 25px;
    height: 25px;
    padding: 0;
    }

  .wp-pagenavi .previouspostslink,
  .wp-pagenavi .previouspostslink:hover {
    background: url(img/pager-prev.png) no-repeat 0 0;
    }


/*pagejump-list 主に仕事相談室
----------------------------------------------------------- */
.pagejump-list {
  margin: 20px auto;
}

.pagejump-list li {
  padding: 2px 0;
  }

  .pagejump-list li:first-child {
    background: none;
    }

  .pagejump-list a:before {
    content: "○　";
    }

#pagetop {
  clear: both;
  }

/*
.quotation {
  background-color: #f5f5f5;
  padding: 10px;
  border-left: #ddd 6px solid;
  margin-bottom: 20px;
}

  .quotation h2 {
    margin: 5px 0;
  }
  */

.edit-comment {
  background: #f6f6f6;
  padding: 10px;
  border-left: 5px #ccc solid;
}


#wherego_related {
  clear: both;
}


/*仕事相談室 */
.recommend-block {
    background: #fdf5de none repeat scroll 0 0;
    border: 1px dashed #e89f0e;
    margin: auto;
    padding: 20px 5px 5px 20px;
    width: 500px;
}

.recommend-comment {
    background: #f6b024 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    padding: 3px 15px;
}

h4.ten {
  font-size: 24px;
}

/* footer
----------------------------------------------------------- */

#global-footer {
  background-color: #ccc;
  width: 100%;
  min-width: 1100px;
  margin-top: 80px;
  }

  #global-footer .h3-style {
    color: #fff;
    font-weight: normal;
    font-size: 18px;
  }

  #global-footer a {
    color: #666;
    }

    #global-footer a:hover {
      text-decoration: underline;
      }

  #global-footer .inner {
    width: 1100px;
    margin: 0 auto;
    padding: 40px 0;
    position: relative;
    overflow: hidden;
  }

  #global-footer .inner .footer-list {
    float: left;
    width: 20%;
  }

/* Pマーク 20171027 */

  #global-footer .pmark-box {
    margin: auto;
    width: 500px;
  }

  #global-footer .pmark-box .p-mark {
    background: #fff;
    float: left;
    margin: 0 10px 0 0;
    padding: 20px
  }

  #global-footer .pmark-box .p-mark img {
    height: 75px;
    width: 75px;
  }

  #global-footer .pmark-box .p-mark-text {
    font-size: 10px;
    float: left;
    margin: 65px 0 0 0;
    width: 375px;
  }

  #global-footer .pmark-box .zenken {
    display: block;
    margin: auto;
    padding: 10px 0 0 0;
    height: auto;
    width: 100px;
  }

  #global-footer .footer-navi .inner {
    overflow: hidden;
  }

    #global-footer .footer-navi .inner ul {
      display: flex;
      justify-content: center;
    }

    #global-footer .footer-navi .inner li {
      float: left;
    }

    #global-footer .footer-navi .inner li:after {
      content: "|";
      margin: auto 10px;
    }

    #global-footer .footer-navi .inner li:last-child:after {
      content: "";
      margin-left: 0;
    }



  #global-footer h2 {
    width: 90px;
    height: 50px;
    background: url(img/kawara-logo-white.png) no-repeat 0 0;
    background-size: contain;
    text-indent: -9999px;
    margin-right: 40px;
    }

  #global-footer .slogan {
    font-size: 11px;
    color: #fff;
    clear: both;
    margin: 8px auto;
    }

  #global-footer .title {
    float: left;
    width: 260px;
    overflow: hidden;
    margin: 0;
    padding: 20px;
    }

    #global-footer ul.social li {
      float: left;
      margin: 0 0 10px;
      }

      #global-footer ul.social a {
        display: inline-block;
        vertical-align: middle;
        width: 20px;
        height: 20px;
        background: url(img/icon-rss-black.png) no-repeat 0 0;
        background-size: contain;
        text-indent: -9999px;
        }

        #global-footer ul.social .facebook a {
          background: url(img/icon-facebook-black.png) no-repeat 0 0;
          background-size: contain;
          }

        #global-footer ul.social .twitter a {
          background: url(img/icon-twitter-black.png) no-repeat 0 0;
          background-size: contain;
          }

        #global-footer ul.social .google a {
          background: url(img/icon-googleplus-black.png) no-repeat 0 0;
          background-size: contain;
          }

.footer-nav {
  float: left;
  font-size: 12px;
  width: 70%;
  }

.site-menu {
  margin: 0 0 40px 0;
  }

  .site-menu > li {
    float: left;
    width: 170px;
    color: #fff;
    margin-bottom: 30px;
    }

.site-info {
  clear: both;
  }

  .site-info li {
    display: inline-block;
    font-size: 10px;
    }

  .site-info li:before {
    content: " ｜ ";
    color: #fff;
    }

    .site-info li:first-child:before {
      content: "";
      }

/* dictionary
----------------------------------------------------------- */
.dict-nav {
  border-bottom: 3px solid #3B3B3B;
  text-align: center;
  padding-top: 10px;
  }

  .dict-nav a {
    display: inline-block;
    padding: 5px 20px;
    margin: 0 1px;
    background-color: #bfbfbf;
    color: #FFF;
    }

  .dict-nav a:hover {
    background-color: #3B3B3B;
    }

  .dict-nav .current {
    padding: 10px 24px 5px;
    background-color: #3B3B3B;
    }

.dict-body {
  padding: 20px;
  }

.dict-list {
  display: none;
  }

#dict-a {
  display: block;
  }

  .dict-list li {
    padding: 3px 0;
    }

  .dict-list a {
    color: #434343;
    }

/* contact
----------------------------------------------------------- */
.contact-form table {
  width: 600px;
  margin: 0 auto;
  }

.contact-form th {
  width: 160px;
  text-align: left;
  }

.contact-form th,
.contact-form td {
  padding: 10px;
  }

.contact-form ul {
  margin: 0 !important;
  }

.contact-form textarea,
.contact-form input {
  font-size: 13px;
  }

.contact-form textarea {
  width: 100%;
  height: 120px;
  box-sizing: border-box;
  resize: vertical;
  }

.submit-container {
  text-align: center;
  margin: 20px 0 !important;
  }

/* ボタンの共通要素 */
.contact-form button,
.contact-form input[type=button],
.contact-form input[type=reset],
.contact-form input[type=submit] {
  border-top: 1px solid #ccc;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  border-left: 1px solid #ccc;
  padding: 10px 20px;
  font-weight: bold;
  cursor: pointer;
  color: #000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background: -moz-linear-gradient(top, #fff, #F1F1F1 1%, #F1F1F1 50%, #DFDFDF 99%, #ccc);
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #F1F1F1), color-stop(0.5, #F1F1F1), color-stop(0.99, #DFDFDF), to(#ccc));
  }

  .contact-form button:hover,
  .contact-form input[type=button]:hover,
  .contact-form input[type=reset]:hover,
  .contact-form input[type=submit]:hover {
    background: -moz-linear-gradient(top, #fff, #e1e1e1 1%, #e1e1e1 50%, #cfcfcf 99%, #ccc);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #e1e1e1), color-stop(0.5, #e1e1e1), color-stop(0.99, #cfcfcf), to(#ccc));
    }

.contact-form button:active,
.contact-form input[type=button]:active,
.contact-form input[type=reset]:active,
.contact-form input[type=submit]:active {
  background: #ccc; padding: 10px 20px;
  }

.contact-form .error {
  color: #C00;
  }

/* sitemap / 404
----------------------------------------------------------- */
.sitemap-top {
  float: left;
  width: 130px;
  }

.sitemap-contents {
  float: left;
  }

.sitemap-menu {
  width: 260px;
  float: left;
  margin-bottom: 40px !important;
  }

  .sitemap-menu li {
    float: left;
    width: 130px;
    }

.sitemap-menu2 {
  width: 320px;
  float: left;
  margin-bottom: 40px !important;
  }

  .sitemap-menu2 li {
    float: left;
    width: 290px;
    }

  .sitemap-info li {
    display: inline-block;
    margin-right: 20px;
    }

.error404 .inner {
  border: none;
  }

.error404 .post h1 {
  border-bottom: none;
  }

.messe404 {
  padding-bottom: 40px;
  margin-bottom: 40px !important;
  border-bottom: 3px solid #3b3b3b;
  }


/* 資格ページ用
---------------------*/
  .licence-underscore {
    border-bottom: 1px dotted rgba(100,100,100,0.8);
    display: block;
    width: 480px;
    padding: 3px;
    margin-top: 5px;
    margin-bottom: 10px;
    }

  .licence-mgn {
    margin: 0 20px 20px;
    }

  .licence-title {
    font-size: x-large;
    font-weight: bold;
    }

  .licence-des {
    color: #666;
    }



/* boss page ----------------------------------------------------------- */
.box {
  float: left;
  width: 50%;
  height: auto;
  }

.subbox {
  float: left;
  height: auto;
  }

  .box > ul > li,
  .subbox > ul > li {
    padding: 15px;
    overflow: hidden;
    }

  .box h3,
  .subbox h3 {
    border-bottom: dotted 1px RGBA(0,0,0,1);
    margin-bottom: 5px;
    padding-bottom: 5px;
    }

.boss-img {
  border: solid 5px RGBA(0,0,0,1);
  float: right;
  width: 100px;
  height: auto;
  overflow: hidden;
  margin: 5px;
  }

.floimg {
  float: right;
  height: auto;
  overflow: hidden;
  }

.bossframe {
  display: table-cell;
  width: 450px;
  }

  .bossframe > li {
    padding: 5px 5px 12px 10px;
    margin: 0 auto;
    overflow: hidden;
    line-height: 1.6;
    font-size: 13px;
    }

  .bossframe h4 {
    font-size: 20px;
    margin-bottom: 10px;
    }

    .bossframe > li:not(:first-child) {
      border: dotted RGBA(66,0,0,0.8);
      border-width: 2px 0 0 0;
      }

.bossme {
  display: table-cell;
  width: 200px;
  padding: 20px;
  height: auto;
  vertical-align: middle;
  text-align: center;
  background: url(../../uploads//2013/10/boss-kawara4.jpg) no-repeat;
  }

.bossimg {
  width: 90%;
  height: auto;
  }

.bossimg2 {
  width: 300px;
  height: auto;
  }

  .bosslink a {
    font-size: 12px;
    margin: 10px;
    }

.main {
  line-height: 1.7em;
}

.clearimg {
  width: 100%;
  height: 100%;
  }

#matrix {
  position: relative;
  height: 383px;
  width: 634px;
  background: url(../../uploads//2013/10/boss-matri-4.png) no-repeat;
  z-index: 0;
  }

#kanpeki,
#geigou,
#zettai,
#riko,
#haita,
#kotonakare {
  display: block;
  position: absolute;
  background: url(../../uploads//2013/10/boss-sprite.png);
  background-repeat: no-repeat;
  }

#geigou {
  top: 20px;
  left: 30px;
  width: 148px;
  height: 134px;
  z-index: 60;
  background-position: left top;
  }

  #geigou:hover{
    background-position: left bottom;
    }

#kanpeki {
  top: 120px;
  left: 220px;
  width: 122px;
  height: 196px;
  z-index: 50;
  background-position: -148px 0px;
  }

  #kanpeki:hover{
    background-position: -148px bottom;
    }

#riko {
  top: 10px;
  left: 360px;
  width: 148px;
  height: 282px;
  z-index: 40;
  background-position: -420px 0px;
  }

  #riko:hover{
    background-position: -420px bottom;
    }

#zettai {
  top: 35px;
  left: 500px;
  width: 150px;
  height: 130px;
  z-index: 30;
  background-position: -270px 0px;
  }

  #zettai:hover{
    background-position: -270px bottom;
    }

#haita {
  top: 240px;
  left: 510px;
  width: 138px;
  height: 148px;
  z-index: 20;
  background-position: -568px 0px;
  }

  #haita:hover {
    background-position: -568px bottom;
    }

#kotonakare {
  top: 230px;
  left: 50px;
  width: 120px;
  height: 148px;
  z-index: 10;
  background-position: -706px 0px;
  }

  #kotonakare:hover {
    background-position: -706px bottom;
    }

/* subordinate page
----------------------------------------------------------- */
#listtable {
  width: 100%;
  margin: 0 auto;
  color: #fff;
  background: url(../../uploads//2013/10/sub-bg5.png) no-repeat;
  background-size: contain;
  -moz-background-size: contain;
  -webkit-background-size: contain;
  -o-background-size: contain;
  -ms-background-size: contain;
  }

#yarudekiru,
#yarudekinai,
#yaranaidekiru,
#yaranaidekinai {
  position: absolute;
  display: block;
  }

  #listtable > ul {
    width: 100%;
    }

    #listtable > ul > li,
    #listtable > ul > div {
      float: left;
      margin: 1px;
      font-size: 18px;
      font-weight: bold;
      color: rgba(255,255,255,1);
      display: table-cell;
      vertical-align: middle;
      }

.xy-base,
.x-line,
.y-line,
.xy-box {
  margin: 1px;
  font-size: 18px;
  font-weight: bold;
  text-align: center !important;
  }

.xy-base {
  display: table-cell;
  vertical-align: middle;
  }

.x-line {
  width: 45%;
  display: table-cell;
/*  padding-top: 5px;*/
  vertical-align: middle;
  }

.x-line > p {
  margin-bottom: 0;
  }

.y-line {
  width: 80px;
  display: table-cell;
  vertical-align: middle;
  }

  .y-line > p {
    padding-left: 5px;
    -webkit-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    -o-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    }

.xy-box {
  width: 45%;
  height: 200px;
  display: table-cell;
  margin: 0 auto;
  padding: 0;
  }

img.tableclear {
  width: 60px;
/*  height: 50px;*/
  }

.imgmain {
  width: 160px;
  }

.small {
  text-align: left;
  text-indent: 5em;
  font-size: small;
  }

#graph {
  width : 600px;
  height: 400px;
  margin: 20px auto;
  position: relative;
  }

.graph-title {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin: 50px 0 0;
  }

/* colleague
----------------------------------------------------------- */
.colleaguebox {
  padding: 15px;
  line-height: 1.7em;
  font-size: 16px;
  overflow: hidden;
  clear: both;
  }

.colimg {
  margin: 0 auto;
  text-align: center;
  }

  .colleaguebox img {
    width: 400px;
    margin: 20px;
    }

  .colleaguebox p {
    margin-bottom: 30px;
    }

    .colleaguebox li:nth-child(odd) {
      font-weight: bold;
      font-size: 14px;
      }

    .colleaguebox li:nth-child(even) {
      padding: 10px 0;
      border-bottom: solid 1px rgba(0,0,0,1);
      /*height: 160px;*/
      margin-bottom: 20px;
      }

    .colleaguebox li:nth-last-of-type(1) {
      border-bottom: none !important;
      }

    .colleaguebox li:nth-child(odd):before {
      content: '□';
      margin-right: 10px;
      }

.hr-colleague {
  border: dotted 1px rgba(0,0,0,1);
  margin-bottom: 15px;
  }

.colleaguecharaset {
  margin: 0 auto;
  }

  .colleaguecharaset img {
    float: left;
    margin: 10px;
    width: 210px;
    }

  .colleaguebox ul {
    margin: 1%;
/*    float: left;
    width: 48%;*/
    }

/* overtime　残業
----------------------------------------------------------- */
.ottable {
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
  }

  .ottable ul {
    margin: 0 auto;
    }

  .ottable li {
    float: left;
    margin: 5px;
    color: #000;
    }

  .otbox h3 {
    border-left: solid 6px rgba(0,0,0,0.5);
    border-top: solid 2px rgba(0,0,0,0.5);
    padding: 10px 0 5px 15px;
    font-weight: bold;
    margin-top: 25px;
    }

  .otbox p {
    line-height: 1.8em;
    font-size: 12px;
    margin: 5px 15px;
    }

.otmain {
  font-size: 13px;
  margin: 0 0 5px 10px;
  line-height: 1.8em;
  overflow: hidden;
  }

  .otmain span {
    font-weight: bold;
    }

  .otbox blockquote {
    margin: 10px;
    border: solid 1px rgba(60,60,60,0.7);
    font-size: 14px;
    padding: 10px 0;
    color: #666666;
    width: auto;
    height: inherit;
    overflow: hidden;
    text-align: center;
    }

    .otbox blockquote p {
      margin: 5px 7px;
      }

    .otbox blockquote p:before {
      content: "“";
      display: inline;
      font-size: 200%;
      }

    .otbox blockquote p:after {
      content: "”";
      display: inline;
      font-size: 200%;
      }

#excessive-labor,
#work-suddenly,
#check-around,
#do-not-wanna-go-home,
#wait-for-the-deliverables,
#pay,
#nocturnal-awakening {
  display: block;
  width: 150px;
  height: 100px;
  background: url(kawara_wp/../uploads/2013/10/overtime-sprite.png);
  background-repeat: no-repeat;
  }

#excessive-labor {
  background-position: left top;
  }

  #excessive-labor:hover {
    background-position: left bottom;
    }

#work-suddenly {
  background-position: -750px top;
  }

  #work-suddenly:hover {
    background-position: -750px bottom;
    }

#check-around {
  background-position: -600px top;
  }

  #check-around:hover {
    background-position: -600px bottom;
    }

#do-not-wanna-go-home {
  background-position: -450px top;
  }

  #do-not-wanna-go-home:hover {
    background-position: bottom;
    }

#wait-for-the-deliverables {
  background-position: -300px top;
  }

  #wait-for-the-deliverables:hover {
    background-position: -300px bottom;
    }

#nocturnal-awakening {
  background-position: -150px top;
  }

  #nocturnal-awakening:hover {
    background-position: -150px bottom;
    }

#pay {
  background-position: -900px top;
  }

  #pay:hover {
    background-position: -900px bottom;
    }


/* お金について
----------------------------------------------------------- */
.moneybox {
  padding: 15px;
  line-height: 1.7em;
  font-size: 13px;
  overflow: hidden;
  clear: both;
  }

  .moneybox p {
    margin-bottom: 15px;
    }

      .moneybox h3:not(:first-child) {
        margin-top: 20px;
        }

      .moneybox h3 span {
        font-size: 22px;
        width: 100%;
        border-bottom: dotted 1px #000;
        }

span.big {
  font-size: 200%;
  }

.affimg {
  width: 220px;
  height: auto;
  }

.affframe {
  display: table-cell;
  width: 300px;
  }

  .affframe > li {
    padding: 15px 0 12px 40px;
    margin: 0 auto;
    overflow: hidden;
    line-height: 1.7;
    font-size: 13px;
    font-weight: bold;
    }

    .affframe > li > span {
      padding: 2px 0 5px 15px;
      font-size: 18px;
      border-left: double 5px rgba(0,0,0,1);
      border-bottom: solid 1px rgba(0,0,0,1);
      }

    .affframe > li.n1 {
      background: url(../../uploads//2013/10/aff-number01.png) no-repeat;
      }

    .affframe > li.n2 {
      background: url(../../uploads//2013/10/aff-number02.png) no-repeat;
      }

    .affframe > li.n3 {
      background: url(../../uploads//2013/10/aff-number03.png) no-repeat;
      }

    .affframe > li.n4 {
      background: url(../../uploads//2013/10/aff-number04.png) no-repeat;
      }


.affme {
  display: table-cell;
  width: 240px;
  height: auto;
  vertical-align: middle;
  text-align: center;
  }

  .affbox h2 {
    margin-bottom: 15px;
    }

  .affbox h3 {
    font-size: 15px;
    margin: 10px 0;
    padding: 2px 0 5px 15px;
    border-left: double 5px rgba(0,0,0,1);
    border-bottom: solid 1px rgba(0,0,0,1);
    }

    .affbox h4:before {
      content: "■";
      margin-right: 5px;
      }

.moneyimg {
  width: 200px;
  margin: 40px 10px;
  overflow: hidden;
  }

.afflist {
  margin-bottom: 30px;
  }

  .afflist li {
    float: left;
    display: table-cell;
    overflow: hidden;
    }

    .afflist li.head {
      border-top: double 4px rgba(0,0,0,1);
      }

    .afflist li:nth-child(odd) {
      border-left: solid 1px rgba(0,0,0,1);
      border-bottom: solid 1px rgba(0,0,0,1);
      width: 100px;
      padding: 10px;
      }

    .afflist li:nth-child(even) {
      border-left: solid 1px rgba(0,0,0,1);
      border-right: solid 1px rgba(0,0,0,1);
      border-bottom: solid 1px rgba(0,0,0,1);
      width: 480px;
      padding: 10px;
      }

    .afflist li a {
      color: #006;
      text-decoration: none;
      }

      .afflist li a:hover {
        text-decoration: underline;
        }

.co-box {
  display: block;
  text-align: center;
  width: 200px;
  border: 1pt solid rgba(0,0,0,1);
  padding: 5px;
  }

.wlb-title {
  display: block;
  border-left: 4px solid rgba(0,0,150,1);
  padding-left: 10px;
  text-size: 1.4em;
  border-bottom: 1px solid rgba(0,0,150,0.4);
  padding-bottom: 5px;
  padding-top: 5px;
  margin-bottom: 10px;
  }

/*お毒のコメント*/
.odoku-comment {
  margin: 0 0 0 auto;
  position: relative;
  background: #eee8aa;
  height: auto;
  width: 250px;
  margin-bottom: 20px;
  margin-left: 180px;
  float: left;
  padding: 25px 10px;
  line-height: 1.2em;
  border-radius: 10px;
  }

  .odoku-comment:after {
    border: solid transparent;
    border-width: 10px 0 10px 30px;
    border-left-color: #eee8aa;
    border-right-width: 0;
    right: -20px;
    content: "";
    display: block;
    top: 50%;
    position: absolute;
    width: 0;
    }

.odoku-bg {
  position: relative;
  background-image: url(img/odokuBup.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: contain;
  width: 105px;
  height: 80px;
  float: left;
  }

.recommendbox {
  background-color: rgba(230,230,230,0.40);
  width: 90%;
  height: auto;
  margin: 0 auto;
  padding: 10px;
  }

.pink-box {
  margin: 20px;
  padding: 20px;
  background: rgb(255, 249, 239) none repeat scroll 0px 0px;
  border: 1px dashed rgb(169, 169, 169);
}

.woman-category h2, .woman-category h3, .woman-category h4{
  margin-bottom: 5px;
}

.woman-category p {
  margin-bottom: 25px;
  margin-left: 10px;
}

/* 猫田道場
----------------------------------------------------------- */

#dojo-bg {
  height: 250px;
  background: url(../../uploads//2013/12/dojyo.png) no-repeat;
  }

.introduction {
  height: 250px;
  background: -moz-linear-gradient(left, rgba(255,255,255,1), rgba(255,255,255,0));
  background: -webkit-gradient(linear, left, from(rgba(255,255,255,1)), to(rgba(255,255,255,0)));
  background-repeat: no-repeat;
  z-index: 10;
  }

div.category {
  display: block;
  margin: 5px;
  padding: 5px;
  width: 95%;
  height: auto;
  border-bottom: 2px dotted rgba(0,0,0,0.8);
  }

  div.category h2 {
    margin: 0;
    }

div.cs-box {
  overflow: hidden;
  height: auto;
  border-bottom: 3px dotted rgba(0,0,0,0.8);
  }

  div.cs-box-end {
    overflow: hidden;
    height: auto;
    border-bottom: 3px dotted rgba(0,0,0,0.8);
    background: rgba(179,173,160,0.4);
    }

.cs-box ul {
  width: 100%;
  }

.cs-cont {
  float: left;
  overflow: hidden;
  width: 350px;
  height: auto;
  margin: 0 auto;
  }

    div.cs-box-end .cs-cont strong{
      color: rgba(255,0,0,1);
      }

      div.cs-box-end .cs-cont strong:after {
        content: "[終了]";
        }

.mal:before {
  content: "● ";
  color: rgba(30,80,162,1);
  }

.fem:before {
  content: "● ";
  color: rgba(186,34,54,1);
  }


/* company rank
----------------------------------------------------------- */
.comp-nav {
  border-bottom: 3px solid #3B3B3B;
  text-align: center;
  padding-top: 10px;
  }

  .comp-nav a {
    display: inline-block;
    padding: 5px 24px;
    margin: 0 1px;
    background-color: #bfbfbf;
    color: #FFF;
    text-decoration: none;
    }

    .comp-nav a:hover {
      text-decoration: none;
      background-color: #3B3B3B;
      }

    .comp-nav .current {
      padding: 10px 24px 5px;
      background-color: #3B3B3B;
      }

.comp-body {
  padding: 20px;
  }

  .comp-body h2 {
    float: left;
    width: 150px;
    overflow: hidden;
    }

  .comp-body .comp-content {
    float: left;
    width: 500px;
    padding-left: 10px;
    margin: 0px 10px 10px;
    border-left: solid 1px rgba(0,0,0,1);
    }

  .comp-body a {
    color: #19448e;
    }

.comp-list {
  display: none;
  }

#comp-a {
  display: block;
  }

  .comp-list p {
    padding: 3px 0
    }

  .comp-list a {
    color: #434343;
    text-decoration: underline;
    }

#wpstats {
  display: none
  }

.sp-only {
  display: none;
}

/* sitemap
----------------------------------------------------------- */
.link-style {
  font-size: 25px;
  margin-bottom: 20px;
}

.link-style:before {
  content: "■";
  font-size: 25px;
  color: #000;
  margin-right: 10px;
}

.sitemap-link a {
  color: #000 !important;
}

.content-link .post-content {
  padding: 0 30px;
}

  .sitemap-link .sub-cat-large {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .sitemap-link .sub-cat-large:before {
    content: "■";
    font-size: 20px;
    margin-right: 10px;
  }

  .sitemap-link .sub-cat,
  .sitemap-link .sub-cat-page {
    font-size: 18px;
    text-indent: 10px;
  }

  .sitemap-link .sub-cat:before,
  .sitemap-link .sub-cat-page:before {
    content: "■";
    font-size: 18px;
    margin-right: 10px;
  }

  .sitemap-link .sub-cat-page {
    margin-bottom: 20px;
    width: 50%;
    float: left;
  }


  .sitemap-link .content-link {
    margin-bottom: 10px;
    float: left;
    width: 50%;
    font-size: 13px;
  }

.of-h {
  overflow: hidden;
}

  .sitemap-link .of-h {
    margin-bottom: 20px;
  }


/* エージェント紹介用
----------------------------------------------------------- */
#agent-area h3 {
    background-color: #006;
    color: white;
    margin: auto auto 20px;
    border: none;
    padding: 10px 20px;
}

.agent-box {
    border: solid 3px #006;
    margin-bottom: 50px;
}

.agent-box p {
    padding: 0 15px;
    margin-bottom: 20px !important;
}

.agent-box .alignleft {
    float: left;
    padding: 0 15px;
}

.agent-box h4 {
    padding: 10px 15px;
    font-size: 18px;
    color: #c00;
}

.agent-box .rikulink {
    background-color: #006;
    margin-bottom: 20px;
}


/* 社員が輝く会社のヒケツ用
----------------------------------------------------------- */
.spc-banner {
  display: block;
  max-width: 300px;
  margin: 0 auto;
}

.spc-banner:hover {
  opacity: .7;
}

.sca-intro-blk {
  margin: 0 0 18px;
}

.sca-intro-blk:after {
  content: "";
  clear: both;
  display: block;
}

.special-company-archive .sca-intro-firstttl {
  border: 1px solid #e4e4e4;
  box-sizing: border-box;
  float: left;
  font-size: 14px;
  line-height: 1;
  margin: 0;
}


.sca-intro-firstttl-before {
  background: #201509;
  color: #fff;
  display: inline-block;
  padding: 5px;
  margin: 0;
}

.sca-intro-firstttl-after {
  padding: 5px 15px;
}

.sca-intro-firstttl-after span:first-child {
  color: #ff26a0;
}

.sca-intro-firstttl-after span:nth-of-child(2) {
  color: #36c;
}

.sca-intro-firstttl-after span:last-child {
  color: #ffa125;
}

.special-company-archive .sca-intro-secondttl {
  float: right;
  margin: 0;
}

.post-body .special-company-archive .sca-intro-topttl {
  font-size: 34px;
  line-height: 1;
  margin: 0 0 20px;
}

.sca-topimage {
  margin: 0 0 20px;
}

.sca-intro {
  background: #f4f9fd;
  border: 1px solid #e8f5ff;
  padding: 30px 55px;
  font-size: 14px;
  line-height: 1.6;
}

.sca-seven-blk {
  margin: 0 0 40px;
}

.special-company-archive .sca-intro-subttl {
  background: #666;
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  line-height: 1;
  margin: 0;
  padding: 8px 20px;
}

.sca-cat-list {
  background: #f8f8f8;
  padding: 30px;
}

.sca-cat-list-item {
  background: #fff;
  border: 1px solid #e4e4e4;
  border-bottom: none;
  padding: 10px;
}

.sca-cat-list-item:last-child {
  border-bottom: 1px solid #e4e4e4;
}

.sca-cat-list-item dl {
  line-height: 1;
}

.sca-cat-list-ttl {
  display: inline-block;
  min-width: 30%;
}

.sca-cat-list-ttl a {
  font-size: 16px;
}

.sca-cat-list-ttl span {
  margin: 0 10px 0 0;
}

.woman-lively.sca-cat-list-item .sca-cat-list-ttl a,
.woman-lively .sca-cat-list-ttl span {
  color: #f09;
}

.senior-active.sca-cat-list-item .sca-cat-list-ttl a,
.senior-active .sca-cat-list-ttl span {
  color: #f90;
}

.innovative.sca-cat-list-item .sca-cat-list-ttl a,
.innovative .sca-cat-list-ttl span {
  color: #36c;
}

.good-vision.sca-cat-list-item .sca-cat-list-ttl a,
.good-vision .sca-cat-list-ttl span {
  color: #0c3;
}

.efficiency-work.sca-cat-list-item .sca-cat-list-ttl a,
.efficiency-work .sca-cat-list-ttl span {
  color: #960;
}

.good-office.sca-cat-list-item .sca-cat-list-ttl a,
.good-office .sca-cat-list-ttl span {
  color: #96c;
}

.fast-growing.sca-cat-list-item .sca-cat-list-ttl a,
.fast-growing .sca-cat-list-ttl span {
  color: #e00;
}

.sca-cat-list-desc {
  font-size: 14px;
  display: inline-block;
}

.special-company-archive .sca-undertxt {
  margin: 30px 0;
  padding: 0 30px;
}

.special-company .post-image {
  position: relative;
}

.special-company .spcom-cat-name {
  background: red;
  bottom: 0;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  padding: 5px 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

.woman-lively .spcom-cat-name  {
  background: rgba(255,0,153,0.7 );
}

.innovative .spcom-cat-name  {
  background: rgba(255,153,0,0.7);
}

.senior-active .spcom-cat-name  {
  background: rgba(51,102,204,0.7);
}

.good-vision .spcom-cat-name  {
  background: rgba(0,204,51,0.7);
}

.efficiency-work .spcom-cat-name  {
  background: rgba(153,102,0,0.7);
}

.good-office .spcom-cat-name  {
  background: rgba(153,102,204,0.7);
}

.fast-growing .spcom-cat-name  {
  background: rgba(238,0,0,0.7);
}

.woman-lively .post-title h3 a {
  color: #f09;
}

.innovative .post-title h3 a {
  color: #f90;
}

.senior-active .post-title h3 a {
  color: #36c;
}

.good-vision .post-title h3 a {
  color: #0c3;
}

.efficiency-work .post-title h3 a {
  color: #960;
}

.good-office .post-title h3 a {
  color: #96c;
}

.fast-growing .post-title h3 a {
  color: #e00;
}

.special-company .spcom-blk {
  padding: 15px 20px 0;
}

.special-company .spcom-name {
  border-bottom: 1px dashed #aaa;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 5px;
  padding: 0 0 5px;
}

.special-company .spcom-info {
  color: #999;
  font-size: 12px;
  margin: 0;
}

.special-company .post-content {
  line-height: 1.2;
  padding: 10px 20px 20px;
}

.special-company .moreread {
  line-height: 1.2;
}



/* margin
----------------------------------------------------------- */

.mgn-00 { margin: 0 !important; }
.mgn-05 { margin: 5px !important; }
.mgn-10 { margin: 10px !important; }
.mgn-15 { margin: 15px !important; }
.mgn-20 { margin: 20px !important; }
.mgn-25 { margin: 25px !important; }
.mgn-30 { margin: 30px !important; }
.mgn-40 { margin: 40px !important; }
.mgn-50 { margin: 50px !important; }

.mgn-v05 { margin: 5px 0 !important; }
.mgn-v10 { margin: 10px 0 !important; }
.mgn-v15 { margin: 15px 0 !important; }
.mgn-v20 { margin: 20px 0 !important; }
.mgn-v25 { margin: 25px 0 !important; }
.mgn-v30 { margin: 30px 0 !important; }
.mgn-v40 { margin: 40px 0 !important; }
.mgn-v50 { margin: 50px 0 !important; }

.mgn-h05 { margin: 0 5px !important; }
.mgn-h20 { margin: 0 10px !important; }
.mgn-h25 { margin: 0 15px !important; }
.mgn-h20 { margin: 0 20px !important; }
.mgn-h25 { margin: 0 25px !important; }
.mgn-h30 { margin: 0 30px !important; }
.mgn-h40 { margin: 0 40px !important; }
.mgn-h50 { margin: 0 50px !important; }

.mgn-t00 { margin-top: 0 !important; }
.mgn-t05 { margin-top: 5px !important; }
.mgn-t10 { margin-top: 10px !important; }
.mgn-t15 { margin-top: 15px !important; }
.mgn-t20 { margin-top: 20px !important; }
.mgn-t25 { margin-top: 25px !important; }
.mgn-t30 { margin-top: 30px !important; }
.mgn-t40 { margin-top: 40px !important; }
.mgn-t50 { margin-top: 50px !important; }

.mgn-r00 { margin-right: 0 !important; }
.mgn-r05 { margin-right: 5px !important; }
.mgn-r10 { margin-right: 10px !important; }
.mgn-r15 { margin-right: 15px !important; }
.mgn-r20 { margin-right: 20px !important; }
.mgn-r25 { margin-right: 25px !important; }
.mgn-r30 { margin-right: 30px !important; }
.mgn-r40 { margin-right: 40px !important; }
.mgn-r50 { margin-right: 50px !important; }

.mgn-b00 { margin-bottom: 0 !important; }
.mgn-b05 { margin-bottom: 5px !important; }
.mgn-b10 { margin-bottom: 10px !important; }
.mgn-b15 { margin-bottom: 15px !important; }
.mgn-b20 { margin-bottom: 20px !important; }
.mgn-b25 { margin-bottom: 25px !important; }
.mgn-b30 { margin-bottom: 30px !important; }
.mgn-b40 { margin-bottom: 40px !important; }
.mgn-b50 { margin-bottom: 50px !important; }

.mgn-l00 { margin-left: 0 !important; }
.mgn-l05 { margin-left: 5px !important; }
.mgn-l10 { margin-left: 10px !important; }
.mgn-l15 { margin-left: 15px !important; }
.mgn-l20 { margin-left: 20px !important; }
.mgn-l25 { margin-left: 25px !important; }
.mgn-l30 { margin-left: 30px !important; }
.mgn-l40 { margin-left: 40px !important; }
.mgn-l50 { margin-left: 50px !important; }
.mgn-auto {
	margin-left: auto !important;
	margin-right: auto !important;
}


/* padding
----------------------------------------------------------- */

.pad-00 { padding: 0 !important; }
.pad-05 { padding: 5px !important; }
.pad-10 { padding: 10px !important; }
.pad-15 { padding: 15px !important; }
.pad-20 { padding: 20px !important; }
.pad-25 { padding: 25px !important; }
.pad-30 { padding: 30px !important; }
.pad-40 { padding: 40px !important; }
.pad-50 { padding: 50px !important; }

.pad-v05 { padding: 5px 0 !important; }
.pad-v10 { padding: 10px 0 !important; }
.pad-v15 { padding: 15px 0 !important; }
.pad-v20 { padding: 20px 0 !important; }
.pad-v25 { padding: 25px 0 !important; }
.pad-v30 { padding: 30px 0 !important; }
.pad-v40 { padding: 40px 0 !important; }
.pad-v50 { padding: 50px 0 !important; }

.pad-h05 { padding: 0 5px !important; }
.pad-h20 { padding: 0 10px !important; }
.pad-h25 { padding: 0 15px !important; }
.pad-h20 { padding: 0 20px !important; }
.pad-h25 { padding: 0 25px !important; }
.pad-h30 { padding: 0 30px !important; }
.pad-h40 { padding: 0 40px !important; }
.pad-h50 { padding: 0 50px !important; }

.pad-t00 { padding-top: 0 !important; }
.pad-t05 { padding-top: 5px !important; }
.pad-t10 { padding-top: 10px !important; }
.pad-t15 { padding-top: 15px !important; }
.pad-t20 { padding-top: 20px !important; }
.pad-t25 { padding-top: 25px !important; }
.pad-t30 { padding-top: 30px !important; }
.pad-t40 { padding-top: 40px !important; }
.pad-t50 { padding-top: 50px !important; }

.pad-r00 { padding-right: 0 !important; }
.pad-r05 { padding-right: 5px !important; }
.pad-r10 { padding-right: 10px !important; }
.pad-r15 { padding-right: 15px !important; }
.pad-r20 { padding-right: 20px !important; }
.pad-r25 { padding-right: 25px !important; }
.pad-r30 { padding-right: 30px !important; }
.pad-r40 { padding-right: 40px !important; }
.pad-r50 { padding-right: 50px !important; }

.pad-b00 { padding-bottom: 0 !important; }
.pad-b05 { padding-bottom: 5px !important; }
.pad-b10 { padding-bottom: 10px !important; }
.pad-b15 { padding-bottom: 15px !important; }
.pad-b20 { padding-bottom: 20px !important; }
.pad-b25 { padding-bottom: 25px !important; }
.pad-b30 { padding-bottom: 30px !important; }
.pad-b40 { padding-bottom: 40px !important; }
.pad-b50 { padding-bottom: 50px !important; }

.pad-l00 { padding-left: 0 !important; }
.pad-l05 { padding-left: 5px !important; }
.pad-l10 { padding-left: 10px !important; }
.pad-l15 { padding-left: 15px !important; }
.pad-l20 { padding-left: 20px !important; }
.pad-l25 { padding-left: 25px !important; }
.pad-l30 { padding-left: 30px !important; }
.pad-l40 { padding-left: 40px !important; }
.pad-l50 { padding-left: 50px !important; }

span.bgYellow {
    background: yellow;
    border-bottom: 1px solid red;
}

/* main list
----------------------------------------------------------- */
.mainul {
    margin: 0 20px 10px;
}
.mainul > li {
    list-style: outside none disc;
}