/*
Theme Name: Sydney Child
Theme URI: https://athemes.com/theme/sydney
Template: sydney
Author: aThemes
Author URI: https://athemes.com
Description: Sydney is a powerful business theme that provides a fast way for companies or freelancers to create an awesome online presence. As well as being fully compatible with Elementor, Sydney brings plenty of customization possibilities like access to all Google Fonts, full color control, layout control, logo upload, full screen slider, header image, sticky navigation and much more. Also, Sydney provides all the construction blocks you need to rapidly create an engaging front page.
Tags: two-columns,right-sidebar,block-styles,custom-colors,custom-background,custom-header,custom-menu,featured-images,sticky-post,theme-options,threaded-comments,translation-ready
Version: 1.72.1607406257
Updated: 2020-12-08 14:44:17

*/
/*BlockAnimations SP無効化*/
/* Remove CSS animations on small screens */
/*
@media only screen and (max-width : 599px) {
.animated {
-webkit-animation: none !important;
-moz-animation: none !important;
-o-animation: none !important;
-ms-animation: none !important;
animation: none !important;
visibility: visible !important;
}
}
/********************************/

/*-----フォント-----*/
body{
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif!important;
    font-weight: 400;
}
#mainnav ul li a,#mainnav-mobi ul li a,.news_list,.hentry .title-post,h2,h3,h4,h5,h6,body #responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link,.site-footer .site-info{
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,"Sawarabi Mincho",メイリオ,Meiryo,serif !important;
    font-weight: bold;
}

/********************************/
/*施工実績一覧*/
.works-area{
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    height: 830px;
}

.home .works-h{
    padding-top: 60px;
    margin-bottom: 130px;
    color: #fff;
}

.top-news-area01 {
  max-width: 1200px;
  margin: 0 auto
}
@media only screen and (max-width: 1024px) {
  .top-news-area01 {
    padding: 0 3% 30px 3%
  }
}
.top-news-area01 ul {
  list-style: none;
  display: -webkit-flex;	
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
}
.top-news-area01 ul li {
  width: 23%;
  margin: 0px;
  margin-bottom: 21px;
}
@media only screen and (max-width: 540px) {
  .top-news-area01 ul li {
    width: 48%;
  }
}
.top-news-area01 .specialheaderimage, .top-news-area01 .specialheaderimage_noimg {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0px;
  background-position: center center;
  background-size: cover;
}
.top-news-area01 .specialheaderimage_noimg {
  background-color: #cccccc;
  background-image: url(/wp-content/themes/fsvbasic-child1/img/top/blogmews-none.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60px auto;
}
.top-news-area01 .top-news-img {
  display: block;
  max-width: 280px;
  height: 190px;
  margin: 0px;
  padding: 0px;
overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .top-news-area01 .top-news-img {
    height: 160px;
  }
}
@media only screen and (max-width: 765px) {
  .top-news-area01 .top-news-img {
    height: 120px;
  }
}
@media only screen and (max-width: 540px) {
  .top-news-area01 .top-news-img {
    height: 160px;
  }
}
.top-news-area01 .top-news-title a {
  color: #fff;
  font-size: 95%;
  font-weight: normal;
  line-height: 130%;
  padding-bottom: 10px;
}
.top-news-area01 .top-news-hizuke {}
.top-news-area01 .top-news-area01 ul li p {
  line-height: 100%;
}

.top-news-area01 .specialheaderimage{
    transition:1s all;
    overflow: hidden;
}

.top-news-area01 .specialheaderimage:hover{
    transform:scale(1.2,1.2);
    transition:1s all;
}

.works-area{
    background: url("/wp/wp-content/uploads/2020/12/works-bg03-2.jpg") center;
    background-size: cover;
    border-right: no-repeat;
}
.top-news-area01 .top-news-hizuke{
        display: block;
    }

/*TOP*/
html{
    box-sizing: border-box;
    overflow-x: hidden!important;
}
.home h2{
    text-align: center;
    margin-bottom: 80px;
}

.works-h,.news-h{
font-size: 48px;
}
.top-main-c .main-h,.seemore-btn .wp-block-button__link{
    font-family: 'Lora', serif !important;
    font-weight: 400;
}
.top-main,.gmap-area{
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    position: relative;
}
.top-main-l,.top-main-r{
    position: absolute;
    top:0;
    height:100%;
    width: 375px;
    background: rgba(34, 34, 34,.9) 0% 0% no-repeat padding-box;}
.top-main-r{
    right: 0;
}
.top-main-c{
    width: 200px;
    margin: 0 auto;
    padding:70px 0;
}
.home .main-h{
    color:#fff;
    line-height: 60px;
    margin: 0;
    font-size:60px;
    text-align: center;
}
.seemore-btn{
    bottom: 0;
    position: absolute;
    margin: 0;
    padding-bottom: 40px;
    width: 200px;
    text-align: center;
}
.home .seemore-btn .wp-block-button__link{
    border-color: #fff;
    color: #fff !important;
    width:155px;
    padding:4px 8px;
    border-radius: 5px;
}
.seemore-btn .wp-block-button__link:hover{
    color: #47425d;
    border-color: #47425d;
    background-color: #fff;
    transition: all .7s ease-out;
}
.my-icon{
    font-size:0.8em;
}
.my-icon:hover{
    color: #47425d;
}


/*新着情報*/
.news_list{
    list-style: none;
    padding: 0;
    width: 850px;
    margin: 0 auto;
}

.news_list li{
    border-bottom: 1px dashed #000;
    padding-top: 1.2em;
    padding-left: 1em;
}

.news_list a{
    padding-left: 3em;
    font-size: 18px;
    color: #47425d;
}

.news_list a:hover{
    color:#8f8ba0;
}

/*google map*/
.gmap-area {
    padding:0 .5em 0 .5em;
    filter: grayscale(100%);
    transition: all  0.3s ease;
    margin-bottom: -10px;
}

.gmap-area:hover {
    filter: grayscale(0%);
}
.gmap-area iframe{
    width:100%;
}

.home .wp-block-image{
margin-bottom: 0;
}


/**個別投稿**/
.single-meta .byline {
    display: none;
}
.post-navigation{
    display: none !important;
}
#comments,span.author.vcard{
    display: none;
}
.page-wrap{
min-height: 800px;
}
.hentry .meta-post{
    display:none;
}
.content-area .entry-thumb{
display: none;
}

