@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);

/*
Theme Name: 経理プラスリニューアル
Description: 経理プラス専用テーマ
Author: SRE
Author URI: http://www.sr-engine.com/
Version: 1.00
*/


/* Initialize
--------------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:before,q:after{content:''}fieldset,img,abbr,acronym{border:0}

/* base
--------------------------------------------------------- */

* {
  /*font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ＭＳ ゴシック", "MS Gothic", sans-serif;*/
  font-family: "Noto Sans Japanese", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  line-height: 1.4;
}

a {
  color: #4c4c4c;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
  filter: alpha(opacity=83);
  -moz-opacity: 0.83;
  opacity: 0.83;
}

html {
  height: 100%;
}

body {
  font-size: 14px;
  min-height: 100%;
  height: auto;
  color: #464646;
}

#index #all {
  background: transparent url(images/common/top_bg.jpg) left bottom repeat-x;
}

#index #wrapper {
  background: #fff;
}

#wrapper {
  background: #fff;
}

h1 {
  font-size: 100%;
}

h2 {
  font-size: 100%;
}

h3 {
  font-size: 100%;
}

h4 {
  font-size: 100%;
}

h5 {
  font-size: 100%;
}

p {
  word-break: break-all;
}

strong {
  font-weight: bold;
}

ul {
  margin: 0;
}

ol {
  margin: 0;
}

a:hover {
  /*
opacity: 0.63;
-web-kit-opacity: 0.63;
*/
}

a:link, a:visited, a:active {
  text-decoration: none;
}

pre {
  padding: 9.5px;
  margin: 0 0 10px;
}

blockquote {
  background-color: #CBF5FF;
  margin-bottom: 20px;
  padding: 30px 30px 25px;
  border-radius: 5px;
  position: relative;
}

blockquote:before, blockquote:after {
  color: #80C5D6;
  font-size: 40px;
  content: "\"";
  line-height: 1;
  font-family: "ＭＳ 明朝";
  position: absolute;
}

blockquote:before {
  top: 15px;
  left: 15px;
}

blockquote:after {
  bottom: -10px;
  right: 15px;
}

blockquote p:last-child {
  margin-bottom: 0;
}

table {
  width: 100%;
  margin-bottom: 20px;
  border-left: 1px solid #aaa;
  border-top: 1px solid #aaa;
}

td, th {
  padding: 5px;
  border-bottom: 1px solid #aaa;
  border-right: 1px solid #aaa;
}

th, td.column-1 {
  background: #f5f5f5;
}

td {
  vertical-align: top;
}

th {
  vertical-align: bottom;
}

.tablepress-id-11 th, .tablepress-id-11 td {
  background: none;
}


/* list-style */

.lower-alpha {
  list-style-type: lower-alpha !important;
}


/* =========================================================
common
========================================================= */

body {}

img {
  border: none;
  vertical-align: middle;
}

.clearfix {
  clear: both;
}

.clearfix:after {
  width: 1px;
  height: 1px;
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
}

.spacer {
  border: none;
  outline: none;
  margin-bottom: 40px;
}


/* adwords-tag */

iframe[name="google_conversion_frame"] {
  display: none !important;
}


/* txt-css */

.txt-right{
  text-align: right;
}

.txt-center{
  text-align:center;
}


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

#header {
  width: 100%;
  padding-bottom: 5px;
  background: #FFFFFF;
}

#header-inner {
  width: 1000px;
  height: auto;
  margin: auto;
}

#header-logo {
  width: 840px;
  margin: 21px 0 10px 0;
  float: left;
}

#logo {
  width: 190px;
  margin: 0 20px 0 0;
  float: left;
}

#site-lead {
  width: 620px;
  margin-top: 13px;
  font-size: 14px;
  float: left;
}

#header-right {
  width: 150px;
  float: right;
}

#btn-mailmag {
  width: 156px;
  height: auto;
  margin-bottom: 15px;
  float: right;
}

.hader-nav {
  margin-top: 26px;
}

#gnavlogo {
  float: left;
  display: none;
  margin-right: 15px;
}

#gnavlogo img {
  width: 150px;
  height: auto;
  margin-top: 5px;
}

.gnavlogo_fixed {
  display: block!important;
}

#search-form {
  width: 220px;
  margin-top: 5px;
  float: right;
}

.search-form_fixed {
  display: none!important;
}

.input-text {
  width: 142px;
}

#search-form {
  font-size: 16px;
}

#searchbox_demo {
  position: relative;
}

#left input, #left textarea, #left select {
  font-size: 16px;
}

#search-q {
  min-height: 18px;
  display: inline-block;
  width: 80%;
}

.input-btn {}

#btn-search {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 4px;
  right: 30px;
}

#searchbox_demo input::-webkit-input-placeholder {
  font-size: 12px;
}

#searchbox_demo input::-moz-placeholder {
  font-size: 12px;
}

#searchbox_demo input:-ms-input-placeholder {
  font-size: 12px;
}

.icon-wrap {
  float: right;
  text-align: right;
}

.fa-3x {
  font-size: 2.5em!important;
}

.social-icon {
  width: 36px;
  height: auto;
  margin-left: 6px;
  display: inline;
}

.social-icon a {
  color: #9E9E9E;
}

#btn-rss a:hover {
  color: #ff8c00;
}

#btn-facebook a:hover {
  color: #315096;
}

#btn-twitter a:hover {
  color: #55acee;
}

select {
  font-size: 16px;
}


/* google search */

.gsc-orderby {
  display: none;
}

img[src^="http://googleads"] {
  display: none;
}

img[width="1"] {
  display: none;
}


/* ---------------------------------------------------------
#global-nav
--------------------------------------------------------- */

#global-nav {
  width: 100%;
  margin-bottom: 18px;
}

#global-nav-inner {
  width: auto;
  height: 45px;
  background-color: #0d85d0;
}

#gnavi {
  width: 1180px;
  margin: auto;
}

#gnavi .nav-item {
  position: relative;
  width: 155px;
  height: 40px;
  margin: 0;
  display: block;
  float: left;
  text-align: center;
}

#gnavi #nav-home {
  width: auto;
}

#gnavi #nav-download {
  margin-right: 10px;
}

#gnavi .nav-link {
  height: 20px;
  padding: 12px 10px 13px;
  font-size: 14px;
  color: #fff;
  display: block;
}

#gnavi .nav-link:hover {
  background: #ffffff;
  color: #0d85d0;
}

#gnavi .nav-item.current .nav-link {
  background-color: #ffffff;
  color: #0d85d0;
  opacity: 1.0;
  width: 89%;
}

#gnavi .nav-item::before {
  content: '';
  position: absolute;
  top: 23%;
  left: 0;
  display: block;
  width: 1px;
  height: 25px;
  background-color: #fff;
}

#gnavi .nav-item.current {
  background: #fff;
}

#gnavi .nav-item.current .nav-link {
  color: #0d85d0;
}

#gnavi .nav-item .nav-active {
  display: none;
}

#gnavi .nav-item.current .nav-active {
  display: block;
}

.nav-active {
  width: 12px;
  height: 7px;
  margin: 0 auto;
  display: block;
}

.fa-cloud-download:before {
  padding-right: 5px;
}

#nav-download .nav-link {}

.sp-only #spseminar-banner {
  position: fixed;
  bottom: 50px;
  right: 0;
  padding: 10px 0;
  background: #000;
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  z-index: 101;
  width: 100%;
  text-align: center;
  opacity: 0.7;
}

.sp-only #modal-open {
  position: fixed;
  bottom: 0;
  right: 0;
  padding: 10px 0;
  background: #0e70ba;
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  z-index: 100;
  width: 100%;
  text-align: center;
  opacity: 0.7;
}

.sp-only #modal-open:before {
  content: '\f1ea ';
  font-family: "FontAwesome";
  padding-right: 5px;
}

.fa-envelope-o:before {
  padding: 0 5px;
}

.bevel {}

.sp-only #global-nav-inner {
  width: auto;
  height: 50px;
  background-color: #eee;
  border-bottom: 4px solid #0179c5;
}

.sp-only #gnavi {
  width: 100%;
  margin: auto;
}

.sp-only #gnavi #nav-home {
  width: 16%;
}

.sp-only #gnavi #nav-home a {
  padding-top: 18px;
}

.sp-only #gnavi #nav-career, .sp-only #gnavi #nav-news {
  width: 24%;
}

.sp-only #gnavi .nav-item {
  width: 18%;
  height: 51px;
}

.sp-only #gnavi .nav-item a {
  color: #000;
}

.sp-only #gnavi li.current {
  /*background-color: #0179c5;*/
  border-bottom: none;
}

.sp-only #gnavi li.current a {
  color: #fff;
  vertical-align: middle;
}

.sp-only #gnavi li a {
  color: #000;
}

.sp-only #gnavi .nav-link {
  height: 40px;
  padding: 10px 5px;
  font-size: 12px;
}

.sp-only #gnavi .nav-link:hover {
  border-bottom: none;
  margin-top: 0;
}

.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}


/* ---------------------------------------------------------
#contents
--------------------------------------------------------- */

#contents {
  width: 1100px;
  margin: 0 auto;
  overflow: hidden;
}

#breadcrumbs {
  margin-bottom: 33px;
  font-size: 12px;
}

/* 20180718 add - start */
#breadcrumbs a{
  color:#0d85d0;
}
/* 20180718 add - end */


/* ----- #left ----- */

#left {
  width: 840px;
  float: left;
  position: relative;
}


/* ---------------------------------------------------------
#right
--------------------------------------------------------- */

#right {
  width: 240px;
  float: right;
}


/* ----- #ad ----- */

#ad {
  margin-bottom: 21px;
}


/* ----- #conversion ----- */

#conversion {
  margin-bottom: 18px;
}

#conversion .btn-link {
  display: block;
}

#conversion .btn-link:hover {
  filter: alpha(opacity=83);
  -moz-opacity: 0.83;
  opacity: 0.83;
}

#conversion .btn-download {
  width: 240px;
  height: 100px;
  margin-bottom: 8px
}

.btn-mailmaga {
  background-image: url(images/common/btn_ezine.png);
  width: 240px;
  height: 60px;
  margin-bottom: 8px;
}

.txt-download, .txt-mail-magazine {
  text-align: center;
  color: #fff;
  line-height: 60px;
}


/* ----- .fb-like-box ----- */

.fb-like-box {
  margin-bottom: 12px;
  margin: 0 auto;
  width: 500px;
}

.fb_iframe_widget>span {
  vertical-align: baseline !important;
}


/* ----- #social ----- */

#social {
  margin-bottom: 35px;
}

#social .btn {
  margin-bottom: 10px;
}


/* ----- #ranking ----- */

#right #ranking {
  width: auto;
}

#right #ranking .side-ttl {
  width: auto;
  margin-bottom: 10px;
  padding: 4px 0 10px 28px;
  border-bottom: 3px solid #343434;
  background: transparent url(images/common/icon_ranking.png) left top no-repeat;
  font-weight: bold;
}

#right #ranking .article {
  width: 100%;
  padding: 0 0 10px;
  border: none;
  border-bottom: 1px solid #ececec;
  margin-bottom: 10px;
}

#right #ranking .article-link {
  display: block;
}

#right #ranking .article-ttl {
  width: 144px;
  margin: 0 10px 4px 12px;
  float: right;
  font-size: 13px;
  text-decoration: none;
}

#right #ranking .article-img {
  width: 60px;
  max-height: 60px;
  border: 1px solid #edeced;
  margin-right: 12px;
  float: left;
  overflow: hidden;
}

#right #ranking .article-img {
  max-height: 60px;
}

.article-thumb img {
  display: block;
}


/* ----- #tags ----- */

#right #tags {
  margin-bottom: 20px;
}

#right #tags .side-ttl {
  width: auto;
  padding: 4px 0 10px 4px;
  border-bottom: 3px solid #343434;
  margin-bottom: 10px;
  font-weight: bold;
}

#right #tags a {
  display: inline-block;
  padding: 0 2px;
  color: #47acea;
}

.tags-box {
  border: 1px solid #E5E5E5;
  padding: 10px;
}

.fixedmenu {
  z-index: 900;
  padding-top: 20px;
  margin-top: -20px;
  background: #FFFFFF;
}


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

.pagetop {
  width: 100%;
  text-align: center;
  font-size: 50px;
}

.pagetop a {
  color: #0d85d0;
  width: 100%;
  display: block;
  line-height: 1.5;
}

.pagetop:hover {
  background-color: #eee;
}

#footer {
  width: 100%;
  background-color: #777777;
}

#footer-inner {
  width: 960px;
  padding-top: 13px;
  padding-bottom: 60px;
  margin: auto;
}

#footer-content {}

#footer-content p {
  font-size: 12px;
  color: #fff;
}

#nav-footer {
  padding-top: 7px;
  margin-bottom: 10px;
}

#nav-footer .nav-item {
  margin-right: 16px;
  font-size: 12px;
  line-height: 2;
}

#nav-footer .nav-item:before, .footer_cat li a:before {
  content: "\f105";
  font-family: FontAwesome;
  padding-right: 5px;
  color: #fff;
}

#nav-footer .nav-link:link, #nav-footer .nav-link:visited, #nav-footer .nav-link:hover, #nav-footer .nav-link:active, #nav-footer .footer_cat li a:hover {
  color: #fff;
  text-decoration: none!important;
}

#footer-logo {
  width: 100%;
  float: right;
}

#footer-logo .logo {
  margin-bottom: 5px;
  text-align: right;
}

#footer-logo .copyright {
  text-align: right;
  color: #fff;
  font-size: 10px;
}

.footer_cat li, .footer_cat li a {
  font-size: 12px;
  color: #fff;
  line-height: 2;
}

.footer_cat .footer_cat_list_ttl {
  font-size: 12px;
}

.mt10 {
  margin-top: 10px;
}

.footer_nav, .footer_cat {
  display: inline-block;
  vertical-align: top;
}

.footer_nav {
  width: 30%;
}

.footer_cat {
  width: 15%;
}


/* ---------------------------------------------------------
Top Page body#index
--------------------------------------------------------- */

#index #breadcrumbs {
  display: none;
}

#visual {
  width: auto;
  margin-bottom: 40px;
}

.visual-link {
  width: auto;
  height: 240px;
  margin-bottom: 16px;
  display: block;
  position: relative;
}

.visual-img {
  width: 700px;
  position: absolute;
  top: -117px;
}

.visual-ttl {
  width: 668px;
  padding: 12px 15px 8px;
  background: #000;
  color: #fff;
  font-size: 25px;
  position: absolute;
  bottom: 10px;
  left: 0;
  opacity: 0.8;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}

.visual-icon {
  width: 80px;
  position: absolute;
  top: 119px;
  left: 10px;
  display: none;
}


/* bx-slider */

.bxslider-item {
  overflow: hidden;
  height: 240px;
}

.bx-controls-direction {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}

