/*スマホ用共通*/
.spOnly{display:block!important;}
.pcOnly{display:none!important;}
html #wpadminbar{top:-46px;}

#wrapper main{width:92%;margin:0 auto;}
#humBOX{width:100%;padding:40px 30px 50px 30px;box-sizing:border-box;}
#humBOX.open{right:-120%;}
#humBOX ul.item-menu li{width:50%;float:left;}
#humBOX ul.item-menu li a{padding-left:15px;}
@media(max-width:500px){
nav#recommended.fPage02 ul{display:block;}
nav#recommended.fPage02 ul > li{width:100%;box-sizing:border-box;margin-bottom:30px;}
nav#recommended.fPage02 ul > li > ol{overflow-y:visible;height:auto;}
#nutrition-page #pageField > p.title br{display:none;}
}
article img{max-width:100%;width:auto;height:auto;}
@media(max-width:320px){
#humBOX ul.item-menu li a{font-size:12px;}
}
#humBTN{top:25px;}

nav#bread ul li a{display:inline;}

.cookie{padding:20px 15px 15px 15px;}
.cookie div{padding:40px 15px 0 15px;background-position:center top;background-size:auto 30px;}
.cookie div p{font-size:13px;line-height:1.5;}
.cookie div span{font-size:13px;width:auto;padding:0 0 0 37px;text-align:left;height:30px;line-height:30px;vertical-align:middle;top:20px;right:15px;}
.cookie div span button{position:absolute;top:0;left:0;}

#sort{padding:10px 5px;}

#diaryIMG{background-image:url(../diary/topIMGsp.jpg);background-size:auto 100%;height:250px;animation:expandBG 15s ease-out 0s 1 forwards;-webkit-animation:expandBG 15s ease-out 0s 1 forwards;}
#diaryIMG h2.title{width:100%;height:90px;position:absolute;top:30px;bottom:0;left:0;right:0;margin:auto;color:#fff;transform:scale(0.9);animation:expand 10s ease-out 0s 1 forwards;-webkit-animation:expand 10s ease-out 0s 1 forwards;}
#diaryIMG h2.title i{color:#f0f;opacity:0.75;margin:-10px;font-size:40px;}

@keyframes expandBG{0%{background-size:100% auto;}100%{background-size:110% auto;}}@-webkit-keyframes expandBG{0%{background-size:100% auto;}100%{background-size:110% auto;}}
@keyframes expand{0%{transform:scale(0.9);}100%{transform:scale(0.95);}}@-webkit-keyframes expand{0%{transform:scale(0.9);}100%{transform:scale(0.95);}}

.price01 h3{font-size:26px;}
.price01 p{font-size:15px!important;}

figure.topIMG{width:100%;height:auto;}
figure.topIMG a{display:block;flex-wrap:inherit;justify-content:inherit;align-items:inherit;}
.postField{margin-top:40px;}
#singlePost .postField h4{line-height:1.75;}

.pager li.prev, .pager li.next{position:relative;left:0;right:0;top:auto;bottom:auto;width:100%;box-sizing:border-box;margin:25px 0;}

body.home .top01 h2 img{left:0;right:0;margin:0 auto;}

section.hosho{margin-top:200px;}
section.hosho h2{line-height: 1.2;}
section.hosho h2:before{top:-70px;left:0;right:0;margin:0 auto;}
section.hosho h2 b{font-size:40px;}
div.hosho{flex-direction:column;}
div.hosho dl{width:100%;margin:10px 0;}
div.hosho dl dt{text-align:left;height:auto;vertical-align:middle;display:table;margin-left:auto;margin-right:auto;}

div.hosho dl dt{padding:20px 0 20px 110px!important;background-size:90px auto!important;background-position:left center!important;}
div.hosho dl.hosho02 dt{background-position-x:10px!important;}
div.hosho dl.hosho03 dt{background-position-x:10px!important;}
div.hosho dl.hosho04 dt{background-position-x:5px!important;}
@media(max-width:320px){
div.hosho dl dt{font-size:19px;padding:20px 0 20px 90px!important;background-size:70px auto!important;}
div.hosho dl dt span{font-size:14px;}
}
ul.banner li{width:100%;margin:15px auto;}
ul.banner > li > a > img{width:100%;height:auto;}

#access h3{font-size:20px;}
#access .mapBOX .root ul li{margin:0 7px 15px 7px;}
#access .mapBOX .root ul + p{padding:15px;border:1px solid #ccc;background:#f0f0f0;font-size:17px;line-height:1.75;}
#access .mapBOX .root ul + p br{display:none;}
#access .nearly{padding-left:15px;padding-right:15px;}
#access .nearly h4{padding-left:10px;padding-right:10px;}
#access .nearly ul li{font-size:14px;}

