@charset "UTF-8";
 @import url("https://fonts.googleapis.com/css?family=Nunito");
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP");
@font-face {
font-family: "mymincho";
src: url(//taiyo-obento.com/wp-content/themes/mrp04/font/mymincho.otf) format('truetype');
}
.mincho {
font-family: "mymincho";
}
body{
line-height: 1.5;
font-family: "Nunito", "Noto Sans JP", "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "Meiryo UI" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;font-weight:normal;
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:normal;}
.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: #999999;}
a:hover,
a:active,
.newsTitle p a:hover
{
color: #FFC000;}  #header{
border-top:4px solid rgba(204,255,153,1);
}
#header .bg{
background: rgba(204,255,153,1);
}
#header .bg .inner{
background: none;
}
#header h1,
#header .description{
color: #000000;font-size:15px;
}
#header{
background: rgba(204,255,153,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(204,233,173,1);
}
nav#mainNav ul li a{
color: #000000;font-size:15px;
}
nav#mainNav ul li a b{
font-weight:bold;
margin-top:0px;
}
nav#mainNav ul li a span{
color: #000000;font-weight:normal;
margin-top:0px;
}
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:#FFC000;
}
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:#FFC000;
border-bottom:1px solid #FFC000;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{
}
} @media print, screen and (min-width: 1024px){
nav#mainNav ul li a span{
font-size:12px;
}
}   @media print, screen and (min-width: 1240px){  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:9em;
}
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%;
} #header-layout {
width: 1240px;
margin: 0 auto;
}
#header .inner{
width:1240px;}
#header .bg .inner{
width:1240px;
}
} @media print, screen and (min-width: 1024px){ nav#mainNav ul li li a{
width:9em;
font-size:13px;} 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,242,204,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,192,0,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(//taiyo-obento.com/wp-content/themes/mrp04/images/micon/umicon1.png) no-repeat 6px 8px,rgba(153,204,255,1);
color: #000000;border: 1px solid #000000;background-size: 20px;
box-sizing: border-box;
}
nav#mainNav a.menuOpen {
background: url(//taiyo-obento.com/wp-content/themes/mrp04/images/micon/dmicon1.png) no-repeat 6px 8px,rgba(153,204,255,1);
color: #000000;border: 1px solid #000000;background-size: 20px;
} nav#mainNav ul li a
{
background-color:rgba(219,245,193,1);
color: #000000;border-bottom: 1px solid #92D050;}
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(219,245,193,1) url(//taiyo-obento.com/wp-content/themes/mrp04/images/sub1.png) no-repeat 30px 50%;
color: #000000;border-bottom: 1px solid #92D050;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(219,245,193,1) url(//taiyo-obento.com/wp-content/themes/mrp04/images/subLast.png) no-repeat 45px 50%;
color: #000000;border-bottom: 1px solid #92D050;padding-left: 58px;
}
nav#mainNav ul li li:last-child a
{
background: rgba(219,245,193,1) url(//taiyo-obento.com/wp-content/themes/mrp04/images/subLast.png) no-repeat 30px 50%;
color: #000000;border-bottom: 1px solid #92D050;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(219,245,193,1) url(//taiyo-obento.com/wp-content/themes/mrp04/images/sub1.png) no-repeat 45px 50%;
color: #000000;border-bottom: 1px solid #92D050;padding-left: 58px;
} nav#mainNav ul li.current-menu-item a,
nav#mainNav ul li a:hover
{
background: rgba(255,192,0,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(//taiyo-obento.com/wp-content/themes/mrp04/images/sub1.png) no-repeat 30px 50%,rgba(255,192,0,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(//taiyo-obento.com/wp-content/themes/mrp04/images/subLast.png) no-repeat 45px 50%,rgba(255,192,0,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(//taiyo-obento.com/wp-content/themes/mrp04/images/subLast.png) no-repeat 30px 50%,rgba(255,192,0,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(//taiyo-obento.com/wp-content/themes/mrp04/images/sub1.png) no-repeat 45px 50%,rgba(255,192,0,1);
color: #000000;padding-left: 58px;
}
} #breadcrumb{
background-color: transparent;padding:6px;
}
#breadcrumb ul li a,
#breadcrumb ul li{
color: #000000;}
#header-layout{
padding-bottom:5px;
}
#mainImg{
background: none;
padding-top:0px !important;padding-bottom:10px;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: 15px;
color: #000000;
text-align:center;
font-weight:bold;
font-size:26px;
text-shadow: none;
} section.widget h2,
section.widgetInfo h2
{
color: #000000;
font-size:16px;
text-shadow: none;
}
.post h2,
h2.title,
.post h2 a,
.post2b h2 a,
.post4b h2 a
{
color: #000000;
font-weight:bold;
font-size:22px;
}
.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;
}
h2.title {
background:inherit;
position: relative;
padding:0;
overflow: inherit;
padding-bottom:5px;padding-top:5px;padding-left: 8px;
border-left: solid 3px rgba(237,125,49,1);
}
h2.title:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px rgba(237,125,49,0);
bottom: -3px; visibility: inherit;
left: -3px;width:100%;}
.post h2 {
background:inherit;
position: relative;
padding:0;
overflow: inherit;
padding-bottom:5px;padding-top:5px;padding-left: 8px;
border-left: solid 3px rgba(237,125,49,1);
}
.post h2:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px rgba(237,125,49,0);
bottom: -3px; visibility: inherit;
left: -3px;width:100%;}
.post2b h2 {
background:inherit;
position: relative;
padding:0;
overflow: inherit;
padding-bottom:5px;padding-top:5px;padding-left: 8px;
border-left: solid 3px rgba(237,125,49,1);
}
.post2b h2:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px rgba(237,125,49,0);
bottom: -3px; visibility: inherit;
left: -3px;width:100%;}
.post4b h2 {
background:inherit;
position: relative;
padding:0;
overflow: inherit;
padding-bottom:5px;padding-top:5px;padding-left: 8px;
border-left: solid 3px rgba(237,125,49,1);
}
.post4b h2:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px rgba(237,125,49,0);
bottom: -3px; visibility: inherit;
left: -3px;width:100%;}
.post h4{
color: #000000;}
.post h3{
position:relative;
color: #000000;
font-weight:bold;
font-size:23px;
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{
font-weight:bold;
}
.newsTitle p a{
color: #000000;}
.newsTitle{
color: #000000;
text-shadow: none;
}
section.widget h2	{
background: #dddddd;
}
.post h1 span{
background: none;
padding-left: 15px;
}
h2.title	{
background: #ffffff;
}
h2.title span{
background: none;
padding-left: 15px;
}
.post h2	{
background: #ffffff;
}
.post h2 span{
background: none;
padding-left: 15px;
}
.post2b h2	{
background: #ffffff;
}
.post2b h2 span{
background: none;
padding-left: 15px;
}
.post4b h2	{
background: #ffffff;
}
.post4b h2 span{
background: none;
padding-left: 15px;
}
.post h3	{
background: #ffffff;
}
.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: 1240px){
#breadcrumb ul {
max-width: 1240px;
}
#wrapper, .inner {
width: 1240px;
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: #000000;background-color: #FFC000;    padding: 5px 7px;
}
.post .time a,
.post2b .time a,
.post4b .time a,
.postlist .time a
{
color: #000000;
} input[type="submit"],
input[type="reset"],
input[type="button"]
{
background: -moz-linear-gradient(top,
#CCFF99 0%,
#CCFF99 100%);
background: -webkit-gradient(linear,
left top,
left bottom,
color-stop(0%,
#CCFF99),
color-stop(100%,
#CCFF99));
background: -webkit-linear-gradient(top,
#CCFF99 0%,
#CCFF99 100%);
background: -o-linear-gradient(top,
#CCFF99 0%,
#CCFF99 100%);
background: -ms-linear-gradient(top,
#CCFF99 0%,
#CCFF99 100%);
background: linear-gradient(to bottom,
#CCFF99 0%,
#CCFF99 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CCFF99',
endColorstr='#CCFF99',
GradientType=0 );
}
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover
{
background: -moz-linear-gradient(top,#CCFF99 0%,#CCFF99 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#CCFF99),color-stop(100%,#CCFF99));
background: -webkit-linear-gradient(top,#CCFF99 0%,#CCFF99 100%);
background: -o-linear-gradient(top,#CCFF99 0%,#CCFF99 100%);
background: -ms-linear-gradient(top,#CCFF99 0%,#CCFF99 100%);
background: linear-gradient(to bottom,#CCFF99 0%,#CCFF99 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CCFF99',endColorstr='#CCFF99',GradientType=0 );
} a#scrollUp{
background: #FFC000;
} .post li{
border-bottom:none;
} .cat-post-item{
border: none !important;
}
.post{
background-color: rgba(255,255,255,1);
}
.post2b{
background-color: rgba(255,255,255,1);
}
.post4b{
background-color: rgba(255,255,255,1);
}
.childpost1b{
background-color: rgba(255,255,255,1);
}
.postlist{
background-color: rgba(255,255,255,1);
}
.dateLabel{
background-color: rgba(255,255,255,1);
}
.childpost .column2_50 {
background-color: rgba(255,255,255,1);
}
.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: #CCFF99;
background: -moz-linear-gradient(top,
#CCFF99 0%,
#CCFF99 100%);
background: -webkit-gradient(linear,
left top,
left bottom,
color-stop(0%,#CCFF99),
color-stop(100%,#CCFF99));
background: -webkit-linear-gradient(top,#CCFF99 0%,#CCFF99 100%);
background: -o-linear-gradient(top,#CCFF99 0%,#CCFF99 100%);
background: -ms-linear-gradient(top,#CCFF99 0%,#CCFF99 100%);
background: linear-gradient(to bottom,#CCFF99 0%,#CCFF99 100%);
box-shadow:0 1px 2px #2A2A2A;
behavior: url(//taiyo-obento.com/wp-content/themes/mrp04-child/css/PIE.htc);
}
.ctitle2:before {
background: none repeat scroll 0 0 inherit;
}
.ctitle3{
border-top: 2px solid inherit;
}
.ctitle3:before {
background: none repeat scroll 0 0 inherit;
}
.ctitle4{
border-bottom: 2px dotted inherit;
}
.ctitle4:before {
background: none repeat scroll 0 0 #CCFF99;
background: -moz-linear-gradient(top,#CCFF99 0%,#CCFF99 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#CCFF99),color-stop(100%,#CCFF99));
background: -webkit-linear-gradient(top,#CCFF99 0%,#CCFF99 100%);
background: -o-linear-gradient(top,#CCFF99 0%,#CCFF99 100%);
background: -ms-linear-gradient(top,#CCFF99 0%,#CCFF99 100%);
background: linear-gradient(to bottom,#CCFF99 0%,#CCFF99 100%);
}
.ctitle7 {
background: url(//taiyo-obento.com/wp-content/themes/mrp04/images/patterns_wh.png) repeat,-webkit-gradient(linear,left top,left bottom,color-stop(1.00,#CCFF99),color-stop(0.00,#CCFF99));
background: url(//taiyo-obento.com/wp-content/themes/mrp04/images/patterns_wh.png) repeat,-webkit-linear-gradient(#CCFF99,#CCFF99);
background: url(//taiyo-obento.com/wp-content/themes/mrp04/images/patterns_wh.png) repeat,-moz-linear-gradient(#CCFF99,#CCFF99);
background: url(//taiyo-obento.com/wp-content/themes/mrp04/images/patterns_wh.png) repeat,-o-linear-gradient(#CCFF99,#CCFF99);
background: url(//taiyo-obento.com/wp-content/themes/mrp04/images/patterns_wh.png) repeat,-ms-linear-gradient(#CCFF99,#CCFF99);
background: url(//taiyo-obento.com/wp-content/themes/mrp04/images/patterns_wh.png) repeat,linear-gradient(#CCFF99,#CCFF99);
} .post table {
border-collapse: collapse;
}
.post table,
.post table th,
.post table td
{
border: 1px solid #666666;}
.post table th {
color: #000000;background-color: #FFF2CC;}
.post table td {
color: #000000;background-color: #ffffff;}
.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;
} .wpcf7-form .must {
background: rgba(237,125,49,1);
}
.post .linkBtn:hover {
background: rgba(204,255,153,0.7);
}
.post .linkBtn {
background: rgba(204,255,153,1);
} #footer{
background: rgba(255,242,204,1);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-bottom:none;
}
#footer li a, .footeradd, .footertel{
color: #666666;}
#footer li a:hover{
color: #92D050;
}
#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(//taiyo-obento.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: #CCE9AD;}
.fa-youtube-square:before{
color: #de0000;
font-size: 35px;
}
.fa-facebook-square:before {
color: #3b5998;
font-size: 35px;
}
.fa-twitter-square:before{
color: #1da1f3;
font-size: 35px;
}
.fa-instagram:before{
color: #251f21;
font-size: 35px;
}
.fa-google-plus-square:before{
color: #dc4e41;
font-size: 35px;
}
.SvgLine{
fill:#01b901;
height:35px;
width:30px;
}
#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 #d2d2d2;
}
section.widget h2,.newsTitle{
} .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(153,204,255,1);
}
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;
}
}