#visual:hover .bx-controls-direction {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.bx-wrapper .bx-controls-direction a {
  z-index: 99;
}

#matome {
  padding-top: 17px;
  padding-bottom: 19px;
  border: 1px solid #888;
  border-width: 1px 0;
  margin-bottom: 24px;
}

#matome .nav-matome-link {
  margin-right: 24px;
  display: inline;
}

.articles-box {
  margin-bottom: 27px;
}

.entry-container {
  margin: 0 auto;
  padding: 19px;
  margin: 0 0 25px;
  background: #fff;
}

.archive-ttl {
  padding-bottom: 10px;
  margin-bottom: 5px;
  border-bottom: 2px solid #ccc;
  font-size: 30px;
  color: #1c1c1c;
  font-weight: bold;
}

.archive-ttl a, .archive-ttl a {
  color: #1c1c1c !important;
  text-decoration: none !important;
}

.sec-ttl {
  padding-bottom: 10px;
  border-bottom: 3px solid #242424;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: bold;
  color: #343434;
}

#index h3.sec-ttl {
  position: relative;
  border-bottom: none;
  text-align: center;
  font-size: 18px;
}

#index #left h2.sec-ttl, #download #left h3.sec-ttl, #list #left h2.sec-ttl, #detail #left h2.sec-ttl {
  margin: 50px 0 10px;
  font-size: 28px;
}

h2.sec-ttl {
  position: relative;
  margin: 0 10px;
  border-bottom: none;
  text-align: center;
  font-size: 20px;
}

h4.sec-ttl-sub {
  text-align: center;
  font-size: 18px;
}

h4.sec-ttl-sub:before {
  content: '\f02b';
  font-family: "FontAwesome";
  padding-right: 5px;
}

.article {
  width: 390px;
  min-height: 80px;
  margin: 0 0 5px;
  position: relative;
}

.article.odd {
  margin-right: 16px;
}

.article.even {
  margin-right: 0;
}

.article-link {
  display: block;
  text-align: justify;
  color: #4c4c4c !important;
}

.article-img {
  width: 100%;
  height: auto;
  margin-bottom: 8px;
}

.article-date {
  margin: 0 0 0 10px;
  display: inline-block;
  font-size: 12px;
  color: #b7b7b7;
}

#index .article-date {
  width: 95%;
  text-align: right;
  font-weight: normal;
}

.article-date:before {
  content: '\f017';
  font-family: "FontAwesome";
  margin-right: 5px;
}

.article-cat {
  margin: 0 14px 5px;
  font-size: 12px;
}

.article-ttl {
  margin: 0 14px;
  line-height: 1.5;
  letter-spacing: 1px;
  font-weight: bold;
}

.article-ttl:link, .article-ttl:visited, .article-ttl:hover, .article-ttl:active {}

.cat_list li a:hover {
  color: #218acc;
}

#news-container .article {
  margin: 0 8px 20px;
  padding-bottom: 10px;
  display: inline-block;
  width: 30%;
  font-size: 14px;
  vertical-align: top;
  background: #fff;
}

#news-container .career-row00, #news-container .career-row01, #news-container .info-row00, #news-container .info-row01 {
  width: 44%;
}

#news-container .article-img {
  overflow: hidden;
}

#news-container .article-img img {
  width: 100%;
  height: auto;
  position: relative;
  -moz-transition: -moz-transform 0.5s linear;
  -webkit-transition: -webkit-transform 0.5s linear;
  -o-transition: -o-transform 0.5s linear;
  -ms-transition: -ms-transform 0.5s linear;
  transition: transform 0.5s linear;
}

#news-container .article-img img:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

#news-container .article-img {
  color: #fff;
  text-align: center;
  width: 100%;
  height: 130px;
  display: block;
  line-height: 1;
}

#news-container .career-row00 .article-img a, #news-container .career-row01 .article-img a, #news-container .info-row00 .article-img a, #news-container .info-row01 .article-img a {
  height: 100px;
}

.more_btn {
  border: 1px solid #707070;
  border-radius: 5px;
  text-align: center;
  padding: 5px;
  margin: 5px auto 20px;
  width: 50%;
  background: #fff;
}

.more_btn:hover {
  border: 1px solid #218acc;
  background: #218acc;
  color: #fff;
}

.cat_wrap {
  width: 49%;
  display: inline-block;
  vertical-align: top;
}

.cat_wrap .article {
  min-height: 105px;
}

#list .cat_list {
  background: #f7f7f7;
}

.cat_list {
  margin: 5px 0 10px;
}

#sub_footer .cat_list {
  background: #f5f5f5;
  padding: 10px 0 10px 20px;
}

.cat_list span.cat_ttl:before {
  content: '\f067';
  font-family: "FontAwesome";
  padding-right: 5px;
  color: #0d85d0;
}

.cat_list li {
  display: inline-block;
  margin: 5px;
  padding: 5px 10px;
  border: 1px solid #9e9e9e;
  border-radius: 30px;
}

#list .cat_list li {
  border: none;
}

.cat_list li a {
  color: #0d85d0;
}

#howto {
  margin-bottom: 108px;
}

#howto-subttl {
  margin-bottom: 11px;
}

#howto .article {
  width: 329px;
  margin: 0 32px 18px 0;
  border: none;
}

#howto .article.even {
  margin-right: 0;
}

#howto .article .article-ttl {
  margin: 0;
}

#howto .article-link {
  text-decoration: underline;
}

.more-link {}

.more-link a {
  text-align: center;
  margin: 0 auto;
  padding: 10px 0;
  color: #0d85d0;
  display: block;
  font-size: 20px;
  font-weight: bold;
}

#right .more-link a {
  font-size: 16px;
}

/* 20180808 */
#index .top_banner{ clear: both !important; margin:40px auto 0 auto; text-align: center; padding-bottom: 20px;}
#index .top_banner a{ display: inline;}

#index .top_banner-seisan{ margin:40px 0 20px; }
#top_banner .sp-only{
padding-bottom: 500px !important;text-align: center;}

#index .top-banner_shiwake,
#index .top-banner_iccard,
#index .top-banner_koguchigenkin,
#index .top-banner_shiwake img,
#index .top-banner_iccard img,
#index .top-banner_koguchigenkin img
{ display:block; width:728px; height:90px; }

#index .top-banner_shiwake,
#index .top-banner_iccard,
#index .top-banner_koguchigenkin
{ margin:0 auto; }

#index .top-banner_shiwake img,
#index .top-banner_iccard img,
#index .top-banner_koguchigenkin img
{ vertical-align:bottom; line-height:0; background-repeat:no-repeat; background-position:left top; background-size:contain; }

#index .top-banner_shiwake img{ background-image:url(/word_dir/wordpress/wp-content/themes/keiri_new/images/top/banner-top_manual-less.png); }
#index .top-banner_iccard img{ background-image:url(/word_dir/wordpress/wp-content/themes/keiri_new/images/top/banner-top_ic-koujo.png); }
#index .top-banner_koguchigenkin img{ background-image:url(/word_dir/wordpress/wp-content/themes/keiri_new/images/top/banner-top_fb-data.png); }

@media screen and (max-width: 600px) {
  #index .top-banner_shiwake,
  #index .top-banner_iccard,
  #index .top-banner_koguchigenkin,
  #index .top-banner_shiwake img,
  #index .top-banner_iccard img,
  #index .top-banner_koguchigenkin img
  { width:320px; height:180px; }

  #index .top-banner_shiwake img{ background-image:url(/word_dir/wordpress/wp-content/themes/keiri_new/images/top/banner-top_manual-less_sp.png); }
  #index .top-banner_iccard img{ background-image:url(/word_dir/wordpress/wp-content/themes/keiri_new/images/top/banner-top_ic-koujo_sp.png); }
  #index .top-banner_koguchigenkin img{ background-image:url(/word_dir/wordpress/wp-content/themes/keiri_new/images/top/banner-top_fb-data_sp.png); }

}


/* ---------------------------------------------------------
List page body#list
--------------------------------------------------------- */

#list .breadcrumbs {
  margin-bottom: 29px;
}

#list .sec-ttl,
#detail .sec-ttl {
  padding-bottom: 6px;
  font-size: 18px !important;
  color: #343434;
}


#download .sec-ttl {
    font-size: 28px;
    text-align: center;
    border: none;
}
#download #right .sec-ttl {
    font-size: 18px;
}

.page-lead {
  margin-bottom: 30px;
  line-height: 1.6;
}

#list #articles, #detail #articles {
  margin-top: 20px;
  border-top: 1px solid #d9d9d9;
  margin-bottom: 36px;
}

#list .article, #detail .article {
  padding: 16px 15px;
  border: none;
  margin: 10px 0;
  position: relative;
}

#list #articles .article {
  border-bottom: 1px solid #d9d9d9;
}

#list .article {
  width: 820px;
}

#list .article.odd, #detail .article.odd {}

#list .article-date, #detail .article-date {
  padding: 0;
  margin-bottom: 6px;
  margin-left: 0px;
  font-size: 12px;
  color: #4c4c4c;
  background: transparent;
  color: #b7b7b7;
  position: relative;
  top: auto;
  left: auto;
}

#list .article-ttl, #detail .article-ttl {
  margin: 0 0 14px;/*元の値 0 14px;*/
  font-size: 16px;
  color: #4c4c4c;
}

#list .article-thumb, #detail .article-thumb {
  width: 200px;
  height: auto;
  float: left;
}

#list .wrap_all .article-thumb {
  width: 300px;
  height: 170px;
  overflow: hidden;
}

#list .wrap_all .article-thumb img {
  width: 100%;
}

#list .article_half_txt .article-thumb {
  float: none;
}

#list .article-summary, #detail .article-summary {
  width: 600px;
  float: right;
  margin: 0 0 10px 0;
}

#list .wrap_all .article-summary {
  width: 450px;
}

#list .social-wrap {
  width: auto;
  margin-bottom: 0;
  text-align: right;
  position: absolute;
  right: 15px;
  bottom: 16px;
  z-index: 100;
  display: none;/*190108*/
}

#pager {
  margin-bottom: 30px;
  text-align: center;
}

#pager .pager-item {
  width: 30px;
  margin-left: 8px;
  display: inline-block;
  text-align: center;
  color: #9f9f9f;
  font-size: 12px;
}

#pager .pager-item a {
  width: 28px;
  height: 28px;
  border: 1px solid #9f9f9f;
  display: block;
  line-height: 28px;
  color: #9f9f9f;
  font-size: 12px;
}

#pager .pager-item.current {
  font-weight: bold;
}

#pager .prev a, #pager .next a {
  background-color: #999;
  color: #fff;
}


/* ---------------------------------------------------------
Detail page body#detail
--------------------------------------------------------- */

.aside {
  margin-bottom: 15px;
  margin-top: 12px;
  text-align: right;
}

.aside .article-cat {
  border: 1px solid #494949;
  padding: 2px 10px 1px;
  margin: 0 8px 5px 0;
  display: inline-block;
  color: #494949;
  font-size: 11px;
}

.aside .article-date {
  padding: 0;
  margin: 0;
  display: inline-block;
  background-color: transparent;
  color: #494949;
  font-size: 11px;
  position: static;
  top: auto;
  left: auto;
}

#detail .social {}

.social-wrap {
  width: 100%;
  max-width: 785px;
  display: block;
  margin: 0 auto 40px auto;
  text-align: center;
}
.social-wrap:last-child{
  margin: 60px auto 0px auto;}


.social-ftr {
  margin-bottom: 30px;
}

.bookmark, .twitter, .facebook {
  display: inline !important;
}

.bookmark {
  margin: 0 8px 0 0;
}

.twitter, .twitter-button, .twitter-share-button {
  width: 93px !important;
  margin: 0 8px 0 0;
}

.facebook {
  line-height: 10px;
}

.social-wrap-senryu {
  margin-bottom: 20px;
}

.social-wrap-senryu .social {
  text-align: right;
}

.ttl-disc {
  background: url(images/common/icon_ttl_small.png) 0 6px no-repeat;
  padding-left: 25px;
  margin-bottom: 17px;
  line-height: 1.8;
  font-size: 18px;
}

.article-detail {
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 1px solid #d6d6d6;
  margin-bottom: 10px;
}

.article-detail a {
  color: #00a4de;
}

.article-detail a:hover {
  color: #005580;
}

.article-detail li.cat_name a {
  color: #1c1c1c;
}

.article-detail img {
  max-width: 100%;
  padding: 5px;
}

.article-detail .size-large {
  width: 100%;
}

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

.article-detail h2 {
  font-size: 22px;
  font-weight: bold;
  padding: 5px 0;
  margin-bottom: 20px;
  word-break: break-all;
  border-bottom: 3px solid #218acc;
}

.article-detail h3 {
  border-bottom: 2px solid #cccccc;
  margin-bottom: 15px;
  line-height: 1.8;
  font-size: 18px;
}

.article-detail h4 {
  padding: 0.5em 1em;
  margin-bottom: 10px;
  font-size: 16px;
  background: #e2eff7;
}

.article-detail ul {
  padding-left: 8px;
  margin-bottom: 20px;
  list-style-type: disc;
  list-style-position: inside;
}

.article-detail ol {
  padding-left: 8px;
  margin-bottom: 20px;
  list-style-type: decimal;
  list-style-position: inside;
}

.article-detail li {
  margin-bottom: 10px;
  list-style-position: outside;
  margin-left: 18px;
}

#detail .article-detail {
  border-bottom: none;
}

.article-visual {
  margin-bottom: 24px;
  text-align: center;
}

.ttl-big {
  margin-bottom: 20px;
  color: #218acc;
  font-size: 22px;
}

.ttl-large {
  font-size: 20px !important;
  font-weight: bold;
  text-decoration: none !important;
  padding: 5px 0;
  margin-bottom: 30px;
  position: relative;
  border-bottom: 3px solid #218acc;
}

.ttl-mid {
  background: none !important;
  padding: 0 16px !important;
  border-left: 4px solid #9e9e9e;
  margin-bottom: 17px;
  line-height: 1.8 !important;
  font-size: 18px !important;
  position: relative;
  border-bottom: none!important;
}

.ttl-bold {
  background: none !important;
  padding: 5px 0 0 0 !important;
  margin-bottom: 17px;
  line-height: 1.8 !important;
  font-size: 18px !important;
  position: relative;
  font-weight: 700;
}

.list-num {
  margin-bottom: 20px;
  list-style-type: decimal;
  list-style-position: inside;
}

.list-num li {
  margin-bottom: 10px;
}

.list {
  margin-bottom: 20px;
  list-style-type: disc;
  list-style-position: inside;
}

.list li {
  margin-bottom: 10px;
}

#author {
  border: 1px solid #d5d5d5;
  margin-bottom: 28px;
  margin-top: 60px;
}


#author-ttl {
  padding-left: 16px;
  border-bottom: 1px solid #d5d5d5;
  margin-bottom: 10px;
  line-height: 37px;
  font-size: 16px;
  color: #242424;
}

