/*
Theme Name: twentyseventeen-child
Template: twentyseventeen
Theme URI: https://wordpress.org/themes/twentyseventeen/
*/
@font-face {
  font-family: 'HGPSoeiKakugothicUB';
  src: url('http://suzutexs.official.jp/wp-content/japanesefont/HGPSoeiKakugothicUB.woff') format('woff'),
       url('http://suzutexs.official.jp/wp-content/japanesefont/HGPSoeiKakugothicUB.ttf') format('truetype');
}
.navigation-top {
    background: repeating-linear-gradient(-45deg, #ecf4fd, #ecf4fd 4px, #fff 0, #fff 8px);
}
/**********************************************/
/* ソーシャルリンクのデザインを整える */
/**********************************************/
.custom-headetr .social-navigation {
	margin: 2em;
}
.custom-header .social-navigation li {
	float: right;
	margin: 0;
	padding: 0;
}

#recommend h2,
#news h2,
#work h2 {
    padding: 0.5em 1em 0.5em 1em;/*文字周りの余白*/
    background-color: #e2effc;/*背景色 20170812 #eaf3ff 20170812 #e5edff 20171202 #ddecfb*/
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 4px solid #3b5998;/*#0044cc*/
}

#text-3,
#text-4,
#text-5 {
    position: relative;/*相対位置*/
    padding-top: 0.5em;
    padding-left: 1em;/*アイコン分のスペース*/
    background: none;/*背景色*/
    border-top: 2px dotted #ccc;/* 20170813 */
    border-right: none;
    border-bottom: none;
    border-left: none;
    line-height: 1.4;/*行高*/
}
@media screen and (min-width: 48em) {
    #text-3,
    #text-4,
    #text-5 {
        position: relative;/*相対位置*/
        padding-left: 1.5em;/*アイコン分のスペース*/
        background: none;/*背景色*/
        border-left: none;
        border-top: 2px dotted #ccc;/* 20170813 */
        line-height: 1.4;/*行高*/
    }
}
#text-3 h2:before,
#text-4 h2:before,
#text-5 h2:before {
    font-family: FontAwesome;/*忘れずに*/
    content: '\f111';/*アイコンのユニコード*/
    position: absolute;/*絶対位置*/
    left: 0;/*アイコンの位置*/
    /*top: 0.5em;アイコンの位置*/
}

#text-3 h2:before {color: #ffa7a1;}
#text-4 h2:before {color: #b1eab8;}
#text-5 h2:before {color: #ffdfa1;}
/*
#news h2 span,
#event h2 span,
#goodvalue h2 span {
    margin-left: 4px;
    font-size:60%;
    color: #ccc;
    position: relative;
    top: -5px;
}
*/
div.left,
div.right {
    width: 48%;
    height: auto;
}
div.left {
    float: left;
}
div.right {
    float: right;
}
div#firstline div.left img,
div#firstline div.right img {
    margin-top: 1em;/* 20120814 */
    margin-bottom: 1em;
}
div#secondline div.left img,
div#secondline div.right img {
    margin-bottom: 2em;
}

div.swiper-button-prev,
div.swiper-button-next {
    visibility: hidden;
}
@media screen and (min-width: 48em) {
    div.swiper-button-prev,
    div.swiper-button-next {
        visibility:visible;
    }
    div.swiper-button-prev:hover,
    div.swiper-button-next:hover {
        background-color: #aad2ff;
        opacity: 0.7;
        filter: alpha(opacity=70);
        -ms-filter: "alpha(opacity=70)";
    }
}
/*
@media screen and (min-width: 48em) {
    div#news h2 span,
    div#event h2 span,
    div#goodvalue h2 span {
        margin-left:20px;
        font-size:80%;
        color: #ccc;
        position: relative;
    }
}
*/
/* 2019*0730 星マーク削除 */ 
ul.display-posts-listing {
     list-style: none;
}
ul.display-posts-listing li {
    margin: 0px 4px 20px !important;
}
ul.display-posts-listing li img {
    width: 100px !important;
    height: auto !important;/* 20170928 100%～ */
}
#text-3    ul.display-posts-listing,
#text-4    ul.display-posts-listing,
#text-5    ul.display-posts-listing {
    margin-left: 1em;
}
#text-4    ul.display-posts-listing li {
    clear: left;/* 20170804 */
}
#text-4    ul.display-posts-listing li img{
    float: left;/* 20170804 */
    margin: 0 10px 20px 0 !important;
}
#text-4    ul.display-posts-listing li.listing-item  span.excerpt-dash {
    display: none;
}

