@charset "utf-8";
@charset "utf-8";

 body,div,
h1,h2,h3,h4,h5,h6,
p,blockquote,pre,address,
ul,ol,li,dl,dt,dd,
table,th,td,
form,fieldset,legend{
margin:0;
padding:0;
color:#645A5A;
-webkit-text-size-adjust:100%; }
body{
font-family: Helvetica,Lucida Grande,Verdana,Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
font-size:14px;
line-height:1.1;
background:url(//www.suiko.jp/wp-content/themes/suiko/img/common/body-bg.gif) repeat top center;
position: relative;
min-width: 1080px;
}
table{
border-collapse:collapse;
border-spacing:0;
}
img{
border:0;
display:block;
font-size:0;
line-height: 0;
}
li{
list-style-type:none;
}
p{
line-height:1.8;
font-size:14px;
}
a{
color:#3168AB;
text-decoration:none;
}
a:hover{
color:#6CA3D8;
text-decoration:underline;
} article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font:inherit;vertical-align:baseline;} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
header{
height:100px;
width:100%;
background-color:#FFF;
}
header div{
width:960px;
height:40px;
margin:0 auto;
padding-top:5px;
overflow:hidden;
zoom:1;
}
header div h2 img{
float:left;
}
header div h2 a:hover img{
filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}
header div ul{
float:right;
margin-left:30px;
overflow:hidden;
zoom:1;
}
header div li{
font-size:13px;
float:right;
background:url(//www.suiko.jp/wp-content/themes/suiko/img/common/head-yaji.gif) no-repeat left center;
margin:10px 0 0 20px;
padding-left:10px;
}
header div li a{
color:#646464;
}
header div li a:hover{
color:#999999;
}
header div form{
height:30px;
float:right;
padding:4px 0 0 35px;
margin-top:0px;
background:url(//www.suiko.jp/wp-content/themes/suiko/img/common/head-search.gif) no-repeat left 3px;
}
header div input.area{
border:0;
float:left;
margin-right:15px;
width:145px;
margin-top:5px;
}
header div input.btm{
font-size:13px;
}
nav{
height:auto;
overflow:hidden;
zoom:1;
background:url(//www.suiko.jp/wp-content/themes/suiko/img/common/nav-bg.jpg) repeat-x left top;
}
nav ul{
overflow:hidden;
zoom:1;
width:970px;
margin:0 auto;
}
nav ul li {
text-indent: -9999px;
}
nav li{
float:left;
}
nav li a{
background:url(//www.suiko.jp/wp-content/themes/suiko/img/common/menu.jpg) no-repeat left top;
width:140px;
display:block;
height:55px;
}
nav ul li ul{
display: none;
position: absolute;
top:100px;
left:50%;
width:140px;
z-index:200;
}
nav ul li ul li{
margin: 0;
padding: 0;
height:35px;
font-size:14px;
border-top:1px solid #FFF;
border-bottom:1px solid #E1E6E1;
background-color:#EBEBEB;
background:-moz-linear-gradient(top,#F0F5F0,#FFFFFF 40%, #FFFFFF); background:-webkit-gradient(linear, left top, left bottom, from(#F0F5F0), color-stop(0.4, #FFFFFF), to(#FFFFFF)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F0F5F0', endColorstr='#FFFFFF'); background: linear-gradient(to bottom, #F0F5F0 0%,#FFFFFF 40%,#FFFFFF 100%); text-indent: 0;
}
nav ul li ul li a{
display:block;
height:auto;
padding:12px 0 12px 17px;
background-image:none;
}
nav ul li ul li a:hover{
background-color:#DFEBF3;
background:-moz-linear-gradient(top,#DFEBF3, #DFEBF3); background:-webkit-gradient(linear, left top, left bottom, from(#DFEBF3), to(#DFEBF3)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#DFEBF3', endColorstr='#DFEBF3'); background: linear-gradient(to bottom, #DFEBF3 0%,#DFEBF3 100%); } nav #m1 a{
width:215px;
background-position:-280px 0px;
}
nav #m1 a:hover{
background-position:-280px -70px;
}
nav #m2 a{
background-position:-495px 0px;
}
nav #m2 a:hover{
background-position:-495px -70px;
}
nav #m3 a{
background-position:-635px 0px;
}
nav #m3 a:hover{
background-position:-635px -70px;
}
nav #m4 a{
background-position:0px 0px;
}
nav #m4 a:hover{
background-position:0px -70px;
}
nav #m6 a{
background-position:-140px 0px;
}
nav #m6 a:hover{
background-position:-140px -70px;
}
nav #m5 a{
width:185px;
background-position:-775px 0px;
}
nav #m5 a:hover{
background-position:-775px -70px;
}
nav ul #m1 ul{
margin-left:-205px;
width:215px;
}
nav ul #m2 ul{
margin-left:10px;
}
nav ul #m3 ul{
margin-left:150px;
}
nav ul #m4 ul{
margin-left:-485px;
}
nav ul #m6 ul{
margin-left:-345px;
width:280px;
}
nav ul #m6 ul a{
width:160px;
}
nav ul #m5 ul{
margin-left:290px;
width:185px;
}   .next-link{
overflow:hidden;
zoom:1;
padding-top:50px;
}
.next-link h4{
font-size:14px;
font-weight:100;
}
.next-link .next{
float:right;
}
.next-link .back{
float:left;
}
#contents-bg{
background:url(//www.suiko.jp/wp-content/themes/suiko/img/common/bg1080.gif) repeat-y center top;
overflow:hidden;
zoom:1;
padding-top:100px;
}
#contents{
width:960px;
margin:0 auto;
overflow:hidden;
zoom:1;
padding-bottom:80px;
}
#main{
float:right;
width:700px;
}
#head-bg{
z-index:1;
}
.title{
background-color:#3168AB;
background:-moz-linear-gradient(right,#3168AB, #3DB5E6); background:-webkit-gradient(linear, left top, right top, from(#3168AB), to(#3DB5E6)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3168AB', endColorstr='#3DB5E6'); background: linear-gradient(to right, #3168AB, #3DB5E6); padding-top:3px;
font-size:28px;
}
.title strong{
padding:21px 20px 20px 20px;
display:block;
background-color:#EBEBEB;
background:-moz-linear-gradient(top,#FFFFFF,#FFFFFF 60%,#F0F5F0 98%, #FFFFFF); background:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(0.6, #FFFFFF), color-stop(0.9, #F0F5F0), to(#FFFFFF)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#F0F5F0'); background: linear-gradient(to bottom, #FFFFFF 0%,#FFFFFF 60%,#F0F5F0 98%,#FFFFFF 100%); border-bottom:1px solid #E1E6E1;
}
.post-box{
padding:10px 10px 0 10px;
overflow:hidden;
zoom:1;
}
.post-box li{
list-style-type:disc;
margin:5px 0 5px 15px;
}
.post-box p{
margin-top:10px;
}
.alignleft,img.alignleft {
display:inline;
float:left;
margin:5px 20px 5px 0px;
}
.alignright,img.alignright {
display:inline;
float:right;
margin:5px 0px 5px 20px;
}
.aligncenter,img.aligncenter {
clear:both;
display:block;
margin:5px auto;
}
.wp-caption {
font-size:13px;
margin-bottom: 15px;
margin-top:10px;
line-height:1.3;
text-align:left;
padding:0;
width:auto !important;
}
.wp-caption .wp-caption-text{
font-size:13px;
line-height:1.3;
color:#666;
text-align:left;
}
.wp-caption img {
margin:0;
}
.wp-caption a:hover img{
filter: alpha(opacity=90);
-moz-opacity:0.9;
opacity:0.9;
}
a:hover img.alignleft,a:hover img.alignright,a:hover img.aligncenter,a:hover img.alignnone {
filter: alpha(opacity=90);
-moz-opacity:0.9;
opacity:0.9;
}
.post-box .wp-caption p{
margin-top:5px;
font-size:12px;
}
.post-box td p{
margin-top:0;
}
.post-box hr{
height:60px;
background:url(//www.suiko.jp/wp-content/themes/suiko/img/common/bar700.jpg) no-repeat center center;
overflow:hidden;
zoom:1;
border:0;
}
.iconset{
display:inline;
padding:0 3px 0 3px;
vertical-align:text-top;
}
.post-box h2{
font-size:24px;
color:#3168AB;
margin-top:10px;
}
.post-box h3{
font-size:18px;
border-left:3px solid #3168AB;
padding:12px 12px 12px 15px;
background:url(//www.suiko.jp/wp-content/themes/suiko/img/common/h3-bg.gif) repeat left top;
margin-top:10px;
}
.post-box h4{
font-size:16px;
border-bottom:1px solid #3168AB;
padding:5px 5px 5px 5px;
margin-top:10px;
color:#3168AB;
}
.post-box table{
border-collapse:separate;
border-top:1px solid #CCC;
border-left:1px solid #CCC;
margin-top:10px;
min-width: 100%;
}
.post-box table th{
border-bottom:1px solid #CCC;
border-right:1px solid #CCC;
border-top:1px solid #FFF;
background:url(//www.suiko.jp/wp-content/themes/suiko/img/common/h3-bg.gif) repeat left top;
padding:12px 15px 11px 15px;
font-size:16px;
text-align:center;
line-height:1.3;
vertical-align:top;
}
.post-box table td{
border-bottom:1px solid #CCC;
border-right:1px solid #CCC;
padding:10px 10px 9px 10px;
font-size:14px;
line-height:1.3;
text-align:left;
vertical-align:top;
}
.navi {
color: #3168AB;
margin: 2em auto;
text-align:right;
margin-top:30px;
}
.navi a.page-numbers,.navi .current {
color: #3168AB;
padding: 5px .6em;
border:solid 1px #3168AB;
text-decoration:none;
font-size:16px;
font-weight:bold;
border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px;
-ms-border-radius:4px;
}
.navi a.page-numbers:hover {
text-decoration:underline;
color:#6CA3D8;
border:1px solid #6CA3D8;
}
.navi a.next:hover,.navi a.prev:hover {
color:#6CA3D8;
text-decoration:underline;
border:0 none;
}
.navi .current {
color: white;
background: #3168AB;
border-color: #3168AB;
font-weight:bold;
}
.navi a.next,.navi a.prev{
border:0 none;
color:#3168AB;
font-size:12px;
font-weight:100;
}
#side{
float:left;
width:220px;
}
#side h2{
font-size:18px;
}
#side h2 a{
display:block;
color:#FFF;
background:url(//www.suiko.jp/wp-content/themes/suiko/img/common/side-top.jpg) no-repeat left top;
width:190px;
height:39px;
overflow:hidden;
zoom:1;
padding:21px 15px 0 15px;
}
#side h2 a:hover{
filter: alpha(opacity=90);
-moz-opacity:0.9;
opacity:0.9;
}
#side #sub-nav{
width:218px;
background-color:#DCDCDC;
padding:0px 1px;
}
#side #sub-nav li{
font-size:14px;
border-top:1px solid #FFF;
border-bottom:1px solid #E1E6E1;
background-color:#EBEBEB;
background:-moz-linear-gradient(top,#F0F5F0,#FFFFFF 40%, #FFFFFF); background:-webkit-gradient(linear, left top, left bottom, from(#F0F5F0), color-stop(0.4, #FFFFFF), to(#FFFFFF)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F0F5F0', endColorstr='#FFFFFF'); background: linear-gradient(to bottom, #F0F5F0 0%,#FFFFFF 40%,#FFFFFF 100%); }
#side #sub-nav li a{
display:block;
width:193px;
background:url(//www.suiko.jp/wp-content/themes/suiko/img/common/side-yaji.png) no-repeat 15px center;
padding:16px 0 16px 25px;
}
#side #sub-nav li.current_page_item{
background-color:#DFEBF3;
background:-moz-linear-gradient(top,#DFEBF3, #DFEBF3); background:-webkit-gradient(linear, left top, left bottom, from(#DFEBF3), to(#DFEBF3)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#DFEBF3', endColorstr='#DFEBF3'); background: linear-gradient(to bottom, #DFEBF3 0%,#DFEBF3 100%); }
#side #sub-nav li ul.children{
width:218px;
background-color:#FFF;
padding:5px 0 10px 0;
display:none;
}
#side #sub-nav li.current_page_item ul.children{
display:block;
}
#side #sub-nav li.current_page_ancestor ul.children{
display:block;
}
#side #sub-nav ul.children li{
font-size:14px;
font-weight:100;
border-top:none;
border-bottom:none;
background-color:#FFF;
background:-moz-linear-gradient(top,#FFF, #FFFFFF); background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFFFFF)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#FFFFFF'); background: linear-gradient(to bottom, #FFF 0%,#FFFFFF 100%); }
#side #sub-nav ul.children li a{
display:block;
width:178px;
background:url(//www.suiko.jp/wp-content/themes/suiko/img/common/side-yaji.png) no-repeat 30px center;
padding:12px 0 12px 40px;
}
#side #sub-nav ul.children li.current_page_item{
margin:0 10px;
background-color:#DFEBF3;
background:-moz-linear-gradient(top,#DFEBF3, #DFEBF3); background:-webkit-gradient(linear, left top, left bottom, from(#DFEBF3), to(#DFEBF3)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#DFEBF3', endColorstr='#DFEBF3'); background: linear-gradient(to bottom, #DFEBF3 0%,#DFEBF3 100%); }
#side #sub-nav li li.current_page_ancestor{
margin:0 10px;
background-color:#DFEBF3;
background:-moz-linear-gradient(top,#DFEBF3, #DFEBF3); background:-webkit-gradient(linear, left top, left bottom, from(#DFEBF3), to(#DFEBF3)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#DFEBF3', endColorstr='#DFEBF3'); background: linear-gradient(to bottom, #DFEBF3 0%,#DFEBF3 100%); }
#side #sub-nav li li.current_page_ancestor a{
padding:12px 0 12px 30px;
background-position:20px center;
}
#side #sub-nav ul.children li.current_page_item a{
padding-left:30px;
background-position:20px center;
}
#side #sub-nav .current_page_parent{
background-color:#FFF;
background:-moz-linear-gradient(top,#FFF, #FFFFFF); background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFFFFF)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#FFFFFF'); background: linear-gradient(to bottom, #FFF 0%,#FFFFFF 100%); }
#ku-link{
font-size:13px;
font-weight:100;
margin-left:-10px;
padding-bottom:25px;
margin-top: 15px;
}
#ku-link a{
margin:0 10px;
}
#ku-link strong{
margin-left:10px;
font-weight:100;
}
footer{
background:url(//www.suiko.jp/wp-content/themes/suiko/img/common/footer-bar.gif) no-repeat center top;
position:relative;
padding-bottom:20px;
overflow:hidden;
zoom:1;
}
footer #totop{
position:absolute;
left:50%;
margin-left:355px;
}
footer #totop:hover img{
filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}
footer #ftop{
width:960px;
margin:0 auto;
overflow:hidden;
zoom:1;
padding:70px 0 40px 0;
border-bottom:1px dotted #C8C8C8;
}
footer #ftop dl{
float:left;
width:190px;
}
footer #ftop dt{
font-size:16px;
font-weight:bold;
margin-bottom:20px;
color:#3168AB;
}
footer #ftop dd{
font-size:14px;
background:url(//www.suiko.jp/wp-content/themes/suiko/img/common/yaji1.gif) no-repeat left center;
padding-left:12px;
margin-top:8px;
}
footer #ftop dd a{
color:#646464;
}
footer #ftop dd a:hover{
color:#999999;
}
footer #fbtm{
width:960px;
margin:0 auto;
overflow:hidden;
zoom:1;
padding:30px 0 0px 0;
}
footer #fbtm section{
float:left;
width:400px;
}
footer #fbtm section h2 a:hover img{
filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}
footer #fbtm section h3{
font-size:14px;
font-weight:100;
margin-top:10px;
line-height:1.4;
}
footer #fbtm section h3 strong{
font-weight:100;
padding-left:75px;
}
footer #fbtm section ul{
overflow:hidden;
zoom:1;
padding:15px 0 0 75px;
}
footer #fbtm section li{
font-size:14px;
background:url(//www.suiko.jp/wp-content/themes/suiko/img/common/yaji2.gif) no-repeat left center;
padding-left:12px;
float:left;
margin-right:20px;
}
footer #fbtm div{
float:right;
width:560px;
}
footer #fbtm div img{
float:right;
width:180px;
margin:0 0 10px 10px;
}
footer #fbtm div a:hover img{
filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}
footer small{
font-size:13px;
width:560px;
text-align:right;
clear:both;
float:right;
color:#646464;
} .pc{
display: block;
}
.sm{
display: none;
}
.slicknav_menu {
display:none;
} @media only screen and (max-width: 750px){
body{
min-width: 100%;
}
.pc{
display: none;
}
.sm{
display: block;
}
table{
box-sizing: border-box;
}
*{
font-feature-settings: "palt";
}
img{
box-sizing: border-box;
} header{
height: auto;
}
header div{
width: auto;
height: auto;
padding: 20px 10px 0px 10px;
}
header div ul{
margin-left: 0;
width: 28%;
float: right;
padding-right: 0px;
padding-top: 0px;
}
header div li {
font-size: 13px;
margin: 0;
padding-left: 0px;
background: none;
margin-right: 0px;
width: 100%;
}
header div li a{
display: inline-block;
background: url(//www.suiko.jp/wp-content/themes/suiko/img/common/head-yaji.gif) no-repeat 94% center;
padding: 8px 12px 8px 4px;
border: 1px solid #c8c8c8;
border-radius: 3px;
font-size: 11px;
text-align: center;
width: 100%;
box-sizing: border-box;
}
* {
-webkit-appearance: none;
}
header div form{ float: none;
clear: both;
height: auto;
overflow: hidden;
padding: 15px 0 0 0;
background: none;
}
header div input.area{
width: 65%;
padding:8px 8px 9px 30px;
font-size:14px;
color:#666666;
border:solid 1px #c1c1c1;
margin: 0 ;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: url(//www.suiko.jp/wp-content/themes/suiko/img/sm/search_icon.png) no-repeat 5px center;
}
header div input.btm{
width: 20%;
float: right;
margin-right: 0px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border:solid 1px #a8a8a8;
background: #dbdbdb;
padding: 6px 10px;
font-size: 14px;
letter-spacing: 3px;
}
header div h2{
width: 85%;
}
header div h2 img{
width: 80%;
} .js #menu {
display:none;
}
.js .slicknav_menu {
display:block;
} .navi a.page-numbers,
.navi .current{
padding: 5px 7px;
display: inline-block;
margin-bottom: 5px;
}
.navi{
text-align: center;
} #contents-bg{
padding-top: 0;
}
#main{
width: auto;
float: none;
}
#contents{
width: auto;
padding: 15px;
}
.post-box{
padding: 0;
}
.post-box p{
font-size: 14px;
}
.post-box p:empty{
display: none;
}
.post-box p:blank{
display: none;
}
.post-box p:-moz-only-whitespace{
display: none;
}
.post-box h2{
font-size: 18px;
line-height: 1.4em;
}
.post-box h3{
font-size: 16px;
line-height: 1.4em;
}
.post-box h4{
font-size: 15px;
line-height: 1.4em;
}
.post-box img {
max-width: 100%;
height: auto;
}
.post-box table{
width: 100% !important;
}
.post-box table td,
.post-box table th{
padding: 5px;
font-size: 13px;
}
.alignright,
img.alignright,
.alignright img,
.alignleft,
img.alignleft,
.alignright img,
.alignnone{
float: none;
margin: 10px auto 20px auto;
display: block;
max-width: 100%;
text-align: center;
}
.alignright img{
margin-bottom: 0;
}
.wp-caption .wp-caption-text{
text-align: center;
}
.title strong{
font-size: 20px;
padding: 10px 15px;
line-height: 1.4em;
} footer{
padding-bottom: 0;
}
footer #fbtm{
width: auto;
padding: 40px 10px 10px 10px;
}
footer small{
width: 100%;
font-size: 11px;
text-align: center;
}
footer #totop{
margin-left: auto;
left: 56%;
} #side{
width: 100%;
float: none;
margin-top: 50px;
}
#side h2 a{
width: auto;
background: url(//www.suiko.jp/wp-content/themes/suiko/img/sm/side_title_bg.png) no-repeat center bottom;
background-size: cover;
height: auto;
padding: 20px 15px; border-radius:3px 3px 0px 0px ;
}
#side #sub-nav{
width: auto;
background: none;
border: 1px solid #DCDCDC;
}
#side #sub-nav li:last-child{
border-bottom: none;
}
#side #sub-nav li a{
display: block;
width: auto;
background-position: 95% center;
padding: 16px;
}
#side #sub-nav li ul.children{
width: 100%;
}
#side #sub-nav ul.children li.current_page_item{
margin: 0;
}
#side #sub-nav ul.children li.current_page_item a{
padding-left: 40px;
background-position: 30px center;
}
#side #sub-nav ul.children li.current_page_item a,
#side #sub-nav ul.children li a{
width: auto;
} .post-box ul{
margin-top: 10px;
margin-left: 5px;
}
.post-box li{
line-height: 1.4em;
}
#main h1.title{
margin-bottom: 10px;
}
#head-bg,
#head-bgrec{
position: relative !important;
background-size: cover !important;
top: inherit !important;
height: 80px !important;
}
.post-box hr{
width: 100%;
background-position: center top;
background-size: contain;
height: 20px;
}
p.pno{
display: none;
}
.wp-caption{
text-align: center;
width: 100% !important;
}
.wp-caption img{
margin: 0 auto;
}
#ku-link{
width: auto;
margin-left: 0;
padding-bottom: 15px;
margin-top:0px;
}
#ku-link a{
margin: 0 10px 5px 10px;
}
#ku-link strong{
margin-top: 5px;
display: inline-block;
}
#contents img{
max-width: 100%;
}
.navi{
} div.scroll{
margin: 0 !important;
}
.scroll::before{
content: "横にスクロールしてご覧ください→";
font-size: 12px;
}
section div.scroll,
div.scroll{
overflow: auto;
white-space: nowrap;
padding: 0 0 20px 0 !important;
margin-top: 20px !important;
}
.scroll::-webkit-scrollbar {
height: 5px;
}
.scroll::-webkit-scrollbar-track {
border-radius: 5px;
background: #cccccc;
}
.scroll::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #767676;
}
div.scroll table{
}
.kyoutsu{
margin-top: 15px !important;
}
.scroll table{
width: 100% !important;
}
.scroll table.shinryou{
max-width: 500px !important;
margin-bottom: 10px !important;
}
.scroll table.shinryou th,
.scroll table.shinryou td{
white-space: inherit;
}
.scroll + .bikou{
border-top: 2px solid #C0C0C0;
margin-top: 10px !important;
}
}

