/*
Theme Name: 栃木県司法書士会
Version: 1.1
*/

html,
body {
    width: 100%;
}

body {
   font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 16px;
    line-height: 2em;
    color: #000;
    margin: 0;
    -webkit-text-size-adjust: none;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    display: inline-block;
}

.clearfix {
    display: block;
}

div.clear {
    clear: both;
}

div.clear hr {
    display: none;
}

.breadcrumbs {
    padding: 2em 0 2em 0;
}

img{
	vertical-align:top;
}

a {
	color: #0056b5;
}

a:hover {
	text-decoration: none;
}


span.wpcf7-list-item { display: block; }


.cont-menu-wp {
	margin: 3em 0 4em 0;
}

.wp-block-embed__wrapper {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.wp-block-embed__wrapper iframe {
 width: 100%;
 height: 100%;
}

iframe {
  vertical-align: bottom;
}
iframe {
  display: block;
}


input[type="text"],
textarea {
    vertical-align: middle;
    max-width: 90%;
    line-height: 30px;
    height: 30px;
    padding: 1px 5px;
    border: 1px solid #d4d4d7;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 100%;
    color: #555;
    background: #fcfcfc;
}

#sc012026 input[type="text"],
#sc012026 textarea {
    vertical-align: middle;
    max-width: 90%;
    line-height: 30px;
    height: 30px;
    padding: 10px 20px;
    border: 1px solid #d4d4d7;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 100%;
    color: #555;
    background: #fcfcfc;
}

input[type="text"].readonly {
    font-weight: bold;
    vertical-align: middle;
    width: 100%;
    line-height: 20px;
    height: 20px;
    padding: 1px 0;
    border: none;
    font-size: 100%;
    color: #555;
    background: #fff;
}

input[type="tel"],
textarea {
    vertical-align: middle;
    max-width: 90%;
    line-height: 30px;
    height: 30px;
    padding: 1px 5px;
    border: 1px solid #d4d4d7;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 100%;
    color: #555;
    background: #fcfcfc;
}

input[type="email"],
textarea {
    vertical-align: middle;
    max-width: 90%;
    line-height: 30px;
    height: 30px;
    padding: 1px 5px;
    border: 1px solid #d4d4d7;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 100%;
    color: #555;
    background: #fcfcfc;
}

textarea {
    height: auto;
    line-height: 1.5;
}

