@charset "UTF-8";
/*font*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP);
@font-face {
    font-family: "mymincho";
    src: url("../../mrp04/font/mymincho.otf") format('truetype');
}
.mincho {
    font-family: "mymincho";
}
body {
    line-height: 1.5;
    font-family: "Open Sans", "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: 500;
}
h1.title, .post h1 {
    font-weight: normal;
}
.post h2, .post2b h2, .post4b h2 {
    font-weight: normal;
}
.post h3 {}
/* post内レスポンシブブロック指定
------------------------------------------------------------*/
.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%;
}
/* post子ページ内レスポンシブブロック指定
------------------------------------------------------------*/
.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;
}
/*----------------------------------------------------------------------------------------------------
　幅750px以下から（header調節）
----------------------------------------------------------------------------------------------------*/
@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%;
    }
}
/*----------------------------------------------------------------------------------------------------
　幅640px以下から  （トップページの３画像調節など）
----------------------------------------------------------------------------------------------------*/
@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;
    }
} /*@media print, screen and (max-width: 640px){*/
.newsTitle {
    background: inherit;
}
h1.title, .post h1 {
    border: none;
    background: none;
    /*padding-bottom: 9px;*/
    padding: 6px 10px;
    padding-top: 8px;
}
section.widget h2 {
    border: none;
    background: none;
    /*padding-bottom: 9px;*/
    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: #333333;
}
a {
    color: #777777;
}
a:hover, a:active, .newsTitle p a:hover {
    color: #327cab;
}
/*-----------------------------
ヘッダー(#header)
-----------------------------*/
#header .bg {
    background: rgba(42, 88, 139, 1);
}
#header .bg .inner {
    background: none;
}
#header h1, #header .description {
    color: #ffffff;
    font-size: 10px;
}
#header .inner {
    background: rgba(255, 255, 255, 1);
}
@media only screen and (max-width: 750px) {
    #header .logo {
        margin: 0;
    }
}
@media only screen and (max-width: 640px) {
    #header-layout {
        padding-top: 10px;
    }
}
#header .contact .tel {
    color: #333333;
}
#header .contact .tel a {
    color: #333333;
}
#header .add {
    color: #333333;
}
@media only screen and (max-width:1023px) {
    body nav#mainNav {
        width: initial;
        padding: 0;
    }
    #header .inner {
        /*background:none;*/
    }
} /*@media only screen and (max-width:1023px)*/
/*-------------------------
Site-header サイトヘッダー
--------------------------*/
.sticky-header #header .inner {
    background: rgba(255, 255, 255, 0.8);
}
/*スクロール途中からFIXさせる*/
@media print, screen and (min-width: 1100px) {
    /*------------------------
Add mainNav maintenance start
------------------------------*/
    /*
nav#mainNav ul li a {
position:relative;
    left: -2px;
    left: 0;

}
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 {
    left: -2px;
    left: 0;

}
nav#mainNav ul li:last-child a {
    left: -3px;
    left: 0;

}
nav#mainNav ul li:last-child a:hover {
    left: -3px;
    left: 0;

}
*/
    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: 240px;
    }
    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%;
    }
    /*------------------------
Add mainNav maintenance end
------------------------------*/
    .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: 100%;
        z-index: 1;
    }
    #header .bg .inner {
        width: 1100px;
    }
} /*@media print, screen and (min-width: 1100px){*/
@media print, screen and (min-width: 1024px) {
    /*-----------------------------
下層メニュー横幅サイズ設定
-----------------------------*/
    nav#mainNav ul li li a {
        width: 240px;
        font-size: 14px;
    }
    /*---------------------------
下層メニュー
--------------------------*/
    nav#mainNav ul li:hover ul {
        top: 97%;
        /*left: 19%;*/
        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(248, 248, 248, 1);
        color: #333333;
    }
    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: #333333; /*height:40px;*/
    }
}
/*---------------------------------
レスポンシブ表示
---------------------------------*/
@media only screen and (max-width:1023px) {
    nav#mainNav .inner {
        width: 100%;
    }
    /*----------------------
【MENU】
----------------------*/
    nav .panel {
        border: none;
    }
    nav#mainNav a#menu span {
        padding-left: 45px;
    }
    nav#mainNav a.menu {
        background: url(../../mrp04/images/micon/umicon0.png) no-repeat 6px 8px, rgba(42, 88, 139, 0.5);
        color: #ffffff;
        border: 1px solid #2a588b;
        background-size: 20px;
        box-sizing: border-box;
    }
    nav#mainNav a.menuOpen {
        background: url(../../mrp04/images/micon/dmicon0.png) no-repeat 6px 8px, rgba(42, 88, 139, 0.5);
        color: #ffffff;
        border: 1px solid #2a588b;
        background-size: 20px;
    }
    /*----------------------
メニュー
----------------------*/
    nav#mainNav ul li a {
        background-color: rgba(248, 248, 248, 1);
        color: #333333;
        border-bottom: 1px solid #ffffff;
    }
    nav#mainNav ul li a span, nav#mainNav ul li.current-menu-parent a span {
        color: #333333;
    }
    nav#mainNav ul li li a, nav#mainNav ul li.current-menu-item li a {
        background: rgba(248, 248, 248, 1) url(../../mrp04/images/sub1.png) no-repeat 30px 50%;
        color: #333333;
        border-bottom: 1px solid #ffffff;
        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(248, 248, 248, 1) url(../../mrp04/images/subLast.png) no-repeat 45px 50%;
        color: #333333;
        border-bottom: 1px solid #ffffff;
        padding-left: 58px;
    }
    nav#mainNav ul li li:last-child a {
        background: rgba(248, 248, 248, 1) url(../../mrp04/images/subLast.png) no-repeat 30px 50%;
        color: #333333;
        border-bottom: 1px solid #ffffff;
        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(248, 248, 248, 1) url(../../mrp04/images/sub1.png) no-repeat 45px 50%;
        color: #333333;
        border-bottom: 1px solid #ffffff;
        padding-left: 58px;
    }
    /*------------------------------------------
hover,
current
------------------------------------------*/
    nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:hover {
        background: rgba(248, 248, 248, 1);
        color: #333333;
    }
    nav#mainNav ul li a:hover span, nav#mainNav ul li.current-menu-item a span {
        color: #333333;
    }
    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(../../mrp04/images/sub1.png) no-repeat 30px 50%, rgba(248, 248, 248, 1);
        color: #333333;
        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(../../mrp04/images/subLast.png) no-repeat 45px 50%, rgba(248, 248, 248, 1);
        color: #333333;
        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(../../mrp04/images/subLast.png) no-repeat 30px 50%, rgba(248, 248, 248, 1);
        color: #333333;
        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(../../mrp04/images/sub1.png) no-repeat 45px 50%, rgba(248, 248, 248, 1);
        color: #333333;
        padding-left: 58px;
    }
} /*@media only screen and (max-width:1023px)*/
#breadcrumb {
    background-color: transparent;
    padding: 3px;
}
#breadcrumb ul li a, #breadcrumb ul li {
    color: #777777;
}
#header-layout {
    padding-bottom: 20px;
}
#mainImg {
    background: none;
    padding-top: 0px !important;
    padding-bottom: 10px;
    margin-bottom: 0;
}
@media only screen and (max-width: 640px) {
    #mainImg {}
} /*@media only screen and (max-width: 640px)*/
/*-----------------------------
ワイド設定(MetaSlider)
-----------------------------*/
.metaslider {
    max-width: none !important;
} /* metaslider */
/*-----------------------------
コンテンツエリア
-----------------------------*/
@media print, screen and (min-width: 1024px) {} /*@media print, screen and (min-width: 1024px)*/
h1.title {
    margin-top: 0em;
}
h1.title, .post h1 {
    margin-bottom: 0px;
    color: #333333;
    text-align: center;
    font-weight: bold;
    font-size: 33px;
    text-shadow: none;
}
/*---------------------------
見出しボーダー
--------------------------*/
section.widget h2, section.widgetInfo h2 {
    color: #ffffff;
    font-size: 16px;
    text-shadow: none;
}
.post h2, h2.title, .post h2 a, .post2b h2 a, .post4b h2 a {
    color: #333333;
    font-weight: bold;
    font-size: 28px;
}
.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: #333333;
    text-shadow: none;
    padding-left: 8px;
}
.post h4 {
    color: #333333;
}
.post h3 {
    position: relative;
    color: #333333;
    font-weight: bold;
    font-size: 24px;
    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: #333333;
}
.post h4 {
    font-weight: bold;
    border-left: 4px solid transparent;
    border-bottom: 1px dashed transparent;
}
.newsTitle p a {
    color: #333333;
}
.newsTitle {
    color: #333333;
    text-shadow: none;
}
section.widget h2 {
    background: #333333;
}
h1.title {
    background: transparent;
}
.post h1 {
    background: transparent;
}
.post h1 span {
    background: none;
    padding-left: 15px;
}
h2.title {
    background: transparent;
}
h2.title span {
    background: none;
    padding-left: 15px;
}
.post h2 {
    background: transparent;
}
.post h2 span {
    background: none;
    padding-left: 15px;
}
.post2b h2 {
    background: transparent;
}
.post2b h2 span {
    background: none;
    padding-left: 15px;
}
.post4b h2 {
    background: transparent;
}
.post4b h2 span {
    background: none;
    padding-left: 15px;
}
.post h3 {
    background: transparent;
}
.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%;
    }
} /*@media print, screen and (min-width: 1100px)*/
/*----------------------
タイムポスト
----------------------*/
.post .time, .postlist .time, .post2b .time, .post4b .time {
    color: #ffffff;
    background-color: #919191;
    padding: 5px 7px;
}
.post .time a, .post2b .time a, .post4b .time a, .postlist .time a {
    color: #ffffff;
}
/*----------------------
ボタンの背景色
----------------------*/
input[type="submit"], input[type="reset"], input[type="button"] {
    background: -moz-linear-gradient(top, #333333 0%, #333333 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #333333));
    background: -webkit-linear-gradient(top, #333333 0%, #333333 100%);
    background: -o-linear-gradient(top, #333333 0%, #333333 100%);
    background: -ms-linear-gradient(top, #333333 0%, #333333 100%);
    background: linear-gradient(to bottom, #333333 0%, #333333 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#333333', GradientType=0);
}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
    background: -moz-linear-gradient(top, #333333 0%, #333333 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #333333));
    background: -webkit-linear-gradient(top, #333333 0%, #333333 100%);
    background: -o-linear-gradient(top, #333333 0%, #333333 100%);
    background: -ms-linear-gradient(top, #333333 0%, #333333 100%);
    background: linear-gradient(to bottom, #333333 0%, #333333 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#333333', GradientType=0);
}
/*----------------------
上スクロールボタン背景
----------------------*/
a#scrollUp {
    background: #2ECBE8;
}
/*----------------------
リスト
----------------------*/
.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;
}
/*
.post h2{
	border: none;
}

.post2b h2{
	border-top: none;
	border-left: none;
	border-right: none;
}
.post4b h2{
	border: none;
}
*/
/*---------------------------
見出しデザイン
---------------------------*/
.ctitle {
    background: #333333;
    background: -moz-linear-gradient(top, #333333 0%, #333333 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #333333));
    background: -webkit-linear-gradient(top, #333333 0%, #333333 100%);
    background: -o-linear-gradient(top, #333333 0%, #333333 100%);
    background: -ms-linear-gradient(top, #333333 0%, #333333 100%);
    background: linear-gradient(to bottom, #333333 0%, #333333 100%);
    box-shadow: 0 1px 2px #2A2A2A;
    behavior: url(PIE.htc);
}
.ctitle2:before {
    background: none repeat scroll 0 0 transparent;
}
.ctitle3 {
    border-top: 2px solid transparent;
}
.ctitle3:before {
    background: none repeat scroll 0 0 transparent;
}
.ctitle4 {
    border-bottom: 2px dotted transparent;
}
.ctitle4:before {
    background: none repeat scroll 0 0 #333333;
    background: -moz-linear-gradient(top, #333333 0%, #333333 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #333333));
    background: -webkit-linear-gradient(top, #333333 0%, #333333 100%);
    background: -o-linear-gradient(top, #333333 0%, #333333 100%);
    background: -ms-linear-gradient(top, #333333 0%, #333333 100%);
    background: linear-gradient(to bottom, #333333 0%, #333333 100%);
}
.ctitle7 {
    background: url(../../mrp04/images/patterns_wh.png) repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #333333), color-stop(0.00, #333333));
    background: url(../../mrp04/images/patterns_wh.png) repeat, -webkit-linear-gradient(#333333, #333333);
    background: url(../../mrp04/images/patterns_wh.png) repeat, -moz-linear-gradient(#333333, #333333);
    background: url(../../mrp04/images/patterns_wh.png) repeat, -o-linear-gradient(#333333, #333333);
    background: url(../../mrp04/images/patterns_wh.png) repeat, -ms-linear-gradient(#333333, #333333);
    background: url(../../mrp04/images/patterns_wh.png) repeat, linear-gradient(#333333, #333333);
}
/*----------------------
テーブル
----------------------*/
.post table {
    border-collapse: collapse;
}
.post table, .post table th, .post table td {
    border: 1px solid #222222;
}
.post table th {
    color: #333333;
    background-color: #E5E5E3;
}
.post table td {
    color: #333333;
    background-color: #ffffff;
}
.post table.clear th, .post table.clear td, .post table.clear {
    color: #333333;
    border: none;
}
/*---------------------------------------------------
ページに挿入した際の画像の枠カスタマイズ
---------------------------------------------------*/
.post img, .post2b img, .post4b img {
    border: none !important;
    padding: 0px !important;
}
/*--------------------------------
お問い合わせ
-----------------------------*/
.post .linkBtn:hover {
    background: rgba(46, 203, 232, 0.8);
}
.post .linkBtn {
    background: rgba(46, 203, 232, 1);
}
/*----------------------
フッター
----------------------*/
#footer {
    background: rgba(255, 255, 255, 1);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-bottom: none;
}
#footer li a, .footeradd, .footertel {
    color: #777777;
}
#footer li a:hover {
    color: #333333;
}
#footer .inner {
    width: inherit;
    text-align: center;
}
#footer ul li {
    padding: 5px 0px;
    margin: 0 38px; /* margin control */
    background: none;
    position: relative;
}
#footer ul li::before {
    background: url(../../mrp04/images/arrow.png) no-repeat;
    content: "";
    position: absolute;
    top: 11px;
    left: -3px;
    width: 8px;
    display: block;
    height: 7px;
}
#copyright {
    color: #ffffff;
    background: #2ECBE8;
}
.fa-youtube-square:before {
    color: #de0000;
    font-size: 30px;
}
.fa-facebook-square:before {
    color: #3b5998;
    font-size: 30px;
}
.fa-twitter-square:before {
    color: #1da1f3;
    font-size: 30px;
}
.fa-instagram:before {
    color: #251f21;
    font-size: 30px;
}
.fa-google-plus-square:before {
    color: #dc4e41;
    font-size: 30px;
}
.SvgLine {
    fill: #01b901;
    height: 30px;
    width: 25px;
}
#socialicon ul li:before {
    background: none;
}
#socialicon ul li {
    margin: 0 0px;
}
/*----------------------
Custom
-----------------------*/
#header {
    overflow: visible;
}
#header .logo {
    width: auto;
}
#header ul {
    padding-top: 0;
}
#header ul li {
    margin-left: 0;
}
/*-----------------------------------------
New Design Style 02
------------------------------------------*/
/*------------------------------------------
レスポンシブ時メインイメージ表示サイズ調整
------------------------------------------*/
/* メインイメージスマートフォン時調整（両サイドカット）
-------------------------------------------------------------- */
/*-----------------------------
サイドメニューの枠線・背景
-----------------------------*/
section.widget, .widgetInfo {
    background-color: rgba(255, 255, 255, 1);
}
section.widget, .widgetInfo {
    border: 1px solid #dadada;
}
section.widget h2, .newsTitle {}
/*---------------------------------
Smartphone sticky header
---------------------------------*/
.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(255, 255, 255, 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: #ffffff;
}
@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;
    }
    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;
    }
}