#head-bg{
background:url(//www.suiko.jp/wp-content/themes/suiko/img/works/head-bg.jpg) no-repeat center top;
height:100px;
position:absolute;
top:100px;
width:100%;
}
nav #m3 a{
background-position:-635px -70px;
}
.index .box1{
padding:25px 10px 0 10px;
overflow:hidden;
zoom:1;
}
.index .box1 h2{
font-size:20px;
color:#3168AB;
margin-bottom:15px;
}
.index .box2{
overflow:hidden;
zoom:1;
padding:30px 0 0 10px;
width:680px;
}
.index .box2 section{
width:314px;
padding:3px;
position:relative;
}
.index .box2 section div{
overflow:hidden;
zoom:1;
width:284px;
background-color:#FFF;
padding:135px 15px 0px 15px;
}
.index .box2 section div img{
width:160px;
height:120px;
position:absolute;
top:10px;
left:10px;
}
.index .box2 section div a:hover img{
filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}
.index .box2 section div h3{
font-size:20px;
width:185px;
height:120px;
position:absolute;
top:30px;
left:145px;
}
.index .box2 section div h3 a{
color:#FFF;
position:absolute;
top:10px;
left:10px;
}
.index .box2 .section1{
float:left;
margin-right:30px;
background-color:#3BC4E6;
background:-moz-linear-gradient(top,#3BC4E6, #3B91BD); background:-webkit-gradient(linear, left top, left bottom, from(#3BC4E6), to(#3B91BD)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3BC4E6', endColorstr='#3B91BD'); background: linear-gradient(to bottom, #3BC4E6, #3B91BD); }
.index .box2 .section1 h3{
background:url(//www.suiko.jp/wp-content/themes/suiko/img/section/index1.png) no-repeat left top;
}
.index .box2 .section2{
float:left;
background-color:#52B524;
background:-moz-linear-gradient(top,#52B524, #1C8F2B); background:-webkit-gradient(linear, left top, left bottom, from(#52B524), to(#1C8F2B)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#52B524', endColorstr='#1C8F2B'); background: linear-gradient(to bottom, #52B524, #1C8F2B); }
.index .box2 .section2 h3{
background:url(//www.suiko.jp/wp-content/themes/suiko/img/section/index2.png) no-repeat left top;
}
.index .box2 .section3{
float:left;
margin-right:30px;
background-color:#EBA30F;
background:-moz-linear-gradient(top,#EBA30F, #DB870F); background:-webkit-gradient(linear, left top, left bottom, from(#EBA30F), to(#DB870F)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#EBA30F', endColorstr='#DB870F'); background: linear-gradient(to bottom, #EBA30F, #DB870F); }
.index .box2 .section3 h3{
background:url(//www.suiko.jp/wp-content/themes/suiko/img/section/index3.png) no-repeat left top;
}
.index .box2 .section4{
float:left;
background-color:#3166A1;
background:-moz-linear-gradient(top,#3166A1, #142945); background:-webkit-gradient(linear, left top, left bottom, from(#3166A1), to(#142945)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3166A1', endColorstr='#142945'); background: linear-gradient(to bottom, #3166A1, #142945); }
.index .box2 .section4 h3{
background:url(//www.suiko.jp/wp-content/themes/suiko/img/section/index4.png) no-repeat left top;
}
.index .box2 .section5{
float:left;
margin-right:30px;
background-color:#9C99C2;
background:-moz-linear-gradient(top,#9C99C2, #806B9C); background:-webkit-gradient(linear, left top, left bottom, from(#9C99C2), to(#806B9C)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#9C99C2', endColorstr='#806B9C'); background: linear-gradient(to bottom, #9C99C2, #806B9C); }
.index .box2 .section5 h3{
background:url(//www.suiko.jp/wp-content/themes/suiko/img/section/index5.png) no-repeat left top;
}
.index .box2 .section6{
float:left;
background-color:#E66B2B;
background:-moz-linear-gradient(top,#E66B2B, #E0450D); background:-webkit-gradient(linear, left top, left bottom, from(#E66B2B), to(#E0450D)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E66B2B', endColorstr='#E0450D'); background: linear-gradient(to bottom, #E66B2B, #E0450D); }
.index .box2 .section6 h3{
background:url(//www.suiko.jp/wp-content/themes/suiko/img/section/index6.png) no-repeat left top;
}
.index .box2 .section7{
float:left;
background-color:#C7B299;
background:-moz-linear-gradient(top,#C7B299, #603813); background:-webkit-gradient(linear, left top, left bottom, from(#C7B299), to(#603813)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#C7B299', endColorstr='#603813'); background: linear-gradient(to bottom, #C7B299, #603813); }
.index .box2 .section7 h3{
background:url(//www.suiko.jp/wp-content/themes/suiko/img/section/index7.png) no-repeat left top;
}
.detail .post-box table{
border-collapse:separate;
border-top:1px solid #CCC;
border-left:1px solid #CCC;
margin-top:10px;
width:680px;
}
.detail .post-box table th{
border-bottom:1px solid #CCC;
border-right:1px solid #CCC;
border-top:1px solid #FFF;
background:url(//www.suiko.jp/wp-content/themes/suiko/img/common/h3-bg.gif) repeat left top;
padding:12px 15px 11px 15px;
font-size:16px;
text-align:center;
line-height:1.3;
vertical-align:middle;
}
.detail .post-box table td{
border-bottom:1px solid #CCC;
border-right:1px solid #CCC;
padding:10px 10px 9px 10px;
font-size:14px;
line-height:1.3;
text-align:left;
vertical-align:top;
}
.detail .post-box table .th1{
width:100px;
}
.detail .post-box table .th2{
width:100px;
}
.detail .post-box table .th3{
width:60px;
} #main.survey_works .title{
background-color:#3B91BD;
background:-moz-linear-gradient(right,#3B91BD, #3BC4E6); background:-webkit-gradient(linear, left top, right top, from(#3B91BD), to(#3BC4E6)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3B91BD', endColorstr='#3BC4E6'); background: linear-gradient(to right, #3B91BD, #3BC4E6); }
#main.survey_works .post-box h2{
color:#3B91BD;
}
#main.survey_works .post-box h3{
border-left:3px solid #3B91BD;
}
#main.survey_works .post-box h4{
border-bottom:1px solid #3B91BD;
color:#3B91BD;
} #main.env_works .title{
background-color:#1C8F2B;
background:-moz-linear-gradient(right,#1C8F2B, #52B524); background:-webkit-gradient(linear, left top, right top, from(#1C8F2B), to(#52B524)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1C8F2B', endColorstr='#52B524'); background: linear-gradient(to right, #1C8F2B, #52B524); }
#main.env_works .post-box h2{
color:#1C8F2B;
}
#main.env_works .post-box h3{
border-left:3px solid #1C8F2B;
}
#main.env_works .post-box h4{
border-bottom:1px solid #1C8F2B;
color:#1C8F2B;
} #main.plan_works .title{
background-color:#DB870F;
background:-moz-linear-gradient(right,#DB870F, #EBA30F); background:-webkit-gradient(linear, left top, right top, from(#DB870F), to(#EBA30F)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#DB870F', endColorstr='#EBA30F'); background: linear-gradient(to right, #DB870F, #EBA30F); }
#main.plan_works .post-box h2{
color:#DB870F;
}
#main.plan_works .post-box h3{
border-left:3px solid #DB870F;
}
#main.plan_works .post-box h4{
border-bottom:1px solid #DB870F;
color:#DB870F;
} #main.ict_works .title{
background-color:#142945;
background:-moz-linear-gradient(right,#142945, #3166A1); background:-webkit-gradient(linear, left top, right top, from(#142945), to(#3166A1)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#142945', endColorstr='#3166A1'); background: linear-gradient(to right, #142945, #3166A1); }
#main.ict_works .post-box h2{
color:#142945;
}
#main.ict_works .post-box h3{
border-left:3px solid #142945;
}
#main.ict_works .post-box h4{
border-bottom:1px solid #142945;
color:#142945;
} #main.ope_works .title{
background-color:#806B9C;
background:-moz-linear-gradient(right,#806B9C, #9C99C2); background:-webkit-gradient(linear, left top, right top, from(#806B9C), to(#9C99C2)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#806B9C', endColorstr='#9C99C2'); background: linear-gradient(to right, #806B9C, #9C99C2); }
#main.ope_works .post-box h2{
color:#806B9C;
}
#main.ope_works .post-box h3{
border-left:3px solid #806B9C;
}
#main.ope_works .post-box h4{
border-bottom:1px solid #806B9C;
color:#806B9C;
} #main.r_and_d_works .title{
background-color:#E0450D;
background:-moz-linear-gradient(right,#E0450D, #E66B2B); background:-webkit-gradient(linear, left top, right top, from(#E0450D), to(#E66B2B)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E0450D', endColorstr='#E66B2B'); background: linear-gradient(to right, #E0450D, #E66B2B); }
#main.r_and_d_works .post-box h2{
color:#E0450D;
}
#main.r_and_d_works .post-box h3{
border-left:3px solid #E0450D;
}
#main.r_and_d_works .post-box h4{
border-bottom:1px solid #E0450D;
color:#E0450D;
} @media only screen and (max-width: 750px){
#head-bg{
background:url(//www.suiko.jp/wp-content/themes/suiko/img/works/head-bg.jpg) no-repeat left top;
}
.index .box1{
padding: 10px 0 0 0; 
}
.index .box1 p{
margin-bottom: 20px;
}
.index .box2{
padding: 0;
width: 100%;
}
.index .box2 section{
width: 95%;
}
.index .box2 section div{
width: auto;
}
.index .box2 section div h3{
width: 58%;
right: -5%;
left: auto;
}
.index .box2 .section1,
.index .box2 .section2,
.index .box2 .section3,
.index .box2 .section4,
.index .box2 .section5{
float: none;
margin-right: 0px;
margin-bottom: 10px;
}
.detail .post-box table{
table-layout: fixed;
width: 100% !important;
} .detail .post-box table th,
.detail .post-box table td{
padding: 5px;
font-size: 13px;
}
.detail .post-box table th{
width: 200px !important;
}
.detail .post-box table td{
overflow-wrap : break-word;
word-break: break-all;
white-space: normal;
}
.detail .post-box table th:first-child{
width: 150px !important;
}
.detail .post-box table th:last-child{
width: 300px !important;
white-space: normal;
}
.post-box td p{
font-size: 13px;
} }.slicknav_btn {
position: relative;
display: block;
vertical-align: middle;
padding: 13px 10px;
line-height: 1.125em;
text-align: center;
cursor: pointer;
overflow: hidden;
}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
margin-top: 0.188em; }
.slicknav_menu {
*zoom: 1; }
.slicknav_menu .slicknav_menutxt { line-height: 1.188em;
}
.slicknav_menu .slicknav_icon {
float: left;
width: 1.125em;
height: 0.875em;
margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_icon:before {
background: transparent;
width: 1.125em;
height: 0.875em;
display: block;
content: "";
position: absolute; }
.slicknav_menu .slicknav_no-text {
margin: 0; }
.slicknav_menu .slicknav_icon-bar {
display: block;
width: 1.125em;
height: 0.125em;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_menu:before {
content: " ";
display: table; }
.slicknav_menu:after {
content: " ";
display: table;
clear: both; }
.slicknav_nav {
clear: both; }
.slicknav_nav ul {
display: block; }
.slicknav_nav li {
display: block; } .slicknav_nav .slicknav_collapsed .slicknav_arrow{
font-size: 0.8em;
margin: 0 0 0 0.4em;
background-image: url(//www.suiko.jp/wp-content/themes/suiko/img/sm/arrow.png);
background-repeat: no-repeat;
background-position: center center;
float: right;
width: 10px;
height: 10px;
} .slicknav_nav .slicknav_open .slicknav_arrow{
font-size: 0.8em;
margin: 0 0 0 0.4em;
background-image: url(//www.suiko.jp/wp-content/themes/suiko/img/sm/arrow_open.png);
background-repeat: no-repeat;
background-position: center center;
float: right;
width: 10px;
height: 10px;
}
.slicknav_nav .slicknav_item {
cursor: pointer;
}
.slicknav_nav .slicknav_item a {
display: inline; }
.slicknav_nav .slicknav_row {
display: block; }
.slicknav_nav a {
display: block; }
.slicknav_nav .slicknav_parent-link a {
display: inline; }
.slicknav_brand {
float: left; } .slicknav_menu {
font-size: 16px;
box-sizing: border-box;
padding: 10px 10px 15px 10px;
background: url(//www.suiko.jp/wp-content/themes/suiko/img/common/nav-bg.jpg) repeat-x bottom left #fff;
}
.slicknav_menu * {
box-sizing: border-box;
}
.slicknav_menu .slicknav_menutxt {
color: #fff;
font-weight: bold;
}
.slicknav_menu .slicknav_icon-bar {
background-color: #fff;
}
.slicknav_btn {
text-decoration: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: url(//www.suiko.jp/wp-content/themes/suiko/img/sm/navbtn_icon.png) no-repeat 97% center;
background-color: #326bae;
}
a.slicknav_btn:hover{
text-decoration: none;
}
.slicknav_nav {
width: 100%;
background: url(//www.suiko.jp/wp-content/themes/suiko/img/common/body-bg.gif);
color: #fff;
margin: 10px 0 0 0;
padding: 0;
list-style: none;
overflow: hidden;
}
.slicknav_nav ul {
list-style: none;
overflow: hidden;
padding: 0;
margin: 0 0 0 20px;
display: block;
width: 100%;
margin-left: 0;
background: #326bae;
border-top: none;
border-bottom: 1px solid #142945;
}
.slicknav_nav ul li a{
background-image: url(//www.suiko.jp/wp-content/themes/suiko/img/sm/arrow.png);
background-repeat: no-repeat;
background-position: 95% center;
padding-left: 30px;
}
.slicknav_nav .slicknav_row {
padding: 15px;
}
.slicknav_nav .slicknav_row:hover {
}
.slicknav_nav a {
padding: 15px;
text-decoration: none;
color: #fff;
border-bottom: 1px solid #324860;
}
.slicknav_nav a:hover {
}
.slicknav_nav .slicknav_txtnode {
margin-left: 20px;
}
.slicknav_nav .slicknav_item a {
padding: 0;
margin: 0;
}
.slicknav_nav .slicknav_parent-link a {
padding: 0;
margin: 0;
}
.slicknav_brand {
color: #fff;
font-size: 18px;
line-height: 30px;
padding: 7px 12px;
height: 44px;
} .slicknav_icon,
.slicknav_icon span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
}
.slicknav_icon {
position: relative;
width: 50px;
height: 44px;
}
.slicknav_menu .slicknav_icon-bar{
position: absolute;
left: 0;
}
.slicknav_icon span:nth-of-type(1) {
top: 0;
}
.slicknav_icon span:nth-of-type(2) {
top: 3px;
}
.slicknav_icon span:nth-of-type(3) {
bottom: 0;
}
.active .slicknav_icon-bar:nth-of-type(1) {
-webkit-transform: translateY(6px) rotate(-45deg);
transform: translateY(6px) rotate(-45deg);
}
.active .slicknav_icon-bar:nth-of-type(2) {
opacity: 0;
}
.active .slicknav_icon-bar:nth-of-type(3) {
-webkit-transform: translateY(-6px) rotate(45deg);
transform: translateY(-6px) rotate(45deg);
}