@charset "utf-8";
 @font-face {
font-family: 'Noto Sans JP';
font-style: normal;
font-weight: 400;
src: local("Noto Sans CJK JP"),
url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format('opentype');
}
body {
font-family: 'Noto Sans JP', "游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo, sans-serif;
line-height:2em;
font-size:16px;
overflow-x: hidden;
}
p{
margin-bottom:1em;
}
.container-fluid{
padding:0;
} .row-nopadding {
margin-left: 0;
margin-right: 0;
} .row-nopadding > [class*="col-"] {
padding-left: 0;
padding-right: 0;
} img {
max-width: 100%;
height: auto;
}
.v-middle{
vertical-align: middle;
}
.v-bottom{
vertical-align:bottom;
}
.alignleft{
float:left;
padding-right:30px;
padding-bottom:30px;
}
.alignright{
float:right;
padding-left:30px;
padding-bottom:30px;
}
.aligncenter{
display: block;
margin: 0 auto;
}
hr.clear{
visibility: hidden;
clear: both;
height: 1px;
margin: 0;
} .row-eq-height {
display: flex;
flex-wrap: wrap;
} table{
width: 100%;
border: 1px solid #666666;
margin-bottom: 15px;
}
table tr th{
border: 1px solid #666666;
background-color:#ebf5ec;
padding: 5px 10px;
line-height: 1.5;
white-space:nowrap;
text-align: center;
}
table tr td{
border: 1px solid #666666;
padding: 5px 10px;
line-height: 1.5;
}
table ol{
margin: 0;
padding-left: 1.25em;
}
table ul{
margin: 0;
padding-left: 1.25em;
}
table tr th p, table tr td p{
margin: 0;
line-height: 1.5;
}
table tr th.nowrap, table tr td.nowrap{
white-space:nowrap;
}
a{
color:#8a4d14;
} header#site-header .header-top{
position: relative;
min-height: 125px;
}
header#site-header .header-top .container{
position: relative;	
}
header#site-header .header-top .site-title {
position: absolute;
top: 10px;
z-index: 10;
width: 280px;
}
header#site-header .header-top .site-sns {
position: absolute;
top: 20px;
right: 0;
z-index: 9;
text-align: right;
}
header#site-header .header-top .site-sns a{
margin-right: 15px;
}
header#site-header .header-top nav{
position: absolute;
top: 75px;
width: 100%;
z-index: 2;
} header#site-header #slider{
position: relative;	
margin-top: 20px;
margin-bottom: 30px;
}   header#site-header .bg-menu{
background-color:#dfd1e7;
padding: 5px 0 5px;
}
nav .main-menu{
width: 100%;
}
#mega-menu-wrap-mainmenu #mega-menu-mainmenu > li#mega-menu-item-16{
background-image: url(//uonuma-hassai.com/wp-content/themes/hassai/images/icon-home.png);
background-repeat: no-repeat;
background-position: center left;
padding-left: 35px;
min-width:185px;
}
#mega-menu-wrap-mainmenu #mega-menu-mainmenu > li#mega-menu-item-17{
background-image: url(//uonuma-hassai.com/wp-content/themes/hassai/images/icon-company.png);
background-repeat: no-repeat;
background-position: center left;
padding-left: 35px;
min-width:185px;
}
#mega-menu-wrap-mainmenu #mega-menu-mainmenu > li#mega-menu-item-18{
background-image: url(//uonuma-hassai.com/wp-content/themes/hassai/images/icon-shopping.png);
background-repeat: no-repeat;
background-position: center left;
padding-left: 35px;
min-width:185px;
}
#mega-menu-wrap-mainmenu #mega-menu-mainmenu > li#mega-menu-item-19{
background-image: url(//uonuma-hassai.com/wp-content/themes/hassai/images/icon-contact.png);
background-repeat: no-repeat;
background-position: center left;
padding-left: 35px;
min-width:185px;
} #front-page{
margin-top: 60px;
margin-bottom: 60px;
}
#front-page h1{
padding: 0 0 15px;
font-size: 32px;
color:#009944;
margin: 0 0 30px;
text-align: center;
font-weight: 600;
border-bottom: solid 1px #898989;
}   #front-page .newsarea .newsblock{
margin-bottom: 30px;
}
#front-page .newsarea .newsitem p.news-thumbnail{
margin-bottom: 0.5em;
line-height: 1;
}
#front-page .newsarea .newsitem p.news-date{
margin-bottom: 0.5em;	
line-height: 1;
}
#front-page .newsarea .newsitem p.news-title{
margin-bottom: 0.5em;	
line-height: 1.25;
}
#front-page .top-more {
text-align:center;
margin: 15px 0;
}
#front-page .top-more a{
background-color: #9fa0a0;
color: #ffffff;
padding: 0px 15px;
}
#front-page .top-more a:hover{
text-decoration: none;
background-color: #595959;
color: #ffffff;	
}   #front-page #photolinkarea .b-img{
position:relative;
}
#front-page #photolinkarea .b-img a:hover{
opacity:0.85;
}
#front-page #photolinkarea .b-text a{
position:absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
color: #ffffff;	
padding: 15px 0px;
width: 280px;
height: 70px;
font-size: 32px;
text-align: center;
background-color: rgba(0,0,0,0.80);
text-decoration: none;
}
#front-page #photolinkarea .b-text a:hover{
text-decoration: none;
} #content{
margin-top: 30px;
margin-bottom: 30px;
}   #content .archive-post ul{
padding: 0;
list-style: none;
}
#content .archive-post ul li{
border-bottom: solid 1px #a0a0a0;
padding: 15px 30px;
}
#content .archive-post ul li:first-child{
border-top: solid 1px #a0a0a0;
}
#content .archive-post ul li .post-date{
display:inline-block;
vertical-align: top;
width: 180px;
}
#content .archive-post ul li .post-name{
box-sizing: border-box;
display: inline-block;
vertical-align: top;
width : calc(100% - 185px) ;
line-height: 1.5;
padding: 5px 0;
}
#content .archive-post ul li .post-cid{
padding-left: 15px;
}
#content .archive-post ul li .post-cid .cid{
min-width: 120px;
color:#ffffff;
display: inline-block;
text-align: center;
margin-right: 10px;
} #content .archive-post ul li .post-cid .info{
background-color: #4daac4;
}
#content .archive-post ul li .post-cid .work{
background-color: #789051;	
}
#content .archive-post ul li .post-cid .event{
background-color: #9082b1;
}
#content .archive-post ul li .post-cid .kitchen{
background-color: #e07d84;
} #content header h1{
color:#009944;
border-bottom: solid 2px #009944;
padding: 0 0 15px;
font-size: 32px;
margin-bottom: 60px;
margin-top: 0px;
}
#content .post-content header h1{
margin-bottom: 30px;
}
#content .entry-content h1, #content .entry-post h1{
border: none;
padding: 0px;
font-size: 26px;
margin: 30px 0;
text-align: center;
font-weight: 600;
color: #333333;
}
#content .entry-content h2, #content .entry-post h2{
padding: 5px 15px;
font-size: 24px;
background-color: #d5ead8;
border-top: 3px solid #00a95f;
margin-bottom: 30px;
}
#content .entry-content h3, #content .entry-post h3{
border-bottom: solid 1px #595959;
padding: 5px;
font-size: 22px;
margin-bottom: 15px;
}
#content .entry-content h4::before, #content .entry-post h4::before{
content: "■";
font-size: 20px;
font-weight: 600;
margin-top: 20px;
}
#content .entry-content h4, #content .entry-post h4{
font-size: 20px;
font-weight: 600;
margin-top: 20px;
}
#content .entry-content h5, #content .entry-post h5,
#content .entry-content h6, #content .entry-post h6{
font-size: 18px;
font-weight: 600;
}
#content .entry-post .entry-date{
text-align: right;
margin-bottom: 30px;
} #content .entry-content ul.photo03,#content .entry-content ul.photo02,
#content .entry-post ul.photo03,#content .entry-post ul.photo02{
padding: 0;
list-style: none;
font-size: 0;
}
#content .entry-content ul.photo03 li,#content .entry-content ul.photo02 li,
#content .entry-post ul.photo03 li,#content .entry-post ul.photo02 li{
display: inline-block;
vertical-align: top;
margin-bottom: 30px;
font-size: 16px;
text-align: center;
}
#content .entry-content ul.photo03 li, #content .entry-post ul.photo03 li{
width: 32%;
margin-right: 2%;
line-height: 1.75em;
}
#content .entry-content ul.photo03 li:nth-child(3n),#content .entry-post ul.photo03 li:nth-child(3n){
margin-right: 0;
}
#content .entry-content ul.photo02 li, #content .entry-post ul.photo02 li{
width: 49%;
margin-right: 2%;
line-height: 1.75em;
}
#content .entry-content ul.photo02 li:nth-child(2n), #content .entry-post ul.photo02 li:nth-child(2n){
margin-right: 0;
} #content .entry-content iframe[src*="google.com"],
#content .entry-post iframe[src*="google.com"]{
max-width: 100%;
} #content .entry-content iframe[src*="youtube.com"],
#content .entry-post iframe[src*="youtube.com"]
{
max-width: 100%;
} #content .entry-content a.btn{
display: block;
padding: 20px;
font-size: 20px;
position: relative;
background-color: #008140;
color: #ffffff;
font-weight: 600;
border: none;
}
#content .entry-content a.btn:hover{
background-color:rgba(0,129,64,0.80);
} #content .post-content #nav-below{
margin-top: 45px;
} #content .post-content #nav-below .nav-next{
text-align: right;
}   a[href$=".pdf"] {
background: url(//uonuma-hassai.com/wp-content/themes/hassai/images/icon/pdf.png) no-repeat left 3px;
margin:0px;
padding: 0px 0px 15px 25px;
}  
a[href$=".doc"], a[href$=".docx"]{
background: url(//uonuma-hassai.com/wp-content/themes/hassai/images/icon/word.png) no-repeat left 3px;
margin:0px;
padding: 0px 0px 15px 25px;
}  
a[href$=".xls"], a[href$=".xlsx"]{
background: url(//uonuma-hassai.com/wp-content/themes/hassai/images/icon/excel.png) no-repeat left 3px;
margin:0px;
padding: 0px 0px 15px 25px;
}
a[href$=".pdf"] img {
margin-left: -25px;
background-image: none;
}  
a[href$=".doc"] img, a[href$=".docx"] img{
margin-left: -25px;
background-image: none;
}  
a[href$=".xls"] img, a[href$=".xlsx"] img{
margin-left: -25px;
background-image: none;
}   [id^="gallery-"] img{
border: none!important;
}
.gallery-columns-2 .gallery-item{
width: 50%;
padding-right: 0.5%;
padding-left: 0.5%;
}
.gallery-columns-3 .gallery-item{
width: 33%;
padding-right: 0.5%;
padding-left: 0.5%;
}
.gallery-columns-4 .gallery-item{
width: 25%;
padding-right: 0.5%;
padding-left: 0.5%;
}    #content .entry-content .worklist p.work-photo{
margin-bottom: 0;
}
#content .entry-content .worklist p.work-name{
line-height: 1.5;
} #content .entry-post p.b-gaiyo{
line-height: 1em;
}
#content .entry-post .b-photo{
margin: 15px auto;
} #content .archive-content{
margin-top: 45px;
}
#content .archive-content article{
margin-bottom: 30px;
}
#content .archive-content .entry-header h2::before{
content: "■ ";
color: #71b567;
}
#content .archive-content .entry-header h2{
font-size: 24px;
font-weight: 600;
margin-top: 30px;
margin-bottom: 15px;
}
#content .archive-content .entry-summary .entry-date{
margin-bottom: 0;
}
#content .archive-content .entry-summary h2.entry-title{
font-size: 18px;
margin: 0 0 15px;
}
#content .archive-content .entry-summary .excerpt_more{
text-align: right;
}
#content .archive-content .entry-summary .excerpt_more a i.fa{
color: #71b567;
}
#content .archive-content .entry-summary p{
line-height: 1.75em;
} #content #nav-above{
margin-top: 30px;
padding-right: 15px;
padding-left: 15px;
width: 100%;
}
#content #nav-above .tab_nav{
text-align: center;
line-height: 1.25em;
}
#content #nav-above .tab_nav .page-numbers {
padding: 2px 7px;
border:solid 1px #cccccc;
}
#content #nav-above .tab_nav .page-numbers:hover{
color: #FFFFFF;
border:solid 1px #008140;
background-color: #008140;
text-decoration: none;
}
#content #nav-above .tab_nav .current {
padding: 2px 7px;
color: #FFFFFF;
border:solid 1px #008140;
background-color: #008140;
}  #side-bar .widget{
margin-bottom: 30px;
}
#side-bar .widget header{
background-color:#dddddd;
padding: 10px 0 10px 15px;	
}
#side-bar h3{
margin: 0;
padding: 0 15px 0 0;
font-size: 18px;
line-height: 1.5;
}
#side-bar ul{
padding: 0;
list-style: none;
}
#side-bar ul li{
border-bottom: solid 1px #898989;
padding: 10px 0px;
line-height: 1.5em;
}
#side-bar ul li a{
color: #333333;
}
#side-bar .posts-all-link{
text-align: right;
}
#side-bar .posts-all-link a{
color: #333333;
padding: 0 20px 0 0;
background-image: url(//uonuma-hassai.com/wp-content/themes/hassai/images/bg-more.png);
background-repeat: no-repeat;
background-position:right center;
}
#side-bar .posts-all-link a:hover{
text-decoration: none;
} footer{
background-color:#595959;
margin: 0 0 0;
padding: 0;
color:#ffffff;
}
footer .footer{
margin: 0 auto 0;
}
footer .footerinfo{
background-image:
url(//uonuma-hassai.com/wp-content/themes/hassai/images/bg-footer01.png),
url(//uonuma-hassai.com/wp-content/themes/hassai/images/bg-footer02.png);
background-position: 
left bottom,
right bottom;
background-repeat: 
no-repeat,
no-repeat;
min-height: 125px;
}
footer .footer .footer01{
margin-left: 80px;
margin-right: 90px;
padding-top: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #ffffff;
}
footer .footer .footer01 h3{
font-size: 1.5rem;
}
footer .footer .footer01 p{
margin-bottom: 0px;
}
footer .footer .footer02{
margin-left: 80px;
margin-right: 90px;
padding-top: 15px;
padding-bottom: 15px;	
} footer .footer-first{
line-height: 1.25;
padding-left: 0;
}
footer .footer-second{
margin-top: 10px;
text-align: right;
padding-right: 5px;
}
footer .footer-third{
padding-left: 0;
font-size: 14px;
}
footer #footer-second .telephone{
font-size:24px;
line-height:1;
margin-top:5px
}
footer .footer-second .fa-stack{
vertical-align:top;
margin-right: 5px;
font-size: 12px;
} footer .footer-third #nav_menu-2::after{
clear: both;
}
footer .footer-third #nav_menu-2{
float: left;
margin-right: 30px;
}
footer .footer-third #nav_menu-2 ul{
padding: 0;
list-style: none;
margin: 0;
float: right;
}
footer .footer-third #nav_menu-2 ul li:before{
font-family: "bootstrap-icons";
font-weight: 400;
content: "\F231";
line-height: 1;
vertical-align: -.125em;
margin-right: 5px;
}
footer .footer-third #nav_menu-2 ul li{
float: left;
padding-left: 0px;
line-height: 1em;
margin-right: 15px;
}
footer .footer-third #nav_menu-2 ul::after{
clear: both;
display: block;
visibility: hidden;
content: " ";
}
footer .footer-third #nav_menu-2 ul li a{
color:#ffffff;
}
footer .copyright{
}
.copyright #copyright{
line-height: 1em;
font-size: 12px;
text-align: right;
margin: 0;
color: #ffffff;
} .red{
color: #FF0000;
font-size: 12px;
}
#content .entry-content .contact{
font-size: 32px;
}
#content .entry-content .contact i{
padding-right: 15px;
color:#008140;
font-size: 34px;
}
#content .entry-content .form-group input.btn{
display: inline-block;
}
.form-group input.btn{
padding: 10px;
}
.form-group input.btn:hover{
}
span.wpcf7-list-item {
display: block!important;
}
.disnon{
display: none;
}
@media screen and (max-width: 767px) { header#site-header .header-top .site-title {
position: relative;
}
header#site-header .header-top .site-sns{
position:relative;
display: none;
visibility: hidden;
height: 1px;
} #mega-menu-wrap-mainmenu #mega-menu-mainmenu > li#mega-menu-item-80{
background-image:url(//uonuma-hassai.com/wp-content/themes/hassai/images/icon-fb.png);
background-repeat: no-repeat;
background-position: center left;
padding-left: 35px;
}
#mega-menu-wrap-mainmenu #mega-menu-mainmenu > li#mega-menu-item-81{
background-image:url(//uonuma-hassai.com/wp-content/themes/hassai/images/icon-insta.png);
background-repeat: no-repeat;
background-position: center left;
padding-left: 35px;
} #front-page #topics ul li, #content .archive-content ul li, #content .archive-post ul li{
padding: 15px 15px;
}	
#front-page #topics ul li .post-date, #content .archive-content ul li .post-date, #content .archive-post ul li .post-date{
display:block;
vertical-align: top;
width: 100%;
}
#front-page #topics ul li .post-name, #content .archive-content ul li .post-name, #content .archive-post ul li .post-name{
box-sizing: border-box;
display: block;
vertical-align: top;
width : 100%;
line-height: 1.5;
padding: 5px 0;
}	
#front-page #buttonarea .col-6{
margin-bottom: 30px;
} #content .post-content, #content .page-content, #content .content{
float:none;
}
#content #side-bar{
float:none;
} #content .entry-content iframe[src*="google.com"],
#content .entry-post iframe[src*="google.com"]{
max-width: 100%;
height: 60vh;
} #content .entry-content ul.photo03 li, #content .entry-post ul.photo03 li{
width: 49%;
margin-right: 2%;
}
#content .entry-content ul.photo03 li:nth-child(3n),#content .entry-post ul.photo03 li:nth-child(3n){
margin-right: 2%;
}
#content .entry-content ul.photo03 li:nth-child(2n), #content .entry-post ul.photo03 li:nth-child(2n){
margin-right: 0;
} #content .entry-content .contact{
font-size: 24px;
}
#content .entry-content .contact i{
padding-right: 15px;
color:#008140;
font-size: 28px;
} #content #side-bar{
margin-top: 30px;
padding-left:15px;
} footer .footerinfo{
background:none;
}
footer .footer .footer01, footer .footer .footer02{
margin-left: 0;
margin-right: 0;
}	
footer .footer-second{
text-align: left;
}		
footer .footer-third #nav_menu-2 ul li{
line-height: 1.5em;
} footer .copyright{
text-align: left;
margin-top: 15px;
line-height: 1.25;
}
}
@media screen and (max-width: 575px) { #front-page h1{
font-size: 28px;
} #content .entry-content ul.photo03 li, #content .entry-post ul.photo03 li{
width: 100%;
margin-right: 0;
}
#content .entry-content ul.photo02 li, #content .entry-post ul.photo02 li{
width: 100%;
margin-right: 0;
} #content .archive-content .entry-summary .col-xs-12.col-sm-5{
width: 100%!important;
}
#content .archive-content .entry-summary .col-xs-12.col-sm-7{
width: 100%!important;
} #content .entry-content .gallery-columns-3, #content .entry-post .gallery-columns-3{
display:flex;
flex-wrap:wrap;		
}
#content .entry-content .gallery-columns-3 dl.gallery-item, #content .entry-post .gallery-columns-3 dl.gallery-item{
padding-right: 2px;
padding-left: 2px;
width: calc(100% / 2);
}
#content .entry-content .gallery-columns-3 br, #content .entry-post .gallery-columns-3 br{
display:none;
visibility: hidden;
}
#content .entry-content .gallery-columns-3 br:last-child, #content .entry-post .gallery-columns-3 br:last-child{
display:block;
visibility:visible;
} 
#content .entry-content .gallery-columns-4, #content .entry-post .gallery-columns-4{
display:flex;
flex-wrap:wrap;
}
#content .entry-content .gallery-columns-4 dl.gallery-item, #content .entry-post .gallery-columns-4 dl.gallery-item{
padding-right: 2px;
padding-left: 2px;
width: calc(100% / 2);
} .alignleft{
float:none;
display:block;
padding-right:0px;
padding-bottom:10px;
}
.alignright{
float:none;
display: block;
padding-left:0px;
padding-bottom:10px;
}
}
@media screen and (max-width: 360px) {  footer .footer-second #nav_menu-3::after{
clear: both;
}
footer .footer-second #nav_menu-3{
float:none;
margin-right: 0px;	
margin-top: 10px;	
margin-bottom: 10px;	
}
footer .footer-second #nav_menu-3 ul{
float:none;
}			
}
@media (min-width: 768px){ }
@media (min-width: 768px) and (max-width: 991px){
header#site-header .header-top{
min-height: 165px;
}
footer #footer-second .telephone{
font-size:24px;
}
footer .footer-second .fa-stack{
font-size: 14px;
margin-right: 0;		
}
}
@media (min-width: 992px) and (max-width: 1199px){
#mega-menu-wrap-mainmenu #mega-menu-mainmenu > li#mega-menu-item-16{
min-width:150px;
}
#mega-menu-wrap-mainmenu #mega-menu-mainmenu > li#mega-menu-item-17{
min-width:150px;
}
#mega-menu-wrap-mainmenu #mega-menu-mainmenu > li#mega-menu-item-18{
min-width:185px;
}
#mega-menu-wrap-mainmenu #mega-menu-mainmenu > li#mega-menu-item-19{
min-width:150px;
}
}