#author-thumb {
  width: 120px;
  height: auto;
  margin: 0 0 10px 10px;
  float: left;
}

#author-profile {
  width: 690px;
  margin: 0 0 10px;
  float: right;
}

#author-name {
  margin-bottom: 13px;
  font-size: 14px;
  font-weight: bold;
  color: #040404;
}

#author-summary {
  font-size: 12px;
  padding-right: 10px;
}

#author-url {
  padding-top: 5px;
}

#author-url a {
  color: #37abe5;
  font-size: 12px;
}

#author-url a:hover {
  color: #005580;
}

#author-url a[target="_blank"] {
  background: url(images/common/icon_blank.png) right center no-repeat;
  padding-right: 15px;
}


/* .article-bnr */

.article-bnr {
  text-align: center;
  margin-bottom: 40px;
}


/* #recommend */

#recommend {
  margin-bottom: 82px;
}

#recommend .sec-ttl {
  margin-bottom: 13px;
}

#recommend .article-ttl {
  text-decoration: underline;
}

#recommend #articles {
  border-top: none;
}

#recommend .article-summary {
  margin-bottom: 10px;
}


/* book review*/

.book-info {
  padding: 20px 20px 0;
  margin-bottom: 20px;
  border: 1px solid #808080;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.book-img {
  width: 18.99696%;
  margin: 0 3.03951% 20px 0;
  float: left;
}

.book-img a[target="_blank"] {
  background: none;
  padding: 0;
}

.article-detail h2.book-info-ttl {
  font-size: 18px;
  margin-bottom: 10px;
  padding: 2 0 0;
  border: none;
  text-decoration: none;
}

.article-detail .book-info-dody a[target="_blank"] {
  background: none;
  padding: 0;
}

.book-info-dody {
  width: 77.26747%;
  overflow: hidden;
}

.book-info-dody dl {
  margin-bottom: 20px;
}

.book-info-description, .book-info-term {
  margin-bottom: 5px;
}

.book-info-term {
  width: 60px;
  float: left;
  clear: both;
}

.article-detail h3.book-author-name {
  font-weight: bold;
  background: none;
  padding-left: 0;
  border-left: none;
  margin-bottom: 10px;
}

.book-author-url a[target="_blank"] {
  background: url(images/common/icon_blank.png) right center no-repeat;
  padding-right: 15px;
}

.book-author-url a {
  color: #37abe5;
  font-size: 12px;
}

.article-tag-list {
  margin: 0 0 20px;
  padding: 20px;
  background: #f2f2f2;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

.article-tag-list li {
  display: inline-block;
  padding: 5px;
}

.article-tag-list a {
  color: #1f7cc8;
}

.article-tag-list a:hover {
  text-decoration: underline
}


/* ---------------------------------------------------------
Download page body#download
--------------------------------------------------------- */

.download_title_list {
  margin-left: 20px;
}

.download_title_list li {
  list-style-type: disc;
  padding: 10px 0;
}

.download_title_list li a {
  text-decoration: underline;
  color: #37abe5;
}

.download_title_list li a:hover {
  text-decoration: none;
}

.error {
  color: #ff0000;
}

#download .page-lead {
  margin-bottom: 50px;
}

#download .item {
  margin-bottom: 36px;
}

#download .item-thumb {
  width: 300px;
  border: 1px solid #d5d5d5;
  float: left;
  position: relative;
}

#download .item-thumb img {
  display: block;

}

.icon-pdf {
  position: absolute;
  bottom: 8px;
  left: 8px;
}

#download .item-summary {
  width: 510px;
  float: right;
}

#download .item-summary .item-desc {
  margin-bottom: 53px;
}

.item-action .btn-download, .action .btn-download, #download .action .btn-download {
  height: 45px;
  margin: auto;
  display: block;
  background-image: none;
  line-height: 45px;
  text-align: center;
  color: #fff;
}

#download .btn-download img {
  vertical-align: middle;
}


/* ---------------------------------------------------------
Download page body#download.download-form
--------------------------------------------------------- */

.form-all #header {
  margin-bottom: 20px;
}

.form-all #footer {
  margin-top: 40px;
}

/*
.footer-form-compete {
  position: fixed;
  bottom: 0;
}
*/

.download-form .archive-ttl {
  margin-bottom: 18px;
}

#dl-step {
  margin-bottom: 31px;
  text-align: center;
}

.form-item label {
  display: block;
  margin: 8px 0 12px;
}

.mw_wp_form_input #dl-step, .mw_wp_form_confirm #dl-step {
  width: 615px;
  height: 46px;
  margin: 0 auto 31px;
  ;
}

.mw_wp_form_input #dl-step {
  background: url(images/common/img_form_download_step1@2x.png) no-repeat 0 0;
}

.mw_wp_form_confirm #dl-step {
  background: url(images/common/img_form_download_step2@2x.png) no-repeat 0 0;
}

.mw_wp_form_confirm #email-confirm-row {
  display: none;
}

#download-profile {
  width: 100%;
  border-top: 1px solid #d9d9d9;
  margin-bottom: 50px;
}

#download-profile .form-row {
  border-bottom: 1px solid #d9d9d9;
}

#download-profile .form-label {
  width: 120px;
  height: 32px;
  padding: 0 35px 0 13px;
  float: left;
  vertical-align: top;
  line-height: 32px;
  font-size: 12px;
  color: #343434;
}

.required {
  padding-right: 35px;
  background: transparent url(images/common/icon_required@2x.png) right center no-repeat;
}

#download-profile .form-item {
  width: 521px;
  float: right;
}

.mw_wp_form_confirm .form-item {
  height: 32px;
  line-height: 32px;
}

#download-profile .odd-row {
  background-color: #f9fafa;
}

#email-row, #email-confirm-row, #tel-row, #department-row, #position-row, #name-row, #company-row {
  padding: 8px 0;
}

#email-row input, #email-confirm-row input, #tel-row input, #department-row input, #position-row input, #name-row input, #company-row input {
  width: 430px;
  height: 30px;
  line-height: 28px;
}

#industry-row .form-label, #job-row .form-label, #gender-row .form-label, #age-row .form-label, #mailmaga-row .form-label, #privacy-row .form-label, #prefectures-row .form-label {
  margin-top: 13px;
}

#industry-row .form-item, #job-row .form-item, #gender-row .form-item, #age-row .form-item, #mailmaga-row .form-item, #privacy-row .form-item, #prefectures-row .form-item {
  padding: 15px 0;
  line-height: 2.4;
  font-size: 12px;
  color: #343434;
}


/*2015.11.09 add*/

#trouble-row .form-label, #request-row .form-label {
  width: 674px;
  float: none;
  padding-top: 13px;
}

#trouble-row .form-item, #request-row .form-item {
  width: 674px;
  float: none;
  padding: 15px 0 15px 13px;
}

.mw_wp_form_confirm #trouble-row .form-item, .mw_wp_form_confirm #request-row .form-item {
  height: auto;
  line-height: 24px;
}


/**/

#industry-row .form-item input, #job-row .form-item input, #gender-row .form-item input, #age-row .form-item input, #mailmaga-row .form-item input, #privacy-row .form-item input, #prefectures-row input {
  margin-right: 20px;
  vertical-align: top;
}

.download-confirm #download-profile #email-row {
  padding: 0;
}

.download-confirm #download-profile #email-row .form-label {
  margin-top: 14px;
}

.download-confirm #download-profile #email-row .form-item {
  padding: 15px 0;
  line-height: 2.4;
}

#download-annotate {
  padding: 19px 16px;
  border: 1px solid #d9d9d9;
  margin-bottom: 10px;
  font-size: 11px;
  color: #343434;
}

#download-annotate p {
  line-height: 2.0;
}

#download-annotate a {
  text-decoration: underline;
}

#agree {
  width: 240px;
  margin: 0 auto 15px;
  display: block;
  text-align: center;
  font-size: 11px;
  color: #343434;
}

#agree.required {
  background: none;
  line-height: 16px;
}

.img-required {
  margin-right: 6px;
  margin-bottom: -4px;
  vertical-align: baseline;
}

#agree input {
  margin-right: 13px;
  vertical-align: middle;
}

#download .action {
  text-align: center;
}

.btn-confirm, .btn-modify, .btn-submit {
  width: 242px;
  height: 47px;
  margin: 0 auto 30px;
  display: block;
  background: transparent url(images/common/img_btn_confirm@2x.png) left top no-repeat;
}

.btn-modify {
  margin: 0 70px 20px;
  background: transparent url(images/common/img_btn_modify@2x.png) left top no-repeat;
  float: left;
}

.btn-submit {
  background: transparent url(images/common/img_btn_submit@2x.png) left top no-repeat;
  float: left;
}

.btn-confirm:hover, .btn-modify:hover, .btn-submit:hover {
  background-position: top right;
}


/* .mw_wp_form_input .action input */

.mw_wp_form_input .action input, .mw_wp_form_confirm .action input {
  width: 242px;
  height: 47px;
  margin: 0 auto;
  border: none;
  overflow: hidden;
  text-indent: -9999px;
  display: block;
  background: transparent url(images/common/img_btn_confirm@2x.png) left top no-repeat;
  cursor: pointer;
}

.mw_wp_form_confirm .action input[name="submitBack"] {
  background: transparent url(images/common/img_btn_modify@2x.png) left top no-repeat;
  margin: 0 20px;
  display: inline-block;
}

.mw_wp_form_confirm .action input {
  background: transparent url(images/common/img_btn_submit@2x.png) left top no-repeat;
  margin: 0 20px;
  display: inline-block;
}

.mw_wp_form_input .action input:hover, .mw_wp_form_confirm .action input:hover, .mw_wp_form_confirm .action input:hover[name="submitBack"] {
  background-position: top right;
}

#complete-msg {
  width: 87%;
  margin: 30px auto;
}


/* ---------------------------------------------------------
404 erroe page
--------------------------------------------------------- */

.err404 h2 {
  color: #1c1c1c;
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 30px;
}

.err404 h2 span {
  font-size: 24px;
}


/* ---------------------------------------------------------
business page
--------------------------------------------------------- */


/* list page */

#list .tmpl .social-wrap {
  position: static;
  margin: 0 0 16px;
}

#list .tmpl #articles {
  border: none;
}

.tmpl #articles p {
  line-height: 1.8;
  margin-bottom: 20px;
}


/* detail page */

.entry-container.tmpl {
  padding: 0;
  border: none;
}

.tmpl .archive-ttl {
  font-size: 18px;
}

#articles .ttl-large {
  margin-bottom: 20px;
}

.tmpl-list {
  margin-bottom: 40px;
}

.tmpl .ttl-mid {
  font-size: 18px;
  text-decoration: none;
  font-weight: normal;
}

.tmpl .article-detail .item-summary, .tmpl #articles .item-summary, .tmpl #articles .cat-desc {
  padding: 0 20px;
}

.tmpl .article-detail p.item-desc, .tmpl #articles p.item-desc, .tmpl #articles .cat-desc {
  margin-bottom: 30px;
}

/* 20180814 add - start */
.download-thumbnail{ text-align:left; }
.download-thumbnail img{ width:50%; padding:0; height:auto; border:solid 1px #999; }
@media screen and (max-width:600px){
  .download-thumbnail{ text-align:center; }
  .download-thumbnail img{ width:70%; }
}
@media screen and (max-width:480px){
  .download-thumbnail img{ width:100%; }
}

.tmpl .item-action-list{ margin:0 0 40px; padding:0; }
.tmpl .item-action-list li{ width:33%; margin:20px 0 0 20px; padding:0; float:right; list-style:none; text-align:center; }
.tmpl .item-action-list li a{ display:block; color:#fff; font-size:15px; height:45px; line-height:45px; }
.tmpl .item-action-list li a img{ padding:0; vertical-align:bottom; }
.tmpl .item-action-list li .item-color-blue{ background:#218acc; }
.tmpl .item-action-list li .item-color-orange{ background:#df6a35; }
@media screen and (max-width:1024px){
  .tmpl .item-action-list li{ width:45%; }
}
@media screen and (max-width:600px){
  .tmpl .item-action-list li{ width:60%; margin:20px auto 0; float:none; }
}
@media screen and (max-width:480px){
  .tmpl .item-action-list li{ width:100%; margin:20px auto 0; }
}
/* 20180814 add - end */




/* ---------------------------------------------------------
journalizing page
--------------------------------------------------------- */
/*
#profit,
#netasset,
#liabilities,
#expen,
#property {
  margin-top: -50px;
  padding-top: 50px;
}
*/
.journalizing-article {
  border-top: none !important;
}

.journalizing-list {
  padding-bottom: 20px;
  margin-bottom: 40px;
}

.journalizing-title-list {
  margin-left: 20px;
  margin-bottom: 20px;
}

.journalizing-item li {
  padding-top: 10px;
  padding-bottom: 10px;
  background: none;
  list-style: disc;
}

.entry-container.journalizing {
  border: none;
  padding: 0 10px;
  margin-bottom: 0;
}

.journalizing .article-detail {
  padding: 0;
  border-bottom: none;
}

.journalizing .archive-ttl {
  background: none;
}

.journalizing .archive-ttl span {
  font-size: 14px;
  font-weight: normal;
  display: block;
}

.journalizing a {
  color: #37abe5;
/*  text-decoration: underline;*/
}

.journalizing .page-nav .nav-item {
  display: inline-block;
    margin: 5px 5px 0 0;
    padding: 5px 20px;
    color: #999;
    background: #fff;
    border: 1px solid #9e9e9e;
    border-radius: 30px;
}

.journalizing .page-nav .nav-item a{
  color: #1c1c1c;
}

.journalizing .page-nav .nav-item:before {
    content: '\f02b';
    font-family: "FontAwesome";
    padding-right: 5px;
}

.journalizing a:hover {
  color: #005580;
}

.journalizing .article-detail ul {
  padding-left: 25px;
}

.journalizing .article-detail ol {
  padding-left: 30px;
}

.journalizing .article-detail ul li ul, .journalizing .article-detail ol li ul {
  padding-left: 5px;
  margin: 10px 0;
}

.journalizing .article-detail ul li ol, .journalizing .article-detail ol li ol {
  padding-left: 8px;
  margin: 10px 0;
}

.journalizing .article-detail p {
  padding-left: 20px;
}

.journalizing blockquote {
  margin: 0 10px 20px;
}


/* .social-wrap */

.journalizing .social-wrap {
  margin-bottom: 5px;
}


/* faq */
/*
.q, .a {
  background: url(images/common/icon_q.png) 0 0 no-repeat !important;
  padding: 8px 0px 5px 60px !important;
}*/

.article-detail .faq h3 {
  border: none;
}

.q:before {
    content: "Q";
    display: inline-block;
    padding-top: 9px;
    padding-bottom: 9px;
    text-align: center;
    color: #ffffff;
    text-shadow: none;
    font-weight: bold;
    margin-right: 5px;
    background-color: #9e9e9e;
    height: 25px;
    line-height: 25px;
    width: 45px;
    font-size: 25px;
}
/*
.a {
  background-image: url(images/common/icon_a.png) !important;
  font-size: 14px;
  padding-top: 0 !important;
}
*/

.a:before {
    content: "A";
    display: inline-block;
    padding-top: 5px;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    text-shadow: none;
    background-color: #0d85d0;
    font-size: 25px;
    height: 33px;
    line-height: 30px;
    padding-bottom: 5px;
    width: 45px;
    margin-right: 5px;
}


/* ----- .related ----- */

.related {
  padding: 15px 10px 0;
  border-top: 3px solid #242424;
  border-bottom: 3px solid #242424;
}

#related-ttl {
  background: none;
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 5px;
  padding: 0;
  border-bottom: none;
}


/* ----- #recommend ----- */

#recommend.recommend-journalizing article {
  position: relative;
}

#recommend.recommend-journalizing .article-img {
  margin-bottom: 0;
}

#recommend.recommend-journalizing .article-cat {
  background: #a80d2a;
  color: #fff;
  border-radius: 2px;
  padding: 5px 10px 4px;
  margin: 0;
  position: absolute;
  top: 10px;
  left: 10px;
}


