/*
Theme Name: PIRIKA
Template:   twentyseventeen
Theme URI:  https://wordpress.org/themes/twentyseventeen/
 
Description:   PIRIKA の子テーマ
Author:        8creators
Author URI:    http://8creators.com/
*/

@import url('https://fonts.googleapis.com/css?family=Playfair+Display+SC');
@import url('https://fonts.googleapis.com/css?family=EB+Garamond');
@import url('https://fonts.googleapis.com/css?family=Great+Vibes');
font-family: 'Great Vibes',
cursive;

body {
    font-family: "Roboto", "Droid Sans", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif!important;
}

.page:not(.home) #content {
    padding: 0!important;
}

.logoarea {
    float: left;
}

.site-footer {
    margin-top: 0;
}

.menuarea {
    float: right;
}

a {}

h2,
h3,
h4 {
    font-weight: 500!important;
}

h2 {
    font-size: 25px;
    text-align: center;
    font-family: 'EB Garamond', serif;
    margin-top: 30px;
}

.front h2 {
    background: url(img/midashibg.png) no-repeat center;
    background-position-y: 20px;
    height: 55px;
}

.midashi {
    margin-top: -15px;
}

.komidashi {
    text-align: center;
    background: url(img/midashibg.png) no-repeat center;
}

.komidashi span {
    margin-top: -35px;
    padding-top: 35px;
    display: block;
    font-size: 20px;
    font-family: 'EB Garamond', serif;
}

.menu h3 {
    background: url(img/h3bg.png) no-repeat;
    border-bottom: 2px solid #c98e11;
    padding-left: 30px;
    padding-top: 0;
    padding-bottom: 5px;
    font-size: 20px;
    font-family: 'EB Garamond', serif;
}

.menu h4 {
    background: url(img/h4bg.png) no-repeat;
    padding: 0 0 5px 25px;
    border-bottom: 1px solid #c98e11;
    padding-top: 0;
    margin: 0 0 10px 20px;
}

.firsth4 {
    margin-top: 20px!important;
}










/*ヘッダーメニュー*/

.main-navigation a {
    padding: 2em 1.25em;
    padding: 28px;
    font-size: 17px;
    font-family: 'Playfair Display SC', serif;
}

.site-header .navigation-top .menu-scroll-down {
    top: 24px;
    padding: 17px 0 17px 0;
}










/*全体*/

.panel-content .wrap {
    padding-bottom: 10px;
    padding-top: 10px;
}



.white {
    color: #fff;
}



tr {
    border-bottom: none;
}











/*レイアウト*/

.col12 {
    width: 100%;
    padding: 10px;
}

.col9 {
    width: 67%;
    padding: 10px;
    float: left;
}

.col3 {
    width: 33%;
    float: left;
    padding: 10px;
}

.page-one-column .panel-content .wrap {
    max-width: 1000px;
}




/*トップページ*/

.front {
    margin-top: 0!important;
}