.top-news-area01 .top-news-img{
    border: 1px solid #fff; 
}

/*-----固定ページ-----*/
.hentry .title-post{
    font-size: 42px;
}

/*-----施工実績-----*/
.works-page ul{
    justify-content:left;
}
.works-page ul li{
    margin: 0 10px 30px;
}
.works-page .top-news-title a{
    color: #443f3f;
}

/*-----会社情報-----*/
.comp-p{
    font-size: 18px;
    font-weight: bold;
    line-height: 36px;
    padding: 10px;
}
.comp-tbl{
    width: 80%;
    margin: 0 auto;
    }
.comp-tbl td{
    text-align: left;
    padding-left: 3rem;
    font-size: 18px;
    border: none;
    border-bottom: 1px solid #333;
    
}

/*-----事業内容-----*/
.bus-list{
    font-size:18px;
    font-weight: bold;
}
.bus-list li {
  list-style: none;
  position: relative;
  line-height: 2.5em;
}
.bus-list li::before {
    position: absolute;
    left: -2em;
    font-family:'FontAwesome';
    content: "\f058";
    color: #47425d;
    font-size: .8em;
    font-weight: 900;
}

/*-----お問い合わせ-----*/
.wpcf7 input{
    max-width: 100%;
}


/*----------フッター----------*/
#colophon{
    text-align: center;
    color: #fff;
}
body .footer-widgets{
    background: #1C1C1C;
    padding: 0;
}
.footer-widgets a{
    color:#fff;
    margin: 0 1em;
}
.footer-widgets a:hover{
    color:#ddd;
}
#menu-footer-1{
    display: flex;
    justify-content: center;
    align-items: baseline;
}
#menu-footer-1 li{
    position: relative;
}
#menu-footer-1 li:not(:last-child):after{
    content:"/";
    position: absolute;
    left : 10;
    color: #fff;
}
.widget-area .widget{
    margin: 2em 0 0;
}
/*―――――レスポンシブ―――――*/
@media(max-width:1024px){
    .widget-area .widget{
        display: none;
    }
}
@media(max-width:992px){
    .news_list{
        width: 100%;
    }
}
@media(max-width:540px){
    .works-area{
        height: 100%;
    }
}
@media(max-width:768px){
    .top-main-l,.top-main-r{
        width:40%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .top-spc{
        height: 50px!important;
    }
    .wp-block-buttons .seemore-btn{
        display: none;
    }
    .top-main-c .main-h{
        margin:0;
    }
    .top-main-c .main-h{
        margin:0;
    }
    .top-main-c{
        padding: 0;
        width: inherit;
    }
    .home .main-h{
        font-size: 30px;
        line-height: 30px;
    }
    .news_title{
        display: block;
    }
    .news_title a{
        padding:0;
    }
    .works-page ul{
        justify-content: center;
    }
    .works-page ul li{
        margin: 0 10px;
    }
    .comp-tbl{
        width:100%;
    }
}
@media(max-width:300px){
    .top-news-area01 ul li{
        width:auto;
    }
}
@media(max-width:300px){
    .top-news-area01 ul{
        display: block;
    }
}
@media(min-width:455px) and (max-width:768px){
    .works-page ul li{
        max-width:45%;
    }
}

/*-----ハンバーガー-----*/
.btn-menu{
    display: none;
}
body #responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link{
    letter-spacing: .2em;
}

.pdf-li li a{
	text-decoration:underline;
}
.pdf-li li a:hover{
	color:limegreen;
}
.pdf-li li a::after {
    content: "\f1c1";
    font-family: "Font Awesome 5 Free";
    margin-left: .5em;
    color: red;
}

@media print {
a[href]:after {
  content: "" !important;
}
abbr[title]:after {
  content: "" !important;
}
}

@media(max-width:768px){
	.wp-block-gallery{
		width:80%;
	}
}

:root :where(.is-layout-flow) > *{
    margin-block-start:initial;
}