﻿/*
Theme Name:yask
Description:twentyseventeen　山形アルミサッシ工業様用テーマ
Template:twentyseventeen
Author:F-RIC-MS
*/

@import url("../twentyseventeen/style.css");
.entry-header .entry-title{
border-bottom: 2px solid #009944;
}
.entry-title a{
display: inline-block;
}
h3.entry-title{
    background: rgba(255,255,255,0.8);
    font-size: 2rem;
    padding: 0.5rem;
    border-left: 0.5rem #009944 solid;
    border-bottom: 0.1rem #009944 solid;
}

#secondary h2.widget-title{
    clear: both;
    margin-bottom: 1rem;
    line-height: 2rem;
    font-size: 1rem;
    padding-bottom: 1rem;
    color: #333;
    background: url(images/line1.png) no-repeat bottom left;
}
.widget ul li, .widget ol li {
    border-bottom: 1px solid #ddd;
    border-top: 0;
    padding: 0.5em 0;
}

/*　カテゴリ別ページ　*/
h1.page-title{
font-size: 1.5rem;
    padding: 0 0.5rem;
    display: inline-flex;
    }
h1.page-title::before{
  content:'';
  width: 0;
  height: 0;
  border-width: 0.8rem;
  border-style: solid;
  border-color: transparent transparent transparent #009944;
  display: inline-flex;
}

/*　entry-footer　*/
.entry-footer .cat-links, .entry-footer .tags-links {
    display: inline-block;
    font-size: 11px;
    font-size: 0.6875rem;
    font-weight: 800;
    letter-spacing: 0.1818em;
    padding-left: 2.5em;
    position: relative;
    text-transform: uppercase;
    border: solid 1px #009944;
    padding: 0.2rem 0.2rem 0.2rem 1rem;
    margin-right: 1rem;
}


footer:not(.entry-footer) {
    clear: both;
    position: relative;
    z-index: 1;
    background: #f3f9fb;
    background: #f0ffff url(images/bluebac.jpg) repeat;
    color: #000;
    text-align: left;
}
footer h2.widget-title{
font-size: 1.5rem;
}

.site-footer{
font-size: 1.2rem;
}
/*　トップへボタン　*/
#page-top{
    position:fixed;
    right:16px;
    bottom:16px;
    display: none;
    z-index:9999;
}

#page-top a{
    color:#fff;
    border: 1px solid #fff;
    padding:10px;
    text-decoration:none;
    display:block;
    cursor:pointer;
    text-align:center;
background: #666;
    background: rgba(0,0,0,0.6);
        width: 50px;
    line-height: 30px;
    z-index: 1;
    position: fixed;
    bottom: 20px;
    right: 3%;
}

#page-top a:hover{
    background:#8b8b8b;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    transition:all 0.3s;
}


@media screen and (min-width: 48em){
.navigation-top .wrap {
    max-width: 1200px;
}
.main-navigation li li:hover, .main-navigation li li.focus {
    background: #59b9d5;
}
.wrap {
    max-width: 1200px;
    padding-left: 3em;
    padding-right: 3em;
}
.has-sidebar:not(.error404) #primary {
    float: left;
    width: 68%;
}

.has-sidebar #secondary {
    float: right;
    width: 26%;
        padding: 1rem;
    margin-bottom: 3rem;
    border: solid 10px #E0F2F7;
    }
    
/*　メニューバー　*/
.navigation-top{
background: #e4fee5;
    border-bottom: 1px solid #009944;
}

}
