@charset "utf-8"; html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
*{box-sizing: border-box;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;position: relative;}
html {-webkit-text-size-adjust: 100%}
body{ font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; font-size:16px; color:#333; background:#fff352;line-height: 150%;}
a{ margin:0; padding:0; text-decoration:none; outline:0; vertical-align:baseline; background:transparent; font-size:100%; color:#4b890e;}
a:hover, a:active{ -webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s; outline: none; color:#FD8415;}
#content a{ text-decoration:underline;}
#content a img:hover{ opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )";}
.clear{clear: both;}
.nav .panel:before,nav .panel:after, nav#mainNav:before,nav#mainNav:after{content: ""; display: table;}
nav .panel:after,nav#mainNav:after{clear: both;}
nav .panel,nav#mainNav{zoom: 1;}
input[type="text"], textarea,input[type="email"]{ vertical-align:middle; max-width:99%; width:99%;line-height:30px; height:30px; padding:1px 5px; border:1px solid #d4d4d7; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; font-size:100%; color:#555; background:#fcfcfc;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
textarea{ height:auto; line-height:1.5;min-height: 200px;width: 100% !important;}
input[type="submit"],input[type="reset"],input[type="button"]{ padding:10px 15px; background: #1B6213; border:0; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; line-height:1.5; font-size:100%; color:#fff;}
input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{ background: #FE9332;} *:first-child+html input[type="submit"]{padding:3px;}
.contact-form input[type=email], .contact-form input[type=text]{margin-bottom: 0 !important;}
.footer-mail .mail-button{ font-weight: normal; font-size: 14px; text-align: center; padding: 3px; border: 1px solid #FE9332; margin: 30px 0 0 40px; width:280px;}
.footer-mail .mail-button a{ text-decoration: none !important; color: #fff;}
.footer-mail .mail-button span { display: block; padding: 10px 3px; background: #FE9332 url(../images/mail-w.png) no-repeat 40px center;}
.footer-mail .mail-button span:hover { background: #fff url(../images/mail.png) no-repeat 40px center; color: #333;}
#message-container-confirm{color: #FD8415;font-size:1.2em;font-weight: bold;}
.inner,#header-inner,#footer-inner{ margin:0 auto; width:980px;}
#header,#mainNav{}
#header{overflow:hidden;}
#header-inner{ overflow: hidden;padding: 0 0 10px 0;}
#wrapper{ margin:0 auto 50px auto; width:980px;}
#content{ width:100%; padding:15px 0;}
#footer{ clear:both; width:100%;}
#header h1{ padding: 2px 0 0 3px; color: #3c2f13; font-size: 12px; font-weight: normal;line-height: 120%;}
#header h2 img{ width:300px; height:auto;}
#header h2{ clear:both; padding-top:40px;}
.header-left{ float: left;}
#headerInfo{ float:right; text-align:left; padding: 20px 3px 20px 0; overflow: hidden;}
#headerInfo p{ font-size:14px;}
#headerInfo p.tel{padding:0;}
#headerInfo p.header-info-top{font-size:16px;font-weight: bold;}
#headerInfo .left{float:left;margin: 10px 20px 0 0;overflow: visible;}
#headerInfo .right{float: left;line-height: 120%;}
#headerInfo p.tel span,#kaisyagaiyou-page table span.tel,#contact-page .post p.contact-tel span{background: url(../images/telicon.png) no-repeat 0 2px;color: #FD8415;font-size: 30px;padding: 0 0 0 55px;font-weight: bold;background-position: 0 8px\9; /* IE10以下 */}
#header .pc-no-button{display: none;}
#mainImg{ line-height:0; text-align:center; z-index:0; background: #fff url(../images/mainimage-back.jpg) no-repeat center top; margin:0 0 40px 0;position: relative;}
.mainImg-contact{ background: #24821A; padding:30px; color: #fff; position: absolute; bottom: 20px; right: 50px;display: block;}
.mainImg-contact p{padding-bottom: 10px;line-height: 130%;}
.mainImg-contact p.tel span{ background: url(../images/telicon.png) no-repeat 0 2px; color: #fff; font-size: 30px; padding: 0 0 0 55px !important;background-position: 0 8px\9; /* IE10以下 */}
.mainImg-contact .mail-button{ font-weight: normal; font-size: 14px; text-align: center; padding: 3px; border: 1px solid #FE9332; width:280px;}
.mainImg-contact .mail-button a { text-decoration: none !important; color: #fff;line-height: 30px;}
.mainImg-contact .mail-button span { display: block; padding: 10px 3px; background: #FE9332 url(../images/mail-w.png) no-repeat 40px center;}
.mainImg-contact .mail-button span:hover { background: #fff url(../images/mail.png) no-repeat 40px center; color: #333;}
h2.title:before { content: ""; display: block; border-top: solid 3px #050A52; width: 100%; height: 1px; position: absolute; top: 50%; z-index: 1;}
h2.title span { padding: 10px 0; position: relative; z-index: 5; background: #FFF352;}
h2.title{ text-align: center; clear:both; margin:30px 0 20px; padding:5px 0; font-size:26px; color: #050A52; font-weight: bold;line-height: 150%;position: relative;}
h2.first,h3.first{margin-top:0 !important;}
h3.title{ margin:30px 0 15px; font-size:22px; font-weight:bold; color: #050A52; border-bottom: 2px dotted #050A52; text-align: center;padding: 0 0 5px 0;line-height: 130%;}
.dateLabel{ margin:-10px 0 10px; text-align:right; color: #999;}
.post{margin:0 20px;overflow:hidden;}
.post p{padding-bottom:15px;}
.post ul{margin: 0 0 10px 10px;}
.post ul li,.home .top-about ul li{ margin-bottom:15px; padding-left:15px; background:url(../images/bullet.png) no-repeat 0 8px;}
#privacy-page .post ul ul li{ background:none;}
#privacy-page .post ul ul li ol{ padding: 0 0 0 40px;}
.post ol{margin: 0 0 10px 30px;}
.post ol li{list-style:decimal;margin: 0 0 10px 0;background: none;}
.post h1{ margin:20px 0; padding:5px 0; font-size:150%; color: #252525; border-bottom:3px solid #3c2f13;line-height: 130%;}
.post h2{ text-align: center; clear:both; margin:30px 0 20px; padding:5px 0; font-size:26px; color: #050A52; font-weight: bold;line-height: 150%;}
.post h3{ margin:30px 0 15px; font-size:22px; font-weight:bold; color: #050A52; border-bottom: 2px dotted #050A52; text-align: center;padding: 0 0 5px 0;line-height: 130%;}
.post blockquote { clear:both; padding:10px 0 10px 15px; margin:10px 0 25px 30px; border-left:5px solid #ccc;}
.post blockquote p{padding:5px 0;}
.post table,#contact-form table{ border-bottom: none !important; border-collapse: collapse; border-spacing: 0; margin:10px 0 20px;}
#contact-form table{margin: 10px auto 20px;width: 80%;}
.post table th,#contact-form table th{ padding:15px 0 !important; font-weight:bold; background:#ccc; border-bottom: 1px solid #fff !important; min-width: 200px;}
.post table th span,#contact-form table th span,.post table td div,#contact-form table td div{ padding:0 15px !important;}
.post table td,#contact-form table td{ padding:15px 0 !important; border: 1px #ccc solid !important; border-width: 0 0 1px 1px; background:#fff;}
.post table th:last-child,#contact-form th:last-child,.post table td:last-child{ border-bottom:none !important;}
#contact-form submit{margin: 0 auto;display: block;width: 100px;}
#contact-form .require{color: #fd7943;}
.post dt{font-weight:bold;}
.post dd{padding-bottom:10px;}
.post img{max-width:100%;height:auto;}
img.aligncenter { display: block; margin:5px auto 20px auto;}
img.alignright, img.alignleft{ display:inline;}
img.alignright{margin: 0 0 10px 20px;}
img.alignleft{margin: 0 20px 10px 0;}
.alignright{float:right;}
.alignleft{float: left;}
.padding20{padding-top: 20px !important;}
.padding30{padding-top: 30px !important;}
.padding40{padding-top: 40px !important;}
.padding50{padding-top: 50px !important;}
.padding60{padding-top: 60px !important;}
.padding70{padding-top: 70px !important;}
.padding100{padding-top: 100px !important;}
br.none690{display:none;}	
.flex-area{
	display: flex;-js-display: flex;display:-webkit-flex;display:-ms-flexbox;
	justify-content:space-between;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;
	align-items: center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;
}
.flex-area-left{
	display: flex;-js-display: flex;display:-webkit-flex;display:-ms-flexbox;
	justify-content:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;
	align-items: center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;
}
.flex-area-center{
	display: flex;-js-display: flex;display:-webkit-flex;display:-ms-flexbox;
	justify-content:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;
	align-items: center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;
}
.big{font-weight: bold;font-size: 1.2em;}
.coution{font-size:0.9em;}
.red{color: #DD3135;}
#footerLogo{ width:265px;}
#footerLogo img{ max-width:265px; height:auto;}
#footer ul{ padding-bottom:80px;}
#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; background:url(../images/arrow.png) no-repeat 0 12px;}
#footer ul li a{ display:block; padding:0 0 0 12px; overflow:hidden;}
#footer ul li a:hover{text-decoration:underline;}
#footer ul li li{ display:block; padding:0; margin-left:5px; background:url(../images/arrow2.png) no-repeat 0 6px;}
#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;}
.footer-info{align-items: flex-start;margin: 0 auto 40px;}
.footer-info .photo{order: 2;}
.footer-info .text{order: 1;margin: 0 30px 0 0;flex: 2;}
.footer-info p.tel span{ background: url(../images/telicon.png) no-repeat 0 2px; color: #ff8a00; font-size: 30px; padding: 0 0 0 55px;background-position: 0 8px\9; /* IE10以下 */}
#copyright{ clear:both; padding:15px 0 15px 0; text-align:center; font-style:normal; font-size:12px; zoom:1; background:#333; color: #fff; margin:50px 0 0 0;}
.ggmap { display:block; position: relative; padding-bottom: 24%; padding-top: 30px; height: 0; overflow: hidden; margin:20px auto; z-index: 1; clear: both; width:100%;}
.ggmap iframe, .ggmapr object, .ggmap embed { position: absolute; top: 0; left: 0; width: 100%; height:250px;}
#footer-banner{ background: #1B6213; width:100%; padding:20px 0; overflow: hidden; color: #fff; margin: 0 0 40px 0;}
.footer-contact{background:#24821A;padding:30px 40px;float: left;margin:0 40px 0 0 ;text-align: center;}
#footer-banner p.tel span{ background: url(../images/telicon.png) no-repeat 0 2px; color: #fff; font-size: 30px; padding: 0 0 0 55px;background-position: 0 8px\9; /* IE10以下 */}
.footer-banner-tel,.footer-mail{float:left;}
.footer-banner-tel{margin:5px 0 0 0;}
.footer-banner-tel p.tel{padding: 10px 0;}
.footer-contact span{font-size:18px;}

.pagenav{ clear:both; width: 100%; height: 30px; margin: 100px 0 20px;}
.prev{float:left}
.next{float:right;}
#pageLinks{ clear:both; color:#4f4d4d; text-align:center;}
#page-top { position: fixed; bottom: 20px; right: 20px; opacity:0.6; z-index: 10;}
#page-top a { background:#2A5203; text-decoration: none; color: #fff; width: 120px; padding: 20px 10px; text-align: center; display: block; font-size: 14px;}
#page-top a:hover { background: #FD8415;}
.wp-pagenavi { clear: both; text-align: center;}
.wp-pagenavi a { text-decoration: none !important; padding: 0 15px; margin: 4px; background: #2A5203; color: #FFF;line-height: 50px;display: inline-block;}
.wp-pagenavi a:hover{ background: #FE9332;}
.wp-pagenavi span{ text-decoration: none; padding: 0 15px; margin: 4px; background: #ccc; color: #999;line-height: 50px;display: inline-block;}
.wp-pagenavi span.sp-no{ background: #2A5203; color: #FFF;}
.wp-pagenavi a:hover span.sp-no{background: #FD8415;}
.wp-pagenavi span.extend{background:none;}
.camp-box{ overflow: hidden; height: auto; background:#fff url(../images/camp-back1.jpg) no-repeat right top; padding:40px; position: relative;}
.camp-box .camp-title_new{font-size: 20px;color: #050A52;position: relative;display: inline-block;padding: 0 15px !important;width: auto;min-width: 115px;	height: 40px;color: #F6F6F6;line-height: 40px;text-align: center;background: #19283C;z-index: 0;}
.camp-box .camp-title_new:after {content: "";position: absolute;bottom: -15px; left: 0;margin-left: 0;display: block;width: 0px;height: 0px;border-style: solid;border-width: 0 20px 15px 0;border-color: transparent #19283C transparent transparent;z-index: -1;}
.camp-box .camp-title2{ clear:both;margin: 0px 0 6px; padding:5px 0; font-size:32px; color: #050A52; font-weight: bold;line-height: 130%;border-bottom: 4px #050A55 solid;}
.camp-box .camp-title2 span.min{font-size: 0.6em;}
.camp-box .camp-title2 span.camp-title-span{ color:#DD3135;padding: 0 10px;}
.camp-box .camp-title2 span.camp-title-span1{font-size: 36px;padding: 0 10px;}
.camp-box .taiou{text-align: right;padding:0 340px 15px 0;font-weight: bold;}
.camp-box .marker{background: linear-gradient(transparent 60%, #ff0 0%); font-size: 1.5em;font-weight: bold; }
.camp-contact{ background: #24821A; padding:30px; color: #fff; position: absolute; bottom: 0; right: 0;}
.post .camp-contact p{padding-bottom: 10px;}
.camp-contact p.tel span{ background: url(../images/telicon.png) no-repeat 0 2px; color: #fff; font-size: 30px; padding: 0 0 0 55px !important;background-position: 0 8px\9; /* IE10以下 */}
.camp-contact .mail-button{ font-weight: normal; font-size: 14px; text-align: center; padding: 3px; border: 1px solid #FE9332; width:280px;}
.camp-contact .mail-button a { text-decoration: none !important; color: #fff;}
.camp-contact .mail-button span { display: block; padding: 10px 3px; background: #FE9332 url(../images/mail-w.png) no-repeat 40px center;}
.camp-contact .mail-button span:hover { background: #fff url(../images/mail.png) no-repeat 40px center; color: #333;}
.top-case-title{position: relative;}
.to-case{ text-align: center; margin: 0 auto; display: block;}
 .to-case span{ background: url(../images/arrow.png) no-repeat left 4px; padding-left:15px;}
.cont-box{ clear:both; display:block; overflow:hidden; margin-bottom:50px !important;}

.pan{ font-size:12px; margin:0 0 30px 0;}
.pan br{display: none;}
#faq-page .post h3{display: none;}
.post ol.dsfaq_ol_quest{ background:#fff; margin:0 auto 40px auto; padding:30px;}
.post ol.dsfaq_ol_quest li{ list-style-position:inside;}
.dsfaq_qa_block { margin-top: 20px; padding: 30px; background: #fff; border:none !important;}
.dsfaq_qa_block a{color: #000;text-decoration: none !important;padding-bottom: 15px;}
.dsfaq_answer_title{
	display: block;padding-bottom: 15px;
}
.top-sec2-box{align-items: flex-start;margin: 0 auto 50px;}
.top-sec2-box .photo{width:400px;height: auto; }
.top-sec2-box .text{flex: 2;}
#top-sec2-box2 .photo{order: 2;}
#top-sec2-box2 .text{order: 1;margin: 0 30px 0 0;}
#top-sec2-box1 .text{margin: 0 0 0 30px;}
.top-sec2-middle{text-align: center;padding: 0 0 50px;}
ul.case-thum{ margin:0 auto; overflow:hidden; width: 100%;flex-wrap: wrap;align-items: flex-start;}
ul.case-thum li{ width:31%; margin:0 1% 40px;background:none; vertical-align: top;padding-left: 0;}
.case-box{ margin-bottom:40px}
ul.case-thum li h3{ font-weight:normal; font-size:14px; text-align: center; padding: 3px; border: 1px solid #2a5203;margin:0;line-height: 150%;text-decoration: none !important; color:#fff;}
ul.case-thum li h3 span{ display: block; padding: 5px 3px; background: #2a5203;text-decoration: none !important; }
ul.case-thum li h3 span:hover{ background: #FE9332;}
ul.case-thum li img{max-width: 320px;height: 200px;object-fit: cover;font-family: 'object-fit: cover;';width: 100%;}
ul.case-thum li a { text-decoration: none !important; color:#fff;display: block}
.case-more{ text-align:center; margin: -20px 0 0 0;}
.case-more a span{ background:url(../images/arrow.png) no-repeat left 4px; padding-left:15px; font-weight:bold;}
.case-caption{ max-width:174px; font-size:12px;}
.case-button ul{ overflow: hidden; clear: both; margin:0 auto;}
.case-button ul li{ float:left; font-weight: normal; font-size: 14px; text-align: center; padding: 3px; border: 1px solid #2a5203; background: none; width:280px; margin:0 10px 10px 10px;}
.case-button ul li a { text-decoration: none !important; color: #fff;}
.case-button ul li span { display: block; padding: 5px 3px; background: #666;}
.case-button ul li span:hover { background: #FE9332;}
.case-button ul li.paint-flow{ border:none; line-height: 30px; width: auto;}
.case-button ul li.paint-flow a{ text-decoration: underline !important; color:#4b890e; display: block;}
.case-button ul li.paint-flow a:hover{ color:#999000;}
.case-button ul li.paint-flow span{ display: inline; background: url(../images/arrow.png) no-repeat left 2px; padding: 0 0 0 15px;}
.single-post .post{text-align: center;}
.single-post .post h4{font-size: 1.2em; font-weight: bold; color: #787878;margin-bottom: 40px;}
.more-cat{ text-align:center; margin: 150px 0 0 0; overflow: visible;}
.more-cat a{ font-weight: normal; font-size: 14px; text-align: center; margin: 0px 10px; text-decoration: none !important; color: #fff; padding: 10px 50px; background: #666;}
.more-cat a:hover { background: #FE9332;}
.single-cat .postmeta{text-align: right;}
ul.paint-flow{ overflow: hidden; clear: both; width: 100%; margin: 0 auto;}
ul.paint-flow li{ background:#fffab3; text-align: center; padding:20px 0; width:280px; margin: 0 10px 10px 10px; float: left; font-weight: bold;}
.paint-flow .pc-none{display: none;}
.about-box{ overflow: hidden; clear: both; width: 100%;margin: 0 auto 50px;}
.text-left-box .text{order: 1;flex: 2;}
.text-left-box .photo{order: 2;margin: 0 0 0 30px;}
.text-right-box .text{flex: 2;}
.text-right-box .photo{margin: 0 30px 0 0;}
.dsfaq_quest { font-weight: bold;}
.dsfaq_quest_title { font-weight: bold; font-size: 1.2em;}
div#trust-form.contact-form div.submessage{display: none;}
.post .min-title{font-size: 19px;border: none;margin: 0 auto 15px;}
.post .min-title span{display: block;padding-bottom: 13px;margin: 0 auto;position: relative;vertical-align: middle;}
.post .min-title span:before{content: '';display: inline-block;position: relative;width: 10px;height: 10px;background: #000;border-radius: 100%;margin-right: 7px;vertical-align: middle;}
#contact-form input[type="submit"]{width: 200px;margin: 0 auto;display: block;}
#mfp_overlay,#mfp_hidden,#mfp_loading_screen,#mfp_overlay_background{display: none;}
.mfp_err{color: red;}
@media only screen and (min-width: 1025px){ nav#mainNav{ clear:both; position:relative; z-index:200; background: #1B6213;}
.panel ul{ height:70px; padding:10px 0;}
.panel ul li{ float: left; position: relative; padding:0 10px; height:50px; line-height:50px;}
.panel ul li a{ display: block; text-align: center; _float:left; color:#fff; padding:0 25px;}
nav div.panel{ display:block !important; float:left;}
a#menu{display:none;}
.panel ul li.current-menu-item a, .panel ul li a:hover, .panel ul li a:active, .panel ul li.current-menu-parent a{ background:#fff; color:#010140;}
.panel ul ul{width:160px;background: #1B6213;}
.panel ul li ul{display: none;}
.panel ul li li{ float: none; height:60px; line-height:60px; width: 200px; padding:10px;}
.panel ul li:hover ul{ display: block; position: absolute; top:40px; left:-7px; z-index:500;}
.panel ul li li a{ width:100%; height:40px; padding:0; line-height:40px; text-align:left;}
.panel ul li li a span{padding:0 10px;}
.panel ul li li a:hover,.panel ul li li.current-menu-item a{color:#010140;}
.panel ul li li.current-menu-item a{background: #fff;}
.panel ul li.current-menu-parent li a:hover{background: #fff;}
.panel ul li.current-menu-item li a,.panel ul li.current-menu-parent li a{ margin:0; background: #666; color:#fff;}
.panel ul li:hover ul li{ margin:0; background: #666; border-bottom:1px solid #e8e3c6; color:#fff;}
.panel ul li.current-menu-item li a:hover,.panel ul li.current-menu-parent li a:hover,.panel ul li.current-menu-parent li.current-menu-item a{background: #fff;color:#010140;}
.panel ul li:hover ul li:last-child{ border:0;}
}
@media only screen and (max-width:1024px){ nav#mainNav{ clear:both; width:100%; margin:20px auto; background:none;}
nav#mainNav .inner{width:95%;}
nav#mainNav a.menu{ width:100%; display:block; height:50px; line-height:50px; font-weight: bold; text-align:left; color:#fff; background: #1B6213 url(../images/menuOpen.png) no-repeat 1em 15px;}
nav#mainNav a#menu span{padding-left:2.5em;}
nav#mainNav a.menuOpen{ border-bottom:0; color:#fff; background: #1B6213 url(../images/menuClose.png) no-repeat 1em 15px;}
nav#mainNav a#menu:hover{cursor:pointer;}
nav .panel{ display: none; width:100%; position: relative; right: 0; top:0; z-index: 1; border-top:0;}
.panel ul{margin:0;padding:0;}
.panel ul li{ float: none; clear:both; width:100%; height:auto; line-height:1.2;}
.panel ul li a,.panel ul li.current-menu-item li a{ display: block; width:100%; padding:1em 0; text-align:left; background:#666; color: #fff;}
.panel ul li a span{padding-left:1em;}
.panel ul li.current-menu-item a,.panel ul li a:hover,.panel ul li.current-menu-item a,.panel ul li a:active, .panel ul li li.current-menu-item a, .panel ul li.current-menu-item li a:hover, .panel ul li.current-menu-item li a:active{ background:#fff; color: #010140;}
.panel ul li li{ float:left; border:0;}
.panel ul li li a, .panel ul li.current-menu-item li a{background:#666 url(../images/sub1-w.png) no-repeat 20px 50%;}
.panel ul li li a:hover, .panel ul li.current-menu-item li a:hover,.panel ul li li.current-menu-item a{background:#fff url(../images/sub1.png) no-repeat 20px 50%;}
.panel ul li li:last-child a{background:#666 url(../images/subLast-w.png) no-repeat 20px 50%;}
.panel ul li li:last-child a:hover,.panel ul li.current-menu-item li:last-child a:hover{background:#fff url(../images/subLast.png) no-repeat 20px 50%;}
.panel ul li li a span{padding-left:35px;}
nav div.panel{float:none;}
#mainImg{margin-bottom:20px;}
}
@media only screen and (max-width: 979px){ #wrapper, #header, .inner{width:100%;}
.header-left{float: none;}
#header h1{padding:10px;}
#header{text-align:center;}
#header h2{float:none;padding:0;margin:20px auto 0 auto;}
#headerInfo{width:auto;text-align:center;margin:20px auto 0 auto;clear: both;float: none;width: 600px;}
#headerInfo{width:auto;}
#headerInfo .left,#headerInfo .right{float: none;margin:0 auto;}
#header .pc-no-button{display: block; font-weight: normal; font-size: 14px; text-align: center; padding: 3px; border: 1px solid #FE9332; width:230px;margin: 15px auto 0 auto;}
#header .pc-no-button a { text-decoration: none !important; color: #fff;line-height: 20px;}
#header .pc-no-button span {display: block;padding: 20px 3px 20px 20px;background: #FE9332 url(../images/mail-w.png) no-repeat 22px center;}
#header .pc-no-button span:hover { background: #fff url(../images/mail.png) no-repeat 30px center; color: #333;}
.panel ul, .thumbWrap{margin:0 auto;}
.panel ul ul{padding:0;}
nav div.panel{float:none;}
#mainImg{background-size: auto 100%;}
#mainImg img{width:98%;height:auto;}
.mainImg-contact{display: none;}
#content{ clear:both; width:90%; float:none; margin:0 auto; padding:10px 0;}
#banners{width:100%;margin:0 auto;text-align:center;}
#banners p{width:30%; float:left;margin:0 1% 0 2%;}
#banners p img{width:100%;height:auto;}
section.widget_search{text-align:center;}
#contactBanner{margin:0 auto;}
#footer{margin:0;}
#footer-inner,#header-inner{width:90%;}
#footer ul{ text-align:center;}
#footer ul ul{padding-top:0;border:0;}
.camp-box .camp-title_new {margin-bottom: 10px;}
.camp-box .taiou {padding: 0 10px 15px;}
.case-box,.case-button{width:100%;margin:0 auto;text-align:center;}
ul.paint-flow{display: block;}
ul.paint-flow li{width:100%; float:none;display: block;margin:0 auto 10px;}
.case-box img{width:100%;height:auto;}
.ggmap{ padding-bottom: 56.25%;}
.ggmap iframe, .ggmapr object, .ggmap embed { height:100%;}
.footer-banner .inner{width:90%;}
.footer-contact,.footer-banner-tel,.footer-mail,.footer-mail .mail-button{float: none;margin:0 auto 20px auto;text-align: center;}
.footer-contact{width:80%;padding: 20px 0;}
.footer-info{display: block;text-align: center;}
.footer-info .photo{max-width:350px;height: auto;width: 100%; }
#footerLogo img{display: block;margin: 10px auto;}
.top-sec2-box {display: block;}
.top-sec2-box .photo {max-width: 400px;width: 100%;margin: 0 auto 20px;display: block;}
#top-sec2-box1 .text {margin: 0 auto;}
.top-about{margin-bottom: 0 !important;}
ul.case-thum li {width: 47%;margin: 0 1.5% 30px;}
.about-box h3.padding30,.about-box h3.padding50,.about-box h3.padding60,.about-box h3.padding70,.about-box h3.padding100,.about-box p.padding40{padding-top:0 !important;}
.camp-contact{width: 80%;text-align: center;margin: 0 auto;position: inherit;}
.camp-contact .mail-button{margin: 0 auto;}
.camp-box{background:#fff url(../images/camp-back1-min.jpg) no-repeat right bottom;text-align: center;}
.about-box{display: block;}
.text-left-box .photo,.text-right-box .photo{margin: 0 auto 20px;display: block;}
.case-button ul li {width: 48%; margin: 0 1% 15px;}
}
@media only screen and (max-width: 690px){ 
br.none690{display:inline;}		
.paint-flow .pc-none{display: block;padding: 0;background: none;margin: -20px auto 0 auto;font-size: 20px;}
.case-more{margin:0;}
ul.case-thum li {max-width:320px; width: 100%;margin: 0 auto 30px;}
.case-button ul li {width: 100%; margin: 0 auto 15px;}
ul.paint-flow li{padding: 10px 0;}
#footerLogo,#headerInfo,.header-left{float:none;padding:0;}
#headerInfo p.tel span,#footer-banner p.tel span,.camp-contact p.tel span,#kaisyagaiyou-page table span.tel,#contact-page .post p.contact-tel span{font-size: 24px;background-size: auto 20px;padding: 0 0 0 40px;background-position: 0 2px;background-position: 0 6px\9; /* IE10以下 */}
img.alignright, img.alignleft{display: block; margin:20px auto 10px auto;width: 100%;height:auto;max-width:400px;}
.alignright,.alignleft{float:none;}
#footer ul{text-align:left;}
#footer ul ul{padding:0;}
#footerLogo{margin:10px auto;}
.footer-info{text-align: center;}

h2.title{border-bottom: solid 3px #050A52;}
h2.title:before{border-top:none !important;height: 0;}
h2.title span {background:none;padding: 0;}
.camp-box{padding:20px 0;}
.camp-box h2{padding-left:20px !important;padding-right:20px !important;}
.camp-contact .mail-button{width: 200px;}
.camp-contact .mail-button span,.camp-contact .mail-button span:hover{background-position: 13px center;}

.post table th, .post table td {padding: 0;float: left;clear: both;width: 100%;}
.post table td, div#trust-form.contact-form table td{border: none !important;}
.contact-form input[type=email], .contact-form input[type=text]{width:auto !important;}
#header h2 img{width:280px;height:auto;}
.more-cat{display: none;}
.wp-pagenavi span.pages,.wp-pagenavi span.sp-no{display: none;}
.wp-pagenavi span.extend{background:none;padding: 0;margin: 4px 0;}
#contact-form table {width: 99%;}
#contact-form table td div {padding: 0 !important;margin: 0 10px;display: inline-block; width: 100%;box-sizing: border-box;}
input[type="text"], textarea, input[type="email"]{width: calc(100% - 30px);}
.post .min-title{font-size: 17px;border: none;margin: 0 auto 10px;}
.post .min-title span{padding-bottom: 8px;}
.post .min-title span:before{width: 6px;height: 6px;}
}
@media only screen and (max-width: 460px){ 
#headerInfo p.tel span, #footer-banner p.tel span, .camp-contact p.tel span, #kaisyagaiyou-page table span.tel, #contact-page .post p.contact-tel span{font-size: 2em;background-size: auto 16px;padding: 0 0 0 32px !important;background-position: 0 center;background-position: 0 10px\9; /* IE10以下 */}
.camp-box .camp-title2 {font-size: 26px;}
.camp-box .camp-title2 span.camp-title-span1 {font-size: 27px;}
.camp-box .camp-title_new {font-size: 18px;}
.camp-box h2 {padding-left: 0 !important;padding-right: 15px !important;}
.camp-contact .mail-button{width: 180px;}
.camp-contact{padding:20px 0;width:100%;margin:20px auto 0 auto;}
.camp-contact p{padding:0 20px;}
.camp-contact .mail-button span{padding: 10px 3px 10px 20px;}

#footer-banner .inner{width:90%;margin:0 auto;}
.previouspostslink,.nextpostslink{display:none;}
.post {margin: 0 10px;}
.post .min-title{font-size: 16px;border: none;margin: 0 auto 5px;}
}