@charset "UTF-8";
 @font-face {
font-family: "mymincho";
src: url(//www.e-syugei.com/wp-content/themes/mrp04/font/mymincho.otf) format('truetype');
}
.mincho {
font-family: "mymincho";
}
body{
line-height: 1.5;
font-weight:500;
font-size:100%;
}
#header .contact .tel{
font-weight:normal;}
#header .add{
font-weight:normal;}
nav#mainNav{
font-weight:normal;}
h1.title,
.post h1
{
font-weight:500;}
.post h2,
.post2b h2,
.post4b h2
{
font-weight:normal;}
.post h3
{
} .post .column2_40 {
display: inline-block;
*display: inline;
*zoom: 1;
margin: 5px 0;
width: 40%;
vertical-align: top;
}
.post .column2_40 img {
max-width: 95.5%;
}
.post .column2_60 {
display: inline-block;
*display: inline;
*zoom: 1;
margin: 5px 0;
width: 59.1%;
vertical-align: top;
}
.post .column2_60 img {
max-width: 95.5%;
} .childpost1b .column2_40 {
display: inline-block;
*display: inline;
*zoom: 1;
margin: 10px 0 10px 6px;
width: 39%;
vertical-align: top;
}
.childpost1b .column2_40 img {
max-width: 95.5%;
height: auto;
}
.childpost1b .column2_60 {
display: inline-block;
*display: inline;
*zoom: 1;
margin: 10px 2px 5px 0;
width: 57.8%;
vertical-align: top;
}
.childpost1b .column2_60 img {
max-width: 95.5%;
height: auto;
} @media only screen and (max-width: 750px) {
.childpost1b .column2_40 {
display: inline-block;
width: 100%;
margin: 6px auto 0 auto;
}
.childpost1b .column2_60 {
display: inline-block;
width: 96%;
margin: 0 2% 5px 2%;
}
} @media only screen and (max-width: 640px) {
.post .column2_40 {
display: inline-block;
margin: 5px 0;
width: 100%;
}
.post .column2_60 {
display: inline-block;
margin: 5px 0;
width: 100%;
}
.postlist .ttls {
display: initial;
}
} .newsTitle {
background: inherit;
}
h1.title,
.post h1
{
border:none;
background: none; padding: 6px 10px;
padding-top: 8px;
}
section.widget h2
{
border:none;
background: none; padding: 6px 10px;
padding-top: 8px;
}
.post h3{
padding: 5px 0 3px 8px;
}
.post{
border-top:none;
}
body{
background: rgba(255,255,255,1);
color: #000000;}
a{
color: #000000;}
a:hover,
a:active,
.newsTitle p a:hover
{
color: #000000;} #header .bg{
background: rgba(230,230,230,1);
}
#header .bg .inner{
background: none;
}
#header h1,
#header .description{
color: #000000;font-size:10px;
}
#header{
background: rgba(255,255,255,1);
}
#header .contact .tel{
color: #000000;}
#header .contact .tel a{
color: #000000;}
#header .add{
color: #000000;}
@media only screen and (max-width:1023px) {
body nav#mainNav {
width: initial;
padding: 0;
}
#header .inner{ }
}  @media print, screen and (min-width: 1024px){
nav#mainNav{
background:rgba(255,255,255,0);
}
nav#mainNav ul li a{
color: #000000;font-size:14px;
}
nav#mainNav ul li a b{
letter-spacing:0.01em;font-weight:normal;
margin-top:-4px;
}
nav#mainNav ul li a span{
letter-spacing:0.01em;color: #000000;font-weight:normal;
margin-top:-2px;
}
nav#mainNav ul li{
border-right:none;}
nav#mainNav ul li:first-child{
border-left:none;}
nav#mainNav ul li.current-menu-item a,
nav#mainNav ul li a:hover,
nav#mainNav ul li a:active,
nav#mainNav ul li.current-menu-parent a,
nav#mainNav ul li.current-menu-ancestor a
{
background:#FFFFFF;
}
nav#mainNav ul li.current-menu-item a b,
nav#mainNav ul li a:hover b,
nav#mainNav ul li a:active b,
nav#mainNav ul li.current-menu-parent a b
{
color: #000000;}
nav#mainNav ul li.current-menu-item a span,
nav#mainNav ul li a:hover span,
nav#mainNav ul li a:active span,
nav#mainNav ul li.current-menu-parent a span
{
color: #000000;}
nav#mainNav ul li li
{
background:#FFFFFF;
border-bottom:1px solid #FFFFFF;margin-left:0;
}
nav#mainNav ul li li a:hover,
nav#mainNav ul li li.current-menu-item a
{
color: #000000;}
nav#mainNav ul li a{
padding: 8px 35px;}
} @media print, screen and (min-width: 1024px){
nav#mainNav ul li a span{
font-size:12px;
}
}  @media print, screen and (min-width: 1024px){
.sticky-header nav#mainNav {
background: rgba(255,255,255,1);
}
}  @media print, screen and (min-width: 1100px){  nav#mainNav ul{
letter-spacing: -.4em;
}
nav#mainNav ul li {
float: none;
display: inline-block;
letter-spacing: normal;
left:0em;
}
nav#mainNav ul li li{
left:0;
}
nav div.panel {
float: none;
text-align: center;
}
nav#mainNav ul ul {
width:250px;
}
nav#mainNav ul li ul.sub-menu li a,
nav#mainNav ul li ul.sub-menu li a:hover,
nav#mainNav ul li.current-menu-item ul.sub-menu li a,
nav#mainNav ul li ul.sub-menu li.current-menu-item a {
padding: 11px 15px;
margin-left: 0;
}
nav#mainNav ul li ul li:hover ul {
left: 99%;
} .sticky-header .site-header{
position: fixed !important;
width:100%;
}
.admin-bar.sticky-header .site-header,
.admin-bar.sticky-header .hide-site-header {
top: -95px;
}
.sticky-header .site-header{
top: -125px;
transform: translateY( 125px );
-ms-transform: translateY( 125px );
transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
}
body.sticky-header nav#mainNav {
margin-left: 0;
}
#header-layout {
width: 1100px;
margin: 0 auto;
}
#header .inner{
width:1100px;}
#header .bg .inner{
width:1100px;
}
} @media print, screen and (min-width: 1024px){ nav#mainNav ul li li a{
width:250px;
font-size:14px;} nav#mainNav ul li:hover ul {
top: 97%; left:0;
}
nav#mainNav ul li:hover ul li:last-child {
margin-left: 0;
}
nav#mainNav ul li li:first-child{
padding:0;
}
nav#mainNav ul li li{background:none;border-bottom:none;display:block;padding:0;}
nav#mainNav ul li li a,
nav#mainNav ul li.current-menu-item li a,
nav#mainNav ul li.current-menu-ancestor li a,
nav#mainNav ul li li.current-menu-item li a
{
background: rgba(255,255,255,1);
color: #000000;
}
nav#mainNav ul li li a:hover,
nav#mainNav ul li li.current-menu-item a,
nav#mainNav ul li li.current-menu-item li a:hover,
nav#mainNav ul li.current-menu-item li a:hover,
nav#mainNav ul li.current-menu-ancestor li.current-menu-item a,
nav#mainNav ul li.current-menu-ancestor li a:hover
{
border-bottom:none;
background:none;
background: rgba(255,255,255,1);
color: #000000; }
} @media only screen and (max-width:1023px){
nav#mainNav .inner {
width: 100%;
} nav .panel {
border: none;
}
nav#mainNav a#menu span {
padding-left: 45px;
}
nav#mainNav a.menu {
background: url(//www.e-syugei.com/wp-content/themes/mrp04/images/micon/umicon1.png) no-repeat 6px 8px,rgba(255,255,255,1);
color: #000000;border: 1px solid #000000;background-size: 20px;
box-sizing: border-box;
}
nav#mainNav a.menuOpen {
background: url(//www.e-syugei.com/wp-content/themes/mrp04/images/micon/dmicon1.png) no-repeat 6px 8px,rgba(255,255,255,1);
color: #000000;border: 1px solid #000000;background-size: 20px;
} nav#mainNav ul li a
{
background-color:rgba(255,255,255,1);
color: #000000;border-bottom: 1px solid #DDDDDD;}
nav#mainNav ul li a span,
nav#mainNav ul li.current-menu-parent a span
{
color: #000000;
}
nav#mainNav ul li li a,
nav#mainNav ul li.current-menu-item li a
{
background: rgba(255,255,255,1) url(//www.e-syugei.com/wp-content/themes/mrp04/images/sub1.png) no-repeat 30px 50%;
color: #000000;border-bottom: 1px solid #DDDDDD;padding-left: 43px;
}
nav#mainNav ul li li li:last-child a,
nav#mainNav ul li li:last-child li:last-child a,
nav#mainNav ul li li.current-menu-item li:last-child a,
nav#mainNav ul li li.menu-item-object-page li:last-child a,
nav#mainNav ul li li.current-menu-item:last-child li:last-child a,
nav#mainNav ul li.current-menu-item li li:last-child a
{
background: rgba(255,255,255,1) url(//www.e-syugei.com/wp-content/themes/mrp04/images/subLast.png) no-repeat 45px 50%;
color: #000000;border-bottom: 1px solid #DDDDDD;padding-left: 58px;
}
nav#mainNav ul li li:last-child a
{
background: rgba(255,255,255,1) url(//www.e-syugei.com/wp-content/themes/mrp04/images/subLast.png) no-repeat 30px 50%;
color: #000000;border-bottom: 1px solid #DDDDDD;padding-left: 40px;
}
nav#mainNav ul li li:last-child li a,
nav#mainNav ul li li li a,
nav#mainNav ul li li.current-menu-item:last-child li a,
nav#mainNav ul li li.menu-item-object-page li a,
nav#mainNav ul li.current-menu-ancestor li.current-menu-item li a,
nav#mainNav ul li.current-menu-item li li a
{
background: rgba(255,255,255,1) url(//www.e-syugei.com/wp-content/themes/mrp04/images/sub1.png) no-repeat 45px 50%;
color: #000000;border-bottom: 1px solid #DDDDDD;padding-left: 58px;
} nav#mainNav ul li.current-menu-item a,
nav#mainNav ul li a:hover
{
background: rgba(255,255,255,1);
color: #000000;
}
nav#mainNav ul li a:hover span,
nav#mainNav ul li.current-menu-item a span
{
color: #000000;
}
nav#mainNav ul li li a:hover,
nav#mainNav ul li.current-menu-item li a:hover,
nav#mainNav ul li li.current-menu-item a
{
background: url(//www.e-syugei.com/wp-content/themes/mrp04/images/sub1.png) no-repeat 30px 50%,rgba(255,255,255,1);
color: #000000;padding-left: 43px;
}
nav#mainNav ul li li li:last-child a:hover,
nav#mainNav ul li li:last-child li:last-child a:hover,
nav#mainNav ul li.current-menu-item li li:last-child a:hover,
nav#mainNav ul li.current-menu-item li:last-child li:last-child a:hover,
nav#mainNav ul li li.current-menu-item li:last-child a:hover,
nav#mainNav ul li li li.current-menu-item:last-child a,
nav#mainNav ul li li:last-child li.current-menu-item:last-child a,
nav#mainNav ul li li.menu-item-object-page li:last-child a:hover,
nav#mainNav ul li li.menu-item-object-page li.current-menu-item:last-child a
{
background: url(//www.e-syugei.com/wp-content/themes/mrp04/images/subLast.png) no-repeat 45px 50%,rgba(255,255,255,1);
color: #000000;padding-left: 58px;
}
nav#mainNav ul li li:last-child a:hover,
nav#mainNav ul li.current-menu-item li:last-child a:hover,
nav#mainNav ul li li.current-menu-item:last-child a
{
background: url(//www.e-syugei.com/wp-content/themes/mrp04/images/subLast.png) no-repeat 30px 50%,rgba(255,255,255,1);
color: #000000;padding-left: 40px;
}
nav#mainNav ul li li:last-child li a:hover,
nav#mainNav ul li li li a:hover,
nav#mainNav ul li.current-menu-item li:last-child li a:hover,
nav#mainNav ul li li.menu-item-object-page li a:hover,
nav#mainNav ul li li.menu-item-object-page li.current-menu-item a,
nav#mainNav ul li li:last-child li.current-menu-item a,
nav#mainNav ul li.current-menu-ancestor li.current-menu-item li a:hover,
nav#mainNav ul li li li.current-menu-item a,
nav#mainNav ul li li li.current-menu-item a:hover
{
background: url(//www.e-syugei.com/wp-content/themes/mrp04/images/sub1.png) no-repeat 45px 50%,rgba(255,255,255,1);
color: #000000;padding-left: 58px;
}
} #breadcrumb{
background-color: transparent;padding:3px;
}
#breadcrumb ul li a,
#breadcrumb ul li{
color: #000000;}
#header-layout{
padding-bottom:20px;
}
#mainImg{
background: none;
padding-top:0px !important;padding-bottom:0px;margin-bottom:0;
}
@media only screen and (max-width: 640px){
#mainImg{
}
}  .metaslider {
max-width: none!important;
}  @media print, screen and (min-width: 1024px){
} h1.title{
margin-top: 0em;
}
h1.title,
.post h1
{
margin-bottom: 0px;
color: #000000;
font-size:16px;
text-shadow: none;
} section.widget h2,
section.widgetInfo h2
{
color: #000000;
text-align:center;
font-weight:bold;
font-size:16px;
text-shadow: none;
}
.post h2,
h2.title,
.post h2 a,
.post2b h2 a,
.post4b h2 a
{
color: #000000;
font-size:15px;
}
.post2b h2::before,
.post4b h2::before,
.post h2::before
{
background:none;
}
.post h2,
.post2b h2,
.post4b h2,
h2.title
{
border: none;
border-radius:0px;
color: #000000;
text-shadow: none;
padding-left:8px;
}
.post h4{
color: #000000;}
.post h3{
position:relative;
color: #000000;
font-size:15px;
border: none;
border-radius:0px;
text-shadow: none;
padding-left:8px;
}
.post h3::before
{
content: "";
display: block;
height: 17px;
left: -1px;
position: absolute;
top: 9px;
width: 5px;
background:none;
}
#pageLinks{
color: #000000;}
.post h4{
border-left: 4px solid #DDDDDD;border-bottom: 1px dashed #DDDDDD;}
.newsTitle p a{
color: #000000;}
.newsTitle{
color: #000000;
text-shadow: none;
}
section.widget h2	{ }
.post h1 span{
background: none;
padding-left: 15px;
}
h2.title span{
background: none;
padding-left: 15px;
}
.post h2 span{
background: none;
padding-left: 15px;
}
.post2b h2 span{
background: none;
padding-left: 15px;
}
.post4b h2 span{
background: none;
padding-left: 15px;
}
.post h3 span{
background: none;
padding-left: 15px;
}
.post h2::before,
.post2b h2::before,
.post4b h2::before,
h2.title::before
{
}
.post h3::before
{
}
@media print, screen and (min-width: 1100px){
#breadcrumb ul {
max-width: 1100px;
}
#wrapper, .inner {
width: 1100px;
padding: 0;
}
#mainNav .inner {
width: inherit;
}
#wrapper{
padding-top: 0em;
}
#content {
width: 74%;
}
.c1thumbWrap {
width: 103%;
}
.c1thumbWrap li {
width: 97%;
}
.c1thumbWrap li img {
width: 100%;
}
.c2thumbWrap {
width: 103%;
}
.c2thumbWrap li {
width: 47.2%;
}
.c2thumbWrap li img {
width: 100%;
}
.c3thumbWrap {
width: 103%;
}
.c3thumbWrap li {
width: 30.7%;
}
.c3thumbWrap li img {
width: 100%;
}
#sidebar {
width: 23.5%;
}
#banners img {
max-width: 100%;
}
}  .post .time,
.postlist .time,
.post2b .time,
.post4b .time
{
color: #fff;background-color: #000000;    padding: 5px 7px;
}
.post .time a,
.post2b .time a,
.post4b .time a,
.postlist .time a
{
color: #fff;
} input[type="submit"],
input[type="reset"],
input[type="button"]
{
background: -moz-linear-gradient(top,
#000000 0%,
#000000 100%);
background: -webkit-gradient(linear,
left top,
left bottom,
color-stop(0%,
#000000),
color-stop(100%,
#000000));
background: -webkit-linear-gradient(top,
#000000 0%,
#000000 100%);
background: -o-linear-gradient(top,
#000000 0%,
#000000 100%);
background: -ms-linear-gradient(top,
#000000 0%,
#000000 100%);
background: linear-gradient(to bottom,
#000000 0%,
#000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000',
endColorstr='#000000',
GradientType=0 );
}
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover
{
background: -moz-linear-gradient(top,#000000 0%,#000000 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#000000),color-stop(100%,#000000));
background: -webkit-linear-gradient(top,#000000 0%,#000000 100%);
background: -o-linear-gradient(top,#000000 0%,#000000 100%);
background: -ms-linear-gradient(top,#000000 0%,#000000 100%);
background: linear-gradient(to bottom,#000000 0%,#000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000',endColorstr='#000000',GradientType=0 );
} a#scrollUp{
background: #000000;
} .post li{
border-bottom:none;
} .cat-post-item{
border: none !important;
}
.post{
background-color: rgba(255,255,255,0);
}
.post2b{
background-color: rgba(255,255,255,0);
}
.post4b{
background-color: rgba(255,255,255,0);
}
.childpost1b{
background-color: rgba(255,255,255,0);
}
.postlist{
background-color: rgba(255,255,255,0);
}
.dateLabel{
background-color: rgba(255,255,255,0);
}
.childpost .column2_50 {
background-color: rgba(255,255,255,0);
}
.postlist{
padding-top:1px;
border: none;
}
.post{
border: none;
}
.childpost .column2_50 {
border: none;
}
.childpost1b {
border: none;
}
.post2b{
border: none;
}
.post4b{
border: none;
}  .ctitle{
background: #F2F2F2;
background: -moz-linear-gradient(top,
#F2F2F2 0%,
#F2F2F2 100%);
background: -webkit-gradient(linear,
left top,
left bottom,
color-stop(0%,#F2F2F2),
color-stop(100%,#F2F2F2));
background: -webkit-linear-gradient(top,#F2F2F2 0%,#F2F2F2 100%);
background: -o-linear-gradient(top,#F2F2F2 0%,#F2F2F2 100%);
background: -ms-linear-gradient(top,#F2F2F2 0%,#F2F2F2 100%);
background: linear-gradient(to bottom,#F2F2F2 0%,#F2F2F2 100%);
box-shadow:0 1px 2px #2A2A2A;
behavior: url(//www.e-syugei.com/wp-content/themes/mrp04-child/css/PIE.htc);
}
.ctitle2:before {
background: none repeat scroll 0 0 #DDDDDD;
}
.ctitle3{
border-top: 2px solid #DDDDDD;
}
.ctitle3:before {
background: none repeat scroll 0 0 #DDDDDD;
}
.ctitle4{
border-bottom: 2px dotted #DDDDDD;
}
.ctitle4:before {
background: none repeat scroll 0 0 #F2F2F2;
background: -moz-linear-gradient(top,#F2F2F2 0%,#F2F2F2 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#F2F2F2),color-stop(100%,#F2F2F2));
background: -webkit-linear-gradient(top,#F2F2F2 0%,#F2F2F2 100%);
background: -o-linear-gradient(top,#F2F2F2 0%,#F2F2F2 100%);
background: -ms-linear-gradient(top,#F2F2F2 0%,#F2F2F2 100%);
background: linear-gradient(to bottom,#F2F2F2 0%,#F2F2F2 100%);
}
.ctitle7 {
background: url(//www.e-syugei.com/wp-content/themes/mrp04/images/patterns_wh.png) repeat,-webkit-gradient(linear,left top,left bottom,color-stop(1.00,#F2F2F2),color-stop(0.00,#F2F2F2));
background: url(//www.e-syugei.com/wp-content/themes/mrp04/images/patterns_wh.png) repeat,-webkit-linear-gradient(#F2F2F2,#F2F2F2);
background: url(//www.e-syugei.com/wp-content/themes/mrp04/images/patterns_wh.png) repeat,-moz-linear-gradient(#F2F2F2,#F2F2F2);
background: url(//www.e-syugei.com/wp-content/themes/mrp04/images/patterns_wh.png) repeat,-o-linear-gradient(#F2F2F2,#F2F2F2);
background: url(//www.e-syugei.com/wp-content/themes/mrp04/images/patterns_wh.png) repeat,-ms-linear-gradient(#F2F2F2,#F2F2F2);
background: url(//www.e-syugei.com/wp-content/themes/mrp04/images/patterns_wh.png) repeat,linear-gradient(#F2F2F2,#F2F2F2);
} .post table {
border-collapse: collapse;
}
.post table,
.post table th,
.post table td
{
border: 1px solid #DDDDDD;}
.post table th {
color: #000000;background-color: transparent;}
.post table td {
color: #000000;background-color: transparent;}
.post table.clear th,
.post table.clear td,
.post table.clear
{
color: #000000;border: none;
} .post img,.post2b img,.post4b img {
border: none !important;
padding: 0px !important;
} .post .linkBtn:hover {
background: rgba(0,0,0,1);
}
.post .linkBtn {
background: rgba(204,204,204,1);
} #footer{
background: rgba(242,242,242,1);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-bottom:none;
}
#footer li a, .footeradd, .footertel{
color: #000000;}
#footer li a:hover{
color: #000000;
}
#footer .inner {
width: inherit;
text-align:center;
}
#footer ul li {
padding: 5px 0px;
margin: 0 38px; background: none;
position: relative;
}
#footer ul li::before {
background: url(//www.e-syugei.com/wp-content/themes/mrp04/images/arrow.png) no-repeat;
content: "";
position: absolute;
top: 11px;
left: -3px;
width: 8px;
display: block;
height: 7px;
}
#copyright{
color: #000000;background: #F2F2F2;}
.fa-youtube-square:before{
color: #000000;
font-size: 20px;
}
.fa-facebook-square:before {
color: #000000;
font-size: 20px;
}
.fa-twitter-square:before{
color: #000000;
font-size: 20px;
}
.fa-instagram:before{
color: #000000;
font-size: 20px;
}
.fa-google-plus-square:before{
color: #000000;
font-size: 20px;
}
.SvgLine{
fill:#000000;
height:20px;
width:15px;
}
#socialicon ul li:before {
background: none;
}
#socialicon ul li {
margin: 0 0px;
} .widget_sp_image img {
height: auto;
}    section.widget,
.widgetInfo{
background-color: rgba(255,255,255,1);
}
section.widget,
.widgetInfo{
border:1px solid #DDDDDD;
}
section.widget h2,.newsTitle{
} #footerLogo {
clear: both;
vertical-align: middle;
text-align: center;
margin: 0 auto;
}
.float #footerLogo {
padding-top: 35px;
}
#footerLogo img {
max-width: 265px;
height: auto;
}
body.footlogo-nonfix #footerLogo img {
max-height: inherit;
}
#footer ul {
margin: 0 auto;
text-align: center;
font-size: 95%;
padding-top: 35px;
}
#footer ul ul {
padding-bottom: 0;
width: auto;
}
#footer ul li {
display: inline-block;
vertical-align: text-top;
text-align: left;
padding: 5px 0;
margin-left: 15px;
}
#footer ul li a {
display: block;
padding: 0 0 0 12px;
overflow: hidden;
}
#footer ul li a:hover {
}
#footer ul li li {
display: block;
padding: 0;
margin-left: 5px;
}
#footer ul li li a {
padding: 0 0 0 8px;
}
*:first-child+html #footer ul li {
display: inline;
}
*:first-child+html #footer ul ul, *:first-child+html #footer ul li li a, *:first-child+html #footer ul li li {
display: none;
}
.footcaption {
clear: both;
margin: 0 auto;
padding-top: 35px;
text-align: center;
}
.copyright {
clear: both;
padding: 35px 5px;
text-align: center;
font-style: normal;
font-size: 85%;
zoom: 1;
}
.fix-copyright {
text-align: center;
font-style: normal;
font-size: 85%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}   .mobile #header{
overflow: visible;
}
.spmenu #menu {
display: inline-block;
width: 35px;
height: 37px;
vertical-align: middle;
position: absolute;
padding: 5px 1px 2px 5px;
top: 50%;
transform: translate(-50%,-50%);
cursor: pointer;
}
.spmenu #menu span, .spmenu #menu span:before, .spmenu #menu span:after {
position: absolute;
height: 3px;
width: 30px;
border-radius: 3px;
background: rgba(0,0,0,1);
display: block;
content: '';
cursor: pointer;
transition: all .4s;
}
.spmenu #menu span:before {
bottom: -8px;
}
.spmenu #menu span:after {
bottom: -16px;
}
.spmenu #menu.menuOpen span {
height: 0;
}
.spmenu #menu.menuOpen span:before {
-webkit-transform: translateY(20px) rotate(-45deg);
transform: translateY(20px) rotate(-45deg);
bottom: 9px;
opacity: 1;
}
.spmenu #menu.menuOpen span:after {
-webkit-transform: translateY(-20px) rotate(45deg);
transform: translateY(-20px) rotate(45deg);
bottom: -31px;
}
.spmenu #menu p {
position: absolute;
bottom: 0;
padding: 0;
font-size: 11px;
color: #000000;}
@media only screen and (min-width: 1024px){
.spmenu #menu{
display: none;
}
}
@media only screen and (max-width: 1023px){
.mobile #header{
position: fixed !important; 
width: 100% !important;
z-index: 10;
top: 0;
}
.mobile #header .inner{
width: 100%;
}
.mobile #header-layout{
padding: 0;
}
body.mobile #header .logo{
width: 100%;
display: table;
margin: 0;
position: relative;
text-align: center;
}
.mobile #header .logo .mark, .mobile #header .logo .spmenu {
display: table-cell !important;
}
.mobile #header .logo .mark {
width:calc( 100% - 50px);
margin: 0;
padding: 5px 0;
text-align: center;
}
.mobile #header .logo img{
max-width: 70%;
max-height: 50px;
vertical-align: middle;
}
.mobile #header .logo .spmenu {
width: 50px;
vertical-align: top;
background:rgba(255,255,255,0);
}
body.mobile nav#mainNav.menuOpen{
overflow: auto;
height: 100%;
max-height: inherit;
position: fixed;
width: 100%;
}
body.mobile{
margin-top: 35px;
}
.mobile #breadcrumb{
margin-top: 85px;
}
.mobile #mainImg{
margin-top: 85px;
}
.admin-bar .mobile #mainImg{
margin-top: 39px;
}
.mobile .page-template-page-nosidebar-fullthumb #thumbImg,
.mobile .page-template-page-nosidebar-fullwidth #thumbImg {
margin-top: 60px;
}
.mobile .page-template-page-nosidebar-fullthumb #breadcrumb,
.mobile .page-template-page-nosidebar-fullwidth #breadcrumb {
margin-top: 0px;
}
}
@media only screen and (max-width: 799px){
.mobile #header .logo {
padding: 0;
}
}