/*news*/
ul.list-blog li{margin-bottom:0;}
ul.list-blog li a{padding:40px 0;}
ul.list-blog li a span.thumIMG,ul.list-blog li a:hover span.thumIMG{width:290px;position:relative;margin:0 auto 15px auto;height:193px;left:0;top:0;}
ul.list-blog li.noTHUM a{padding-top:20px;}
ul.list-blog li a b.title{color:#fff;line-height:1.75;letter-spacing:normal;padding-left:0;margin-bottom:5px;}
ul.list-blog li a span.txt{color:#ccc;line-height:2.0;font-size:13px;}
ul.list-blog li a time{background-position-y:3px;font-size:12px;padding-left:16px;background-size:13px;}
ul.list-blog li a time span{margin-left:13px;padding-left:16px;}
#header{height:auto;position:relative;border:0;border-image:none;border-top:5px solid #000;background:linear-gradient(170deg, #c39 0%, #f69 30%, #ff9 100%);}
#headContainer{height:90px;}
#headContainer > h1{width:calc(100% - 20px);}
#headContainer > h1 a{margin:0;background-image:url(../layout/logoWH.png);background-size:110px auto;background-position:left center;width:130px;}
#headContainer > h1 b{position:relative;width:140px;height:3.5em;display:block;color:#fff;}
#headContainer > h1 b br{display:block;}

#headContainer ul.badge{display:none;}
#headContainer #gNavi{position:relative;right:auto;top:90px;bottom:auto;width:100%;height:75px;background-color:#000;border-radius:0;text-align:center;}
#headContainer #gNavi.fixed{position:fixed;top:0;}
#headContainer #gNavi ul{height:100%;box-sizing:border-box;}
#headContainer #gNavi ul > li{background:url() no-repeat center top 12px / 42px auto;width:calc(100% / 5);height:100%;}
#headContainer #gNavi ul > li > a {font-size:11px;color:#fff;padding:53px 2px 10px 2px;height:auto;}
#headContainer #gNavi ul > li.g01{background-image:url(../layout/badge/spNavi_01.png);}
#headContainer #gNavi ul > li.g02{background-image:url(../layout/badge/spNavi_02.png);}
#headContainer #gNavi ul > li.g03{background-image:url(../layout/badge/spNavi_03.png);}
#headContainer #gNavi ul > li.g04{background-image:url(../layout/badge/spNavi_04.png);}
#headContainer #gNavi ul > li.g05{background-image:url(../layout/badge/spNavi_05.png);}
#headContainer #gNavi ul:before, #headContainer #gNavi ul > li:before{height:20px;top:0;bottom:0;margin:auto 0;}


main.main{width:97.5%;margin:0 auto;padding:15px 15px 80px 15px;margin-bottom:30px;box-shadow:0 0 5px rgba(0,0,0,0.3);}
main.main h4.title, #pageField h4, #pageField h4 span{font-size:26px;}
main.main h5.title, #pageField h5, #pageField h5 span{font-size:20px;}
main.main p, #pageField p{font-size:15px;text-align:justify;}
main p.title, main #pageField p.title{font-size:19px;line-height:1.75;}
div.notice{padding:20px 15px 40px 15px;}
div.notice h5:first-child{margin-top:0!important;}

.pagenation{padding:0;}
.pagenation a.prev.page-numbers, .pagenation a.next.page-numbers{top:auto;bottom:50px;}

ul.fBadge + p{font-size:12px;}

/*お問い合わせ*/


.item-top,.item-top.noTHUM{display:block;justify-content:inherit;margin-bottom:30px;}
.item-top > figure.topIMG{width:100%;}
.item-top > figure.topIMG a img{max-width:100%;max-height:350px;width:auto;height:auto;}
.item-top > div.topINFO{width:100%;margin-top:30px;}

.mailform tr.age input{width:5em!important;}
#pageField #kiyaku li{font-size:15px;line-height:2.0;}

.pager li.next{padding-right:0;}
.pager li.prev{padding-left:0;}

nav.page-link li{margin:0 4px;width:84px;height:84px;}
nav.page-link li a b{font-size:13px;}

#pageField table th{width:80px;}
#pageField table th, #pageField table td{font-size:15px;padding:10px 7px;}
.article div.map iframe{height:280px;}
div.notice h6{font-size:19px;}
div#history{padding:20px;}
div#history ol li{font-size:15px;padding-left:5.5em;}

main ul.link li{margin:5px;}
main ul.link li a{font-size:15px;min-width:auto;padding:1em;}

.errorBox div.notice{padding:20px;}


/*archive-post.php*/
div.list-blog > article{padding-left:0!important;padding-right:0!important;margin-bottom:0;}
div.list-blog > article a.thumIMG{position:relative;top:auto;left:auto;margin:0 auto 20px auto;}
div.list-blog > article a.thumIMG:hover{top:auto;left:auto;width:210px;height:140px;}
div.list-blog > article h4{line-height:1.5;}
div.list-blog > article p.txt{margin-bottom:0!important;}
div.list-blog > article p a{font-size:15px;}

/*single-post.php*/
.item-top > figure.topIMG{margin:0 auto 30px auto;width:auto;max-width:100%;}
main#news-page .item-top > div.topINFO{width:100%;}
.item-top > div.topINFO{margin-top:0;}
.item-top > div.topINFO h3{font-size:23px;}

.pager li.home a{display:table;width:50px;height:50px;}
.pager li.home span{display:block;}
.pager li.next{padding-right:18px;}
.pager li.prev{padding-left:18px;}
.pager#uchino-pager li.prev, .pager#uchino-pager li.next{bottom:auto;background:none;padding:0;}

nav#bread{margin-bottom:5px;}
nav#bread ul{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;box-sizing:border-box;}
nav#bread ul li{display:inline;}
article.article{margin-top:0;}
body.single main.main h2.title{/*margin-bottom:0;*/}

/*会社概要ページ*/
#pageField .map + div.notice p{padding:0;text-align:left;}


main.main div.notice p{padding:0;text-align:left;}

.article .imgLEFT,
.article .imgRIGHT{position:relative; min-height:auto;}
.article .imgLEFT{padding-left:0px;}
.article .imgRIGHT{padding-right:0px;}
.article .imgLEFT img,
.article .imgRIGHT img{display:block;position:relative;top:auto;bottom:auto;margin:20px auto;}
.article .imgLEFT a img,
.article .imgRIGHT a img{width:auto;height:auto;max-width:270px;max-height:350px;box-sizing:border-box;}
.article .imgLEFT img,
.article .imgRIGHT img{right:auto;left:auto;}
.article .imgLEFT.widePIC{padding-left:15px;}
.article .imgRIGHT.widePIC{padding-right:15px;}
.article .imgLEFT.widePIC a img,
.article .imgRIGHT.widePIC a img{width:auto;height:auto;max-height:350px;max-width:270px;}
.article .imgLEFT.vPIC{padding-left:15px;}
.article .imgRIGHT.vPIC{padding-right:15px;}
.article .imgLEFT.vPIC a img,
.article .imgRIGHT.vPIC a img{width:auto;height:auto;max-height:350px;max-width:270px;}
#pageField .imgLEFT img,#pageField .imgRIGHT img{left:auto;right:auto;margin:15px auto;box-sizing:border-box;}

.article .imgLEFT figure,
.article .imgRIGHT figure{display:block;position:relative;top:auto;bottom:auto;margin:20px auto;}
.article .imgLEFT img,.article .imgLEFT figure{left:0;}
.article .imgRIGHT img,.article .imgRIGHT figure{right:0;}

.article .imgRIGHT figure img,
.article .imgLEFT figure img{position:relative;top:auto;bottom:auto;left:auto;right:auto;display:inline-block;max-width:90%!important;box-sizing:border-box;}
.article .imgRIGHT figure,
.article .imgLEFT figure{text-align:center;}
.article .imgRIGHT figure figcaption,
.article .imgLEFT figure figcaption{margin-top:-15px;}


@media(max-width:356px){
#headContainer > h1 a{background-size:100px auto;width:120px;}
#headContainer > h1 b{font-size:12px;}
#headContainer #gNavi{height:60px;}
#headContainer #gNavi ul > li{background-size:34px auto;background-position-y:8px;}
#headContainer #gNavi ul > li > a{font-size:12px;padding-top:40px;padding-bottom:0;height:100%;}
#headContainer #gNavi ul:before, #headContainer #gNavi ul > li:before{height:30px;}
}





nav.page-link{margin:50px auto;}
#aboutus-page nav.page-link{margin:0 auto 50px auto;}
nav.page-link ul{display:flex;flex-wrap:wrap;justify-content:left;background:#efefef;padding:5px;}
nav.page-link li{width:33%;height:40px;display:block;margin:0;}
nav.page-link li a{border-radius:0;background-color:rgba(0,0,0,0.85);display:block;padding-top:12px;border:1px solid #666;}
nav.page-link li a b{color:#cf0;}
nav.page-link li a b br{display:none;}
nav.page-link li a b:before{bottom:28px;}
nav.page-link li a:hover{background-color:rgba(0,0,0,0.5);color:#cf0;}


h2.title i{color:#ff00ff24;margin:-10px;font-size:60px;}
main.main h2.title{padding-top:0px;}
main{padding:0 2.5%;}
main.main{width:95%;}
.menu-example{flex-direction:column;}
.menu-example dl{width:100%;margin:10px 0;}
.menu-example dl dd ul li{font-size:14px;}
.menu-example dl dd ul li b{width:40%;}
.menu-example dl dd ul li span{min-width:6em;width:auto;}
.menu-example dl dd ul li span i{font-size:17px;}
.menu-example dl dd ul li em{min-width:auto;width:auto;}
ol.note{padding:37px 15px 10px 15px;background:#ffc url(../layout/badge/note.png) no-repeat center top 10px / 30px auto;}
figure.boxPDF {margin:0;}
#access .mapBOX iframe{width:100%;margin-right:0;}
#access .mapBOX .root ul{width:100%;margin-top:20px;justify-content:space-around;}
#access .nearly ul li{width:100%;}
#blog .blog-list article{width:100%;margin-left:0;}
#blog .blog-list article h4{padding:20px 15px 0 15px;font-size:17px;}
main#company section{width:95%;}
main#company section table{width:100%;}
main#company section table col.title{width:160px;}
main#company section table tr th, main#company section table tr td{padding:0 5px;display:block;}
main#company section table tr th{padding-top:20px;}
main#company section table tr td{padding-bottom:10px;}
#contact .telBOX div.number a.tel{font-size:43px;}
#contact .telBOX div.txt{margin:20px 0 0;}
#fNavi{width:100%;height:auto;background-color:unset;border-radius:0;text-align:center;box-shadow:none;}
#fNavi ul{justify-content:flex-start;flex-wrap:wrap;}
#fNavi ul > li{text-align:left;width:50%;background:url() no-repeat left center / 35px auto;}
#fNavi ul > li.g01{background-image:url(../layout/badge/spNavi_01.png);}
#fNavi ul > li.g02{background-image:url(../layout/badge/spNavi_02.png);}
#fNavi ul > li.g03{background-image:url(../layout/badge/spNavi_03.png);}
#fNavi ul > li.g04{background-image:url(../layout/badge/spNavi_04.png);}
#fNavi ul > li.g05{background-image:url(../layout/badge/spNavi_05.png);}
#fNavi ul > li > a{font-size:13px;color:#fff;padding:15px 0 15px 50px;}

a#pagetop{right:15px;}


/*修理ブログ*/
#blog .blog-list article{width:100%;}
#sort select{margin:8px 5px 0 0;}
#sort span.sort-date{display:block;}


/*お問合せ*/
#contact .telBOX div.number{padding:25px 20px 30px 20px;}
#contact .telBOX div.number a.tel{background-size:26px;background-position-y:11px;height:30px;padding:6px 0 6px 35px;font-size:28px;line-height:1.2	;}
#contact .telBOX div.number a.tel + span{padding-left:40px;font-size:15px;}
form span.wpcf7-list-item{margin-right:0!important;}
form span[data-name='not-sales'] label{display:flex;flex-wrap:wrap;justify-content:left;align-items:center;width:100%;margin:0 auto;}
form span[data-name='not-sales'] label input{display:inline-block;margin-right:10px;}
form span[data-name='not-sales'] label span{line-height:1.5;display:inline-block;width:calc(100% - 35px);}
main table.mailform,
main table.mailform tbody,
main table.mailform tr,
main table.mailform th,main table.mailform td{width:100%;display:block;box-sizing:border-box;}
main table.mailform th{border-bottom:4px solid #ccc;padding-bottom:7px;margin-top:30px;margin-bottom:7px;}
.mfp_buttons{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
main .mfp_buttons input, main .mfp_buttons button{display:block;padding:1em 1em;min-width:120px;-webkit-border-radius:5px;border-radius:5px;-webkit-appearance:none;}
table.mailform td input[type=text], 
table.mailform td input[type=tel],
table.mailform td input[type=file],
table.mailform td input[type=email], 
table.mailform td textarea{width:100%!important;max-width:100%;box-sizing:border-box;}
form .kiyaku p{font-size:11px;text-align:center;}
/*料金表*/
.priceBOX h3{padding-bottom:60px;font-size:27px;}
.priceBOX h3 time{right:auto;left:50px;top:63px;}
ul.tabMENU li{width:45%;padding:10px 3px;font-size:13px;}
ul.tabMENU li.tab01,
ul.tabMENU li.tab02{margin-bottom:10px;}

@media screen and (max-width:320px){
ul.tabMENU li{font-size:11px;}
}

/*問合せ完了*/
.mailIcon{width:25%;}