.intro {
    background-color: #5d310d;
    background-image: url(img/topconceptbg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding: 50px;
}

.intro p {
    margin-bottom: 0;
    font-size: 20px;
    text-align: center;
    line-height: 35px;
    font-family: "Roboto", "Droid Sans", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}


.front_menu {
    background-color: #fff5d7;
    padding-bottom: 20px;
}

.front_shop {}

.front_shop p {
    text-align: center;
}

.fbox {
    overflow: hidden;
    margin-bottom: 20px;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 20px;
}

.front_salon_name {}

.flont_blog_box {
    padding-top: 0px;
}

.flont_blog_box h3 {
    font-size: 18px;
    font-weight: 400!important;
    padding-top: 5px;
    margin-bottom: 3px;
}

.flont_blog_box p {
    margin-bottom: 0;
}

.beige {
    background: #fff5d7;
    background-image: url(img/salonbg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.menu {
    padding: 20px;
}

.menu p {
    margin-left: 50px;
}

.price {
    text-align: right;
}

.oneol p {
    border-bottom: 1px dotted #c98e11;
    padding-bottom: 5px;
    margin-top: 15px;
}

.oneol span {
    display: block;
    float: right;
}

.infomap {
    margin-top: 20px;
}

.itempic img {
    height: 220px;
    display: block;
    margin: 0 auto;
}

.shop table {
    border-collapse: collapse;
    width: 100%;
}

.shop table th,
.shop table td {
    padding: 15px 10px;
    border-bottom: 1px dotted #c98e11;
}

.shop table th {
    text-align: center;
    width: 30%;
}

.contact table {
    border-collapse: collapse;
    width: 70%;
    margin: 0 auto;
}

.contact table th,
.contact table td {
    padding: 10px;
    border: none;
}

.contact table th {
    text-align: center;
    width: 30%;
}

.send {
    text-align: center;
    margin-top: 20px;
}

.iteminfo table {
    border-collapse: collapse;
    width: 100%;
}

.iteminfo table th,
.iteminfo table td {
    padding: 10px;
    border-bottom: 1px solid #999;
}

.iteminfo table th {

    text-align: center;
    width: 30%;
}

.concept {
    background-image: url(img/contact.jpg);
    background-size: cover;
    padding: 30px 0;
}

.concept p {
    font-size: 18px;
    line-height: 45px;
    margin: 10px;
    text-shadow: 0px 0px 20px rgb(255, 255, 255);
    font-family: "Roboto", "Droid Sans", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.greeting p {
    font-size: 17px;
    line-height: 51px;
    margin: 10px;
}

.sss {
    margin-top: 50px;
}

.menu-scroll-down {
    display: none!important;
}

.entry-content {
    margin-top: 90px;
}

.js .menu-toggle {
    margin-top: 22px;
    margin-right: 10px;
}

.post_p #primary {
    width: 75%!important;
}

.post_p #secondary {

    width: 20%!important;
}

.post_p {
    margin-top: 60px;
}

#cefine {
    overflow: hidden;
    clear: both;
}

.post-thumbnail {
    text-align: center;
}

.side_menu img {
    margin-bottom: 10px;
}

.widget-title {
    font-size: 17px!important;
    margin-bottom: 8px!important;
    margin-top: 0!important;
}

.post_a {
    margin-top: 0;
}

a img {
    transition: 1.0s;
}

a img:hover {
    opacity: 0.5;
}

.custom-header-media p {
    position: absolute;
    bottom: 35%;
    right: 5%;
    font-size: 20px;
    text-align: right;
    font-family: "Roboto", "Droid Sans", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #fff;
}

.custom-header-media span {
    font-family: 'Great Vibes', cursive;
    font-size: 40px;
}

.wp-image-196 {
    margin-top: 20px;
}




/*
レスポンシブ
*/

@media screen and (max-width: 414px) {
    .wrap {
        width: 100%;
    }
    .custom-header-media p {
        position: absolute;
        top: 10%;
        right: 5%;
        font-size: 13px;
        z-index: 9999;
    }
    .custom-header-media span {
        font-family: 'Great Vibes', cursive;
        font-size: 30px;
    }
    .entry-content {
        margin-top: 0!important;
    }
    .intro p {
        font-size: 18px;
        text-align: left;
    }
    .flont_blog_box img {
        display: block;
        margin: 0 auto;
    }

    .flont_blog_box p {
        margin-top: 10px;
    }
    .shop table td {
        display: block;
        text-align: center;
    }
    .shop table th {
        display: block;
        border-top: none;
        border-bottom: none;
        width: 100%;
    }
    .contact table td {
        display: block;
        text-align: center;
    }
    .contact table th {
        display: block;
        border-top: none;
        border-bottom: none;
        width: 100%;
    }
    .iteminfo table {
        border-top: 1px solid #999;
    }
    .iteminfo table td {
        display: block;
        text-align: center;
    }
    .iteminfo table th {
        display: block;
        border-top: none;
        border-bottom: none;
        width: 100%;
    }
    .post_p #primary {
        width: 100%!important;
    }
    .post_p #secondary {
        width: 100%!important;
    }
    .oneol p {
        padding-bottom: 30px;
    }
    .menu p {
        margin-left: 0;
    }
    .menu-gmenu-container{
            margin-top: 30px;
    }
}

    .navigation-top {
        top: 0;
		        bottom: auto;
    }