@charset "utf-8";

/* CSS Document */

html{
  background-color: #fff !important;
}
body{
  background-color: inherit;
  color: #454545;
  font-family: "ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
a {
  color: #4267B2;
  cursor: pointer;
  text-decoration: none;
  transition: none 86ms ease-out 0s ;
  opacity: 1;
}
a:hover {
  /*color: #222324;
  text-decoration: underline;*/
}
a:hover img{
  opacity: 0.7;
}

hr{
  border-top-color: #E7E7E7;
  margin: 24px 0;
}

.section {
  padding: 20px;
}

.row{
  display: table;
  /*width: 100%;*/
}
.row .col{
  display: table-cell;
}

.table tr:hover{
  background: none !important;
}

/*____*/
@media screen and (max-width: 768px) {}
@media screen and (min-width: 769px) {}
@media screen and (min-width: 980px) {}
@media screen and (min-width: 1180px) {}

/*!
============================================================*/
#header-nav-block{
  background-color: #F7F7F7;
  border-bottom: solid 1px #eee;
}
#header-nav-block .nav{
  background-color: inherit;
  min-height: 30px;
  position: relative;
}
.header-nav{
  padding: 8px 0;
  font-size: 12px;
}
.header-nav .nav-left li:not(:last-child){
  margin-right: 10px;
}
.header-nav .nav-right a{
  display: inline-block;
  padding: 12px 40px 5px;
  background: #fff;
  border: solid 1px #E7E7E7;
  border-top-width: 0;
  border-radius: 0 0 3px 3px;
  margin: -14px 5px 0;
}

.global-header .level-center .searchform{
  border: solid 1px #ccc;
  max-width: 480px;
  padding:5px;
  position: relative;
}

.level-center .searchform .cap-text{
  font-size: 12px;
  line-height: 1;
}

.level-center .searchform input[type="text"]{}
.level-center .searchform input[type="submit"]{}
.level-center .searchform input:focus {}
.searchform input::-moz-placeholder {
  color: #000;
  opacity: .7;
}

.cse .gsc-control-cse,
.gsc-control-cse{
  padding: 0 !important;
  background-color: inherit !important;
  border: none !important;
}
table.gsc-search-box,
form.gsc-search-box{
  margin: 0 !important;
}

input.gsc-search-button,
input.gsc-search-button:hover,
input.gsc-search-button:focus{}

.cse .gsc-search-button input.gsc-search-button-v2,
input.gsc-search-button-v2{
  width: auto !important;
  height: auto !important;
}
.gsib_a{
  padding: 0 !important;
}

.global-header .level-right p a.btn-outline{
  border: solid 1px #e7e7e7;
  display: inline-block;
  text-align: center
}

/*____*/
#global-head{}
#brand-logo img{
  margin:5px;
}

@media screen and (min-width: 769px) {
  .global-header .container{
    padding:20px 0;
  }
  .gsib_a {
    min-width: 140px !important;
  }
}

/*____*/
#global-nav{}
.global-nav{
  background: #4267B2;
}
.tabs ul{
  border: none !important;
}
.tabs.is-boxed a {
  border: none !important;
  border-radius: 0;
  padding: 8px 16px;
  color: #fff;

}
.tabs.is-boxed a:hover {
  background-color: #f5f7fa;
  border: none !important;
  color: #454545;
  text-decoration: none;
}

#shukan-jutaku.home .tabs.is-boxed li.nav-home a,
body[class*="page-news_art"] .tabs.is-boxed li.nav-np a,
body[class*="page-article"] .tabs.is-boxed li.nav-np a,
body[class*="page-mansion_hyosho"] .tabs.is-boxed li.nav-np a,
body[class*="page-resarch"] .tabs.is-boxed li.nav-np a,
body[class*="page-reg"] .tabs.is-boxed li.nav-np a,
body[class*="page-ad"] .tabs.is-boxed li.nav-np a,
body[class*="page-period"] .tabs.is-boxed li.nav-np a,
body[class*="page-np"] .tabs.is-boxed li.nav-np a,
#shukan-jutaku-pub .tabs.is-boxed li.nav-pub a,
body[class*="page-stream"] .tabs.is-boxed li.nav-ed a,
body[class*="page-store"] .tabs.is-boxed li.nav-ed a,
body[class*="page-ed"] .tabs.is-boxed li.nav-ed a,
body[class*="page-seminar"] .tabs.is-boxed li.nav-semi a,
body[class*="page-pp"] .tabs.is-boxed li.nav-co a,
body[class*="page-co"] .tabs.is-boxed li.nav-co a,
.tabs.is-boxed li.is-active a {
  background-color: #fff;
  color: #000;
  border: none !important;
}