/* ----- .article-meta ----- */

.article-meta {
  overflow: hidden;
  margin-bottom: 5px;
}

.article-meta .article-date, .article-meta .article-category {
  float: right;
}

.article-meta .article-category .article-category-box {
  border: 1px solid #494949;
  padding: 2px 10px 1px;
  margin: 0 8px 5px 0;
  display: inline-block;
  color: #494949;
  font-size: 11px;
}


/* ----- .page-nav ----- */

.page-nav-ttl {
  background: transparent url(images/common/bg_article_ttl.png) left bottom repeat-x;
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.page-nav_box {
    background: #f5f5f5;
    padding: 10px 0 10px 20px;
}

.page-nav {
  margin-bottom: 30px;
}

.page-nav .nav-item {
  margin: 0 5px;
  display: inline-block;
}

.page-nav .nav-item a {
  margin-left: 2px;
}


/* ----- .grandchild ----- */

.grandchild-cat {
  margin: 0 0 40px 20px;
}

.grandchild-cat li {
  background: url(images/common/icon_dot_small.png) 7px 7px no-repeat;
  padding-left: 18px;
  margin-bottom: 10px;
}


/* .gotop */

.gotop {
  background: url(images/common/bg_gotop.png) 0 0 no-repeat;
  text-align: center;
  width: 123px;
  height: 21px;
  position: absolute;
  top: 9px;
  right: 10px;
}

.gotop a {
  color: #464E53 !important;
  font-size: 12px;
  text-decoration: none;
  padding: 3px 0 2px;
  display: block;
}


/* table */

.journalizing .dataTables_wrapper {
  margin: 0 10px;
}

table {
  border-left: 1px solid #444;
  border-top: 1px solid #444;
}

td, th {
  padding: 16px 18px 11px;
  border-bottom: 1px solid #444;
  border-right: 1px solid #444;
}

.journalizing th {
  background: #2d9dd7;
  color: #fefefe;
}

.journalizing td {
  background: #f1f1f1;
}


/* ----- senryu ----- */

.senryu_top_article {
  width: 100%;
  margin: 10px 0;
}

.senryu-top-ttl {
  color: #000;
  font-weight: normal;
  background: #f5f5f5;
  padding: 10px;
}

.senryu-top-ttl:hover {
  opacity: .75;
}

.senryu-sp-ttl {
  font-size: 14px;
  font-weight: 700;
  border-bottom: 1px solid #888;
  padding: .5em 0 .5em .5em;
  border-left: 5px solid #888;
  word-break: keep-all;
}

.senryu-detail {
  border: none;
}

h2.senryu-ttl {
  word-break: keep-all;
  text-decoration: none;
  margin: 0 auto 20px;
  padding: 10px;
  text-align: center;
  line-height: 1.5em;
  font-size: 20px;
  width: 100%;
  background: #fff;
  border-left: 0;
}

.senryu-main-vi {
  margin: 0 0 30px 0;
}

#list .senryu_article .social-wrap {
  position: relative;
  bottom: auto;
  right: auto;
}

.senryu_article {
  box-sizing: border-box;
  width: 210px;
  float: left;
  margin: 0 0 40px;
}


.senryu_content {
  margin-bottom: 5px;
}

.senryu_article.col3_senryu_2 {
  margin-right: 35px;
  margin-left: 35px;
}

.senryu_article .twitter, .senryu_article .twitter-button, .senryu_article .twitter-share-button {
  margin: 0;
  float: left;
}

.senryu-img {
  overflow: hidden;
}

.senryu-img img {
  width: 300px;
  margin-left: -44px;
  height: 159px;
}

.senryu_meta {
  margin: 0 0 8px 0;
}

.article-detail {}

.article-detail .senryu-img {
  margin: 0 0 20px;
}

.article-detail .senryu-img img {
  display: block;
  width: 630px;
  height: auto;
  margin: 0 auto;
}

.senryu-tag-list ul {
  margin-bottom: 0;
}

.senryu-meta {
  width: 300px;
  margin: 0 auto;
}

.senryu-meta dl {}

.senryu-meta dt {
  width: 96px;
  padding: 10px 0;
  float: left;
  clear: both;
  font-weight: bold;
}

.senryu-meta dd {
  padding: 10px 0 10px 20px;
}

.senryu-meta dd:before {
  content: ": ";
}

.senryu-detail-ttl {
  padding: 10px 0;
  font-weight: bold;
}

.senryu_pager {
  position: relative;
  width: 300px;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 40px;
}

.senryu_pre {
  display: block;
  float: left;
}

.senryu_pre a {
  display: block;
  padding: 10px 20px;
  text-align: center;
  border: 1px solid #9f9f9f;
  background-color: #9f9f9f;
  color: #fff;
}

.senryu_next {
  display: block;
  float: right;
}

.senryu_next a {
  display: block;
  padding: 10px 20px;
  text-align: center;
  border: 1px solid #9f9f9f;
  background-color: #9f9f9f;
  color: #fff;
}

.senryu_next a:hover, .senryu_pre a:hover {
  opacity: .75;
}

.senryu_center a {
  display: block;
  padding: 10px 20px;
  text-align: center;
  border: 1px solid #9f9f9f;
  color: #9f9f9f !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 60px;
}

.senryu_center a:hover {
  color: #fff;
}


/*フローティングバナー*/

.hsb-form-formcontents_top p.close {
  position: absolute;
  right: 0;
  top: 0;
}

.hsb-form-formcontents_top p.close a {
  display: block;
  width: 20px;
  height: 25px;
  text-align: center;
}

.hsb-form-formcontents_top p.close a span {
  display: block;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.hsb-form-formcontents_top p.close a i {
  font-size: 14px;
  z-index: 888;
   line-height:16px;
  color: #fff !important;
}
.hsb-form-formcontents_top p.close a{
height:18px;
 width:18px;
 background: #0d85d0;
 border-radius:0 0 0 5px;
 text-align:center;
 padding: 0 0 3px 3px;
}
.page_hsb-form h3.hsb-form-formcontents-h3{
border-radius: 0;
  font-size: 1.3em;
  padding: 0.5em 0.5em 0.75em 0.5em;
  line-height: 2;
  text-align: center;
  margin-bottom: 0.75em;
  color: #fff;
  background: #218acc;
}

/*20190319add　mailmagazine　form*/
.hsb-form-formcontents-mailmagazine{
font-size: 1em;
box-sizing: border-box;
padding: 0.25rem 1rem 0;
}
.hsb-form-formcontents-mailmagazine form{
margin-bottom: 0 !important;
}
.hsb-form-formcontents-mailmagazine .hs-form-field label {
font-weight: normal !important;
font-size: 13px !important;
color: #0c5b8d !important;
margin-bottom: 0 !important;
line-height: 1.2 !important;
}
.hsb-form-formcontents-mailmagazine .hs-form-field ul.hs-error-msgs{
margin:3px 0 0 !important;
padding: 0 !important;
line-height: 1.2 !important;
}

.hsb-form-formcontents-mailmagazine .hs-form-field ul.hs-error-msgs label{
font-weight: normal !important;
font-size: 12px !important;
color: #F96 !important;
}
.hsb-form-formcontents-mailmagazine .stacked .field{
margin-bottom:3px !important;
}
.hsb-form-formcontents-mailmagazine .hs_submit, .hsb-form-formcontents-mailmagazine .hs-submit{
text-align: center;
margin: 0 auto;
}
.hsb-form-formcontents-mailmagazine .hs_submit .actions , .hsb-form-formcontents-mailmagazine .hs-submit .actions{
text-align: center !important;
margin: 0 auto !important;
padding: 10px 0 !important;
}
.hsb-form-formcontents-mailmagazine .hs_submit .actions input[type="submit"] , .hsb-form-formcontents-mailmagazine .hs-submit .actions input[type="submit"]{
display: inline-block;
text-align: center;
margin: 0 auto !important;
padding: 15px 10px !important;
border-radius: 5px;
box-shadow: none;
font-size: 16px;
color: #fff;
font-weight: normal;
text-shadow: none;
letter-spacing: 1rem;
}
.hsb-form-formcontents-mailmagazine .hs_submit .submitted-message{
margin-bottom: 0;
}


/*ranking*/

.category-news {
  background: rgba(255, 255, 255, 0.70);
}

.ranking-articles {
  margin-bottom: 50px;
}

.ranking-articles .article {
  width: 100%;
  min-height: 30px;
  margin: 0 0 5px!important;
  padding: 5px 0 0 10px!important;
}

.ranking-articles .article-img, .ranking-articles .rank_wrap {
  display: inline-block;
  vertical-align: middle;
  width: 85%;
}

.ranking-articles .article-date {
  margin: 0 0 5px 14px;
}

#list .ranking-articles article.article {
  width: 100%;
}

.ranking-articles #rank_01 a:before, .ranking-articles #rank_02 a:before, .ranking-articles #rank_03 a:before, .ranking-articles #rank_04 a:before, .ranking-articles #rank_05 a:before {
  content: "1";
  position: relative;
  top: 5px;
  width: 20px;
  font-size: 20px;
  color: #999;
}

.ranking-articles #rank_02 a:before {
  content: "2";
}

.ranking-articles #rank_03 a:before {
  content: "3";
}

.ranking-articles #rank_04 a:before {
  content: "4";
}

.ranking-articles #rank_05 a:before {
  content: "5";
}

.ranking-articles .article-img {
  margin-left: 10px;
}

#right .ranking-articles .article-ttl {
  width: 96%;
  font-size: 13px;
}

#right .ranking-articles #rank_01, #right .ranking-articles #rank_02, #right .ranking-articles #rank_03, #right .ranking-articles #rank_04, #right .ranking-articles #rank_05 {
  padding: 5px 0 5px 10px;
  margin-bottom: 5px;
  height: auto!important;
  background-color: #f5f5f5;
  width: 95%;
}

#right .ranking-articles {
  margin-bottom: 20px;
}


/* Responsive max-width: 568px
--------------------------------------------------------- */

.sp-only {
  display: none!important;
}


/* SPメルマガmodalwindow
--------------------------------------------------------- */

#modal-main .hsb-form-formcontents_top{
  display: none;
  width: 330px;
  min-height: 250px;
}

#modal-main .hsb-form-formcontents_top .rseisan-banner
{ margin:10px 0 0; }

#modal-bg {
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 102;
}


/* =========================================================
20170612add　TOPページ改修
========================================================= */

#contents #left .full_content {
  max-width: 850px;
  height: 740px;/* 20180807 730px; */
  position: relative;
  margin: 10px auto 0;
  clear: both;
}

.tabmenu {
  width: 24%;
  background: #fff;
  float: left;
  list-style: none;
  margin-right: -1px;
  padding: 10px 0 10px;
  text-align: center;
  display: block;
  cursor: pointer;
  border: 1px solid #b9b9b9;
  border-bottom: 3px solid #0d85d0;
  color: #b9b9b9;
}

.brl10 {
  border-radius: 10px 0 0 0;
}

.brr10 {
  border-radius: 0 10px 0 0;
}

.tabactive {
  background: #218acc;
  border: 1px solid #218acc;
  border-bottom: 3px solid #0d85d0;
  color: #fff;
}

.tabactive.menu_lf:after {
  right: 66px;
}

.active {
  background: #218acc;
  border: 1px solid #218acc;
  color: #fff;
}

.hover {
  background: #b9b9b9;
  border: 1px solid #b9b9b9;
  border-bottom: 3px solid #0d85d0;
  color: #fff;
}

.hover.tabactive:after {
  border-top: 13px solid #d7edfb;
}

.tabmenu img:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
}

.mr01 {
  margin-right: 1px;
}

.tabcontent {
  width: 100%;
  margin-top: 5%;
  left: 0;
  position: absolute;
}

.tabcontent dl {
  max-width: 850px;
  margin: 20px auto;
}

.tabcontent dl dt {
  margin: 0 8px 20px;
  display: inline-block;
  width: 30%;
  font-size: 14px;
  vertical-align: top;
  background: #f5f5f5;
}

.tab_title {
  margin-top: 10px;
  padding: 5px 20px 5px;
  font-weight: bold;
  border-bottom: 1px #999 solid;
}

.tabcontent-img {
  color: #fff;
  text-align: center;
  width: 100%;
  height: 130px;
  display: block;
  line-height: 1;
  overflow: hidden;
  position: relative;
}

.tabcontent-img img {
  -moz-transition: -moz-transform 0.5s linear;
  -webkit-transition: -webkit-transform 0.5s linear;
  -o-transition: -o-transform 0.5s linear;
  -ms-transition: -ms-transform 0.5s linear;
  transition: transform 0.5s linear;
}

.tabcontent-img img:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.tabcontent-txt {
  padding: 10px;
  min-height: 100px;
  line-height: 1.5;
  letter-spacing: 1px;
  font-weight: bold;
}

.tabcontent-txt:hover {
  opacity: 0.7;
}

time {
  width: 100%;
  display: block;
  color: #b7b7b7;
  margin: 0 0 0 0!important;
}

#sub_footer {
  width: 850px;
  display: block;
}

#sub_footer .cat_list_ttl {
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
}

#sub_footer .cat_list_ttl:before {
  content: '\f067';
  font-family: "FontAwesome";
  padding-right: 5px;
  color: #0d85d0;
}

#sub_footer .cat_list li {
  /*width: 22%;*/
  display: inline-block;
  margin-left: 10px;
  padding: 5px 20px;
  background: #fff;
}

ul.cat_name_list {}

li.cat_name {
  display: inline-block;
  padding: 5px;
  margin: 5px 5px 0 0;
  background: #eee;
  color: #999;
  font-size: 13px;
}