input[type="submit"],
input[type="reset"],
input[type="button"] {
    padding: .5em 3em;
    background: #007c1a;
    background: -moz-linear-gradient(top, #1549aa 0%, #1549aa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1549aa), color-stop(100%, #1549aa));
    background: -webkit-linear-gradient(top, #1549aa7 0%, #1549aa 100%);
    background: -o-linear-gradient(top, #1549aa 0%, #1549aa 100%);
    background: linear-gradient(to bottom, #1549aa 0%, #1549aa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1549aa', endColorstr='#1549aa', GradientType=0);
    border: 0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    line-height: 1.5;
    font-size: 16px;
    color: #fff;
}

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
    background: #212121;
    background: -moz-linear-gradient(top, #212121 0%, #212121 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #212121), color-stop(100%, #212121));
    background: -webkit-linear-gradient(top, #212121 0%, #212121 100%);
    background: -o-linear-gradient(top, #212121 0%, #212121 100%);
    background: linear-gradient(to bottom, #212121 0%, #212121 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212121', endColorstr='#212121', GradientType=0);
    cursor: pointer;
    -webkit-transition: all .8s;
    transition: all .8s;
}

#sc072026 input[type="submit"],
#sc072026 input[type="reset"],
#sc072026 input[type="button"] {
  width: 260px;
    padding: .5em 0;
    background: #fff;
    border:solid 3px #008ce1;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    line-height: 1.5;
    font-size: 22px;
    font-weight: bold;
    color: #000;
    -webkit-transition: all 0s;
    transition: all 0s;
}

#sc072026 input[type="submit"]:hover,
#sc072026 input[type="reset"]:hover,
#sc072026 input[type="button"]:hover {
  color: #fff;
    background: #008ce1;
    background: -moz-linear-gradient(top, #008ce1 0%, #008ce1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #008ce1), color-stop(100%, #008ce1));
    background: -webkit-linear-gradient(top, #008ce1 0%, #008ce1 100%);
    background: -o-linear-gradient(top, #008ce1 0%, #008ce1 100%);
    background: linear-gradient(to bottom, #008ce1 0%, #008ce1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ce1', endColorstr='#008ce1', GradientType=0);
    cursor: pointer;

}


*:first-child+html input[type="submit"] {
    padding: 3px;
}
#search_filter h2 { padding-bottom: .2em; margin-bottom: 1em;}
#search_filter h3::before { content: '▼'; color: #008ce1; padding-right: .5em;}
#sc022026 {display: flex; flex-wrap: wrap;}
#sc022026 label { width: 22%; margin:1%; display: inline-block; }
#sc032026 {display: flex; flex-wrap: wrap;}
#sc032026 label { width: 47%; margin:1%; display: inline-block; border: solid 3px #008ce1;  padding: 10px 0; text-align: center; font-weight: bold;　cursor: pointer;}
#sc032026 label:active { background: #008ce1; color: #fff; } 
#sc032026 label.active {background: #008ce1; color: #fff;}
#sc032026 input { display: none;}
#sc042026 {display: flex; flex-wrap: wrap;}
#sc042026 label { width: 22%; margin:1%; display: inline-block; }
#sc052026 {display: flex; flex-wrap: wrap;}
#sc052026 label { width: 8%; margin:1%; display: inline-block; }
#sc062026 {display: flex; flex-wrap: wrap;}
#sc062026 label { width: 8%; margin:1%; display: inline-block; }
#sc062026 {border-bottom: solid 3px #008ce1; padding-bottom: 2em; margin-bottom: 4em;}
#sc072026 { display: block; text-align: center; margin-bottom: 4em;}
#kws2026 { margin-bottom: 3em; }
#search_filter { margin-bottom: 3em; }
#members_detail h2 { font-size: 26px;}
#shika2026 img { width: 240px;height: auto;}
#kou2026 { margin-top: 3em;}
#kou2026 li{list-style: none;}
#kou2026 li::before { content: '■'; padding-right: .3em;}
#jh2026 { margin-bottom: 3em;}
#members_detail #jh2026 h2 { font-size: 40px; }
#members_detail #jh2026 h2 span { font-size: 18px;}
#atukai2026 { margin: 3em 0 6em 0;}
#search {
    background: #e2e2e2;
    margin: 0;
    padding: 1em .5em;
    text-align: center;
}

#sc012026,#sc022026,#sc032026 { display: block; margin-bottom: 4em;}

#vi { display: block; position: relative;}
#visb {width: 100%; display: block; text-align: center; position: relative;  margin-top: 1em;}
#visb a { display: inline-block; background: #15689b; color: #fff; text-decoration: none; padding: .6em 2em; border:solid 3px #fff; -webkit-transition: all .8s; transition: all .8s;}
#visb a:hover { background: #000;}
#hdbt {width: 100%; display: block; position: absolute; top:0;}
#hdbt-inner {max-width: 1100px; width: 90%; margin: auto; padding-top: 5%; display: flex; justify-content: center; align-items: center; position: relative;  text-align: center; }
#hdbt-inner section { flex-basis: 22%; margin: 1%;}
.circle {	
  position: relative;
  display: inline-block;
  width: 290px;
  height: 290px;
  border-radius: 50%;
  border: solid 8px #69acd6;
  background: #fff;
}
#hdbt-inner a {  font-size: 34px; line-height: 1.4; font-weight: bold; color: #000; -webkit-transition: all .8s; transition: all .8s;}
#hdbt-inner a:hover.circle  { background: #69acd6; color: #fff; }

.circle span {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 55%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :290px;
  text-align:center;
}

.sm01 { width: 110px; height: auto; position: relative; top:-.6em; left:-.3em;}
.sm02 { width: 110px; height: auto; position: relative; top:-.6em; left:0em;}
.sm03 { width: 120px; height: auto; position: relative; top:-.6em; left:-.3em;}

#hdbt-inner a:hover.circle .sm01,#hdbt-inner a:hover.circle .sm02,#hdbt-inner a:hover.circle .sm03,#hdbt-inner a:hover.circle .sm04 { top:-1em;}

#news { display: block; max-width: 900px; width: 90%; margin: auto; padding: 3em 0;}
#news-tit {text-align: center; }
#news-tit img { width: 110px; height: auto;}
#news-tit h1 { font-size: 38px; line-height: 1.4; margin: 0; padding: 0;}
#news dl { margin: 2em 0;}
#news dt { color: #0493e1;}
#news dd { margin: -2em 0 0 0; padding-left: 8em;}
#news a { color: #000; text-decoration: none;}
#news a:hover {text-decoration: underline;}
#morebt { display: block;text-align: center;}
#morebt a { display: inline-block; background: #3da6e0; font-weight: bold; color: #fff; padding: .5em 3em; text-decoration: none; border-radius: 10px; -webkit-transition: all .8s; transition: all .8s;}
#morebt a:hover {background: #123a95; text-decoration: none;}
#work {display: block; background: #c6e5f6; padding: 2em 0;}
#work h2 { font-size: 38px; text-align: center;}
#work-inner { width: 90%; display: flex; justify-content: center; flex-wrap: wrap; margin: auto;}
#work-inner a { width: 280px; background: #fff; margin: 3%; text-align: center; border-radius: 10px;text-decoration: none; -webkit-transition: all .8s; transition: all .8s;}
#work-inner a:hover { }
#work-inner section { padding: 3em 2em;}
#work-inner section img { width: 100px; height: auto;}
#work-inner section h3 { font-size: 24px; font-weight: bold; color: #000; }
#content { max-width: 1100px; width: 90%; display: block; margin: auto; padding: 1em 0 3em 0;}
.tow-line { display: flex; }
#bunner-in { max-width: 1100px; width: 90%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin: auto; padding: 3em 0;}
#bunner-in section {flex-basis: 30%; margin: 1%;}
#footer {display: block; background: #d5e9ec; line-height: 1.4; }
#footer-inner {display: block; width: 90%;  margin: auto; padding: 3em 0; }
#copyright {font-size: 14px; text-align: right; padding-top: 3em;}
#fcont { display: flex; justify-content: space-between;}
#fcont section{ flex-basis: 50%;}
#fcont section:first-of-type { flex-basis: 40%;}
#flogo {font-size: 26px; font-weight: bold; margin-bottom: .3em;}
#fcont ul {margin: 0 0 2em 0; padding: 0; list-style: none;}
#fcont li {display: inline-block; margin: 1%;}
#fcont li a {color: #000; text-decoration: none;}
#fcont li a:hover {text-decoration: underline;}
#mbbt a { width: 240px; display: inline-block; background: #123a95; color: #fff; text-size:18px; font-weight:bold; text-decoration: none; text-align: center; padding: .6em 2em; border-radius: 10px; margin: 1em 0; -webkit-transition: all .8s; transition: all .8s;}
#mbbt a:hover {background: #000;}
#footbn { display: block; position: relative; text-align: right; }
#footbn a img { width: 200px; }
#footbn a:hover { opacity: .8;}
#cate-ls dl { margin: 2em 0;}
#cate-ls dt { color: #0493e1;}
#cate-ls dd { margin: -2em 0 0 0; padding-left: 8em;}
#cate-ls a { color: #000; text-decoration: none;}
#cate-ls a:hover {text-decoration: underline;}

#wkl {display: flex; justify-content: center; flex-wrap: wrap; margin: auto;}
#wkl section { flex-basis: 30%; margin: 1%;}
#wkl section img { width: 100%; height: auto;}
#wkl section a { -webkit-transition: all .8s; transition: all .8s;}
#wkl section a:hover img { opacity: .8;}


#soudan { width: 100%; display: flex; justify-content: center; flex-wrap: wrap; margin: auto;}
#soudan a {-webkit-transition: all .8s; transition: all .8s;}
#soudan a:hover { opacity: .8;}
#soudan section { flex-basis: 30%; margin: 1%;}
#soudan section img { width: 100%; height: auto;}
.jyouhou {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 1em;
    margin-left: 0px;
    padding-bottom: 1em;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #D9D9D9;
}

.jyouhou-inner {
    padding: .5em;
}

#towblock { display: flex; justify-content: center;}
#towblock section { flex-basis: 40%; margin: 2%;}
#towblock a {-webkit-transition: all .8s; transition: all .8s;}
#towblock a:hover { opacity: .8;}

#pnavi {
  display: block;
  width: 100%;
  margin: 2em auto;
  padding-bottom: 3em;
}
#cate-ls .nav-previous a,#cate-ls .nav-next a { width:120px; background: #1549aa; color: #fff; display: block; padding: .5em 1em; text-decoration: none; -webkit-transition: 0.5s; transition: 0.5s; text-align: center;}
#cate-ls .nav-previous a:hover,#cate-ls .nav-next a:hover { background: #000000; color: #fff;}

#page-navi {
    width: 100%;
    margin: 3em 0;
    display: block;
    clear: both;
}

.wp-pagenavi {
    font-size: 14px;
}

.wp-pagenavi span.pages {
    width: 100px;
    display: block;
    margin: 0 auto 1em auto;
    padding: text-align: center;
    border: none;
}

.wp-pagenavi {
    display: block;
    text-align: center;
}

.smaller,
.larger {
    background:  #1549aa;
}

.wp-pagenavi a {
    color: #fff;
    border: none;
    padding: 1em;
    text-decoration: none;
}

.wp-pagenavi a:hover {
    background: #000000;
    color: #fff;
}

.current {
    background: #1549aa;
    color: #fff;
    border: none;
 border: solid 1px #fff;
}

.previouspostslink,
.nextpostslink,
.wp-pagenavi .first,
.wp-pagenavi .last {
    background: #1549aa;
border: solid 1px #fff;    
}

.wp-pagenavi a,
.wp-pagenavi span {
    padding: 12px;
}

#content h1  { line-height: 1.4; border-bottom: solid 6px #123a95; margin-bottom: 1.5em;padding-bottom: .5em; }
.cap { display: block; margin: 0 0 1em 0; padding: .5em 1em; background: #123a95; color: #fff;} 
.cap2 { display: block; margin: 2em 0 .5em 0; padding: .2em 0 .2em 1em; border-left: solid 4px #123a95;} 
.cap3::before {content: '●'; color: #123a95; padding-right: .3em;}

 #work-inner a:hover .bounce {
  animation: bounceIn 2s ;
}

@keyframes bounceIn {
  0% {
    transform: scale(0) translateY(-50px);
    opacity: 0;
  }
  50% {
    transform: scale(1.08) translateY(0);
    opacity: 1;
  }
  70% {
    transform: scale(0.9) translateY(-10px);
  }
  85% {
    transform: scale(1.03) translateY(0);
  }
  100% {
    transform: scale(1) translateY(0);
    opacity: 1;
  }
}
p {
    margin: 0 0 .3em 0; padding: 0;
}

#content ul {
    margin: 0 0 3em 1em;
    padding: 0;
}

#content ul li {
    margin: 0 0 1em 0;
    padding: 0;
    list-style-position: outside;
}


#content ol {
    margin: 0 0 3em 0;
    padding: 0 0 0 1em;
}

#content ol li {
    list-style: decimal;
    margin: 0 0 2em 0;
    padding: 0;
}

blockquote {
    clear: both;
    padding: 10px 0 10px 15px;
    margin: 10px 0 25px 30px;
    border-left: 5px solid #ccc;
}

blockquote p {
    padding: 5px 0;
}

table {
    border: 1px #dddddd solid;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 10px 0 2em 0;
    line-height: 1.6;
    width: 100%;
}

table.fxtb {
    border: 1px #dddddd solid;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 10px 0 2em 0;
    line-height: 1.6;
    width: 100%;
}

#search_list table {
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 10px 0 2em 0;
    line-height: 1.6;
    width: 100%;
}

table th {
    padding: 1em;
    border: 1px #dddddd solid;
    border-width: 0 0 1px 1px;
    font-weight: normal;
    background: #f2f2f2;
    vertical-align: middle;
}

table.fxtb th {
    padding: 1em;
    border: 1px #dddddd solid;
    border-width: 0 0 1px 1px;
    font-weight: normal;
    background: #f2f2f2;
    vertical-align: middle;
}

#members_detail table th {
    padding: 1em;
    border: 1px #dddddd solid;
    border-width: 0 0 1px 1px;
    font-weight: normal;
    background: #faf9f5;
    vertical-align: middle;
}

.tdw td:first-of-type {width: 30%;}


table th span {
    color: red;
}

table td {
    padding: 1em;
    border: 1px #dddddd solid;
    border-width: 0 0 1px 1px;
    background: #fff;
    vertical-align: middle;
}

table.fxtb td {
    padding: 1em;
    border: 1px #dddddd solid;
    border-width: 0 0 1px 1px;
    background: #fff;
    vertical-align: middle;
}


#search_list table td {
    padding: 2em;
    border: none;
    border-width: 0 0 1px 1px;
    background: #fff;
    vertical-align: middle;
}

table td.txc {
	text-align: center;
}

table p {
    margin: 0;
    padding: 0;
}
#content table.has-fixed-layout {margin: 0;}
#content .wp-block-table table th { background: #5f5f5f; color: #fff; border: solid 1px #fff; }
#content .wp-block-table thead { border-bottom: none; }
#content .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background: #f4f3ef;
}
.wp-block-table td { background: none; }