/*__スマホ向け__*/
.nav-toggle{
  background: #4267B2;
}
.nav-toggle:hover{
  background: #4267B2;
}
.nav-toggle span{
  background-color: #fff;
}
.nav-toggle:hover span{
  background-color: yellow;
}

.nav-menu{
  z-index: 60;
  background: #4267B2;
  color: #fff;
  top: auto;
}
.nav-menu a{
  color: #fff;
}
.nav-menu a:hover{
  text-decoration: none;
  color: yellow;
}

.nav-menu .close-btn{
  text-align: center;
}

.mobile-search-block{
  padding: 10px;
}

.login-reg-box.columns,
.login-reg-box{
  margin:0 !important;
}
.login-reg-box .column{
  padding:0;
}
.login-reg-box .column .customer-login-btn{
  border-right:1px solid rgba(211, 214, 219, 0.5);
}


@media screen and (min-width: 769px) {
  .nav-menu{
    display: none;
  }
}

#sub-navi {}
body[class=*"page-seminar"] #sub-navi .nav-item a.is-tab,
body[class=*"page-seminar"] #sub-navi a.nav-item.is-tab{
  padding-left: 8px;
  padding-right: 8px;
}

ul.inline-list{}
ul.inline-list li{
  display: inline-block;
}

.title{
  font-size: 18px;
  font-weight: 700;
}
.subtitle{
  font-size: 15px;
}


.topich-path {}
.topich-path .container {}
.topich-path .topich-path_inner {}
.topich-path li {}
.topich-path li span {}

/*!
============================================================*/
@media screen and (max-width: 768px) {
  #main-container{
    /*border-top: solid 1px #4267B2;*/
    border-top: solid 1px #e7e7e7;
  }
}

/*____*/
#primary{}
/*____*/
#secondary{}

@media screen and (min-width: 769px) {
  #primary{
    padding-right: 40px;
  }
  .article-body .column{
    padding-right: 30px;
  }
  #secondary{
    width: 300px;
    padding: 10px 0;
  }
  #secondary .column{
    width: 300px;
    padding: 0;
  }
  #secondary img{
    width: auto;
    max-width: 300px;
  }
  #secondary .aside-block .half-width img{
    max-width: 145px;
    max-height: 50px;
  }

}

/*__main-contents__*/
.article-block{
  margin-bottom: 30px;
}

.article-block .title + .subtitle{
  margin-top: 0;
}
.article-block .subtitle{
  margin-bottom: 5px;
  font-weight: 700;
}

.article-block .arw-link{
  font-size: 12px;
}

.article-block .column h3 + .media{
  margin-top: 10px;
}

.article-block .has-arw:not(:last-child){
  margin-bottom: 20px;
}
.has-arw li{
  position: relative;
  margin-bottom: 5px;
  padding-left: 24px;
}
.has-arw li::before{
  display: block;
  content: "";
  position: absolute;
  top: 6px;
  left: 2px;
  height: 0;
  width: 0;
  border: solid 4px transparent;
  border-left-color: #040404;
}

.article-body .media-left .image{
  min-width: 80px;
}

/*__sidebar__*/
.aside-block{
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.aside-block:not(:last-child){
  border-bottom: solid 1px #e7e7e7;
}

.aside-block h3{
  margin-bottom: 12px
}
.aside-block hr{
  margin: 12px 0;
}

.aside-block .col,
.aside-block .row{
  display: block;
}
.aside-block .col:not(:last-child){
  margin-bottom: 5px;
}

.aside-block ul:not(.half-width) li{
  padding-left:10px;
  margin-bottom: 10px;
}

.aside-block ul{
  margin-left: -10px;
  margin-right: 0;
  margin-top: 0;
}
.aside-block ul::after{
  display: block;
  content: "";
  height: 0;
  clear: both;
}
.aside-block .half-width{
  margin-left: -5px;
  margin-right: 0;
  margin-top: 0;
}
.aside-block .half-width li{
  width: 50%;
  float: left;
  padding:5px;
}
.aside-link-box a{
  border: solid 1px #e7e7e7;
  display: inline-block;
}
.aside-link-box a img{
  /*border: solid 1px #e7e7e7;*/
  display: block;
  text-align: center
}

.sponsored-link a img{
  border: none;
  margin: 0 auto;
}
.sponsored-link li{
  text-align: center;
}
.sponsored-link li a{
  border: solid 1px #e7e7e7;
  display: block;
  padding: 10px 0;
}

.wp-members{
  padding: 10px;
  background: #f7f6ef;
  border: solid 1px #e7e7e7;
}

@media screen and (min-width: 480px) and (max-width: 768px) {
  .aside-block li{
    width: 50%;
    float: left;
    padding-bottom:0;
    margin-bottom: 5px;
  }
  .aside-block .half-width li{
    width: 25%;
  }
  .sponsored-link{
    margin-left: -10px;
  }
  .sponsored-link li{
    padding: 5px;
  }

  .aside-block .row{
    display:table;
  }
  .aside-block .row .col{
    display: table-cell;
    vertical-align: top;
    padding-right: 10px;
  }
}

/*!
============================================================*/
#header-roll-bn-block{
  margin-top: 15px;
}