#text-4    ul.display-posts-listing li.listing-item span.excerpt {
    font-size: smaller !important;
}
#text-4    ul.display-posts-listing li span.excerpt:before {
    content: "\A";
    white-space: pre;
}

#work {
    width: 100%;
    margin-bottom: 20px;
}
#work ul.display-posts-listing {
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

#work ul.display-posts-listing li {
    min-height: 200px !important;
    vertical-align: top !important;
    display: inline-block;
    white-space: normal;
    word-wrap: break-word;
    font-size: 12px;
    line-height: 1.2;
}
#work ul.display-posts-listing li {
    float; left;
}
#work ul.display-posts-listing li:nth-child(1),
#work ul.display-posts-listing li:nth-child(3),
#work ul.display-posts-listing li:nth-child(5) {
    width: 49%;
    margin: 0 0 12px 0 !important;
}
#work ul.display-posts-listing li:nth-child(2),
#work ul.display-posts-listing li:nth-child(4),
#work ul.display-posts-listing li:nth-child(6) {
    width: 49%;
    margin: 0 0 12px 2% !important;
}
@media screen and (min-width: 30em) {
    #work ul.display-posts-listing li:nth-child(1) {
        width: 32%;
        margin: 0 0 12px 0 !important;
    }
    #work ul.display-posts-listing li:nth-child(2),
    #work ul.display-posts-listing li:nth-child(3) {
        width: 32%;
        margin: 0 0 12px 2% !important;
    }
    #work ul.display-posts-listing li:nth-child(4) {
        width: 32%;
        margin: 0 0 12px 0 !important;
    }
    #work ul.display-posts-listing li:nth-child(5),
    #work ul.display-posts-listing li:nth-child(6) {
        width: 32%;
        margin: 0 0 12px 2% !important;
    }
}
@media screen and (min-width: 55em) {
    #work ul.display-posts-listing li:nth-child(1) {
        width: 15%;
        margin: 0 0 8px 0 !important;
    }
    #work ul.display-posts-listing li:nth-child(2),
    #work ul.display-posts-listing li:nth-child(3),
    #work ul.display-posts-listing li:nth-child(4),
    #work ul.display-posts-listing li:nth-child(5),
    #work ul.display-posts-listing li:nth-child(6) {
        width: 15%;
        margin: 0 0 8px 2% !important;
    }
}

#work ul.display-posts-listing li img {
    width: 100% !important;
    height: auto !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    display: block !important;
}
#work ul.display-posts-listing li span.date {
    font-size: smaller;
}
#work ul.display-posts-listing li span.date:before {
    content: "\A";
    white-space: pre;
}
#work ul.display-posts-listing li.listing-item span.excerpt-dash {
    visibility: hidden;
}
#work ul li a.title {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    transition: none;
}

article.category-work div.post-thumbnail {
    width: 200px;
    margin-right: auto;
    margin-left: auto;
}
article.category-work div.post-thumbnail img {
    max-width: 200px;
    height: auto;
}

img.alignright {
    max-width: 40%;
}
img.alignleft {
    max-width: 40%;
}

div.ribbonbox {
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 20px 0;
    width: 300px;
    border: 1px solid #ccc;/* 20170814 */
    background: #f8f8f8;
  }
h4.ribbonblue {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 5px;
    box-sizing: border-box;
    padding: 0 12px;
    margin: 0;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    letter-spacing: 0.1em;
    color: #ffffff;
    background: #0044cc;/* 20170812 #70c7ff */
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);
}
h4.ribbonblue:before {
    position: absolute;
    content: '';
    top: 0;
    left: -7px;
    border: none;
    height: 38px;
    width: 7px;
    background: #0040cc;/* 20170812 #70c7ff */
    border-radius: 5px 0 0 5px;
}
h4.ribbonblue:after {
    position: absolute;
    content: '';
    bottom: -7px;
    left: -5px;
    border: none;
    height: 7px;
    width: 5px;
    background: #3b5998;/* 20170812 #4d99ca #191970*/
    border-radius: 5px 0 0 5px;
}
p#mokujinaiyou {
    padding-top: 10px;
}