li.cat_name:before {
  content: '\f02b';
  font-family: "FontAwesome";
  padding-right: 5px;
}

#list .wrap_all, #list .wrap_half {
  border-bottom: 1px solid #d9d9d9;

}

#list .wrap_all article {
  width: 94%;
}

#list .wrap_half article {
  width: 45%;
  height: auto;
  display: inline-block;
}

#list .wrap_half .article-summary {
  width: 74%;
  float: left;
  margin-left: 10px;
}

.article_half_txt {
  display: block;
  margin-bottom: 40px;
}

.pickup_ttl {
  margin: 10px 0;
  font-size: 16px;
}

#list .cat_list li:before {
  content: '\f067';
  font-family: "FontAwesome";
  padding-right: 5px;
}

#list .cat_list ul.children li:before, #list #sub_footer .cat_list li:before {
  content: ' ';
}

#list #sub_footer .cat_list li {
  border: 1px solid #9e9e9e;
}

#list .cat_list ul.children li {
  border: 1px solid #9e9e9e;
  background: #fff;
}

#recommend .article {
  width: 46%;
  display: inline-block;
  vertical-align: top;
}

#recommend .article-date, #recommend .article-ttl {
  float: left;
  width: 47%;
  padding-left: 10px;
}

#recommend .article-ttl {
  font-size: 15px;
}


/*top_slider*/

.wideslider {
  width: 100%;
  text-align: left;
  position: relative;
  overflow: hidden;
  height: 400px;
}

.wideslider ul, .wideslider ul li {
  float: left;
  display: inline;
  overflow: hidden;
  width: 800px;
  height: 400px;
  position: relative;
}

.wideslider ul li img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}

.wideslider_base {
  top: 0;
  position: absolute;
}

.wideslider_wrap {
  top: 0;
  position: absolute;
  overflow: hidden;
}

.slider_prev, .slider_next {
  top: 0;
  overflow: hidden;
  position: absolute;
  z-index: 100;
  cursor: pointer;
}

.slider_prev, .slider_next {
  background: #fff;
}

.slider_prev:before, .slider_next:after {
  content: '\f104';
  font-family: "FontAwesome";
  font-size: 100px;
  top: 230px;
  position: relative;
  color: #000000;
  left: 65%;
}

.slider_next:after {
  content: '\f105';
  left: 20%;
}

.pagination {
  display: none;
}

.pagination a {
  margin: 0 5px;
  width: 15px;
  height: 15px;
  display: inline-block;
  overflow: hidden;
  background: #333;
}

.pagination a.active {
  filter: alpha(opacity=100)!important;
  -moz-opacity: 1!important;
  opacity: 1!important;
}

.sp-caption {
  position: absolute;
  bottom: 0;
  background: linear-gradient(rgba(0, 0, 0, 0), #000000);
  color: #fff;
  font-size: 23px;
  line-height: 2;
  padding: 40px 30px 20px;
  width: 93%;
}

ul .sp-caption, ul .sp-caption {
  display: none;
}

ul.mainList .mainActive .sp-caption {
  display: block;
}


/* =======================================
ClearFixElements
======================================= */

.wideslider ul:after {
  content: ".";
  height: 0;
  clear: both;
  display: block;
  visibility: hidden;
}

.wideslider ul {
  display: inline-block;
  overflow: hidden;
}


/* 20170612add TOPページ改修 ここまで */

@media screen and (max-width: 1024px) {
  #gnavi,
  #contents {
    width: 100%;
  }
  
  #left {
    width: 73%;
    float: left;
    margin: 0 10px 0 15px;
  }
  
  #right {
    width: 23%;
    float: left;
  }

  #sub_footer {
    width: 100%;
  }
  
  #gnavi .nav-item {
    width: 15%;
  }
  
  #list .article {
    width: 100%;
  }
  
  #list .wrap_all .article-summary {
    width: 54%;
  }
  
  #list .article-summary, #detail .article-summary {
    width: 68%;
    float: left;
    margin: 0 0 10px 15px;
  }
  
  .ranking-articles .article-img, .ranking-articles .rank_wrap {
    width: 80%;
  }
  
  #recommend .article {
    width: 45%;
  }
}

@media screen and (min-width: 700px)  and (max-width: 800px) {
  .wideslider {
    height: 300px!important;
  }
  
  .wideslider ul, .wideslider ul li {
    height: 300px!important;
  }
}

@media screen and (max-width: 800px) {
  img {
    width: auto;
    max-width: 100% !important;
    height: auto;

    vertical-align: top;
  }

  #header-inner,
  #left,
  #contents,
  #sub_footer,
  #footer-inner {
    width: 96%;
    margin: 0 auto;
    float: none;
  }
  
  #right {
    display: none;
  }
  
  #header-logo {
    width: 83%;
  }
  
  #header-right {
    width: 15%;
    float: left;
  }
  
  #gnavi {
    width: 100%;
    margin: auto;
  }
  
  #gnavi .nav-item {
    width: auto;
    padding: 0 10px;
  }
  
  #global-nav-inner {
    height: 39px;
  }
  
  #gnavlogo img {
    display: none;
  }
  
  #search-form {
    float: right;
  }
  
  #list .wrap_all .article-summary {
    width: 50%;
  }
  
  .ranking-articles .article-img, .ranking-articles .rank_wrap {
    width: 80%;
  }
/*  
  .wideslider {
    height: 300px!important;
  }
  
  .wideslider ul, .wideslider ul li {
    height: 300px!important;
  }
*/  
  #list .article {
    width: 100%;
  }
  
  #list .article-summary, #detail .article-summary {
    width: 69%;
  }
  
  #recommend .article-date, #recommend .article-ttl {
    width: 40%;
  }
  
  #author-profile {
    width: 77%;
  }
  
  #gnavi .nav-link {
    padding: 12px 10px 8px;
  }
}

/*seminar banner*/
.seminar_bnr {
  background: rgba(0, 0, 0, 0.61);
  width: 100%;
  position: fixed;
  z-index: 999;
  color: #fff;
  font-size: 20px;
  padding-top: 45px;
}

.seminar_bnr_wrapper {
  width:800px;
  margin: 0 auto 20px;
}

.seminar_bnr_txt {
  width: 65%;
}

.seminar_bnr_btn {
  width: 30%;
}

.seminar_bnr_txt,
.seminar_bnr_btn {
  display: inline-block;  
}

.seminar_bnr_txt p,
.seminar_bnr_btn {
    line-height: 2.0;
}

.seminar_bnr_btn a {
  display:block;
  width:100%;
    background: #2289cb;
    padding: 10px 0;
/*    margin: 20px;*/
    color: #fff;
    border-radius: 5px;
  text-align:center ;
}

.seminar_bnr p.close {
  text-align:right;
}

.seminar_bnr p.close a,
.seminar_bnr_btn a {
  color: #fff;
}

/*20180209フローティングバナー修正*/
.floating-bnr {
  width: 265px !important;
  height: 245px !important;
}

.floating-bnr .floating-bnr-inner {
  padding: 20px 15px;
}

.floating-bnr h3 {
  margin-bottom: 25px;
  font-size: 20px;
    font-weight: bold;
  color: #0d85d0;
}

.floating-bnr .check-list {
  margin-bottom: 25px;
}

.floating-bnr .check-list li {
  margin-bottom: 5px;
}

.floating-bnr .check-list li:before {
  content: '\f14a';
    font-family: "FontAwesome";
    padding-right: 8px;
    color: #0d85d0;
  font-size: 17px;
}

.floating-bnr .btn-floating-bnr a {
  display: block;
  padding: 15px 0 18px;
  margin: 0 auto;
  line-height: 16px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  background-color: #f39800;
  text-decoration: none;
  border-radius: 5px;
}


/*@media screen and (max-width: 568px) {*/

@media screen and (max-width: 600px) {
  body {
    line-height: 1.3;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ＭＳ ゴシック", "MS Gothic", sans-serif;
    -webkit-text-size-adjust: none;
  }
  .sp-only {
    display: block !important;
  }
  .pc-only {
    display: none !important;
  }
  img {
    width: auto;
    max-width: 100% !important;
    height: auto;
    vertical-align: top;
  }
  #index #all {
    background-size: contain;
  }
  .pagetop a {
    color: #0d85d0;
    width: 100%;
    display: block;
    line-height: 0.5;
  }
  #all, #wrapper, #right, .social, #visual, #left, #right, #contents, #header-inner, #header-logo, #global-nav, #footer, #footer-inner, #nav-footer, #footer-logo, #contents, #gnavi, .article, #howto .article, #list .article, .article-img {
    width: auto;
  }
  #all {
    position: relative;
  }
  #header {
    width: 96%;
    padding: 10px 10px 10px;
    margin-bottom: 0;
    background-image: none;
  }
  .form-all #header {
    margin-bottom: 0;
  }
  #header-logo {
    margin: 2px 0 5px 5px;
  }
  #logo {
    width: 150px;
    height: auto;
  }
  #img-logo {
    width: 150px;
    height: 35px;
  }
  .sp-caption {
    font-size: 18px;
    line-height: 1;
    padding: 10px 25px;
    width: 90%;
  }
  #visual {
    height: auto;
  }
  .bxslider-item {
    height: auto;
  }
  .visual-img {
    width: 100%;
    position: static;
  }
  .bx-controls-direction {
    display: none;
  }
  #sp-btn-menu {
    position: absolute;
    right: 15px;
    top: 15px;
  }
  #sp-link-menu, #sp-link-menu-close {
    cursor: pointer;
  }
  #sp-link-menu-close {
    display: none;
  }
  #sp-btn-social {
    float: right;
    position: absolute;
    right: 52px;
    top: 10px;
  }
  .sp-social-img {
    float: left;
    padding: 0 5px
  }
  #sp-btn-social a.sp-social-img {
    color: #9E9E9E;
  }
  .fa-facebook-square:hover {
    color: #315096;
  }
  .fa-twitter-square:hover {
    color: #55acee;
  }
  /* 20180509 start */
  .fa-bell {
    padding: 4px 1px 3px;
  }
  .fa-bell:hover {
    color: #eeac00;
    cursor: pointer;
  }
  /* 20180509 end */
  #sp-img-menu, #sp-img-menu-close {
    width: 30px;
  }
  #sp-img-facebook, #sp-img-twitter {
    width: 36px;
    height: auto;
  }
  #breadcrumbs {
    margin: 6px 0 10px;
    display: none;
  }
  #sp-right {
    width: 100%;
    display: none !important;
    z-index: 999;
    position: absolute;
    top: 62px;
  }
  #sp-right.on {
    display: block !important;
  }
  .txt-download, .txt-mail-magazine {
    border: solid 1px #fff;
  }
  #sp-btn-twitter {
    text-align: center;
  }
  #sp-twitter-bnr {
    width: 240px;
  }
  #matome .nav-matome-link {
    display: block;
  }
  #left {
    padding: 10px 0;
    float: none;
  }
  #sp-global-nav {
    padding-top: 9px;
    background-color: #0179C5;
  }
  #sp-global-nav-inner {
    margin-bottom: 49px;
  }
  #sp-searchbox {
    position: relative;
  }
  #sp-search-q {
    width: 87.75%;
    box-sizing: border-box;
    height: 40px;
    margin: 0 auto;
    display: block;
    line-height: 16px;
    padding-left: 30px !important;
    font-size: 16px;
  }
  #sp-search-btn {
    width: auto;
    height: 16px !important;
    position: absolute;
    left: 10px;
  }
  #sp-gnavi .nav-item {
    padding: 13px 10px 13px 18px;
    background: transparent url(images/common/bdr_sp_nav@2x.png) left bottom repeat-x;
  }
  #sp-gnavi .nav-link {
    display: block;
    background: transparent url(images/common/bg_sp_nav_arrow@2x.png) right center no-repeat;
    background-size: 7px 12px;
  }
  
  #gnavi .nav-item {
    padding: 0 ;
  }
  
  #sp-gnavi .nav-link:link, #sp-gnavi .nav-link:visited, #sp-gnavi .nav-link:hover, #sp-gnavi .nav-link:active {
    color: #fff;
  }
  #ad {
    width: 240px;
    margin: 0 auto 13px;
  }
  #sp-conversion {
    width: 240px;
    margin: 0 auto 13px;
  }
  #sp-conversion .btn-download, #download #sp-conversion .btn-download {
    margin-bottom: 12px;
    background: transparent url(images/common/btn_download.png) left center no-repeat;
  }
  .fb-like-box {
    /*      width: 240px;*/
    margin: 0 auto 10px;
    background-color: #fff;
  }
  .fb_iframe_widget {
    margin-bottom: 0;
    display: inline !important;
  }
  #contents {
    padding-top: 0px;
    margin-bottom: 40px;
  }
  #index #contents {
    padding-top: 10px;
  }