.header-roll-inner li{
  text-align: center;
}
.header-roll-inner li a{
  display: inline-block;
}
.header-roll-inner li img{
  margin: 0 auto;
}

.header-roll-inner .bx-wrapper{
  margin-bottom: 30px;
}
.header-roll-inner .bx-wrapper .bx-viewport{
  border: none;
  box-shadow: none;
  left:0;
}
.header-roll-inner .bx-wrapper .bx-pager{
  padding-top: 5px;
}
.header-roll-inner .bx-wrapper .bx-pager,
.header-roll-inner .bx-wrapper .bx-controls-auto{
  bottom: -20px;
}
.header-roll-inner .bx-wrapper .bx-pager.bx-default-pager a{
  background: #ccc;
}
.header-roll-inner .bx-wrapper .bx-pager.bx-default-pager a:hover,
.header-roll-inner .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #4267b2;
}

#post-announce-block{}
#post-announce-block .announce-inner{
  padding: 10px 20px;
  background-color: #F9F9EE;
  border: solid 1px #e7e7e7;
  border-radius: 3px;
}
.announce-inner a{
  display: block;
}

.announce-inner .bx-wrapper {}
.announce-inner .bx-viewport {
  box-shadow: none;
  border: none;
  background: none;
  left:0;
}
.announce-inner #ticker-roll {
}

/*!
============================================================*/
#extra-content{
  padding: 0 10px 10px;
}

.extra-block .row{
  width: 100%;
  margin-bottom: 10px;
}
.extra-block .row .col{
  vertical-align: middle;
  text-align: center;
  padding: 5px 0;
  position: relative;
  z-index: 2;
}
.extra-block .row .col a{
  z-index: 10;
}
.extra-block .row .col::before{
  display: block;
  content: "";
  width: 98%;
  height: 100%;
  border: solid 1px #e7e7e7;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 5px;
}

.adobe-acrobat-link{
  font-size: 12px;
}

/*__フッタ・メガメニュー__*/
.footer-sitemap .container{
  /*background-color: #F7F6EF;*/
  padding-top: 40px;
  padding-bottom: 40px;
  border-top: solid 1px #e7e7e7;
  border-bottom: solid 1px #e7e7e7;
}
.footer-sitemap{
  font-size: 12px;
}
.footer-sitemap dt{
  font-size: 15px;
  margin-bottom: 5px;
}
.footer-sitemap dd{
  padding-left: 10px;
}
.footer-sitemap dd li{
  margin-bottom: 5px;
}
.footer-sitemap dd ul::after{
  display: block;
  content: "";
  height: 0;
  clear: both;
}

@media screen and (max-width: 768px) {
  .footer-sitemap .container{
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
  .footer-sitemap .columns{
    margin-top: 0;
  }
  .footer-sitemap .column{
    padding: 0;
  }
  .footer-sitemap a{
    display: inline-block;
    padding: 5px;
  }
  .footer-sitemap dt{
    border-bottom: solid 1px #e7e7e7;
    padding: 5px 25px;
    position: relative;
  }
  .footer-sitemap dt a{
    display: block;
    padding: 5px;
  }
  .footer-sitemap dd{
    padding: 10px 30px;
    border-bottom: solid 1px #e7e7e7;
  }
  .footer-sitemap dd ul{
    margin-left: -20px;
  }
  .footer-sitemap dd li{
    display: inline-block;
    float: left;
    margin: 0 0 10px 20px;
  }
}

/*!
============================================================*/
.footer{
  background-color: #fff;
  padding:10px 20px 40px;
}

.footer{
  font-size: 12px;
}

#footer-nav .footer-bottom-nav{
  border-bottom: solid 1px #e7e7e7;
  padding:20px 0;
  text-align: center;
}
.footer-bottom-nav a{
  display: inline-block;
  padding:5px;
}

.footer-bottom-nav li{
  padding-right: 5px;
  position: relative;
  font-size: 12px;
}
.footer-bottom-nav li:not(:first-child){
  padding-left: 5px;
}
.footer-bottom-nav li:not(:last-child)::after{
  display:block;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -7px;
  right: 0;
  height: 14px;
  width: 1px;
  background-color: #656565;
}

@media screen and (min-width: 769px) {
  #footer-nav .footer-bottom-nav{
    text-align: left;
  }
  .footer-bottom-nav a{
    padding:0;
  }
  .footer-bottom-nav li{
    padding-right: 18px;
  }
  .footer-bottom-nav li:not(:first-child){
    padding-left: 18px;
  }

}
.footer .sns-content{
  margin-bottom: 10px;
}
.footer .sns-content .col{
  vertical-align: top;
  line-height: 1;
  padding-right: 10px;
}