dl {
    margin: 0;
}

dt {
    font-weight: bold;
}

dd {
    padding-bottom: 10px;
}

img {
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

img.aligncenter {
    display: block;
    margin: 0 auto 1em auto;
}

img.alignright {
    margin: 0 0 1em 1em;
    display: inline;
}

img.alignleft {
    margin: 0 1em 1em 0;
}

.alignright {
	margin: 0 0 1em 1em;
    float: right;
}

.alignleft {
	margin: 0 1em 1em 0;
    float: left;
}

.red {
    color: #ff0000;
}

.side-menu {
    position: fixed;
    top: 30%;
    right: 0px;
    z-index: 2;

}

.side-menu ul {margin: 0; padding: 0}
.side-menu li {margin: 0; padding: 0; list-style: none;}
.side-menu li a {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: .8rem;
    padding: 2em 1em;
    text-decoration: none;
    color: #fff;
    background:#0090ca;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}


.side-menu li a:hover { background: #000;}
@media only screen and (max-width: 1135px) {
  #work-inner a { width: 250px; }
}

@media only screen and (max-width: 1117px) {
  #work-inner a { width: 240px;}
}
@media only screen and (max-width: 999px) {

#hdbt-inner a {  font-size: 26px; }
   .circle {	
     display: inline-block;
     width: 220px;
     height: 220px;
   }
   .circle span {
      top: 65%;
     width :220px;
   }
   .sm01 { width: 100px; height: auto; position: relative; top:-.6em; left:-.3em;}
   .sm02 { width: 100px; height: auto; position: relative; top:-.6em; left:0em;}
   .sm03 { width: 110px; height: auto; position: relative; top:-.6em; left:-.3em;}
   #work-inner a { width: 42%;}
   #work-inner section { padding: 2em;}
}

@media only screen and (max-width: 961px) {
#sc032026 label { width: 45%; margin:1%; display: inline-block; border: solid 3px #008ce1;  padding: 10px 0; text-align: center; font-weight: bold;}
}

@media only screen and (max-width: 900px) {
#hdbt-inner a {  font-size: 24px; }
.circle {	
  display: inline-block;
  width: 220px;
  height: 220px;
}
.circle span {
   top: 65%;
  width :220px;
}
.sm01 { width: 100px; height: auto; position: relative; top:-.6em; left:-.3em;}
.sm02 { width: 100px; height: auto; position: relative; top:-.6em; left:0em;}
.sm03 { width: 110px; height: auto; position: relative; top:-.6em; left:-.3em;}
#work-inner section h3 { font-size: 18px; margin: .5em 0 0 0; padding: 0; }
#visb a { font-size: 14px; line-height: 1.4; padding: .5em 1em; border: solid 1px #fff;}
#fcont { display: block; }

#fcont section:first-of-type { text-align: center; padding-bottom: 3em;}
 #copyright {font-size: 14px; text-align: center; }
}



@media only screen and (max-width: 800px) {
#vi { padding-top: 14em; background: #a6dae4;}
#hdbt-inner { display: block;}
#hdbt-inner section { flex-basis: 33%;}
.circle {	
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  border-radius: 20px;
  border: solid 3px #69acd6;
  background: #fff;
  margin-bottom: .3em;
}
#hdbt-inner a {  font-size: 18px; line-height: 1.4; font-weight: bold; color: #000; -webkit-transition: all .8s; transition: all .8s;}
#hdbt-inner a:hover.circle  { background: #69acd6; color: #fff; }
  #hdbt-inner { width: 90%;}
.circle br { display: none;}
.circle span {
  position: relative;
  display: inline-block;
  left: 0;
  top: 0;
  -webkit-transform:none;
  transform:none;
  width :auto;
  text-align:center;
  padding: .6em;
}
.sm01 { display: none;}
.sm02 { display: none;}
.sm03 { display: none;}
.sm04 { display: none;}
#work-inner section img { width: 70px; height: auto;}
#work-inner section h3 { font-size: 16px; margin: .5em 0 0 0; padding: 0; }
#sc022026 label,#sc042026 label { width: 30%; margin:1%; display: inline-block; }
#sc052026 label,#sc062026 label { width: 15%; margin:1%; display: inline-block; }
 #sc032026 label { width: 95%;}
}


@media only screen and (max-width: 644px) {
  .breadcrumbs {
      padding: 1em 0;
  }
  #content h1 { font-size: 26px;}
#content h1  { margin-bottom: 1em;padding-bottom: .3em; }
 #work-inner section img { width: 50px; height: auto;}
 #work-inner section { padding: 1em;}
 #news dl { line-height: 1.6;}
 #bunner-in section {flex-basis: 45%; margin: 1%;}
 #fcont li {font-size: 14px; margin: 2%;}
 #copyright {margin-top: 2em; font-size: 12px;}
 #news dl { border-top: dotted 1px #cdcdcd; padding-top: .5em;}
 #news dd { margin: 0 0 .5em 0; padding-left: 0em; border-bottom: dotted 1px #cdcdcd;}
 #cate-ls dd { margin: 0 0 .5em 0; padding-left: 0em; border-bottom: dotted 1px #cdcdcd;}
#wkl section { flex-basis: 46%; margin: 2%;}
 #soudan { display: block; }
 #soudan section {margin: 5%;}
 #footbn { text-align: center; }
 #footer-inner {padding: 3em 0 7em 0; }
 #sc022026 label,#sc042026 label { width: 45%; margin:1%; display: inline-block; }
 #sc052026 label,#sc062026 label { width: 15%; margin:1%; display: inline-block; }
#search_filter { font-size: 14px;}
.wp-block-image .alignright  {
    width: 100%;
    float: none;
    margin: 0 0 1em 0; 
 }
.wp-block-image .alignleft  {
     width: 100%;
     float: none;
     margin: 0 0 1em 0; 
  }
table { font-size: 14px;}
#content table.has-fixed-layout {font-size: 13px;}

.side-menu {
    position: fixed;
    top: inherit;
    bottom: 1.5em;
    right: 0;
    left: 0;
    z-index: 101;
    font-size: 0;
}
.side-menu ul {
    margin: 0;
    padding: 0;
    display: flex;
}
.side-menu li {
    margin: 0;
    float: none;
    display: block;
    flex: 1;
}
.side-menu li a {
    -webkit-writing-mode: inherit;
    -ms-writing-mode: inherit;
    writing-mode: inherit;
    width: auto;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 1.5em 0;
    text-decoration: none;
    text-align: center;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    color: #fff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.side-menu li:first-of-type a{ border-right: solid 1px #fff;}
.side-menu li:last-of-type a {border-right: solid 1px #0090ca;}
    span.wpcf7-list-item {
        display: block;
        padding: .6em 0;
    }
    textarea {
        height: auto;
        line-height: 1.5;
        width: 90%;
    }
    input[type="text"],
    textarea {
        width: 90%;
    }
    input[type="tel"],
    textarea {
        width: 90%;
    }
    input[type="email"],
    textarea {
        width: 90%;
    }
    input[type="url"],
    textarea {
        width: 90%;
    }
}