/*  
  .wideslider {
    height: auto!important;
  }
  
  .wideslider ul, .wideslider ul li {
    height: auto!important; 
  }
*/  
  .article.odd, .article.even {
    margin: 0 0 17px;
    float: none;
  }
  .article-img {
    margin-bottom: 5px;
  }
  .article-date {
    padding: 0;
    margin: 0 8px 5px;
    position: static;
    vertical-align: top;
  }
  .article-cat {
    margin: 0 8px 5px 0;
  }
  .article-ttl {
    margin: 0 8px 8px;
    font-size: 13px!important;
  }
  .article-ttl:link, .article-ttl:visited, .article-ttl:hover, .article-ttl:active {
    margin: 0 8px 8px;
  }
  .article-detail h3 {
    background-size: 14px;
  }
  .article-detail h4 {
    background-size: 13px 14px;
  }
  .article-detail img {
    margin: 0 0 10px;
  }
  #howto {
    margin: 0;
  }
  #sp-gotop {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 10000;
  }
  #sp-gotop-img {
    width: 37px;
  }
  #author-summary {
    padding: 0 20px 10px;
    line-height: 1.8em;
  }
  #right {
    display: none;
  }
  .tags-box {
    width: 218px;
    margin: 0 auto;
  }
  #footer {
    position: relative;
  }
  #footer-logo {
    margin: 18px 8px 0 0;
  }
  #footer-logo .copyright {
    overflow: hidden;
    width: 100%;
    text-align: left;
  }
  #footer-inner {
    padding: 0 10px 10px;
    margin: auto;
  }
  #nav-footer, #footer-logo {
    float: none;
  }
  #nav-footer .nav-item {
    margin-bottom: 7px;
    display: block;
  }
  .copyright {
    font-size: 9px;
  }
  #right #tags {
    margin-right: 10px;
    margin-left: 10px;
  }
  /* ---------------------------------------------------------
Detail page body#index
--------------------------------------------------------- */
  .visual-ttl {
    width: auto;
    padding: 10px;
    font-size: 14px;
    bottom: 0;
    right: 0;
    display: block;
  }
  .visual-link {
    margin-bottom: 0;
    height: auto;
    position: relative;
  }
  .visual-icon {
    top: auto;
    bottom: 5px;
    left: 5px;
  }
  #matome {
    padding: 8px 0;
  }
  #matome .nav-matome-link {
    margin: 10px;
  }
  .article-img img {
    width: 100%;
  }
  #index #right {
    display: block;
    float: none;
  }
  #conversion .btn-link {
    margin: 0 auto 8px;
  }
  #social .btn {
    width: 240px;
    margin: 0 auto 10px;
  }
  #index #ranking {
    display: none;
  }
  /* ---------------------------------------------------------
Detail page body#detail
--------------------------------------------------------- */
  .social-wrap {
    margin-bottom: 15px;
  }
  #detail .social {
    position: relative;
    top: auto;
    text-align: right;
  }
  #bookmark, #twitter, #facebook, .hatena-bookmark-button-frame, #twitter-widget-0, #twitter-widget-1, .fb_iframe_widget {
    display: inline !important;
    float: none;
  }
  .fb_iframe_widget span {
    vertical-align: top !important;
  }
  #twitter-widget-0, #twitter-widget-1 {
    width: 90px !important;
  }
  #author-thumb {
    width: 80px;
    margin-right: 10px;
  }
  #author-thumb img {
    display: block;
  }
  #author-name {
    margin-bottom: 10px;
  }
  #author-profile {
    width: auto;
    margin-bottom: 10px;
    float: none;
  }
  #detail #right {
    display: block;
    float: none;
  }
  #detail #right #social, #detail #right #ranking {
    display: none;
  }
  /* book review*/
  .book-info {
    padding: 10px 10px 0;
  }
  .book-img {
    width: 125px;
    margin: 0 10px 10px 0;
    float: none;
  }
  .book-info-dody {
    width: auto;
  }
  .book-info-dody dl {
    margin-bottom: 10px;
  }
  .book-info-description, .book-info-term {
    margin-bottom: 5px;
  }
  /* ---------------------------------------------------------
List page body#list
--------------------------------------------------------- */
  #list #contents {}
  #list .articles {
    margin-bottom: 30px;
  }
  #list .article {
    padding: 10px;
  }
  #list .article-link {
    margin-bottom: 15px;
  }
  #index #left h2.sec-ttl, #download #left h3.sec-ttl, #list #left h3.sec-ttl, #detail #left h2.sec-ttl {
    margin: 0 10px;
    font-size: 20px;
  }
  h4.sec-ttl-sub {
    font-size: 14px;
  }
  #list .article-ttl.article-summary {
    font-size: 16px;
    width: 55%!important;
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
  }
  #list .article-date {
    margin-left: 0;
  }
  #list .article-thumb {
    width: auto;
    margin-bottom: 10px;
    float: none;
  }
  #list .article-thumb img {
    width: 100%;
    display: block;
  }
  #list .article-summary {
    width: auto;
    float: none;
  }
  #list .social-wrap {
    width: auto;
    margin-bottom: 0;
    position: relative;
    right: auto;
    bottom: auto;
  }
  #pager {
    margin-bottom: 30px;
    text-align: center;
  }
  .pager-item {
    margin-bottom: 10px;
  }
  /* ---------------------------------------------------------
Download page body#download
--------------------------------------------------------- */
  #download .item {
    margin-bottom: 40px;
  }
  #download .item-thumb {
    width: auto;
    margin-bottom: 10px;
    float: none;
  }
  #download .item-thumb img {
    width: 100%;
    display: block;
  }
  #download .item-thumb .icon-pdf {
    width: 25px;
    height: auto;
  }
  #download .item-summary {
    width: auto;
    float: none;
  }
  #download .item-summary .item-desc {
    margin-bottom: 20px;
  }
  #download .btn-download {
    width: auto;
    background-image: none;
  }
  .item-action .btn-download, .action .btn-download, #download .action .btn-download {
    display: inline-block;
  }
  .item-action {
    text-align: center;
  }
  /* ---------------------------------------------------------
Form page body#download.download-form
--------------------------------------------------------- */
  #download-profile .form-row {
    padding: 6px 0 8px;
  }
  #download-profile .form-label, #download-profile .form-item {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
    float: none;
  }
  .required {
    background-position: 97% center;
  }
  #industry-row .form-label, #job-row .form-label, #gender-row .form-label, #age-row .form-label, #mailmaga-row .form-label, #privacy-row .form-label {
    margin-top: 0;
  }
  #industry-row .form-item, #job-row .form-item, #gender-row .form-item, #age-row .form-item, #mailmaga-row .form-item, #email-row .form-item, #privacy-row .form-item {
    padding: 0 10px;
  }
  .download-confirm #download-profile #email-row .form-label {
    margin-top: 0;
  }
  .download-confirm #download-profile #email-row .form-item {
    padding: 0 10px;
  }
  #email-row input, #email-confirm-row input {
    width: 100%;
  }
  #agree {
    margin-bottom: 30px;
  }
  #download .action {
    margin-bottom: 30px;
  }
  .btn-modify {
    margin: 0 auto 30px;
    float: none;
  }
  .btn-submit {
    margin: 0 auto 30px;
    float: none;
  }
  #complete-msg {
    width: auto;
    margin: 30px auto;
  }
  .mw_wp_form_input #dl-step, .mw_wp_form_confirm #dl-step {
    width: 308px;
    height: 23px;
    margin: 0 auto 16px;
    background-size: 100%;
  }
  .mw_wp_form_confirm .action input {
    margin: 0 auto;
    display: block;
  }
  .mw_wp_form_confirm .action input[name="submitBack"] {
    margin: 0 auto 10px;
    display: block;
  }
  /* ---------------------------------------------------------
business page
--------------------------------------------------------- */
  /* list page */
  /* detail page */
  .tmpl .item-action {
    float: none;
  }
  /* ---------------------------------------------------------
journalizing page
--------------------------------------------------------- */
  /* ----- .page-nav ----- */
  .page-nav select {
    width: 95%;
    margin: 0 2.5%;
    padding: 10px;
    text-indent: 10px;
  }
  #list .journalizing #articles {
    border-top: none;
    margin-bottom: 10px;
  }
  #list .journalizing .ttl-mid {
    background: #222 !important;
    color: #fff !important;
    padding: 9px 0 6px 16px
  }
  /* ----- .grandchild ----- */
  .grandchild-cat {
    margin: 0 0 20px 20px;
  }
  .grandchild-cat li {
    width: auto;
    float: none;
  }
  /* ----- .senryu ----- */
  .senryu_top_article {
    width: 100%;
    margin-bottom: 10px;
  }
  .articles-box .more-link {
    clear: both;
    padding-top: 10px;
  }
  .senryu_article {
    box-sizing: border-box;
    width: 100%;
    padding: 0 10px;
    float: none;
    margin: 0 0 40px;
  }
  .senryu_article.col3_senryu_2 {
    margin-right: 0;
    margin-left: 0;
  }
  .senryu_article .twitter, .senryu_article .twitter-button, .senryu_article .twitter-share-button {
    margin: 0 0 8px 0;
    float: none;
  }
  .senryu-ttl {
    box-sizing: border-box;
    width: 100%;
  }
  /*記事詳細横幅調整*/
  #recommend .article {
    width: auto!important;
        margin: 0;
    padding: 5px;
  }
  #list .wrap_all .article-thumb, #list .article-thumb {
    width: 40%!important;
    display: inline-block;
    height: auto;
    margin-bottom: 10px;
  }
  #list .article-summary, #detail .article-summary {
    width: 100%!important;
    margin: 0;
  }
  /* 川柳ページ */
  .article-detail .senryu-img img {
    max-width: initial !important;
    max-width: auto !important;
    width: 460px;
    margin-left: -50px;
  }
  h2.senryu-ttl {
    width: 100%;
    font-size: 16px;
    padding: 10px 0;
  }
  .senryu-meta {
    width: 100%;
  }
  .senryu_pager {
    width: 100%;
  }
  #all {
    position: static;
    margin-top: -50px;
    /*header固定対応*/
    padding-top: 50px;
    /*header固定対応*/
    overflow: hidden;
    /*右余白対策*/
  }
  #right #tags .side-ttl {
    margin-left: auto;
    margin-right: auto;
    width: 240px;
  }
  #footer.footer-form-compete {
    position: relative;
    bottom: 0;
    width: 100% !important;
  }
  .cat_wrap {
    width: 100%;
  }
  .ranking-articles .article {
    display: block;
    width: 100%;
  }
  .ranking-articles .rank_wrap {
    width: 62%;
    font-size: 12px;
  }
  .ranking-articles #rank_01, .ranking-articles #rank_02, .ranking-articles #rank_03, .ranking-articles #rank_04, .ranking-articles #rank_05 {
    height: auto!important;
  }
  .footer_nav {
    width: 100%;
  }
  #sub_footer .cat_list li {
    /* width: 40%;*/
    margin: 0 5px 5px;
    padding: 5px 10px;
  }
  .pickup .tabcontent-txt {
    font-size: 16px;
    width: 65%;
    padding: 0 0 0 5px;
  }
  #recommend {
      margin-bottom: 10px;
  }
  
  .archive-ttl {
    font-size: 18px;
  }
  
  .article-detail h2 {
    font-size: 16px;
  }
  .journalizing-list {
    padding-bottom: 0;
    margin-bottom: 10px;
  }
  
  #sub_footer .cat_list {
    margin-bottom: 20px;
  }

  #contents #left .full_content {
    height: 390px;/* 20180807 420px; */
  }
  .tabcontent {
    margin-top: 11%;
  }
  .tabcontent dl, .tabcontent dl dt {
    width: 98%;
    margin: 5px auto;
    border: none;
    background: #fff;
  }
  .tabcontent dl dt {
    margin-bottom: 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    height: auto;
    height: 80px;
  }
  .tabcontent-img, .tabcontent-txt, #news-container .article-txt, #news-container .article-img {
    float: left;
    width: 65%;
    vertical-align: top;
    min-height: auto;
    max-height: 90px;
  }
  .tabcontent-txt {
    padding: 0 0 0 5px;
  }
  .tabcontent-img {
    width: 30%;
    height: auto;
  }
  .tabcontent .tabcontent-txt, #news-container .article-txt {
    width: 70%;
    font-size: 13px;
    float: left;
  }
  .tabcontent .tabcontent-img, #news-container .article-img {
    width: 20%;
    height: auto;
  }
  #index #left h3.sec-ttl {
    margin-top: 20px;
    font-size: 18px;
  }
  .more-link a {
    font-size: 18px;
  }
  .tabmenu {
    font-size: 12px;
  }
  .hover {
    background: #218acc;
    border: 1px solid #218acc;
    border-bottom: 3px solid #218acc;
  }
  .news-row03 {
    display: none;
  }
  #news-container .news-row00, #news-container .news-row01, #news-container .news-row02 {
    width: 100%;
    margin-right: 0;
  }
  #news-container .article {
    min-height: 0;
    height: auto;
    margin-bottom: 10px;
    /*border-bottom: 1px solid #eee;*/
  }
  #list .wrap_half article {
    width: 95%;
    display: block;
  }
  #list .wrap_half .article-summary {
    width: 95%;
    float: none;
    margin-left: 0;
  }
  #list .wrap_half .article.odd {
    display: none;
  }
  .news-row01 .article-ttl, .news-row02 .article-ttl, .news-row03 .article-ttl, .career-row00 .article-ttl, .career-row01 .article-ttl, .info-row00 .article-ttl, .info-row01 .article-ttl {
    width: 96%;
    font-size: 13px;
  }
  .news-row00 .article-ttl {
    font-size: 13px;
    float: left;
    width: 96%;
  }
  .news-row00 .article-img img {
    width: 120px!important;
    float: left;
  }
  #recommend .article-thumb {
    width: 40%;
  }
/*seminar_banner*/
  .seminar_bnr {
    padding-top: 0;
  }
  
  .seminar_bnr_wrapper {
    width: 90%;
  }

  .seminar_bnr_txt {
    width: 100%;
  }

  .seminar_bnr_btn {
    width: 70%;
    margin: 10px auto;
  }

  .seminar_bnr_txt,
  .seminar_bnr_btn {
    display: block;
    font-size:15px;  
  }

  .seminar_bnr p.close {
    margin-top: 10px;
  }
}


@media screen and (max-width: 480px){
  #contents #left .full_content {
    height: 380px;
  }
  .tabcontent {
    margin-top: 20%;
  }
  .tabcontent dl, .tabcontent dl dt {
    width: 98%;
    margin: 5px auto;
    border: none;
    background: #fff;
  }
  .tabcontent dl dt {
    margin-bottom: 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    height: auto;
    height: 70px;
  }
  .tabcontent-img, .tabcontent-txt, #news-container .article-txt, #news-container .article-img {
    float: left;
    width: 65%;
    vertical-align: top;
    min-height: auto;
    max-height: 90px;
  }
  .tabcontent-txt {
    padding: 0 0 0 5px;
  }
  .tabcontent-img {
    width: 30%;
    height: auto;
  }
  .tabcontent .tabcontent-txt, #news-container .article-txt {
    width: 70%;
    font-size: 13px;
    float: left;
  }
  .tabcontent .tabcontent-img, #news-container .article-img {
    width: 25%;
    height: auto;
  }
  #index #left h3.sec-ttl {
    margin-top: 20px;
    font-size: 18px;
  }
  .more-link a {
    font-size: 18px;
  }
  .tabmenu {
    font-size: 12px;
  }
  .hover {
    background: #218acc;
    border: 1px solid #218acc;
    border-bottom: 3px solid #218acc;
  }
  .news-row03 {
    display: none;
  }
  #news-container .news-row00, #news-container .news-row01, #news-container .news-row02 {
    width: 100%;
    margin-right: 0;
  }
  #news-container .article {
    min-height: 0;
    height: auto;
    margin-bottom: 10px;
    /*border-bottom: 1px solid #eee;*/
  }
  #list .wrap_half article {
    width: 95%;
    display: block;
  }
  #list .wrap_half .article-summary {
    width: 95%;
    float: none;
    margin-left: 0;
  }
  #list .wrap_half .article.odd {
    display: none;
  }
  .news-row01 .article-ttl, .news-row02 .article-ttl, .news-row03 .article-ttl, .career-row00 .article-ttl, .career-row01 .article-ttl, .info-row00 .article-ttl, .info-row01 .article-ttl {
    width: 96%;
    font-size: 13px;
  }
  .news-row00 .article-ttl {
    font-size: 13px;
    float: left;
    width: 96%;
  }
  .news-row00 .article-img img {
    width: 120px!important;
    float: left;
  }
  #recommend .article-thumb {
    width: 40%;
  }
  /* 20180903 */
  #modal-main .hsb-form-formcontents_top{
  height: 350px;
  }
}

@media screen and (max-width: 360px) {
  .ranking-articles .rank_wrap {
    width: 55%;
    font-size: 12px;
  }
}