/*!  下層ページ調整
============================================================*/
.entry-header {
  margin: 20px 0 40px;
}
.entry-header .entry-title {
  font-size: 24px;
  font-weight: 700;
  color: #222324;
}
@media screen and (min-width: 769px) {}
.entry-content{
  padding-bottom: 0 0 40px;
}

.entry-content hr{
  margin: 40px 0;
}

.entry-content .text-brown{
  color: #900;
}


.entry-content h2{
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: solid 1px #e7e7e7;
  position: relative;
}
.entry-content h2::after{
  display: block;
  content: "";
  position: absolute;
  width: 180px;
  height: 2px;
  bottom: -1px;
  left: 0;
  background: #4267b2;
}

.entry-content h3 a,
.entry-content h2 a{
  border: none !important;
  text-decoration: none !important;
}

.entry-content h3{
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 10px;
  position: relative;
}
.entry-content.content h2 + h3{
  margin-top: 0 !important;
}
.entry-content h3 + table{
  margin-bottom: 20px;
}

.content h1:not(:first-child),
.content h2:not(:first-child),
.content h3:not(:first-child){
  margin-top: 30px;
}

.entry-content h3 > a{
  display: inline-block;
  padding-left: 22px;
}
.entry-content h3 > a::after{
  display: block;
  content:">";
  position: absolute;
  height: 18px;
  width: 18px;
  background: #4267b2;
  text-align: center;
  font-size: 12px;
  line-height: 18px;
  color: #fff;
  top: 0;
  left: 0;
  border-radius: 100%;
}

.entry-content .table thead td,
.entry-content .table thead th{
  color: #000;
}
.entry-content dl:not(:last-child),
.entry-content ul:not(:last-child),
.entry-content p:not(:last-child){
  margin-bottom: 20px;
}
.entry-content ul{}

.entry-content blockquote{
  margin: 20px 0;
  padding: 20px;
  background: #f7f6ef;
  border: solid 1px #e7e7e7;
}

/*____*/
.nav-single{
  margin: 20px 0;
  padding: 20px 0;
  border-top: 1px solid #e7e7e7;
}


/*__問い合わせフォーム関連__*/
.text-red{
  color: crimson;
}
.text-orange{
  color: coral;
}

.pp-block{
  margin-bottom: 10px;
}
.pp-iframe{
  padding:15px;
  font-size: 12px;
  height:120px;
  overflow-y: scroll;
  background: #F2F2F2;
  border-bottom: solid 5px #f2f2f2;
  margin-bottom: 10px;
}
.submit-block{
  text-align: center;
  margin-bottom: 30px
}

@media screen and (min-width: 769px) {
  .pp-iframe{
    height: 180px;
  }
}


/***** コンタクトフォーム *****/
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 textarea {
  padding:8px;
}
.wpcf7 textarea {
  width: 100%;
}

.wpcf7 .req{
  color: #fff;
  background: #bd3500;
  display: inline-block;
  padding: 1px 5px;
  border-radius: 3px;
  font-size: 12px;
  line-height: 1;
  margin-left:.5em;
}

.wpcf7 .table-cf7{}
.wpcf7 .table-cf7 th{
  font-weight:bold;
  min-width: 200px;
}

.wpcf7 .table-cf7 td input:not(:last-child),
.wpcf7 .table-cf7 td textarea:not(:last-child){
  /*max-width: 90% !important;*/
  margin: 0 10px 5px 0;
}

.table-cf7 .wpcf7-list-item {
  display: inline-block;
  /*white-space: nowrap;*/
}
.table-cf7 .wpcf7-list-item:not(:last-child){
  margin-bottom: 5px;
}

@media screen and (min-width: 900px){
  .wpcf7 .table-cf7 th{
    width: 240px;
  }
}
@media screen and (max-width: 768px){
  .wpcf7 .table-cf7{
    display:block;
  }

  .wpcf7 .table-cf7 tbody,
  .wpcf7 .table-cf7 tr{
    display: block;
    width: 100%;
  }
  .wpcf7 .table-cf7 th{
    width:100%;
    display:block;
    margin: 0 0 5px;
    padding: 2px 0 5px;
    border:none;
    /*background: #e7e7e7;*/
    border-bottom: solid 1px #ccc;
  }
  .wpcf7 .table-cf7 td{
    display: list-item;
    list-style-type:none;
    margin:0;
    padding:5px 0 10px;
    width: 100%;
    border: none !important;
  }
}


/*20161104gsc修正*/
.gsc-selected-option-container {
    max-width: 100% !important;
}