@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/section/head-bg.jpg) no-repeat center top;
height:100px;
position:absolute;
top:100px;
width:100%;
}
nav #m1 a{
background-position:-280px -70px;
}
#main .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 .firstp{
margin:25px 10px 0 10px;
}
#main article{
padding:50px 0 20px 0;
overflow:hidden;
zoom:1;
}
#main article h2{
font-size:18px;
border-left:3px solid #E0450D;
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;
}
#main article h4 {
border-bottom: 1px solid #E0450D;
color: #E0450D;
}
#main.detail article{
padding:0px 0 20px 0;
}.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);
}