/* iphone5サイズ以下は Footer固定解除 */

@media screen and (max-width: 320px) {
  #footer.footer-form-compete {
    position: relative !important;
    bottom: auto;
    width: 100% !important;
  }
}

/* 川柳サムネイル各デバイス */

@media screen and (max-width: 413px) {
  .article-detail .senryu-img img {
    margin-left: -70px !important;
  }
}

@media screen and (max-width: 320px) {
  .article-detail .senryu-img img {
    margin-left: -100px !important;
  }
  h2.senryu-ttl {
    font-size: 14px;
  }
}

@media screen and (max-width: 319px) {
  .article-detail .senryu-img img {
    max-width: 100%;
    width: 100%;
    margin-left: auto !important;
  }
}


/* HBSフォーム設定 */


/*HBSフォーム専用リセット*/

body input[type="text"], body input[type="password"], body input[type="datetime"], body input[type="datetime-local"], body input[type="date"], body input[type="month"], body input[type="time"], body input[type="week"], body input[type="number"], body input[type="email"], body input[type="url"], body input[type="search"], body input[type="tel"], body input[type="color"], body input[type="file"], body textarea, body select {
  width: 100%;
  font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', 'ＭＳ ゴシック', 'MS Gothic', sans-serif;
  font-size: 16px;
  display: block;
  height: 34px;
  padding: 0 12px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  /*-webkit-transition: ;
-moz-transition: ;
-o-transition: ;
-ms-transition: ;
transition: ;*/
}

.hsb-title-background {
  width: 100%;
  background: #0179c5;
  clear: both;
  font-size: 1.5em;
  padding: 0.5em 0;
  margin-bottom: 0.5em;
}

.hsb-title-background-h1 {
  color: #fff;
  font-size: 1.5em;
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  text-align: center;
}

.hsb-form-txtcontents .hsb-title-background-h2 {
  font-size: 18px;
  color: #0179c5;
}

.hsb-form-txtcontents-txt a {
  color: #0179c5;
}

#hsb-form {
  width: 100%;
  padding-bottom: 2em;
}

.hsb-form-h2 {
  font-size: 2.3em;
  font-weight: bold;
  color: #7f7f7f;
  margin: 0 0 1em 0;
}

.hsb-form-txtcontents {
  width: 47%;
  float: left;
}

.hsb-form-txtcontents-img {
  display: block;
  float: right;
  width: 230px;
  margin: 0 0 1em 1em;
}

.hsb-form-txtcontents-txt {
  margin: 0 0 1em 0;
  color: #666;
  font-size: 1.2em;
  line-height: 1.5;
  text-align: justify;
}

.hsb-form-txtcontents h2 {
  color: #218acc;
  font-weight: bold;
  font-size: 20px;
}

.hsb-form-txtcontents a[target="_blank"] {
  background: url(images/common/icon_blank.png) right center no-repeat;
  padding-right: 15px;
}

.hsb-form-formcontents {
  width: 50%;
  max-width: 50%;
  float: right;
  padding: 0 !important;
  margin: 0 !important;
  background: #f0f0f0;
  border-radius: 5px;
}

.hsb-form-formcontents_top {
  width: 100%;
  max-width: 280px;
  float: none;
  border: 5px solid #218acc;
  background: #fff;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 999;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
}

.hsb-form-formcontents_top p {
  padding: 0px;
  font-size: 12px;
  text-align: center;
}

.hsb-form-formcontents_top p img{
  width:85%;
}

.hsb-form-formcontents_top p.small {
  font-size: 10px;
  background: #fff;
  padding: 5px 10px;
  box-sizing: border-box;
}

.hsb-form-formcontents_top a {
  color: #0179c5;
  text-decoration: underline;
}

.hsb-form-formcontents_top .actions .hs-button {
  background-color: #218acc;
  margin: 0 auto;
  padding: 0.5em 0.3em;
  font-size: 1em;
  letter-spacing: 0 !important;
}

.hsb-form-formcontents_top .hsb-form-formcontents-formarea {
  padding: 0.1em 1em;
  background: #fff;
}

.hsb-form-formcontents_top .hs_email_2, .hsb-form-formcontents_top .hs_sex, .hsb-form-formcontents_top .hs_age, .hsb-form-formcontents_top .hs_problem, .hsb-form-formcontents_top .hs_needs, .hsb-form-formcontents_top .hs-richtext, .hsb-form-formcontents_top .hs_compact {
  display: none;
}

.hsb-form-formcontents_top .hs-form-field label {
  font-size: 0.8em;
}

.hsb-form-formcontents_top .hsb-form-formcontents-h3 {
  border-radius: 0;
  font-size: 1em;
  padding: 5px 5px 0 5px;
  line-height:1.8;
  text-align: center;
  color: #0c5b8d;
  background: #fff;
}
.hsb-form-formcontents_top .hsb-form-formcontents-h3 img{
vertical-align: -7px;
display: inline-block;
margin-right: 3px;
width: 120px;
max-width: 50%;
}
.hsb-form-formcontents-h3-subtitle{
box-sizing: border-box;
  font-size: 100%;
font-weight: bold;
padding: 0 0 0 0;
border-radius: 3px;
display: inline-block;
margin-left: 0;
vertical-align: 0;
letter-spacing: 0;
color: #218acc;
}
.hsb-form-formcontents_top input[type="email"], .hsb-form-formcontents_top select {
  height: 28px;
  padding: 0px 9px;
  font-size: 14px;
}

.hsb-form-formcontents-formarea p br {
  display: none;
}

.hs-form-required {
  color: #F96 !important;
  font-weight: normal;
  font-size: 0.8em;
  padding-left: 0.25em;
}

.hs-richtext a {
  color: #0179c5;
  text-decoration: underline;
}

.hsb-form-formcontents-formarea {
  padding: 1em;
  max-width: 500px;
  margin: 0 auto;
}
.hbspt-form input {
  box-sizing: border-box !important;
}

.hbspt-form textarea {
  box-sizing: border-box !important;
  min-height: 5em;
}

.hs-form-field {
  width: 100%;
  margin-bottom: 0.75em;
}

.hs-form-field label {
  color: #5d7787;
  font-size: 1.2em;
  line-height: 1.5;
}

.hs-error-msgs label {
  color: #F96;
  font-size: 1em;
  line-height: 1.5;
}

.hs_industry_select .hs-field-desc {
  display: none !important;
}

.actions .hs-button {
  display: block;
  width: 90%;
  padding: 0.75em 0.1em;
  margin: 1em auto;
  background-color: #f38b2e !important;
  border: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
  line-height: 1.42857143;
  text-decoration: none;
  color: #fff;
  font-weight: normal;
  font-size: 1.5em;
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  font-family: 'Montserrat', sans-serif;
}

.actions .hs-button:hover {
  background-color: #ffc103 !important;
}

/* 20180531 start */
/* Overwrite */
.hsb-enquete-column-single .hsb-form-txtcontents,
.hsb-enquete-column-single .hsb-form-formcontents{
  max-width:none;
  width:auto;
  float:none;
}
.hsb-enquete-column-single .hsb-form-formcontents-formarea{
  max-width:none;
}
.hsb-enquete-column-single .hs-form-field{
  background:#fff;
  border-radius:5px;
  width:auto;
  padding:1.25em;
  margin:0 0 1.25em;
}
.hsb-enquete-column-single .hs-form-required{
  display:inline-block;
}
.hsb-enquete-column-single .actions .hs-button{
  width:40%;
  margin:0 auto;
}
.hsb-enquete-column-single textarea,
.hsb-enquete-column-single select,
.hsb-enquete-column-single input[type="number"]{
  height:auto;
  padding:0.5em 0.75em;
  background:#f2f4f6;
  border:solid 1px #aebbc3;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  -ms-box-shadow:none;
  box-shadow:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}
.hsb-enquete-column-single .hs-fieldtype-select .input{
  position:relative;
}
.hsb-enquete-column-single .hs-fieldtype-select .input:before,
.hsb-enquete-column-single .hs-fieldtype-select .input:after{
content: '';
position:absolute;
z-index:2;
top:50%;
right:10px;
width:0;
height:0;
border:4px dashed;
border-color:#888 transparent;
pointer-events:none;
}
.hsb-enquete-column-single .hs-fieldtype-select .input:before {
margin-top:-8px;
border-bottom-style:solid;
border-top:none;
}
.hsb-enquete-column-single .hs-fieldtype-select .input:after {
margin-top:0px;
border-top-style:solid;
border-bottom:none;
}
.hsb-enquete-column-single select::-ms-expand{
  display:none;
}
/* addNew */
.hsb-enquete-column-single .hs-form-field > label span i{
  font-size:24px;
  font-style:normal;
  font-family:Arial, Helvetica, "sans-serif";
  color:#0179c5;
  padding:0 0.5rem 0 0;
}
.hsb-enquete-column-single .hs-form-field legend{
  color:#5d7787;
  margin:0.5em 0 0;
}
.hsb-enquete-column-single .hs-form-field .input{
  margin:1.25em 0 0;
}
.hsb-enquete-column-single .hs-form-field .hs-error-msgs li{
  margin:0.5em 0 0;
}
.hsb-enquete-column-single .hs-form-radio{
  display:inline;
  padding:0 2em 0 0;
}
.hsb-enquete-column-single .hs-form-checkbox-display:hover,
.hsb-enquete-column-single .hs-form-radio-display:hover{
  background:#f2f4f6;
  border-radius:4px;
}
.hsb-enquete-column-single .hs-form-radio-display{
  position: relative;
  padding:0.5em 1.5em 0.5em 0.5em;
}
.hsb-enquete-column-single .hs-form-checkbox-display{
  display:block;
  position: relative;
  padding:0.25em 0.5em;
}
.hsb-enquete-column-single .hs-form-radio-display:before,
.hsb-enquete-column-single .hs-form-radio-display:after{
  position:absolute;
  content:'';
  display:block;
  top:0.5em;
  left:0.5em;
}
.hsb-enquete-column-single .hs-form-checkbox-display:before,
.hsb-enquete-column-single .hs-form-checkbox-display:after{
  position:absolute;
  content:'';
  display:block;
  top:0.5em;
  left:0.5em;
}
.hsb-enquete-column-single .hs-form-radio-display:after{
  width:1.25em;
  height:1.25em;
  border:2px solid #aebbc3;
  border-radius: 50%;
}
.hsb-enquete-column-single .hs-form-checkbox-display:after{
  width:1em;
  height:1em;
  border:2px solid #aebbc3;
}
.hsb-enquete-column-single .hs-form-radio-display:before{
  top:0.75em;
  left:0.75em;
  width:1em;
  height:1em;
  background:#0171bd;
  border-radius:50%;
  opacity:0;
}
.hsb-enquete-column-single .hs-form-checkbox-display:before{
  z-index:2;
  top:0.5em;
  left:0.5em;
  width:1em;
  height:0.5em;
  border-left:4px solid #0171bd;
  border-bottom:4px solid #0171bd;
  -webkit-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg);
  opacity:0;
}
.hsb-enquete-column-single .hs-form-checkbox-display.check-on:before,
.hsb-enquete-column-single .hs-form-radio-display.check-on:before{
  opacity:1;
}
.hsb-enquete-column-single .hs-form-checkbox-display input,
.hsb-enquete-column-single .hs-form-radio-display input{
  display:none;
}
.hsb-enquete-column-single .hs-form-checkbox-display span,
.hsb-enquete-column-single .hs-form-radio-display span{
  padding:0 0 0 1.75em;
}
/* 20180531 end */

@media screen and (max-width: 480px) {
  #contents, #sub_footer, #index #left #sub_footer {
    width: 96%;
    margin: 0 auto;
  }
  .hsb-title-background {
    width: 100%;
    padding: 0.5em;
    margin-bottom: 0.5em;
    box-sizing: border-box;
    font-size: 1.3em;
  }
  .hsb-title-background-h1 {
    font-size: 1.3em;
    width: 100%;
    margin: 0 auto;
    text-align: justify;
    box-sizing: border-box;
  }
  #hsb-form {
    padding-bottom: 1em;
  }
  .hsb-form-h2 {
    font-size: 1.5em;
    color: #7f7f7f;
    margin: 0 0 0.5em 0;
  }
  .hsb-form-txtcontents {
    width: 100%;
    float: none;
  }
  .hsb-form-txtcontents-img {
    display: block;
    float: none;
    width: 50%;
    max-width: 230px;
    margin: 0.5em auto;
  }
  .hsb-form-formcontents {
    width: 100%;
    max-width: 100%;
    float: none;
  }
  .hsb-form-formcontents2 {
    width: 100%;
    max-width: 100%;
    float: none;
  }
  
  /* 20180531 start */
  /* Overwrite */
  .hsb-enquete-column-single .actions .hs-button{
    width:100%;
  }/* 20180531 end */
}


/* 川柳 HBSフォーム設定 */

.hsb-form-formcontents2 {
  padding: 0 !important;
  margin: 0 !important;
  background: #f0f0f0;
  border-radius: 5px;
}

.hsb-form-formcontents2-formarea p br {
  display: none;
}

.hsb-form-formcontents2-formarea {
  padding: 1.25em;
  width: 90%;
  max-width: 90%;
  margin: 0 auto;
}

.hsb-form-formcontents2 label {
  padding-right: 10px;
}

.hsb-form-formcontents2 .input {
  float: right;
  width: 80%;
}

.hsb-form-formcontents2 fieldset {
  width: 100%!important;
  border-top: 1px solid #d9d9d9!important;
  margin-bottom: 10px!important;
  padding-top: 10px!important;
}

.hsb-form-formcontents2 .plainDefinitionList {
  margin-top: 10px;
  margin-bottom: 10px;
}




/* シェアボタン */
.share {
  margin-top: 20px;
  margin-bottom: 20px;
  clear: both;
}
.share ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.share li a {
  display: block;
  text-align: center;
  padding: 10px 5px;
  color: #ffffff;
  font-size: 12px;
  text-decoration: none;
}
.share li a:hover {
  opacity: 1;
  color: #fff;
}
.share ul:after {
  content: "";
  display: block;
  clear: both;
}
.share li {
  float: left !important;
  width: 25%;
  margin-left: 0 !important;
}
.share-tw {
  background-color: #50abf1;
}
.share-tw:hover {
  background-color: #28a2ff;
}

.share-fb {
  background-color: #4267b2;
  text-align: center; 
  display: block;
  width: 100%;
  padding:8px 0 4px 0px;
  opacity: 1 !important;
}
.share-fb:hover {
  background-color: #4267b2;
  opacity: 1;
}

._2tga{
  background-color: none !important;
}
.share-line {
  background-color: #00b900;
}
.share-line:hover {
  opacity: 0.8 !important;
}