h5.before {
    color: #ff4500 !important;/* 前　orangered */
}
h5.after {
    color: #228b22 !important;/* 後　forestgreen */
}
span.yellowpen {
    background: linear-gradient(transparent 60%, #ff0 0%);
}

div#sitemap ul {
    list-style: none;
}

#serviceflow {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
}
#serviceflow .veu_flowBox {
    border-top: dotted 1px #ccc;
    border-bottom: dotted 1px #ccc;
    padding: 0.5em 1em 0.5em 1em !important;
    background-color: #f7fcfd;
}
#serviceflow .veu_flowBox dd {
    margin: 0 0 0 0.5em;
}
#serviceflow p {
    margin: 0;
    text-align: center;
    color: #0044cc;
}
@media screen and (min-width: 48em) {
    #serviceflow .veu_flowBox {
        border-top: dotted 1px #ccc;
        border-bottom: dotted 1px #ccc;
        padding: 0.5em 1em 0.5em 1em !important;
        background-color: #fdffff;
/*      background-image: url('http://suzutexs.official.jp/wp-content/uploads/2017/08/bgimgwave.jpg');*/
    }
}

#corporatephilosophy,
#companyoverview,
#sitemap {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
}

.page-top {
    margin: 0;
    padding: 0;
}
.page-top p {
    margin: 0;
    padding: 0;
    position: fixed;
    right: 4px;/* 20170903 10px */
    bottom: 4px;/* 20170903 0px */
    display: none;
}
.move-page-top {
/*    display: block;*/
/*    background: #7070ff;*/
/*    width: 150px;*/
/*    height: 50px;*/
/*    color: #fff;*/
/*    line-height: 50px;*/
/*    text-decoration: none;*/
/*    text-align: center;*/
/*    cursor: pointer;*/
/*    border-radius: 10px;*/
/*    -webkit-border-radius: 10px;*/
/*    -moz-border-radius: 10px;*/
}

.move-page-top:hover {
    opacity: 1;
}
@media screen and (min-width: 48em) {
    .move-page-top:hover {
        opacity: 0.75;
    }
}

.site-header {
    margin-bottom: 1.5em;
}

.site-header {
        margin-bottom: 0;
}

p.imgright {
    margin-top: 12px;
}

div.box.animated img {
/*        background-color: black; 20170902 */
        margin-top: 18px;
        margin-right: 12px;
        margin-bottom: 36px;
        padding: 12px;
        border: 3px double #808080;
/*        opacity: 0.1; 20170902 */
}
@media screen and (min-width: 48em) {
    div.box.animated img {
        margin-top: 0;
    }
}
.clearfix:after {
    content: '';
    display: block;
    clear: both;
}
.clearfix {
    zoom: 1; /* for IE6/7 */
}
.widget ul li#menu-item-921 {
    border-top: none;
}
/**********************************************/
/* サイトタイトルのアニメーション */
/**********************************************/
.site-branding-text {
    animation: fadeIn 3s ease 0s 1 normal;
    -webkit-animation: fadeIn 3s ease 0s 1 normal;
}
	@keyframes fadeIn {
		0% {opacity: 0}
    	100% {opacity: 1}
	}
	@-webkit-keyframes fadeIn {
    	0% {opacity: 0}
    	100% {opacity: 1}
	}

.single-featured-image-header img {
    display: none;
}
.archive.category.category-event .post-thumbnail a img {
    display: none;
}
/* 作者名非表示 */
.entry-meta span.byline {
	display: none;
}
/* お知らせ　統合 */
#news h2 {
  padding: 0.5em 1em 0.5em 1em;
  background-color: #e2effc;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 4px solid #3b5998;
}
#news h2::before {
  content: '';
}
#news dl dd {
  font-size: 0.8rem;
  margin-left: 0;
}