/**********************************
 *
 * Wordpressのヘッダー用CSSをそのまま当てると静的HTMLであるCPサイトの中身が崩れるのでこちらを変更して対応
 *
 **********************************/
 * {
    -webkit-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.disnone {
    display:none;
}

.pcClass {
    display:block!important;
}

.spClass {
    display:none!important;;
}

body {
    border-top: none;
}

body header {
    position: relative;
    background-color: #fff;
}

header img {
    display: block;
    width:100%;
    vertical-align: bottom;
}

header .inner {
    width:1000px;
    height:auto;
    position:relative;
    margin: 0 auto;
}

header a {
    text-decoration: none;
}

header a.block {
    position: relative;
    display: block;
    width: 100%;
}

header a.underline {
    text-decoration: underline;
}

@media screen and (min-width: 769px) {
    header a.hover:hover {
        opacity: 0.8;
        -webkit-transition: all ease-in .4s;
        -o-transition: all ease-in .4s;
        transition: all ease-in .4s;
    }

    header a [href^="tel:"] {
        cursor: default;
    }
}

header ul.flex {
    display: -webkit-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

header .clear {
    clear: both;
}


/**********************************
 *
 * font
 *
 **********************************/ 
 @font-face {
    font-family: 'NotoSansCJKjp-Regular';
    src: url("fonts/NotoSansCJKjp-Regular.woff"), url("fonts/NotoSansCJKjp-Regular.eot");
}

.font_montserrat {
    font-family: 'Montserrat', sans-serif;
}



/**********************************
 *
 * pankuzu
 *
**********************************/
#pankuzu{
    width: 100%;
    height: 40px;
    background-color: #f7f4ee;
    font-size: 11px;
    letter-spacing: 2.2px;
    color: #6c5b52;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-family: 'NotoSansCJKjp-Regular', Helvetica, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif!important;
}
#pankuzu li:after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -15px;
    margin: auto;
    width: 8px;
    height: 8px;
    border-top: 1px solid #669219;
    border-right: 1px solid #669219;
    border-left: none;
    border-bottom: none;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}



/*------------------------------------------------------------*/
/* sp
 ------------------------------------------------------------*/
@media screen and (max-width: 768px) {
    /**********************************
    *
    * COMMON
    *
    **********************************/

    * {
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color:rgba(255, 255, 255, 0.5); 
    }

    .pcClass {
        display:none!important;
    }

    .spClass {
        display:block!important;
    }

    .inner {
        width:94%;
    }

    #pankuzu {
        height: auto;
    }
}