.share-hb {
  background-color: #00a4de;
}
.share-hb:hover {
  background-color: #15c0fc;
}
.hatenaB:before {
  content: 'B!';
  font-style: normal;
}
.lineicon img{
padding: 0;
margin: 0;
vertical-align: bottom;
}
 @media (max-width: 800px) {
.share .txt_share {
  font-size: 8px;
}

.share .sns_name {
  display: inline-block;
  text-indent: -9999px;
}
.share li a {
  padding: 8px 4px;
}
.share_txt{
font-size: 10px;
}
.lineicon img{
height:16px !important;
width: auto !important;
}
   
   .share_fb{
   padding-top: 6px;
   }
.fb-share-button, .share-fb {
margin: 0 !important;
  padding:5px 0 7px 0px;
   }
}

/* 20180110add この記事が気に入ったらいいね！しよう
===============================================*/

.follow {
  width: 100%;
  height:auto !important;
  background: rgba(30,20,20,1.00);
  background-position: left;
  background-repeat: no-repeat !important;
  background-size:50% auto !important;
}

.follow .layer {
  width: 50% !important;
  padding: 50px 0 50px 50%;
  color: #fff;
  text-align: center;
  background: none !important;
}
.follow .layer .msg{
  font-size: 19px;
  line-height: 2;
  letter-spacing: 0.1px;
  margin: 20px 20px;
  font-weight: bold;
}
.follow .layer .msg span{
  font-size: 15px;
  line-height: 3;
}
 @media (max-width: 800px) {
.follow {
  width: 85%;
  margin: 20px auto auto auto;
  height:auto !important;
  padding:0%;
  background-position: center;
  background-repeat: no-repeat !important;
  background-size:cover !important;
  background: rgba(30,20,20,1.00) ;
}
.follow .layer {
  width: 100% !important;
  background: rgba(30,20,20,0.7) !important;
  padding: 5% 0;
  }
  .follow .layer .msg{
  font-size: 15px;
  line-height: 2;
  letter-spacing: 0px;
  margin:0 0 1em 0;
  font-weight: bold;
  }
  .follow .layer .msg span{
  font-size: 12px;
  line-height: 1;
  }

}
.p7box-title, .p7box-message{
  color: #333;
}

/* //20180110add この記事が気に入ったらいいね！しよう
===============================================*/

/*20180116add /tool/*/
#tool .tool_toplogo{
text-align: center;
width: 100%;

margin-bottom: 2.5em;
}
  #tool .tool_toplogo_rseisan{
  background:  url(/word_dir/wordpress/wp-content/themes/keiri_new/images/tool/tool_tool_toplogo_bg_rseisan.png) no-repeat center;
  background-size: cover;
  }
  #tool .tool_toplogo_rmeisai{
  background:  url(/word_dir/wordpress/wp-content/themes/keiri_new/images/tool/tool_tool_toplogo_bg_rmeisai.png) no-repeat center;
  background-size: cover;
  }
#tool .tool_toplogo img{
display: inline-block;
width: 50%;
margin:2.5em 0;
}
#tool .tool_logoarea{
clear: both !important;
}
#tool .tool_logoarea img{
display: inline-block;
width: 33%;
float: left;
padding-right:5%;
}
#tool .tool_banner{
display: block;
width: 100%;
margin: 0 auto;
text-align: center;
}

 @media (max-width: 800px) {
#tool .tool_logoarea img{
display: block;
width: 70%;
margin: 0 auto;
float: none;
padding-right:0;
}
 }

/*// 20180116add /tool/*/

/* --------------------------------------------------
勉強会 バナー 
-------------------------------------------------- */
/* 20180418 add start */
#modal-workshop{
  display:none;
  position:fixed;
  top:0;
  left:0;
  z-index:999;
  width:100%;
  background-color:rgba(0,0,0,0.75);
}
#modal-workshop .modal-workshop-wrap{
  position:relative;
  width:1100px;
  max-width:90%;
  margin:0 auto;
  font-size:28px;
  padding:0.2em 0 1.8em;
}

#modal-workshop p{
  color:#fff;
  font-size:inherit;
  line-height:1.2em;
  letter-spacing:0;
}

#modal-workshop p a{
  color:#fff;
  background-color:#f79646;
  display: inline-block;
  font-size:0.8em;
  letter-spacing:0;
  padding:0.4em 2em;
  border-radius:0.4em;
  margin: 0.5em 0 0;
}

#modal-workshop p a:focus,
#modal-workshop p a:hover{
  
}

#modal-workshop .close{
  font-size:28px;
  line-height:1em;
  letter-spacing:0;
  text-align:right;
  padding:0;
}

#modal-workshop .close a{
  background-color:transparent;
  font-size:inherit;
  padding:0;
  border-radius:0;
}

#modal-workshop .close a span{
  display: block;
  width: 1px;
  height: 1px;
  overflow: hidden;
  line-height:1px;
}
#modal-workshop .txt {
  display: flex;
  justify-content: space-between;
  margin: 0 0 10px;
    align-items: center;
}
#modal-workshop .txt a{
  color:#fff;
  background-color:#f79646;
  display: block;
  font-size:0.8em;
  letter-spacing:0;
  padding:0.4em 2em;
  border-radius:0.4em;
  margin: 0;
}
@media screen and (max-width:780px){
  #modal-workshop .txt {
    display: block;
    margin: 0 0 10px;
  }
  #modal-workshop .txt a{
    color:#fff;
    width:60%;
    text-align: center;
    background-color:#f79646;
    display: block;
    font-size:0.8em;
    letter-spacing:0;
    padding:0.4em 2em;
    border-radius:0.4em;
      margin: 10px auto;
  }
}
/* 20180418 add end */

/* --------------------------------------------------
sitemap
-------------------------------------------------- */
.box_snav{ padding:0 0 30px; }
.box_snav ul { text-align:left; line-height:2;}
.box_snav ul li{ display:inline; padding:0 30px 0 0; }
.box_snav ul li:before{ font-family:"FontAwesome"; content:"\f107"; padding-right:5px; }
.box_snav ul li a{ color:#0d85d0; white-space:nowrap; }
.list_smap{ margin:-120px 0 0; padding:120px 0 0; }
.list_smap > li > ul > li{ width:25%; float:left; margin:0 0 40px; }
.list_smap > li > ul > li:before{ font-family:"FontAwesome"; content:"\f067"; padding-right:5px; }
.list_smap > li > ul > li.child-none:before{ content:none; padding:0; }
.list_smap > li > ul > li > ul{ margin:5px 0 0 1.2em; }
.list_smap > li > ul > li.child-none > ul{ margin:0; padding:0; }
.list_smap > li > ul > li > ul > li{ margin:0 0 5px; }
.list_smap > li > ul > li.child-none > ul > li{ width:auto; float:none; margin:0 0 5px; }
.list_smap > li > ul > li.child-none > ul > li:before{ font-family:"FontAwesome"; content:"\f068"; padding-right:5px; }
.list_smap_title{ display:block; margin:0 0 10px; padding:0 0 5px; font-size:18px; }
.list_smap_title:before{ font-family:"FontAwesome"; content:"\f02b"; padding-right:5px; }
.list_smap_wrap{ padding:40px 0 0; border-top:1px solid #d9d9d9; }

@media screen and (min-width:569px){
  ul#<?php echo $snav_gnav2->slug; ?>{ padding-bottom:40px; }
  ul#<?php echo $snav_gnav2->slug; ?> > li > ul > li{ margin:0; }
}

@media screen and (max-width:800px){
  .list_smap > li > ul > li{ width:33%; float:left; }
}

@media screen and (max-width:600px){
  .box_snav,
  .list_smap_wrap{ width:90%; margin:0 auto; }
  .list_smap > li > ul > li{ width:50%; float:left; }
  .box_snav{ padding:0 0 20px; }
  .box_snav ul { text-align:left; line-height:3;}
}

@media screen and (max-width:568px){
  .box_snav ul li,
  .list_smap_title,
  .list_smap > li{ font-size:larger; }
  .list_smap > li > ul > li{ width:100%; float:none; }
  .list_smap > li > ul > li > ul{ margin:10px 0 0 1.2em; }
  .list_smap > li > ul > li.child-none > ul{ margin:10px 0 0 0; }
  .list_smap > li > ul > li > ul > li{ margin:0 0 10px; }
  .list_smap > li > ul > li.child-none > ul > li{ margin:0 0 10px; padding:0; }
}

/* ---------------------------------------------------------
search body#searchresult
searchform.php
--------------------------------------------------------- */

/* 20181205add search.php body#searchresult*/

#searchresult .sec-ttl {
  font-size: 28px;
  text-align: center;
  border: none;
}
#searchresult .sub-search-menu{
display: flex;
justify-content: center;
align-content: center;
flex-wrap: wrap;
width: 100%;
margin: 0 auto 20px auto;
padding: 20px 0;
background: #f6f6f6;
}
#searchresult .sub-search-menu li a{
display: inline-block;
text-align: center;
color: #0d85d0;
font-size: 14px;
border: 1px solid #9e9e9e;
border-radius: 30px;
background: #fff;
font-weight: normal;
margin: 5px;
padding: 5px 20px;
}
@media screen and (max-width: 600px) {
#searchresult .sub-search-menu{
display: none;
}
}

#searchresult .page-lead {
  margin-bottom: 25px;
  font-size: 16px;
  text-align: center;
}
.no-result{
  background: #f6f6f6;
  box-sizing: border-box;
  border-radius: 3px;
  width: 100%;
  padding: 15px 10px 15px 10px;
  margin: 0 auto 40px auto;
}
#searchresult .page-lead_no-result {
  font-size: 20px;
  line-height: 2;
  margin-bottom: 10px;
}
.no-result #searchform {
  margin: 0 auto 20px auto;
  width: 100%;
  max-width: 400px;
}

.no-result #searchform input {
    height: 40px;
}
.no-result #searchform button {
    height: 54px;
}
#searchresult .page-lead .search_keyword{
  font-size: 18px;
  font-weight: bold;
  color: #0d85d0;
  padding: 1px 5px;
  border-radius: 3px;
  background: #eee;
  display: inline-block;
  margin:2px 3px;
}
#searchresult h2{
font-size: 22px;
    font-weight: bold;
    padding: 5px 0;
    margin-bottom: 20px;
    word-break: break-all;
    border-bottom: 3px solid #218acc;
}
@media screen and (max-width: 600px) {
#searchresult h2{
font-size:16px;
}
}

#searchresult_list{
margin: 0 auto 0 20px;
}
#searchresult .searchresult_list li{
  margin: 0;
  border-top: 1px solid #d9d9d9;
}
@media screen and (max-width: 600px) {
#searchresult .searchresult_list li:nth-child(2n){
  background: #f6f6f6;
}
}

.searchresult_list_wrap{
display: flex;
width: 100%;
box-sizing: border-box;
justify-content: space-between;
padding: 15px 40px;
}
@media screen and (max-width: 600px) {
.searchresult_list_wrap{
padding: 15px 15px;
display: block;
  }
}
.searchresult_list_wrap:hover{
background: #d6efff;
}
.searchresult_list li .visual_img{
display: block;
width: 250px;
margin-right: 20px;
height: auto;
max-height: 150px;
}
@media screen and (max-width: 600px) {
  .searchresult_list li .visual_img{
  width: auto;
  height: auto;
  max-height: 50px;
  float: left;
  }
}

.searchresult_list li a .searchresult_list_txt{
width: 100%;
max-width: 450px;
height: auto;
margin: 0 auto;
}
 .searchresult_list li a .searchresult_list_txt h4.article-ttl{
  text-align: justify;
  color: #4c4c4c !important;
  font-size: 16px;
  margin: 0 0 10px 0;
}
@media screen and (max-width: 600px) {
 .searchresult_list li a .searchresult_list_txt h4.article-ttl{
  font-size: 13px !important;
line-height: 1.3;
}
}
.searchresult_list li a .searchresult_list_txt p.article-summary{
  text-align: justify;
  color: #4c4c4c !important;
  font-size: 13px;
  line-height: 1.3;
  margin: 0 0 10px 0;
  }
.searchresult_list li a .searchresult_list_txt p.entry-snippet{
  margin: 0 0 5px 0;
  }
@media screen and (max-width: 600px) {
.searchresult_list li a .searchresult_list_txt p.entry-snippet{
  margin:10px 0;
  border-top:  1px dotted #ddd;
  padding-top: 10px;
  }
}

.searchresult_list li a .searchresult_list_txt .article-summary-url_title{
border-radius: 3px;
background: #0d85d0;
color: #fff;
padding: 1px 3px;
letter-spacing: 0.01rem;
font-size: 10px;
margin:0 5px 0 0;
display: inline;
}
.searchresult_list li a .searchresult_list_txt .article-summary_url{
color: #0d85d0;
display: inline;
letter-spacing: -0.01rem;
text-decoration: underline;
}
@media screen and (max-width: 600px) {
.searchresult_list li a .searchresult_list_txt p.article-summary{
  font-size: 12px !important;
}
}
.searchresult_list li a .searchresult_list_txt ul.cat_name_list {
    padding:0 0 10px 0; 
}
@media screen and (max-width: 600px) {
.searchresult_list li a .searchresult_list_txt ul.cat_name_list {
    display: none;
}
}

.searchresult_list li a .searchresult_list_txt .article-date{
  margin: 0 0 5px 0;
  }

.searchresult_list li a .searchresult_list_txt .btn_more{
  display: inline-block;
  margin-left: 20px;
  border-radius: 1px;
  color: #0d85d0;
  }
@media screen and (max-width: 600px) {
.searchresult_list li a .searchresult_list_txt .btn_more{
clear: both;
font-size: 12px;
vertical-align: 10px;
}
}

.pagination-box{
border-top: 1px solid #ccc;
padding-top: 20px;
}
.pagination-box li.current{
border-top:none !important;
}
.searchresult_list .search_word{
color: #555;
display: inline;
padding: 0 3px;
border-radius: 3px;
background: #fff76f;
}

/* //20181205add search.php body#searchresult*/

/* 20181205add searchform.php #searchform*/
#searchform{
display: flex;
}
#searchform input{
box-shadow: none;
border-radius: 3px 0 0 3px;
height: 18px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 0;
}

#searchform button{
width: auto;
box-sizing: border-box;
height: 32px;
box-shadow: none;
border-radius: 0 3px 3px 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 0;background: #fff;
}
#searchform button img{
display: inline-block;
width: auto;
height: 18px;
line-height: 32px;
box-shadow: none;
}

#sp-search-form{
width: 90%;
margin: 10px auto;
}
#sp-search-form input{
box-shadow: none;
border-radius: 3px 0 0 3px;
height: 25px;
border-top: 0;
border-bottom: 0;
border-left: 0;
border-right: 0;
padding-left: 5%;
top:5px;
}

#sp-search-form button{
box-sizing: border-box;
height: 39px;
box-shadow: none;
border-radius: 0 3px 3px 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 0;background: #fff;
}
/* //20181205add searchform.php #searchform*/

.hsb-fm-formcontents_top ul{

}