/*
Template:xeory_base
Theme XeoryBase_child
*/
@import url('../xeory_base/style.css');
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
body{
        background-color: #fff;
        font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","メイリオ", Meiryo, sans-serif;
}
body {
    color: #000;
}
a{
    color: #FF72CE;
}
a.post-link{
    text-decoration: none;
}
.mb-20{
    margin-bottom: 20px;
}
.mb-10{
    margin-bottom: 10px;
}
.main-inner {
        margin-right: 321px;
}
#searchform button {
        color: #000;

}
.align-right{
    text-align: right;
}
.orange{
    color: #f26e0a;
}

span.top-headline-inner {
        position: relative;
        padding: 0 25px;
        font-family: 'Courier New';
}
.top-headline {
        font-size: 22px;
        margin: 0 0 8px;
}
h2.top-headline{
        color: #000;
        padding: 0px 25px 0px 25px;
        letter-spacing: 2px;
        position: relative;
        text-align: center;
}
.top-headline span:before {
        content: ' ';
        background: url(images/heart-left.png);
        background-size: 100%;
        width: 17px;
        height: 17px;
        display: block;
        position: absolute;
        left: 0;
        top: 0px;
        bottom: 0;
        margin: auto;
}
.top-headline span:after {
        content: ' ';
        background: url(images/heart-right.png);
        background-size: 100%;
        width: 17px;
        height: 17px;
        display: block;
        position: absolute;
        right: 0;
        top: 0px;
        bottom: 0;
        margin: auto;
}
/**************************************
絞り込み検索フォーム
**************************************/

#feas-form-1 div {
        margin-bottom: 30px;
        width: 31%;
        float: left;
        margin: 0 1% 30px 1%;
}
#feas-1 {
        margin: 30px 12px 30px 15px;
        padding: 5px 10px 5px 10px;
        background: #fff;
        font-family:  "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;

}

/**************************************
絞り込み検索フォーム
**************************************/
#feas-0 label{
    display: inline-block;
    text-align: center;
    font-size: 20px;
}
.search-color label.checked{
    background: #FEEAF6;
}
#feas-0{
        padding: 30px 80px;
        width: 97%;
        margin: 0 auto 40px;
        background-image: url(images/search_bg.png);
        color: #333339;
}
#feas-0 p,
#feas-1 p {
        font-size: 18px;
        display: table;
        margin: 0 auto 20px;
}
div#feas-0 label input {
        display: none;
}

#feas-0 p:before{
        content: " ";
        display: block;
        background-repeat: no-repeat;
        background-size: 100%;
        float: left;
}
.search-inbox{
    background: #fff;
    padding: 30px 100px;
}
/* キュレーターで探す */
.search-curator{
    margin-bottom: 25px;
}
.search-curator p:before{
        width: 19px;
        height: 25px;
        margin: 0 5px 0 0;
        background-image: url('images/searchform/icon_curator.png');

}

.search-curator label {
        width: 29.25%;
        padding: 5px 0;
        border: 2px solid #E3E2E2;
        border-radius: 0 !important;
        box-sizing:border-box;
        margin-right: 5%;
        position: relative;
}
.search-arinashi label{
    width: 48%;
    padding: 5px 0;
    border: 2px solid #E3E2E2;
    border-radius: 0 !important;
    box-sizing:border-box;
    position: relative;
}
.search-arinashi label{
    margin-right: 2%;
}
.search-arinashi label+label{
    margin-right: 0;
}
.search-curator label:before,
.search-arinashi label:before {
        position: absolute;
        margin: auto;
        right: 0;
        left: 0;
        bottom: -2px;
        content: " ";
        width: 25px;
        height: 10px;
        background-image: url(images/searchform/icon_triangle_off.png);
        background-size: 100%;
}
.search-curator label.checked,
.search-arinashi label.checked{
        background-color: #F19FC3;
        border: 2px solid #F19FC3;
        color: #fff;
}
.search-curator label.checked:before,
.search-arinashi label.checked:before {
        background-image: url(images/searchform/icon_triangle_on.png);
}
.search-curator label:last-child{
    margin-right: 0;
}
/* オススメ度で検索 */

.search-osusume p:before{
        width: 25px;
        height: 30px;
        margin: 0 5px 0 0;
        background-image: url('images/searchform/icon_osusume.png');

}
/* カラー */
.search-color{
    margin-bottom: 15px;
}
.search-color p:before{
        width: 30px;
        height: 30px;
        margin: 0 5px 0 0;
        background-image: url('images/searchform/icon_color.png');

}
.search-color label {
        width: 20%;
        font-size: 14px !important;
        margin-right: 5.5%;
        margin-bottom: 10px;
}
.search-color label:nth-child(5),
.search-color label:nth-child(9){
    margin-right: 0;
}
.search-color label:before {
        content: " ";
        display: block;
        width: 65px;
        height: 65px;
        background-repeat: no-repeat;
        background-size: 100%;
        margin: 5px auto 2px auto;
        background-image: url('images/searchform/brown.png');
}
.search-color label:nth-child(3):before{
        background-image: url('images/searchform/hazel.png');
}
.search-color label:nth-child(4):before{
        background-image: url('images/searchform/black.png');
}
.search-color label:nth-child(5):before{
        background-image: url('images/searchform/pink.png');
}
.search-color label:nth-child(6):before{
        background-image: url('images/searchform/blue.png');
}
.search-color label:nth-child(7):before{
        background-image: url('images/searchform/purple.png');
}
.search-color label:nth-child(8):before{
        background-image: url('images/searchform/gray.png');
}
.search-color label:nth-child(9):before{
        background-image: url('images/searchform/green.png');
}
.search-color label:nth-child(10):before{
        background-image: url('images/searchform/gold.png');
}
.search-color label:nth-child(11):before{
        background-image: url('images/searchform/violet.png');
}
/* オススメ度 */
.osusume-inbox{
    padding: 0 15%;
}
.search-osusume{
    margin-bottom: 30px;
}
.search-osusume label{
    position: relative;
    width: 47px;
    height: 43px;
    margin-right: 6.3%;
    padding: 7px;
    background-image: url('images/searchform/osusume_off.png');
    background-repeat: no-repeat;
    background-size: contain;
    color: #fff
}
.search-osusume label.checked{
    background-color: none;
    background-image: url('images/searchform/osusume_on.png');
}
.osusume-inbox label:last-child{
    margin-right: 0;
}


/* 詳細検索 */
#feas-0 .ac-button p{
    margin-bottom: 0;
    position: relative;
}
.ac-button p:before {
        content: " ";
        display: block;
        width: 20px;
        height: 22px;
        background-repeat: no-repeat;
        background-size: 100%;
        margin: 5px 5px 0px 0px;
        background-image: url(images/searchform/icon_details.png);
}
.ac-button {
    background: #C3C2C3 no-repeat right center;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    margin-bottom: 0;
    padding: 10px 0;
}
.ac-button .button {
    background-image: url( './images/btn_plus.png' );
    display: inline-block;
    height: 25px;
    margin-left: 10px;
    margin-top: 2px;
    vertical-align: top;
    width: 25px;
    background-size: 100%;
}
.ac-button.ac-open {
    border-radius:3px 3px 0 0;
}
.ac-button.ac-open .button {
    background-image: url( './images/btn_minus.png' );
}
.ac-content{
        padding: 20px;
        border: 2px solid #C3C2C3;
        margin-bottom: 20px;
        display: none;
}
.ac-content dl {
        width: 48%;
        float: left;
    margin-bottom: 20px;
}
.ac-content dl:nth-child(odd) {
        margin-right: 4%;
}
.ac-content dl dt {
        margin-bottom: 3px;
        padding-left: 25px;
        position: relative;
        font-weight: 400;
}
.ac-content dl dd {
        border: none;
        padding: 0;
}
.ac-content dl dt:before{
        content: " ";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        background-size: 100%;
        margin: 2px 5px 0px 0px;
}
/* DIAと着色直径 */
dl.search-dia dt:before{
        background-image: url('images/searchform/icon_dia.png');
}
.search-color-dia dt:before{
        background-image: url('images/searchform/icon_color_dia.png');
        height: 22px !important;
}
.search-bc dt:before{
        background-image: url('images/searchform/icon_bc.png');
}
.search-period dt:before{
        background-image: url('images/searchform/icon_period.png');
}
.ac-content select {
        border: 2px solid #F1A0C3;
        color: #0C2245;
        font-size: 14px;
        height: 40px;
        text-align: left;
        text-indent: 10px;
        vertical-align: middle;
        width: 100%;
        outline: none;
        text-overflow: '';
        background: none transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
        border-radius: 0;
}
.ac-content select::-ms-expand {
    display: none;
}
.ac-content dd{
    position: relative;
}
.ac-content dd:after{
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    content: " ";
    background-image: url(images/searchform/arrow.png);
    width: 10px;
    height: 9px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.search-dia label,
.search-color-dia label{
    width: 15.5%;
    border: 2px solid #f1a0c3;
    padding: 8px 0;
}
.search-arinashi p {
        font-size: 16px !important;
}
.search-arinashi p:before {
        background-image: url(images/searchform/icon_arinashi.png);
        width: 30px;
        height: 20px;
        margin: 3px 5px 0 0;
}

input#feas-submit-button-0{
        background: #f1a0c3;
        border-radius: 8px;
        width: 100%;
        display: block;
        border-radius: 3px;
        margin: 20px auto 0px auto;
}
.line-single-bottom.sm{
    display: none;
}

/* ソート */
.sort-wrap {
        margin: 0 1.65%;
        padding: 20px;
        background-image: url(images/search_bg.png);
        background-repeat: repeat;
        background-size: 25px;
        margin-bottom: 20px;
}
.sort-wrap a{
    color: #DD9196;
}
.sort-inbox {
        background: #fff;
        padding: 20px 4%;
}
.sort-inbox dl {
    float: left;
    width: 50%;
}
.sort-inbox dl dt {
    float: left;
    font-size: 14px;
    margin-right: 3%;
    padding: 10px 0;
}
.sort-inbox dl a {
    background: #FAE3F3;
    float: left;
    margin-right: 8%;
    position: relative;
    text-align: center;
    width: 25%;
    text-decoration: none;
}
.sort-inbox dl dd {
    padding: 10px;
    font-size: 14px;
}
.sort-inbox dl dd.checked,
.sort-inbox .sort-low dl .feas-sl-1-up dd,
.sort-inbox .sort-high dl .feas-sl-1-down dd,
.sort-inbox .sort-old dl .feas-sl-2-up dd,
.sort-inbox .sort-new dl .feas-sl-2-down dd {
    background: #dd9196;
    color: #FFFFFF;
}
.sort-inbox dl dd.checked:before,
.sort-inbox .sort-low dl .feas-sl-1-up dd::before,
.sort-inbox .sort-high dl .feas-sl-1-down dd::before,
.sort-inbox .sort-old dl .feas-sl-2-up dd::before,
.sort-inbox .sort-new dl .feas-sl-2-down dd::before {
    background-image: url(images/searchform/icon_triangle_on.png);
    background-size: 100%;
    bottom: 0px;
    content: " ";
    height: 10px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 25px;
}

/* ランキングページ（検索結果） */
header.search-header h1 {
        text-align: center;
        margin-top: 20px;
        font-weight: 400;
        border-bottom: 2px solid #E2A2A6;
        padding-bottom: 5px;
}
header.search-header h1:before{
        content: "\f002";
        font-family: "fontawesome";
        background-color: #DD9196;
        border-radius: 50px;
        font-size: 0.7em;
        color: #fff;
        padding: 5px;
        position: relative;
        top: -2px;
}

.post-loop-ranking,
.post-loop-ranking2 {
        padding: 0 1.65%;
}
.post-loop-ranking article,
.post-loop-ranking2 article{
    width: 49%;
    float: left;
    margin-bottom: 30px;
}
.post-loop-ranking article:nth-child(even),
.post-loop-ranking2 article:nth-child(odd){
    margin-right: 2%;
}
.rank-title{
    min-height: 70px;
    position: relative;
    margin-bottom: 10px;
}
.post-loop-ranking h2{
        color: #333439;
        font-size: 16px;
        font-weight: 400;
        padding-left: 45px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        display: table;
}
.post-loop-ranking2 h2 {
        color: #333439;
        font-size: 18px;
        font-weight: 400;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        display: table;
}

.rank-title:before {
    content: " ";
    width: 36px;
    height: 55px;
    position: absolute;
    top: 5px;
    left: 0px;
    background-size: contain;
    background-repeat: no-repeat;
}
.post-loop-ranking article:first-child .rank-title:before{
        background-image: url(images/rank/icon_no1.png);
    }
.post-loop-ranking article:nth-child(2) .rank-title:before{
        background-image: url(images/rank/icon_no2.png);
    }
.post-loop-ranking article:nth-child(3) .rank-title:before{
        background-image: url(images/rank/icon_no3.png);
    }
.post-loop-ranking article:nth-child(4) .rank-title:before{
        background-image: url(images/rank/icon_no4.png);
    }
.post-loop-ranking article:nth-child(5) .rank-title:before{
        background-image: url(images/rank/icon_no5.png);
    }
.post-loop-ranking article:nth-child(6) .rank-title:before{
        background-image: url(images/rank/icon_no6.png);
    }
.post-loop-ranking article:nth-child(7) .rank-title:before{
        background-image: url(images/rank/icon_no7.png);
    }
.post-loop-ranking article:nth-child(8) .rank-title:before{
        background-image: url(images/rank/icon_no8.png);
    }
.post-loop-ranking article:nth-child(9) .rank-title:before{
        background-image: url(images/rank/icon_no9.png);
    }
.post-loop-ranking article:nth-child(10) .rank-title:before{
        background-image: url(images/rank/icon_no10.png);
    }
.post-loop-ranking article:nth-of-type(n+4) .rank-title:before{
        background-size: contain;
        content: " ";
        width: 40px;
        height: 40px;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        margin: auto;
}

.post-loop-ranking article:first-child,
.post-loop-ranking article:nth-child(2),
.post-loop-ranking article:nth-child(3){
    width: 100% !important;
    float: none;
}


.post-loop-ranking article:first-child .rank-hyouka,
.post-loop-ranking article:nth-child(2) .rank-hyouka,
.post-loop-ranking article:nth-child(3) .rank-hyouka {
    font-size: 14px;
    position: static;
    float: left;
}
.thumb-wrap {
    position: relative;
}
.rank-thumbnail{
    width: 30%;
    float: left;
    margin-right: 2%;
}
.rank-hyouka {
    width: 68%;
    border: 2px solid #DBDBDB;
    padding: 11px 20px;
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}
.rank-hyouka dl{
    width: 100%;
}
.rank-hyouka dl dd,
.rank-hyouka dl dt {
        width: 50%;
        float: left;
}
.rank-hyouka dl dt{
    color: #333439;
}
.rank-hyouka dl dd{
    color: #dd9196;
    position: relative;
}
.rank-hyouka dd img {
        width: 100px;
        position: absolute;
        top: 2px;
        left: 0;
}

.post-loop-ranking article:first-child .rank-hyouka dl,
.post-loop-ranking article:nth-child(2) .rank-hyouka dl,
.post-loop-ranking article:nth-child(3) .rank-hyouka dl{
width: 50%;
float: left;

}
/**************************************
投稿記事
**************************************/
#wrapper_repo_slider li {
    margin: 0;
}
#wrapper_repo_slider .bx-wrapper {
    max-width: none !important;
    padding-left: 35px;
    padding-right: 35px;
}
#wrapper_repo_slider .bx-viewport {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#wrapper_repo_slider .bx-prev,
#wrapper_repo_slider .bx-next {
    height: 56px;
    text-indent: -9999px;
    margin-top: -28px;
    width: 56px;
}
#wrapper_repo_slider .bx-prev {
    background: url( ./images/arr_repo_l.png ) no-repeat;
    background-size: contain;
    left: 0;
    opacity: 1;
}
#wrapper_repo_slider .bx-next {
    background: url( ./images/arr_repo_r.png ) no-repeat;
    background-size: contain;
    right: 0;
    opacity: 1;
}
#wrapper_repo_slider img {
    border: 3px solid #dbdbdb;
}

@media screen and (max-width: 991px){
    #wrapper_repo_slider .bx-wrapper {
        max-width: 800px !important;
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (max-width: 768px) {
    #wrapper_repo_slider .bx-prev,
    #wrapper_repo_slider .bx-next {
        height: 28px;
        text-indent: -9999px;
        margin-top: -14px;
        width: 28px;
    }
}
.post-spec-table table{
    margin: 20px auto;
    width: 80%;
    display: table;
}
.post-spec-table table tr th{
    width: 40%;
    padding-left:30px;
    background-color: #DBDBDB !important;
    border-bottom: 2px solid #fff;
}
.post-spec-table table tr:first-child{
    border-top: 2px solid #DBDBDB;
}
.post-spec-table table tr:last-child th{
    border-bottom: 2px solid #DBDBDB;
}
.post-spec-table table tr td{
    width: 60%;
    border-right: #DBDBDB solid 2px;
    border-bottom: #DBDBDB solid 2px;
    border-top: none;

}
.post-repo-curator {
        width: 80%;
        margin: 30px auto;
        border: 4px solid #ECC3C6;
        position: relative;

}

.post-repo-curator dl{
    margin: 0;
}
.post-repo-curator dl dt {
        position: absolute;
        top: -25px;
        display: block;
        margin: auto;
        right: 0;
        left: 0;
}
.post-repo-curator dl dt div {
        display: table;
        margin: auto;
        background-color: #fff;
        padding: 0 10px;
}
.post-repo-curator dl dt img {
        width: 50px;
        border-radius: 50px;
        float: left;
}
.post-repo-curator dl dd img {
        width: 30%;
}
.post-repo-curator dl dt p{
    margin: 0;
    padding: 10px;
    float: left;
}
.post-repo-curator dl dd {
        float: left;
        border: none;
        text-align: center;
        width: 100%;
        padding: 30px 0 0;
        font-size: 35px;
        letter-spacing: 10px;
        color: #DD9196;
}
.post-repo-rank{
    width: 80%;
    margin: 0 auto 50px;
}
.post-repo-rank-thumbnail{
    float: left;
    width: 28%;
}
.post-repo-rank-hyouka {
        float: left;
        width: 68%;
        margin-left: 4%;
        border: 2px solid #DBDBDB;
        padding: 20px 40px;
}
.post-repo-rank-hyouka dl {
        margin: 0 0 9px 0;
}
.post-repo-rank-hyouka dl dt{
    float: left;
    width: 55%;
    font-weight: 400;
}
.post-repo-rank-hyouka dl dd{
    float: left;
    border-left: none;
    width: 45%;
    letter-spacing: 3px;
    margin: 0;
    color: #DD9196;
    font-size: 18px;
    position: relative;
}
.post-repo-rank-hyouka dl dd img {
        width: 100px;
        position: absolute;
        top: 4px;
        left: 0;
}
/* 404ページ */
article#post-404 {
        width: 100%;
}
article#post-404 h2 {
        position: static;
        display: block;
}
.content-none #feas-0 {
        width: 100%;
}
.content-none .search-osusume label{
    width: 45px;
}
@media screen and (max-width: 768px){
            input#feas-submit-button-0{
                    width: 100%;
            }
            #feas-0 label{
                font-size: 16px;
            }
            .search-dia label,
            .search-color-dia label{
                width: 32%;
            }
            #feas-0 {
                    padding: 30px 15px;
            }
            .search-osusume label {
                    width: 40px;
                    padding: 8px;
            }
}
@media screen and (max-width: 420px){
                         .post-spec-table table {
                                width: 100%;
                        }
                        .post-spec-table table tr th {
                                padding-left: 10px;
                                width: 30%;
                        }
                        .post-repo-curator dl dt {
                                top: -22px;
                        }
                        .post-repo-curator {
                                width: 100%;
                        }
                        .post-repo-curator dl dd {
                                font-size: 22px;
                                padding: 20px 0 0;
                                margin-bottom: 10px;
                        }
                        .post-repo-curator dl dt img {
                                width: 40px;
                        }
                        .post-repo-curator dl dt p {
                                padding: 7px 10px;
                            }
                        .post-repo-rank {
                                width: 100%;
                                position: relative;
                        }
                        .post-repo-rank-thumbnail {
                                width: 35%;
                        }
                        .post-repo-rank-hyouka {
                                width: 60%;
                                border: 2px solid #DBDBDB;
                                padding: 9px 10px;
                                position: absolute;
                                right: 0;
                                top: 0;
                                bottom: 0;
                        }
                        .post-repo-rank-hyouka dl {
                                margin: 0;
                        }
                        .post-repo-rank-hyouka dl dt {
                                width: 50%;
                                font-size: 14px;
                        }
                        .post-repo-rank-hyouka dl dd {
                                width: 50%;
                                font-size: 14px;
                        }
                        .post-repo-curator dl dd img {
                                width: 55%;
                        }
                        .post-repo-rank-hyouka dl dd img {
                                top: 2px;
                        }
                        .search-period select,
                        .search-dia select,
                        .search-color-dia select{
                                width:100%;
                        }
                        #feas-0 {
                                margin: 30px auto;
                                background-size: 30px;
                        }
                        #feas-0 label{
                            font-size: 14px;
                        }
                        .search-period label{
                            width: 48%;
                        }
                        .search-color label {
                                width: 22.95%;
                                font-size: 12px !important;
                        }
                        .line-single-bottom.sm{
                            display: block;
                        }
/**************************************
ソート
**************************************/
                        .sort-inbox {
                                padding: 20px 4% 0 4%;
                        }
                        .sort-inbox dl {
                                width: 100%;
                                margin-bottom: 20px;
                        }
                        .sort-inbox dl dt {
                                width: 30%;
                        }

/**************************************
ランキングページ
**************************************/
                        .post-loop-ranking article,
                        .post-loop-ranking2 article{
                            width: 100%;
                            float: left;
                            margin-bottom: 30px;
                        }
                        .thumb-wprap {
                            position: relative;
                        }
                        .rank-hyouka {
                            padding: 9px 7px;
                            position: absolute;
                            right: 0;
                            top: 0;
                            bottom: 0;
                        }
                        .post-loop-ranking article:first-child .rank-hyouka,
                        .post-loop-ranking article:nth-child(2) .rank-hyouka,
                        .post-loop-ranking article:nth-child(3) .rank-hyouka {
                            position: absolute;
                            float: none;
                            
                        }
                        .post-loop-ranking article:first-child .rank-hyouka dl,
                        .post-loop-ranking article:nth-child(2) .rank-hyouka dl,
                        .post-loop-ranking article:nth-child(3) .rank-hyouka dl{
                                width: 100%;
                        }
                        .post-loop-ranking h2,
                        .post-loop-ranking2 h2 {
                                font-size: 14px;
                        }
                        .search-inbox {
                                padding: 20px 10px;
                        }
                        .search-curator label {
                                width: 29%;
                                padding: 7px 0;
                                border: 2px solid #E3E2E2;
                                border-radius: 0 !important;
                                box-sizing: border-box;
                                margin-right: 4.5%;
                                position: relative;
                        }
                        .search-color label:before {
                                width: 55px;
                                height: 55px;
                        }
                        .search-color label {
                                margin-right: 1%;
                        }
                        .osusume-inbox {
                                padding: 0;
                        }
                        .search-osusume label {
                                width: 14.75%;
                                padding: 2.5%;
                                font-size: 20px !important;
                                margin-right: 4.65%;
                        }
}
@media screen and (max-width: 320px){

.rank-hyouka {
    padding: 0px 7px;
}
.post-repo-rank-thumbnail {
    width: 30%;
}
.post-repo-rank-hyouka {
    width: 67%;
    padding: 0px 10px;
}
.post-repo-rank-hyouka dl dt {
    font-size: 14px;
    margin-bottom: 0;
}
}
/**************************************
メニュー
**************************************/
#content {
        padding: 175px 0 52px;
}
#menu-box {
        background-color: #FFF;
}
#menu-box .logo{
    width: 10%;
    height: 40px;
    float: left;
    padding: 0;
    position: relative;
}
#menu-box .logo img {
        width: 50%;
        min-width: 120px;
        position: relative;
        top: 3px;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
}
ul#menu li a:before{
        content: " ";
        width: 50px;
        height: 50px;
        bottom: 23px;
        background-size: 100%;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;

}
ul#menu li:first-child a:before{
        content: " ";
        width: 43px;
        height: 36px;
        background-size: 100%;
        background-image: url(images/home.png);
        position: absolute;
        bottom: 28px;
        left: 0;
        right: 0;
        margin: auto;
}
ul#menu li:nth-child(2) a:before{
        background-image: url(images/concept.png);
}
ul#menu li:nth-child(3) a:before{
        background-image: url(images/knowledge.png);
}
ul#menu li:nth-child(4) a:before{
        background-image: url(images/repo.png);
}
ul#menu li:nth-child(5) a:before{
        background-image: url(images/makeup.png);
}
ul#menu li:nth-child(6) a:before{
        background-image: url(images/press.png);
}
ul#menu li:nth-child(7) a:before{
        content: " ";
        width: 35px;
        height: 22px;
        background-size: 100%;
        background-image: url(images/company.png);
        position: absolute;
        bottom: 26px;
        left: 0;
        right: 0;
        margin: auto;
}

ul#menu li:nth-child(8) a:before{
        content: " ";
        width: 40px;
        height: 21px;
        background-size: 100%;
        background-image: url(images/contact.png);
        position: absolute;
        bottom: 25px;
        left: 0;
        right: 0;
        margin: auto;
}
#gnav-container {
        width: 85%;
        margin: 10px auto;
        padding: 50px 0 0 0;
}
#menu li{
    display: block;
    float: left;
    width: 16.5%;
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-size: 13px;
    position: relative;
}
.sub-menu li{
    width: 100% !important;
    position: relative !important;
    background: rgba(255, 166, 224,0.9);
}
#menu li a {
        display: block;
        color: #000;

        position: relative;
        text-align: center;
        text-decoration: none;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
}
#menu li a:hover{
    color: #E50280;
}
ul.sub-menu li {
        text-align: center;
        text-indent: 0;
        border-top: solid 2px #fff;
}
ul.sub-menu li:first-child{
    border-top: none;
}
.sub-menu li a{
    border-right: none !important;
    margin: 12px 0px 10px 0 !important;
    text-indent: 0 !important;
    padding: 0 !important;
    color: #fff !important;
}
.sub-menu li a:hover{
    color: #E50280 !important;
}
.sub-menu li a:before{
    content: none !important;
}

#header #logo {
        float: none;
        font-size: 24px;
        width: 260px;
        display: block;
        margin: 0 auto;
        padding-top: 0px;
        text-align: center;
}
#header p#logo.company {
        text-align: left;
        margin: 0px 10px;
        width: 150px;
}
#toggle{
 display: none;
}
nav > ul > li {
    position: relative;
    float: left;
    margin-right: 45px;
}
nav a {
    color: #0bd;
    text-decoration: none;
}
nav ul a:hover {
    color: #0090aa;
}
ul.sub-menu{
    display: none;
    padding-top: 15px;
    position: absolute;
    width: 150%;
}
ul.sub-menu:before{
        content: "";
        position: absolute;
        top: -14px;
        left: 20%;
        height: 0px;
        width: 0px;
        border: 14px solid transparent;
        border-bottom: 15px solid rgba(255, 166, 224,0.9);
}
/*
header li.menu-item-has-children > a:before{
        content: "\f107";
        font-family: "fontawesome";
        font-size: 1.5em;
        font-weight: normal;
        position: absolute;
        left: 1em;
        top: 12px;
}
*/
/***********************************
ヘッダー
***********************************/
#header {
        padding:0;
        width: 100%;
        z-index: 9999;
        position: absolute;
}
h1.site-catch {
        margin: 0 !important;
        letter-spacing: 1px !important;
}
p.site-catch,
h1.site-catch {
        font-size: 10px;
        font-weight: 400;
        color: #E20070;
        padding-top: 5px;
        padding-left: 150px;
        letter-spacing: 1px;
        float: left;
}
h1.site-catch.company {
        padding-left: 10px;
        padding-bottom: 5px;
}
div.right-nav{
    float: right;
}
div.right-nav a{
     color: #E20070;
}
div.right-nav a:hover{
    color: #E50280;
}
div.header-sns{
    padding-top: 0px;
    padding-right: 125px;
    float: left;
}
h1.site-catch.company + div.right-nav .header-sns {
        padding-right: 0;
}
div.header-sns a{
    font-size: 16px !important;
    color: #E20070;
    padding-left: 10px;
}
div.header-sns a:hover{
    color: #E50280;
}
#header #header-sns {
        padding: 7px 0;
}
.nav-company{
    float: left;
}
.nav-company ul li{
        float: left;
        margin-right: 30px;
}
.nav-company ul li a{
    font-size: 10px !important;
    position: relative;
}
.nav-company ul li:first-child a:before{
        content: "\f08e";
        font-family: "fontawesome";
        font-size: 1.2em;
        font-weight: normal;
        position: relative;
        left: 0;
        top: 1px;
        margin-right: 3px;
}
.nav-company ul li:nth-child(2) a:before{
        content: "\f003";
        font-family: "fontawesome";
        font-size: 1.2em;
        font-weight: normal;
        position: relative;
        left: 0;
        margin-right: 3px;
}

.fixed{
    position: fixed;
    width: 100%;
    top: 0;
}

#menu-box{
        background: #fff;
        z-index: 9999;
}
#gnav {
        padding-top: 50px;
}
#header{
        border-bottom: none;
}
#header #header-sns ul {
        padding: 0px;
}

#header #header-sns li a {
        color: #FFA6E0;
}
#header #header-sns li a:hover {
        color: #E50984;
}

article.post .post-header {
        padding: 0px;
}
.post-loop-wrap article.masonry-box {
        width: 23%;
        margin: 0 0 1% 1.65%;
        padding: 0;
        position: relative;
}
h2.post-title {
        margin-bottom: 25px !important;
}
.post-header {
        padding: 30px 30px 0;
}
.post-header-pad {
        padding: 5px 10px 15px 10px;
}
.post-loop-wrap .post-content {
        width: auto;
        padding: 0 15px 0px !important;
}
.post-loop-wrap .post-thumbnail {
        margin-left: 0px;
        float: none;
        width: 100%;
        height: auto;
        position: relative;
}
.post-thumbnail-box {
        position: absolute;
        bottom: 5px;
        left: 0;
        padding: 0px 10px;
        width: 100%;
        color: #000;

}
p.post-thumbnail-author {
        font-size: 10px;
        float: right;
        padding-top: 5px;
        padding-left: 17px;
        position: relative;
}
p.post-thumbnail-author:before {
        content:" ";
        background-image:  url(images/pen.png);
        margin: 0px;
        position: absolute;
        top: 6px;
        left: 0;
        width: 14px;
        height: 13px;
        background-size: 100%;
}

p.post-thumbnail-cat {
        padding: 5px 0 0 15px;
        font-weight: 400;
        font-size: 10px;
        display: inline-block;
        float: left;
}
p.post-thumbnail-cat:before {
        content: " ";
        margin-right: 7px;
        width: 13px;
        height: 13px;
        display: block;
        position: absolute;
        left: 10px;
        top: 7px;
        background-size: 100%;
}
p.post-thumbnail-cat.contact-lens:before{
        background-image: url(images/cat-color-contact.png);
}
p.post-thumbnail-cat.hashiyasume:before{
        background-image: url(images/cat-hashiyasume.png);
}
p.post-thumbnail-cat.makeup:before{
        background-image: url(images/cat-love.png);
}
p.post-thumbnail-cat.knowledge:before{
        background-image: url(images/cat-beauty.png);
}
p.post-thumbnail-cat.press-release:before{
        background-image: url(images/cat-life.png);
}
p.post-thumbnail-cat.fashionable:before{
        background-image: url(images/cat-fashionable.png);
}
.post-loop-wrap .post-thumbnail img {
        width: 100% !important;
}
.post-loop-wrap{
    position: relative;
        width: 100% !important;
        padding: 0px;
}
.more-link {
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 24px;
        margin-top: 15px;
    }

/**************************/
/*パンくずリスト               */
/**************************/

.sp-slide {
        opacity: 0.4;
}
.sp-selected{
    opacity: 1 !important;
}
.sp-next-arrow:after, .sp-next-arrow:before, .sp-previous-arrow:after, .sp-previous-arrow:before{
    background-color: #ffa6e0 !important;
}
.sp-selected-button {
        background-color: #FFA6E0 !important;
}
.sp-button {
        width: 10px;
        height: 10px;
        border: 2px solid #FFA6E0 !important;
        margin: 4px 8px !important;
}


/**************************/
/*パンくずリスト               */
/**************************/

.breadcrumb {
    padding: 15px 20px 15px 0px;
}
.wrap.category-page .breadcrumb {
        padding: 15px 20px 15px 3px;
        margin: 0;
}
.wrap.page-page .breadcrumb {
        padding: 15px 20px 15px 26px;
}
/**************************/
/*サイドバー               */
/**************************/
#side {
        margin-left: -310px;
}
.category-page #side {
        padding-top: 0;
}
.side-widget {
        margin-bottom: 0px;
        padding-bottom: 20px;
}
.side-widget a {
        color: #000;

}
.side-widget a:hover {
        color: #000;

}
h4.side-title,
div#relation h4 {
        color: #000;

        font-size: 18px;
        padding: 0px 25px 0px 25px;
        letter-spacing: 2px;
        position: relative;
        text-align: center;
}
span.side-title-inner{
    position: relative;
    padding:0 25px;
    font-family:'Courier New';
}
.side-widget .side-title {
        font-size: 22px;
        margin: 0 0 8px;
}
h4.side-title span.side-title-inner:before,
div#relation h4 span:before {
        content: ' ';
        background: url(images/heart-left.png);
        background-size: 100%;
        width: 17px;
        height: 17px;
        display: block;
        position: absolute;
        left: 0;
        top: 0px;
        bottom: 0;
        margin: auto;
}
h4.side-title span.side-title-inner:after,
div#relation h4 span:after {
        content: ' ';
        background: url(images/heart-right.png);
        background-size: 100%;
        width: 17px;
        height: 17px;
        display: block;
        position: absolute;
        right: 0;
        top: 0px;
        bottom: 0;
        margin: auto;
}
.side-widget ul li {
        border-bottom: none;
        font-size: 14px;
        font-weight: 400;
        position: relative;
}



#menu-side-category li a {
        padding-left: 50px;
        text-align: center;
        position: relative;
        margin-left: 0;
}
#menu-side-category li a:before{
        content: " ";
        width: 30px;
        height: 30px;
        background-size: 100%;
        position: absolute;
        top: 0;
        bottom: 0px;
        left: 5px;
        margin: auto;
}

#menu-side-category li:first-child a:before{
        content: " ";
        width: 29px;
        height: 24px;
        background-size: 100%;
        background-image: url(images/home.png);
        position: absolute;
        top: 0;
        bottom: 0px;
        left: 5px;
        margin: auto;
}

#menu-side-category li:nth-child(2) a:before{
        background-image: url(images/concept.png);
}
#menu-side-category li:nth-child(3) a:before{
        background-image: url(images/knowledge.png);
}
#menu-side-category li:nth-child(4) a:before{
        background-image: url(images/repo.png);
}
#menu-side-category li:nth-child(5) a:before{
        background-image: url(images/makeup.png);
}
#menu-side-category li:nth-child(6) a:before{
        background-image: url(images/press.png);
}
.menu-side-category-container:after{
    content: "";
    clear: both;
    display: block;
}
ul#menu-side-category li {
        width: 50%;
        float: left;
}
ul.wpp-list li {
        padding: 8px 0;
}
#tag-area{
    margin-bottom: 30px;
}
#tag-area:after{
    content: "";
    clear: both;
    display: block;
}
#tag-area ul li{
        font-size: 12px;
        float: left;
        margin-right: 5px;
        margin-bottom: 5px;
}
#tag-area ul li a{
        padding: 5px;
        background-color: #F6E8F2;
        border: 1px solid #F6E8F2;
        color: #000;
        display: block;
        text-decoration: none;
}
#tag-area ul li a:hover{
        background-color: #fff;
        border: 1px solid #FFB8EB;
        color: #FFB8EB;
}
#tag-area ul li a:before{
        content: "#";
        font-weight: normal;
        position: relative;
        left: 0;
        margin-right: 0px;
}
/****************************/
/*ウィジェット画像付き最新の投稿*/
/****************************/
#new-entries figure.eyecatch{
    width: 25%;
    float: left;
    margin-right: 0.5em;
}
#new-entries ul li{
        padding: 8px 0;
        border-bottom:
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        -ms-transition: 0.3s;
        transition: 0.3s;
}
#new-entries ul li:hover {
        background-color: #FEECF5;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        -ms-transition: 0.3s;
        transition: 0.3s;
}
ul#menu-side-category li a:hover {
        color: #E7A8B1;
}
/* 人気記事表示（プラグイン WordPress Popular Posts 用） */
ul.wpp-list{
counter-reset: number;
}
ul.wpp-list li{
list-style:none;
position:relative;
border-bottom:none;
margin: 0;
padding-bottom:0.75em;
}
ul.wpp-list li:hover {
        background-color: #FEECF5;
}
ul.wpp-list li a:before{
counter-increment: number;
content: counter(number);
background: #F3A6C7;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
margin-right:3px;
color:#fff;
width:1.5em;
height:1.5em;
font-size:0.75em;
font-weight:bold;
font-family: 'Lato', sans-serif;
display:block;
text-align:center;
line-height:1.5em;
position:absolute;
left:0;
top:8px;
}
ul.wpp-list img{
margin-bottom:0;
margin-right: 0.5em;
width: 25%;
}
ul.wpp-list li a:hover{
        color: #000;

}
ul.wpp-list li a.wpp-post-title{
display:block;
}
ul.wpp-list li a.wpp-post-title:before,
ul.wpp-list li .wpp-author a:before,
ul.wpp-list li .wpp-category a:before{
content:none;
}
/* 最新の投稿 */
.widget_recent_entries a, .widget_archive a, .widget_meta a, .widget_views a {
        color: #6D6B6C;
        padding-left: 0px;
        display: block;
}
.widget_categories a{
        padding-left: 36px;
}
.widget_recent_entries a:hover,
.widget_archive a:hover,
.widget_categories a:hover,
.widget_meta a:hover,
.widget_views a:hover {
        color: #DF84AB;
}

.widget_recent_entries a{
    background: none;
    padding-left: 5px;
    line-height: 1.5em;
}
.widget_recent_entries a:hover{
    background: none;
}
div#new-entries ul a:hover {
        color: #000;

}
/**************************/
/*ブログアーカイブ          */
/**************************/
a.post-link    color: #000;

    text-decoration: none;
    display: block;
}
article.masonry-box{
    background: #fff;
    -moz-transition: 0.3s;
        -o-transition: 0.3s;
        -ms-transition: 0.3s;
        transition: 0.3s;
}
article.masonry-box:hover{
    background: #FEECF5;
    -moz-transition: 0.3s;
        -o-transition: 0.3s;
        -ms-transition: 0.3s;
        transition: 0.3s;
}
.post-header .cat-name {
    margin: 0;
    display: inline-block;
    float: left;
}
.post-meta {
        margin-bottom: 15px;
        border: none;
}
.post-meta-area .post-meta .date {
    padding: 4px;
}
.post-meta-area {
    border-bottom: none;
}
.post-meta li {
        background: none;
}
body.home .front-loop .popular_post_box .p_date .date-mj {
    font-size: 12px;
    font-weight: 600;
}
.post-loop-wrap article {
    width: 32.3%;
    margin: 0 1% 1% 0;
    padding: 1%;
    border: 1px #e5e5e5 solid !important;
    float: left;
}
.post-loop-wrap article#post-404{
    width: 100% !important;
}
.post-thumbnail .cat-name {
    display: inline-block;
    background-color: #47B39D;
    position: absolute;
    top: 11px;
    left: -32px;
    width: 115px;
    line-height: 2.0em;
    text-align: center;
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    color: #fff;
}
article.post div.post-thumbnail{
    position: relative;
    overflow: hidden;
    margin-bottom: 0px;
    }
.post-meta-area .post-meta {
    width: 100%;
    padding: 0;
}
.post-meta-area .post-meta .date {
    padding: 0px;
}
header.post-header h2.post-title {
    font-size: 13.5px;
    color: #000;
}
/******************************************
ページャー
******************************************/
.pagination,
.wp-prev-next {
margin: 3em 0 4em;
}
nav.pagination.clearfix {
        position: relative;
        overflow: hidden;
}
.pagination,
.page-links {
text-align: center; }
.pagination ul,
.page-links ul{
display: block;
text-align: center;
margin:0;
padding:0;
clear: both;
}
ul.page-numbers {
        float: left;
        left: 50%;
        position: relative;
}
ul.page-numbers li {
        float: left;
        left: -50%;
        position: relative;
}
.pagination:empty,
.wp-prev-next:empty,
.pagination ul:empty,
.page-links ul:empty{
display:none;
}
.pagination li,
.page-links li{
margin: 0 10px 0 0!important;
padding:0!important;
display: inline-block;
}
.entry-content .page-links li:before{
content:none;
}
.pagination a, .pagination span,
.page-links a , .page-links ul > li > span{
margin: 0;
padding: 9px 14px !important;
text-decoration: none;
line-height: 1;
font-size: 1em;
font-weight: normal;
color: #E7A8B1;
border: 1px solid #E7A8B1;
}
.pagination span.dots,
.page-links ul > li > span.dots{
background: none!important;
padding-left: 11px;
padding-right: 11px;
}
.pagination a:hover, .pagination a:focus, .pagination span:hover, .pagination span:focus,
.page-links a:hover, .page-links a:focus{
background-color: #E7A8B1;
color: white; }
.pagination .current,
.page-links ul > li > span{
cursor: default;
color: #fff;
background-color: #E7A8B1; }
.pagination .current:focus,
.pagination .dots:hover, .pagination .dots:focus {
color: #111;}
/******************************************
ブログ記事
******************************************/
article.post .post-header.single {
        padding: 0px 10px 0 0px;
}
.post-title {
        margin: 0 0 5px;
        font-size: 20px;
        clear: both;
        font-weight: bold;
}
.post-thumbnail{
    width: 100%;
    table-layout: fixed;
}
.post-thumbnail img{
    table-layout: fixed;
    margin: 0 auto;
    display: block;
}
.post-meta li {
        padding-left: 10px;
        padding-bottom: 5px;
        font-size: 12px;
        letter-spacing: 5px;
        margin-right: 0;
        margin-top: 5px;
        padding-right: 25px;
}
.single-bottom-tag-area ul li a {
        padding: 5px;
        background-color: #F6E8F2;
        border: 1px solid #F6E8F2;
        color: #000;
        display: block;
        text-decoration: none;
}
.single-bottom-tag-area ul li {
        font-size: 12px;
        float: left;
        margin-right: 5px;
        margin-bottom: 5px;
}
.single-bottom-tag-area ul li a:hover{
        background-color: #fff;
        border: 1px solid #FFB8EB;
        color: #FFB8EB;
}
.single-bottom-tag-area ul li a:before{
        content: "#";
        font-weight: normal;
        position: relative;
        left: 0;
        margin-right: 0px;
}
.line-single-bottom{
    margin: 10px 0;
}
.line-single-bottom a img{
    width: 100%;
}
/**********************************/

article.post .post-header.single {
        padding: 0 10px 0 0;
        position: relative;
}
.post-thumbnail img {
        width: 100%;
}
.thumbnail-caption{
        position: absolute;
        bottom: 20px;
        left: 0;
        background: rgba(228,132,151,0.8);
        color: #fff;
        width: 75%;
-webkit-border-radius:0px 14px 14px 0px;
-moz-border-radius: 0px 14px 14px 0px;
border-radius: 0px 14px 14px 0px;
}
h1.blog.post-title {
        font-size: 22px;
        padding: 0;
        float: left;
        width: 80%;
        padding-left: 2%;
        margin: 29px 0;
        text-align: justify;
}
h1.post-title.blog {
        background: none;
    }
.post-author-title img{
    width: 40%;
    border-radius: 50px;
}
.post-author-title p{
    font-size: 10px;
    margin: 0 0 15px 0;
    text-align: center;
}
.post-author-title {
        float: left;
        position: relative;
        width: 20%;
        padding-top: 29px;
}





ul.bzb-sns-btn {
        padding: 0;
}
.post-loop-wrap .post-meta li {
        padding-left: 0px;
}
.blog-post h2,
.page-page h2 {
        margin-bottom: 10px !important;
        font-size: 22px ;
        border-bottom: 7px double #df84ab ;
        position: relative ;
        padding: 3px 0 6px 30px;
        color: #595757 ;
}
.blog-post h2:before,
.page-page h2:before{
        content: ' ';
        background: url(images/brand_headline.png);
        background-size: 100%;
        width: 27px;
        height: 29px;
        display: block;
        position: absolute;
        left: 0;
        top: -5px;
        bottom: 0;
        margin: auto;
    }
.blog-post h3 {
        border-left: 5px solid #DF84AB;
        padding: 0 13px;
        font-size: 18px;
        color: #595757;
}
form input[type="submit"], form button {
        background: #FF72CE;
        color: #fff;
}
.red{
    color: #DD3D36;
}
.pink{
    color: #FFA6E0;
}
.bold{
    font-weight: 600;
}

a.target:before {
        content: "\f08e";
        font-family: "fontawesome";
        margin-right: 3px;
        font-weight: normal;
}
a.blockquote:before {
        content: "出典：";
        font-weight: normal;
        font-size: 1em;
}
.post-thumbnail {
        margin-right: 20px;
        margin-left: 0px;
        float: left;
}
.youtube-area {
    position: relative;
    width: 100%;
    padding: 75% 0 0 0;
}
.youtube-area iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
article.post, article.page{
        border: none;
}
/*************************************
ランキング
*************************************/
h3.ranking {
        position: relative;
        border-left: none;
        border-top: 1px solid #EFEFEF;
        border-bottom: 1px solid #EFEFEF;
        padding: 20px 60px;
        text-align: left;
        font-family: 'Noto Sans Japanese', sans-serif;
        font-weight: 400;
        font-size: 20px;
        color: #595757;
}
h4.osusume{
        position: relative;
        padding-left: 60px;
        border-left: none;
        margin-top: 3.5em;
        font-family: 'Noto Sans Japanese', sans-serif;
        font-weight: 400;
}
h4.review{
        position: relative;
        padding-left: 60px;
        border-left: none;
        margin-top: 3.5em;
        font-family: 'Noto Sans Japanese', sans-serif;
        font-weight: 400;
}
h3.ranking:before {
    content: " ";
        top: 0px;
        bottom: 0px;
        left: 10px;
        margin: auto;
        position: absolute;
        background-size: 100%;
}
h3.ranking.no1:before {
        top: 0px;
        bottom: 0px;
        left: 10px;
        margin: auto;
        background-image: url(images/ranking1.png);
        width: 40px;
        height: 39px;
}
h3.ranking.no2:before {
        background-image: url(images/ranking2.png);
        width: 42px;
        height: 33px;
}
h3.ranking.no3:before {
        background-image: url(images/ranking3.png);
        width: 42px;
        height: 31px;
}
h3.ranking.no4:before {
        background-image: url(images/ranking4.png);
        width: 42px;
        height: 31px;
}
h3.ranking.no5:before {
        background-image: url(images/ranking5.png);
        width: 42px;
        height: 31px;
}
h4.review:before{
        content: " ";
        width: 55px;
        height: 46px;
        background-image: url(images/review.png);
        background-size: 100%;
        position: absolute;
        top: -25px;
        left: 0px;
        background-repeat: no-repeat;
}
h4.osusume:before{
        content: " ";
        width: 55px;
        height: 46px;
        background-image: url(images/osusume.png);
        background-size: 100%;
        position: absolute;
        top: -12px;
        left: 0px;
        background-repeat: no-repeat;
}

/*************************************
商品紹介
*************************************/
.raking-item {
        margin-bottom: 20px;
}
.ranking-thumbnail {
        width: 30%;
        float: left;
        margin-right: 1%;
}
.ranking-detail {
        float: left;
        background: #F3F3F3;
        border-radius: 10px;
        padding: 15px 20px;
        width: 69%;
}
.ranking-detail p {
        margin: 5px 0px;
        font-size: 14px;
        color: #000;
}
p.name {
        font-size: 20px;
        border-bottom: 1px solid #EAEAEA;
        color: #DF84AB;
}
.ranking-detail a {
        padding: 10px;
        background: #DF84AB;
        color: #fff;
        font-size: 16px;
        margin-top: 10px;
        display: inline-block;
        border-radius: 5px;
        text-decoration: none;
}
.ranking-detail a:hover {
        background: #F3A6C7;
}
/*************************************
会話ゾーン
*************************************/
.talk{
        padding: 25px 0px 25px 100px;
        margin:0 10px 0 0;
        content:" ";
        background:url(images/wanko2.png);
        background-size:85px;
        background-repeat: no-repeat;
        background-position: left center;
        vertical-align:middle;
        margin-bottom: 20px;
}

.arrow_box {
    position: relative;
    background: #BCE0F7;
    border: 1px solid #64C2FF;
    border-radius: 5px;
    min-width: 100px;
    }
.arrow_box p,
.arrow_box2 p{
    margin: 0;
    padding: 10px 15px;

}
.arrow_box:after, .arrow_box:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #BCE0F7;
    border-width: 10px;
    margin-top: -10px;
}
.arrow_box:before {
    border-color: rgba(194, 225, 245, 0);
    border-right-color: #64C2FF;;
    border-width: 11px;
    margin-top: -11px;
}


.talk2{
        padding: 20px 100px 20px 0;
        margin:0 10px 0 0;
        content:" ";
        background:url(images/wanko1.jpg);
        background-size:85px;
        background-repeat: no-repeat;
        background-position: right center;
        vertical-align:middle;
        margin-bottom: 20px;
}

.arrow_box2 {
    position: relative;
    background: #feedff;
    border: 1px solid #f5c9f1;
    border-radius: 5px;
    min-width: 100px;
}
.arrow_box2:after, .arrow_box2:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box2:after {
    border-color: rgba(254, 237, 255, 0);
    border-left-color: #feedff;
    border-width: 10px;
    margin-top: -10px;
}
.arrow_box2:before {
    border-color: rgba(245, 201, 241, 0);
    border-left-color: #f5c9f1;
    border-width: 11px;
    margin-top: -11px;
}
/*************************************
CTA
*************************************/
.post-cta {
        background: #fff;
        border-top:none;
        padding: 0;
}
.post-cta .cta-post-title {
        padding: 15px 83px;
        text-align: left;
        font-size: 22px;
        margin-bottom: 0;
        border: 2px solid #EA68A2;
        color: #EA68A2;
        font-family: 'Noto Sans Japanese', sans-serif;
        font-weight: 300;
        position: relative;
}
.post-cta .cta-post-title:before {
        content: " ";
        background: url(images/cta_headline.png);
        background-size: 100%;
        position: absolute;
        left: 30px;
        top: 13px;
        width: 43px;
        height: 30px;
}
.post-cta-inner {
        background-color: #EDD1E4;
        border: 1px solid #E4B4D2;
}
.post-cta-text {
        width: 50%;
        padding-left: 50px;
        padding-top: 30px;
        color: #EA68A2;
        font-size: 14px;
}
.post-cta .post-cta-img {
        float: right;
        margin: 0;
        width: 45%;
}
.post-cta-img img {
        display: block;
        margin: 0 auto;
}
.cta-button a {
        width: 80%;
        border: 2px solid #fff;
        padding: 20px;
        display: block;
        margin: 0 auto;
        text-align: center;
        text-decoration: none;
        font-size: 22px;
        background-color: #EA68A2;
        color: #fff;
}
.cta-button a:hover {
        border: 2px solid #EA68A2;
        background-color: #fff;
        color: #EA68A2;
}
.post-cta .post-cta-btn a {
        color: #DF84AB;
        border-radius: 10px;
        border: 2px solid #DF84AB;
        display: block;
        padding: 10px;
        text-align: center;
        text-decoration: none;
        width: 60%;
        margin: 0 auto 20px;
}
.post-cta .post-cta-btn a:hover {
    background: #DF84AB;
    color: #fff;
}

.post-footer {
        border-radius: 0 0 3px 3px;
        padding: 40px 10px 0px 0px;
}
.post-author {
                padding: 40px 10px 40px 0;
}
/*--------------------------------
SNS
---------------------------------*/
.sharewrap{
padding: 1em 0;
}
.sharewrap h3{
margin:0.5em 0;
}
.share{
width:101%;
}
.sns{
margin:0 auto;
text-align:center;
}
.sns ul {
        list-style: none;
        padding: 0;
        margin: 10px 0;
}
.sns li {
float:left;
width: 49%;
margin: 0 1% 2% 0;
}
.sns li a {
font-size:80%;
position:relative;
display:block;
padding:10px;
color:#fff;
border-radius: 2px;
text-align:center;
text-decoration: none;
text-shadow:1px 1px 0 rgba(255,255,255,0.3);
}
.sns li a:before,
.sns li a i{
margin-right:0.2em;
margin-left:0.2em;
font-size:1.1em;
}
.sns li a:hover {
-webkit-transform: translate3d(0px, 3px, 1px);
-moz-transform: translate3d(0px, 3px, 1px);
transform: translate3d(0px, 3px, 1px);
box-shadow:none;
}
.sns li a .text{
font-weight:bold;
}
.sns li a .count{
font-size:10px;
margin-left: 2px;
}

/* ツイッター */
.sns .twitter a {
background:#00acee;
box-shadow:0 3px 0 #0092ca;
}
.sns .twitter a:hover {
background:#0092ca;
}

/* Facebook */
.sns .facebook a {
background:#3b5998;
box-shadow:0 3px 0 #2c4373;
}
.sns .facebook a:hover {
background:#2c4373;
}

/* グーグル */
.sns .googleplus a {
background:#db4a39;
box-shadow:0 3px 0 #ad3a2d;
}
.sns .googleplus a:hover {
background:#ad3a2d;
}

/* はてぶ */
.sns  .hatebu a {
background:#5d8ac1;
box-shadow:0 3px 0 #43638b;
}
.sns .hatebu a:hover {
background:#43638b;
}
.sns  .hatebu a:before{
content:'B!';
font-weight:bold;
line-height: 1;
}

/* LINE */
.sns  .line a {
background:#25af00;
box-shadow:0 3px 0 #219900;
}
.sns .line a:hover {
background:#219900;
}

/* Pocket */
.sns  .pocket a {
background:#f03e51;
box-shadow:0 3px 0 #c0392b;
}
.sns  .pocket a:hover {
background:#c0392b;
}
.sns-pocket{
    width: 16px;
    margin-right: 3px;
}
/* RSS */
.sns  .rss a {
background:#ffb53c;
box-shadow:0 3px 0 #e09900;
}
.sns  .rss a:hover {
background:#e09900;
}

/* Feedly */
.sns  .feedly a {
background:#87c040;
box-shadow:0 3px 0 #74a436;
}
.sns  .feedly a:hover {
background:#74a436;
}
.share.short .sns li {
width: 19%;
margin:0 1% 0 0;
}
.share.short .sns li a{
padding: 8px 4px;
}


/*************************************
関連記事
**************************************/
div#relation{
    margin-top: 30px;
    padding: 0 0px;
}
div#relation h4{
    margin-bottom: 20px;
}
div#relation ul li {
        width: 48%;
        margin-right: 2%;
        float: left;
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid #ddd;
        min-height: 90px;
}
span.cat-thum {
        float: left;
        width: 20%;
}
div#relation h5{
    float: left;
    margin-left: 2%;
    width: 68%;
    font-size: 14px;
}
div#relation a {
        color: #000;

}

/************************************
関連記事ショートコード
*************************************/
/*
.related_article {
        margin: 1.8em 0;
}
*/
.related_article a {
        color: #333;
        background: #FFF;
        border: 1px solid #eee;
        box-shadow: 1px 1px 0 #efefef;
        text-decoration: none;
        display: block;
        padding: 0.9em;
}
.related_slider .related_article a {
        padding: 0.9em 1.8em;
}
.related_article .thum {
        width: 22%;
        float: left;
}
.related_article .thum img {
        width: 100%;
        margin-bottom: 0;
}
.related_article .inbox {
        padding-left: 25%;
}
.related_article p.ttl {
        margin: 0 0 0.1em;
        font-size: 1em;
        font-weight: bold;
}
.related_article .date {
        font-size: 0.8em;
}
.related_article .ttl::before {
        content: "関連記事";
        font-size: 0.7em;
        font-weight: bold;
        color: rgb(255, 255, 255);
        width: 5em;
        display: inline-block;
        position: relative;
        top: -2px;
        text-align: center;
        margin-right: 0.5em;
        background: rgb(17, 17, 17);
        padding: 0.2em;
        border-radius: 2px;
}
.related_article a:hover {
        background: #FEEDFF;
        border: 1px solid #DF84AB;
}
.related_slider .bx-wrapper .bx-viewport {
        box-shadow: 1px 1px 0 #efefef !important;
}
.related_slider .bx-wrapper .bx-prev,
.related_slider .bx-wrapper .bx-next {
        width: 0.9em;
        opacity: 1 !important;
        margin-top: 0;
        top: 1px;
        font-size: inherit;
}
.related_slider .bx-wrapper .bx-prev {
        background: #000 url(http://sweet78.co.jp/wp-content/themes/xeory_base-child/images/related_arrow-left.png) center center no-repeat;
        background-size: contain;
        left: 1px !important;
}
.related_slider .bx-wrapper .bx-next {
        background: #000 url(http://sweet78.co.jp/wp-content/themes/xeory_base-child/images/related_arrow-right.png) center center no-repeat;
        background-size: contain;
        right: 1px !important;
}
/************************************
Facebook like box
*************************************/
.fb-area{
    padding: 0;
}
.fb-box{
    width: 100%;
    background-color: #2B2B2B;
    color: #fff;
    margin-bottom: 30px;
}
.fb-box .fb-thumbnail {
        width: 50%;
        float: left;
}
.fb-box .fb-thumbnail img{
    width: 100%;
}
.fb-box .fb-like-box-original{
    width: 50%;
    float: left;
    text-align: center;
}
.fb-box .fb-like-box-original p{
}
p.like{
    margin-top: 20px;
    font-size: 20px;
}
p.like-bottom{
    color: #999;
    margin-top: 20px;
}


.sbi_follow_btn a {
        background: #517fa4;
        color: #fff;
}
 .sbi_load_btn,.sbi_follow_btn a {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        zoom: 1;
        padding: 7px 14px;
        margin: 5px auto 0 auto;
        color: #eee;
        border: none;
        color: #fff;
        text-decoration: none;
        font-size: 13px;
        line-height: 1.5;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
}
/************************************
この記事を書いた人
*************************************/
h4.author {
        margin-bottom: 20px;
        color: #5B5B8E;
        position: relative;
        font-size: 20px;
        padding-left: 25px;
        padding-right: 10px;
        display: inline;
        background: #FFFFFF;
}
h4.author:before {
        content: " ";
        background-image: url(images/pen2.png);
        background-size: 100%;
        width: 23px;
        height: 22px;
        position: absolute;
        left: 0;
        top: 0px;
}
div.author-title-box {
        position: relative;
        margin-bottom: 10px;
}
div.border {
        position: absolute;
        height: 2px;
        background: #5B5B8E;
        top: 0px;
        width: 75%;
        right: 0;
        bottom: 0;
        margin: auto;
}
.post-author-img img {
        border-radius: 100px;
}
h5.author {
        font-weight: 400;
        font-size: 20px;
        color: #585889;
        letter-spacing: 4px;
}
.post-author .post-author-img {
        width: 20%;
}
.post-author .post-author-meta {
        margin-left: 0px;
        text-align: center;
        margin-top: 7px;
}
.post-author-meta-description {
        width: 80%;
        float: left;
        padding: 0 0 0 20px;
        text-align: justify;
        color: #231815;
        font-size: 14px;
        line-height: 2em;
        margin-top: 15px;
}
p.author-button a {
        color: #8787AD;
        border: 2px solid #5B5B8E;
        padding: 15px;
        font-size: 17px;
        display: inline-block;
        float: right;
        text-decoration: none;
}
p.author-button a:hover{
        color: #fff;
        background-color: #5B5B8E;

}
p.author-button{
        margin-top: 15px;
}
.author-sns{
    display: inline-block;
}
.author-sns a{
    float: left;
    margin: 0 10px;
    display: block;
}
.post-author a {
        color: #8787AD;
}
/***********************************
カテゴリーページ,固定ページ
*************************************/

body.home #content{
        padding: 175px 0 52px;
}
#content.page-page{
        padding: 154px 0 52px;
}
#content.category-page{
        padding: 175px 0 52px;
}
.category-bg,
.page-bg {
        width: 100%;
        height: 525px !important;
        position: absolute;
        z-index: -10;
    background-size: 100%;
    background-position:50% 0%;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(http://sweet78.co.jp/wp-content/uploads/2015/10/jigyounaiyou-compressor1.jpg);
}
.category-bg.contact-lens{
    background-image: url(http://sweet78.co.jp/wp-content/uploads/2015/10/osyare-compressor.jpg);

}
.category-bg.life{
    background-image: url(http://sweet78.co.jp/wp-content/uploads/2015/10/bg_category_life.jpg);
}
.category-bg.beauty{
    background-image: url(http://sweet78.co.jp/wp-content/uploads/2015/10/selfcare.jpg);
}
.category-bg.fashionable{
    background-image: url(images/fashionable.jpg);
}
.page-bg.company{
    background-image: url(http://sweet78.co.jp/wp-content/uploads/2015/10/jigyounaiyou-compressor1.jpg);
}
.page-bg.contact{
    background-image: url(http://sweet78.co.jp/wp-content/uploads/2015/10/info.jpg);
}
.page-bg.campain{
    background-image: url(http://sweet78.co.jp/wp-content/uploads/2015/10/canpain-compressor.jpg);
}
.page-bg.business{
    background-image: url(http://sweet78.co.jp/wp-content/uploads/2015/10/kaisya.jpg);
}
.category-bg.brand{
    background-image: url(http://sweet78.co.jp/wp-content/uploads/2015/10/ae46b1f460ee46f789c27b264a6cb4211.jpg);
}

.wrap.category-page,
.wrap.page-page{
    background-color: #fff;
}
.cat-content {
        background: none;
        padding: 0px;
        margin-bottom: 30px;
        border: none;
        position: relative;
}
.cat-header{
    width: 100%;
    margin-top: 60px;
    margin-bottom: 5px;
    text-align: center !important;
    color: #fff;
}
.page-header {
        width: 100%;
        margin-top: 30px;
        margin-bottom: 100px;
        text-align: center !important;
        color: #fff;
}
.slider-header{
        padding: 0;
        margin: 0;
}
.cat-header h1,
.page-header h1{
    font-size: 28px !important;
    padding-bottom: 5px;
    position: relative;
}
.cat-header h1:after{
    content: "";
    width: 50px;
    border-bottom: 3px solid #fff;
    position: absolute;
    top: 1.6em;
    left: 0;
    right: 0;
    margin: auto;
}
.cat-content-area{
    text-align: center;
    margin-bottom: 70px;
    color: #fff;
}
.cat-content-area p{
    font-size: 18px;
    font-weight: 600;
}
.post-content {
        padding: 20px 10px 0 0;
        overflow: hidden;
}
.brand-content {
        padding: 0px 30px;
        overflow: hidden;
}
/*　問い合わせ */
article#post-9 {
        padding: 0 0 0 30px;
}
/* 固定ページサイドバー */
.page-page #side {
        margin-left: -310px;
        padding: 0 20px 0 0;
}
.page-page article{
    margin-left: 5px;
}
/*************************************
会社概要
*************************************/
ul#menu.company-menu li a:before {
        display: none;
}
div#gnav-container.company-gnav-container {
        width: 100%;
        padding: 0;
        margin: 0;
}
div#menu-box.company-menu-box {
        border-top: 2px solid #E20070;
        border-bottom: 2px solid #E20070;
        background: #E20070;
        margin-top: 10px;
}
.company-gnav-container #menu li {
        width: 25%;
        padding: 0px;
        border-left: 1px solid #fff;
}
.company-gnav-container #menu li:last-child {
        border-right: 1px solid #fff;
}
.company-gnav-container #menu li a {
        padding: 10px 0;
        color: #fff;
}
.company-gnav-container #menu li a:hover {
        background-color: #fff;
        color: #E20070;
        border-right:1px solid #E20070;
        border-left: 1px solid #E20070;
}
.company-menu a.active{
    background-color: #fff;
    color: #E20070 !important;
}
ul.company-side{
    font-size: 16px;
    color: #595757;
}
ul.company-side li:first-child{
    font-weight: 600;
    background-color: #EFEFEF;
    padding: 10px;
    border-radius: 10px;
}
ul.company-side li{
    margin: 0;
    border-bottom: 1px solid #EFEFEF;
    padding: 10px;
}
ul.company-side li a{
    color: #595757;
    text-decoration: none;
    padding: 10px;
    width: 100%;
    display: block;
    border-radius: 5px;
}
ul#company-sidemenu .current{
    background-color: #EFEFEF;
}
ul.company-side li a:hover{
    background-color: #EFEFEF;
}
table {
    border-collapse: collapse;
    width:100%;
    font-size: 14px;
    border-top:  #E2E2E2 1px solid !important;
}
th.t_top {
        border-top: #FDC6FF 4px solid;
}
th {
    border-bottom: #e3e3e3 1px dotted;
    text-align: left;
    padding: 10px;
    font-weight: normal;
    width: 30%;
    background-color: #F1F1F1 !important;
    color: #000 !important;
}
td.t_top {
    border-top: #E2E2E2 4px solid;
}
td {
    border-bottom: #e3e3e3 1px dotted;
    text-align: left;
    padding: 10px;
}
tbody{
    width: 100%;
}
.post-content table{
    border: none;
}
.post-content table ul {
        margin-bottom: 0;
}
/************************************
ブランド一覧
************************************/
.post-thumbnail.brand-logo {
        width: 30%;
}
.post-content.brand-content h3 {
        border: none;
        background: #EFEFEF;
        padding: 10px !important;
        border-radius: 5px;
        font-size: 22px !important;
        color: #595757;
}
h3.brand-name{
    margin-bottom: 20px !important;
}
.brand-post{
    margin-bottom: 50px;
    border-bottom: 2px solid #EFEFEF;
}
.brand-post:last-child{
    border-bottom: none;
}
h4.item-line-up{
    margin: 0;
    padding-left: 10px;
    color: #595757;
}
h4.item-line-up:before {
        content: "\f006";
        font-family: "fontawesome";
        margin-right: 5px;
        font-weight: normal;
        font-size: 1em;
        color: #DF84AB;
}
.item-box{
    width: 95%;
    display: block;
    margin: 0 auto;
    color: #595757 !important;
}
.item-box .line-up{
    width: 100%;
    padding: 1%;
    margin-top: 10px;
    margin-bottom: 10px;
}
.item-box .line-up .item-left{
    width: 25%;
    float: left;
}
.item-right{
    width: 75%;
    float: left;
    padding-left: 40px;
}
.item-right p{
    margin: 0;
    font-size: 12px;
}
h5.item_name{
    margin: 0 0 10px 0;
    border-bottom: 1px solid #595757;
    font-weight: 400;

}
h5.item_name:before {
        content: "\f138";
        font-family: "fontawesome";
        margin-right: 5px;
        font-weight: normal;
        font-size: 1em;
}

/*****************************************
author.php
*****************************************/
header.page-header-curator{
    padding: 0 10px;
    margin-bottom: 25px;
}
.author-box{
    margin-bottom: 30px;
    padding: 0 10px;
}
.author-box img{
border-radius: 100px;
}

.author-box figure{
    width: 20%;
    float: left;
    margin-right: 2%;
}
.author-box .author-discription {
        width: 78%;
        float: left;
        padding-left: 20px;
        text-align: justify;
}
p.name a {
        position: relative;
        font-size: 12px;
        padding-left: 20px;
        color: #000;

        text-decoration: none;
}
p.name a:before {
        content: " ";
        background-image: url(images/pen.png);
        margin: 0px;
        position: absolute;
        top: -2px;
        left: 0;
        width: 17px;
        height: 16px;
        background-size: 100%;
}

.author-box h1 {
        padding-left: 0px;
        font-size: 20px;
        letter-spacing: 2px;
        float: left;
        margin: 0;
}
small{
    font-size: 0.8em;
    padding-left: 0.5em;
    color: #828282;
}
a.sns-link{
    margin-right: 20px;
    color: #231815;
    border-radius: 30px;
    margin-bottom: 10px;
}
.author-meta-sns {
        float: left;
        padding-top: 2px;
        padding-left: 10%;
}
.author-box .discription{
    margin-top: 10px;
}
.author-archive-page{
        padding: 170px 0 52px !important;
}
.author-box .discription {
        margin-top: 10px;
        color: #231815;
        font-size: 12px;
}

/*****************************************
会社情報
*****************************************/
img.ceo-img {
        margin-top: 18px;
}

/*****************************************
インスタAPI
*****************************************/
.post-content.insta{
    padding: 0;
}
ul#instafeed{
    width: 100%;
    padding: 0;
}
ul#instafeed li{
    list-style: none;
    float: left;
    width: 23%;
    margin: 1%;
}
ul#instafeed li img{
    width: 100%;
}

#footer-nav a:hover{
    color: #E50280;
}
/****************************************
ライター一覧
***************************************/
.writers{
        overflow:hidden;
}
.writers a{
    display: block;
    float: left;
    width: 46%;
    margin: 0 2% 30px 2%;
    padding: 20px 20px;
    text-decoration: none;
}
.writers a:hover{
        background-color: #FEECF5;
}
.writer-profile figure{
    width: 30%;
    display: block;
    margin: 0 auto 10px auto;
}
.writer-profile img{
        width: 100%;
        border-radius: 100px;
        float: left;
        margin-right: 5%;
}
.writer-profile .name {
        width: 100%;
        font-weight: 400;
        padding: 0;
        margin-bottom: 10px;
        border-bottom: none;
        font-size: 18px;
        margin-top: 5px;
        text-align: center;
}
.profiletxt p.name{
        font-size: 16px;
        color: #000;

}

.writer-profile .description{
        font-size:0.8em;
        margin-bottom: 0;
        color: #000;

        text-align: justify;
}
.writer-profile .button a{
        font-size:0.8em;
}
/*****************************************
フッター
*****************************************/
footer{
    font-size: 12px !important;
}
#footer a:hover{
    color: #E7A8B1;
}
.ft-col-2{
    width: 50%;
    float: left;
    position: relative;
}
.ft-col-3{
    width: 33%;
    float: left;
}

.footer-02 .wrap {
        position: relative;
}
.footer-02 .footer-copy {
        text-align: center;
        font-size: 12px;
        color: #000;
    }
.footer-01 ul li {
        display: block;
        margin-right: 0px;
        float: none;
}
p.footer-menu-title {
        font-size: 24px;
        font-family: 'Courier New';
        letter-spacing: 0px;
}

ul#footer-02-nav {
        position: absolute;
        top: 0;
        right: 0;
}
ul#footer-02-nav li {
        float: left;
        margin-right: 40px;
}
.footer-02 .wrap {
        position: relative;
        padding: 0 0 20px 0 !important;
        margin-top: 20px;
}
.menu-footer-left-container ul li,
.menu-footer-right-container ul li {
        padding: 7px 0;
}
.menu-footer-left-container ul li:before,
.menu-footer-right-container ul li:before {
                        content: "\f138";
                        font-family: "fontawesome";
                        margin-right: 5px;
                        font-size: 1em;
                        color: #000;
}
#footer,
#footer a {
        color: #000;
}
a.footer-logo{
    display: inline-block;
}
a.footer-logo {
        width: 70%;
}
img.sweet-logo {
        width: 60%;
        display: block;
        margin: 90px auto;
}
.foot-menu{
    padding-left: 40px;
    border-left: 1px solid #efefef;
}
/****************************************
代表挨拶
***************************************/
.message-box{
}
.ceo-image{
    width: 20%;
    float: right;
}
.ceo-catch {
        width: 100%;
        padding: 30px 20px;
        border-top: 5px solid #F7C7DC;
        background-color: #FCEDF4;
}
.ceo-catch.concept img{
        width: 80%;
        display: block;
        margin: 0 auto;
        padding: 50px 0;
}
h2.site-concept{
    padding: 0;
    border-bottom: none;
    margin-bottom: 30px !important;
    color: #5ba6a6;
}
h2.site-concept:before{
    content: none !important;
}
p.official-position{
    font-size: 14px;
    letter-spacing: 3px;
    margin-top: 5px;
    margin-bottom: 0px;
}
p.official-position + p{
    font-size: 18px;
    letter-spacing: 3px;
}
.ceo-catch h2 {
        margin-bottom: 0px !important;
        margin-top: 15px !important;
        border-bottom: none;
        padding: 0;
        color: #9F9595;
        margin-top: 0;
        line-height: 1.7em;
        letter-spacing: 5px;
}
.ceo-catch h2:before{
    content: none;
}
.ceo-box {
        margin-top: 20px;
        color: #252525 !important;
        text-align: justify;
        letter-spacing: 3px;
        padding: 0 20px;
    }
ul.shop-link{
    padding: 0;
}
ul.shop-link li{
    list-style: none;
    float: left;
    width: 23%;
    margin: 0 1%;
    padding: 0;
}
ul.shop-link li img{
    width: 100%;
}
ul.shop-link li a{
    color: #383838;
}
ul.shop-link p{
    font-size: 12px;
    text-align: center;
    margin-top: 5px;
}
/****************************************
レポ用フォーム
***************************************/
div.repo-form textarea{
    width: 100%;
}
div.repo-form dl{
    margin-bottom: 20px;
}
dl.repo-form-textarea dd,
dl.repo-form-text dd,
dl.repo-form-sort-number dd{
    border: none;
    padding: 0;
}
dl.repo-form-star,
dl.repo-form-ragan,
dl.repo-form-sort-number{
    margin: 0;
}
dl.repo-form-star dt,
dl.repo-form-sort-number dt {
        float: left;
        margin-right: 10px;
        width: 120px;
        padding: 20px 0;
}
dl.repo-form-star dd,
dl.repo-form-sort-number dd {
        float: left;
        border: none;
        margin: 0;
        padding: 10px 0;
        position: relative;
}
dl.repo-form-star dd select {
        background: none;
        padding: 10px 30px 10px 10px;
        -webkit-appearance: none;
}
dl.repo-form-star dd:after {
        content: " ";
        background-image: url('images/searchform/arrow.png');
        background-size: contain;
        background-repeat: no-repeat;
        width: 9px;
        height: 7px;
        position: absolute;
        margin: auto;
        top: 0;
        bottom: 0;
        right: 10px;
}
dl.repo-form-ragan{
    margin-bottom: 0 !important;
}
dl.repo-form-ragan dt{
        float: left;
        width: 50px;
        border: none;
        padding: 5px 5px 5px 0;
}
dl.repo-form-ragan dd{
        float: left;
        border: none;
        margin-right: 30px;
}
dl.repo-form-ragan input{
    width: 70px;
    margin-right: 5px;
}
dl.repo-form-ragan input[type="number"]::-webkit-outer-spin-button,
dl.repo-form-ragan input[type="number"]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
}
dl.repo-form-ragan input[type="number"] {
        -moz-appearance:textfield;
}
/****************************************
アドセンス
***************************************/
.google-ad .col-2{
    float: left;
    width: 50%;
    padding: 0 10px;
}
.google-ad .col-2 .adsbygoogle{
    display: block !important;
    margin:20px auto;
    max-width: 300px;
}
.google-ad.sm{
    display: none;
}
.google-ad-big {
        width: 100%;
        margin-top: 10px;
}
.google-ad-big img{
    width: 100%;
    margin: 10px 0 0 0;
    padding-right: 10px;
}
@media screen and (max-width: 1200px){
        .post-loop-wrap {
                padding: 0px 0 0 8px;
        }
        .post-loop-wrap article.masonry-box {
                width: 23%;
                margin: 0 1.1% 1% 0.75%;
        }
        p.like{
            margin-top: 16px;
            font-size: 16px;
        }
        p.like-bottom{
            color: #999;
            margin-top: 10px;
            font-size: 10px;
        }

}
@media screen and (max-width: 991px){
                .post-footer {
                        padding: 40px 20px 0px 20px !important;
                }

                #header {
                        padding: 0 !important;
                }
                #header .wrap{
                margin-left: 0px;
                margin-right: 0px;
                }
                #header #logo {
                        float: none;
                        font-size: 20px;
                        display: block;
                        margin: 0 auto;
                        max-width: 180px;
                        padding-top: 5px;
                        position: absolute;
                        left: 0;
                        right: 0;
                        top: -20px;
                }
                #gnav-container {
                        width: 80%;
                }
                #gnav {
                        margin: 5px 2%;
                }
                .logo {
                        display: none;
                }
                div.header-sns {
                        padding-right: 25px;
                }
                body.home #content {
                        padding: 77px 0 0px;
                }
        /**********************************
        ブログメニュー
        **********************************/
                #blogmenu-box .wrap{
                    margin: 0;
                }

                #content {
                        padding: 65px 0 52px;
                }
                .post-loop-wrap article.masonry-box {
                    width: 23.5%;
                    margin: 0 0.66% 1% 0.66%;
                }
                .page-page article{
                    margin-right: 5px;
                }

/*************************************
メニュー
*************************************/
                p.site-catch,
                h1.site-catch {
                        padding-left: 24px;
                        text-align: center;
                }
                h1.site-catch {
                        letter-spacing: 0px !important;
                }
                #menu li{
                    width: 25%;
                }
                #menu-box .logo img {
                        width: 90%;
                }
                #gnav-container {
                        padding: 0 0 5px 0;
                        width: 100%;
                        margin: 50px auto 0 auto;
                }
                ul#menu li a:before {
                        width: 35px;
                        height: 35px;
                        bottom: 0;
                        top: 0;
                        left: 9px;
                        right: inherit;
                        margin: auto;
                }

                ul#menu li:first-child a:before {
                        width: 31px;
                        height: 26px;
                        bottom: 3px;
                        left: 9px;
                        right: inherit;
                        margin: auto;
                        top: 0;
                }



                #menu {
                        width: 80%;
                }
                #toggle a#toggle-button {
                        display: block;
                        position: relative;
                        top: 5px;
                        color: #fff;
                        text-align: center;
                        text-decoration: none;
                }
                #menu{
                    display: none;
                    width: 100%;
                 }
                #menu-box .logo{
                    display: none;
                }
                #logo.company {
                    padding-top: 15px !important;
                }

                #menu li {
                        width: 50%;
                        border-top: 1px solid #DADADA;
                        border-right: 1px solid #dadada;
                }
                #menu li a{
                        color: #595757 !important;
                        padding: 20px 0;
                        text-align: left;
                        text-indent: 50px;
                        font-size: 12px;
                }
                #menu.company-menu li a{
                    text-indent: 0;
                    text-align: center;
                }
                #menu li:nth-child(odd){
                        border-left: 1px solid #dadada;
                }
                #menu li:nth-child(7),
                #menu li:nth-child(8) {
                        border-bottom: 1px solid #dadada;
                }
                #menu li a:before{
                        font-family: "fontawesome";
                        margin-left: 0px;
                        margin-right: 5px;
                        font-weight: normal;
                        font-size: 1em;
                }
                #menu li:first-child a:before{
                        content: "\f015";
                        color: #DF84AB;
                }
                #menu li.beauty a:before{
                        content: "\f219";
                        color: #DF84AB;
                }
                #menu li.fashionable a:before{
                        content: "\f182";
                        color: #DF84AB;
                }
                #menu li.life a:before{
                        content: "\f06c";
                        color: #DF84AB;
                }
                #menu li.love a:before{
                        content: "\f004";
                        color: #DF84AB;
                }
                #menu li.company a:before{
                        content: "\f069";
                        color: #DF84AB;
                        position: static;
                }
                #menu li.contact a:before{
                        content: "\f0e0";
                        color: #DF84AB;
                }
                .sub-menu li{
                    background: #EFEFEF;
                }
                .sub-menu li a {
                        padding: 5px 0 !important;
                }
                #toggle{
                        display: block;
                        position: relative;
                        width: 100%;
                        background: #fff;
                        border-bottom: 2px solid #fff;
                }
                #toggle:before{
                        display: block;
                        content: "";
                        position: absolute;
                        top: 50%;
                        left: 10px;
                        width: 20px;
                        height: 20px;
                        margin-top: -10px;
                }
                #toggle a#toggle-button:before{
                        content: "\f0c9";
                        font-family: "fontawesome";
                        margin-right: 5px;
                        font-weight: normal;
                        font-size: 1.7em;
                        position: absolute;
                        top: 37%;
                        margin-top: -20px;
                        left: 25px;
                        color: #000;

                }
                #toggle a#toggle-button:before{
                        margin-top: -5px;
                }
                ul.sub-menu{
                        padding-top: 0px;
                        height: 47px;
                        width: 100%;
                }
                ul.sub-menu li{
                    position: relative;
                    text-align: left;
                    text-indent: 2em !important;
                }
                ul.sub-menu li a{
                    text-indent: 2em !important;
                }
                header li.menu-item-has-children > a:after{
                        content: "\f107";
                        font-family: "fontawesome";
                        font-size: 1.5em;
                        font-weight: normal;
                        position: absolute;
                        right: 1em;
                        top: 15px;
                }
                .sp-button {
                        width: 10px !important;
                        height: 10px !important;
                }
                div#menu-box.company-menu-box {
                        border:none;
                        background: #fff;
                        margin-top: 0px;
                }
.company-gnav-container #menu li {
        width: 50%;
        padding: 0px;
        border-left: none;
}
.company-gnav-container #menu li:nth-child(3),
.company-gnav-container #menu li:last-child{
    border-bottom: 1px solid #DADADA;
}
div#gnav-container.company-gnav-container {
        margin-top: 45px;
}
.wrap.page-page .breadcrumb {
        padding: 0px 15px;
        margin-bottom: 0;
}
#header p#logo.company {
        max-width: 100px;
        padding-top: 12px;
        margin: 0 auto
}
/******************************************
パン屑リスト
******************************************/
                .breadcrumb {
                        padding: 15px 5px 0px 0px;
                }
/******************************************
ブランド一覧
******************************************/
                .post-thumbnail.brand-logo {
                        width: 50%;
                }
/*************************************
カテゴリーページ
**************************************/
                #content.category-page {
                        padding: 65px 0 52px;
                }

/******************************************
サイドバー
******************************************/
                #side {
                        float: none;
                        width: 100%;
                        margin-left: 0;
                        margin-right: 0;
                        padding: 42px 20px 0 20px;
                }
                .page-page #side {
                        margin-left: 0px;
                }

/******************************************
アーカイブ
******************************************/
                .wrap.category-page .breadcrumb {
                        padding: 15px 20px 15px 0px;
                }
                .post-loop-wrap {
                        padding: 0 15px;
                }
                .post-meta li {
                        padding-left: 13px;
                }
                .post-loop-wrap .post-meta li {
                    padding-left: 0px;
                }
/******************************************
記事
******************************************/
                .wrap{
                        margin-left: 0px;
                        margin-right: 0px;
                }
                .blog-post .breadcrumb {
                        padding: 15px 5px 0px 15px;
                }
                .post-thumbnail {
                        margin-right: 0px;
                        float: none;
                }
/******************************************
記事
******************************************/
                div#relation {
                        padding: 0 20px;
                }
/************************************
Facebook like box
*************************************/
                 .fb-area {
                        padding: 0;
                        margin: 0 20px;
                }
                p.like{
                    margin-top: 20px;
                    font-size: 16px;
                }
                p.like-bottom{
                    color: #999;
                    margin-top: 10px;
                    font-size: 12px;
                }
/*************************************
CTA
*************************************/
                .post-cta {
                        background: #fff;
                        border-top:none;
                        padding: 0 20px;
                }
                .post-cta .post-cta-img {
                        padding: 30px 0;
                }
                .post-cta-inner{
                    padding: 0 !important;
                }
                .post-cta .cta-post-title {
                        padding: 15px 10px !important;
                        text-align: center;
                        font-size: 22px;
                        border-bottom: none;
                }
                .post-cta .post-cta-btn a {
                        color: #DF84AB;
                        border-radius: 10px;
                        border: 2px solid #DF84AB;
                        display: block;
                        padding: 10px;
                        text-align: center;
                        text-decoration: none;
                        width: 100%;
                        margin: 0 auto 20px;
                }
                .post-cta .post-cta-btn a:hover {
                    background: #DF84AB;
                    color: #fff;
                }
/************************************
この記事を書いた人
*************************************/
                .post-author {
                        border-radius: 3px;
                        margin-bottom: 40px;
                        padding: 0px 20px;
                        color: #383838;
                }
                h4.author{
                    margin-bottom: 20px;
                }
                h5.author{
                    font-weight: 400;
                }
                #footer {
                        padding: 0 20px;
                }
/************************************
固定ページ
*************************************/
                #content.page-page {
                        padding: 72px 0 52px;
                }


}
@media screen and (max-width: 768px){
                        #toggle a#toggle-button:before {
                                left: 20px;
                        }
                        p.site-catch,
                        h1.site-catch {
                                padding-left: 20px;
                                padding-top: 3px;
                        }
                        div.header-sns {
                                padding-right: 20px;
                        }
                div.header-sns {
                        display: none;
                }
                div.right-nav {
                        display: none;
                }
                        article.post .post-header.single {
                                padding: 0px;
                        }
                        .post-meta li {
                                padding-left: 0;
                                padding-bottom: 0;
                                padding-right: 0;
                                margin-right: 0;
                        }
                        ul.post-meta li {
                                margin: 0;
                                padding: 10px 0 0 22px;
                        }
                        h1.post-title.blog {
                                padding: 0px 20px 10px 20px;
                                border-radius: 0px;
                                margin-bottom: 10px;
                        }
                        #main .post-author .post-author-img {
                                float: left;
                        }
                        /* SNS テキスト非表示 */
                        .share.short .sns li a .text{
                        display:none;
                        }
                        .sns-pocket{
                            width: 20px;
                            margin-right: 0px;
                        }
                        .thumbnail-caption {
                                width: 85%;
                        }

                        .foot-menu{
                            padding-left: 10px;
                            border-left: 1px solid #000;
                        }
/****************************************
代表あいさつ
****************************************/
                        .ceo-box {
                                padding: 0;
                        }
#feas-form-1 div {
        margin-bottom: 30px;
        width: 100%;
        float: left;
        margin: 0 0 10px 0;
}
/****************************************
アドセンス
***************************************/
.google-ad .col-2{
    float: left;
    width: 50%;
    padding: 0 10px;
}
.google-ad-big img{
    padding-right: 0px;
}






}







@media screen and (max-width: 420px){
                .share.short .sns li a{
                padding:10px 4px;
                }
                div.header-sns {
                        display: none;
                }
                div.right-nav {
                        display: none;
                }
                p.site-catch,
                h1.site-catch {
                        padding-left: 5px;
                        letter-spacing: 0.5px;
                }
                #toggle a#toggle-button:before {
                        left: 10px;
                }
                #header #logo {
                        top: -15px;
                }
                ol.breadcrumb {
                        margin: 15px 0;
                }
                .ceo-catch.concept img{
                        width: 90%;
                        display: block;
                        margin: 0 auto;
                        padding: 20px 0;
                }
                #menu-side-category li a {
                        padding-left: 40px;
                        font-size: 12px;
                }

/*********************************
記事横幅100%
*********************************/
                .post-loop-wrap article.masonry-box {
                        width: 100%;
                        margin: 0%;
                        margin-bottom: 0px;
                }
                article.post div.post-thumbnail {
                        width: 20% !important;
                        float: left;
                        margin-bottom: 0;
                }
                .post-thumbnail-box {
                        position: absolute;
                        bottom: 8px;
                        left: 0;
                        padding: 0px 0px 0px 22%;
                        width: 100%;
                }
                .post-meta li {
                        padding-left: 0px;
                        font-size: 12px;
                        letter-spacing: 3px;
                        padding-bottom: 0;
                        margin-top: 0;
                }
                ul.post-meta.list-inline li {
                        padding-top: 0;
                }
                .post-meta {
                        margin-bottom: 0;
                }
                .post-header-pad {
                        padding: 0 0 0 0.5em;
                        width: 80%;
                        float: left;
                        text-align: static;
                }
                header.post-header h2.post-title {
                        font-size: 13.125px;
                        margin-bottom: 5px !important;
                        line-height: 1.3em;
                }
                p.post-thumbnail-author {
                        position: relative;
                        float: right;
                        font-size: 10px;
                        padding: 0 0 0 19px;
                }
                p.post-thumbnail-author:before {
                        top: 1px;
                        left: 0;
                        width: 15px;
                        height: 14px;
                }
                p.post-thumbnail-cat {
                        top: 2px;
                        padding: 0px 0 0 18px;
                        font-weight: 400;
                        font-size: 10px;
                        right: 0px;
                        bottom: inherit;
                        text-align: left;
                        position: relative;
                }
                p.post-thumbnail-cat:before {
                        content: " ";
                        margin-right: 7px;
                        width: 14px;
                        height: 14px;
                        left: 0px;
                        top: 0px;
                }
                .post-loop-wrap {
                        padding: 0px 10px;
                }

                .post-loop-wrap article{
                                border: none !important;
                                padding-bottom: 8px !important;
                                padding-top: 8px !important;
                }
                p.post-thumbnail-cat.selfcare{
                        width: 55px;
                }
                article.post,article.page{
                    border: none;
                }
                .blog-post article.post .post-meta li {
                        padding-left: 10px;
                        font-size: 16px;
                        letter-spacing: 5px;
                        padding-bottom: 5px;
                        margin-top: 0;
                }
                .post-content{
                        padding: 10px !important;
                }
                .blog-post article.post div.post-thumbnail{
                        width: 100% !important;
                }
                #side {
                        padding: 0px 10px 0 10px;
                }
                .wrap.page-page .breadcrumb {
                        padding: 0px;
                }
                .page-page article {
                        margin-right: 0px;
                        margin-left: 0;
                }
                .page-page #side {
                        padding-left: 10px;
                }
                .post-footer {
                        padding: 0px 10px 40px 10px !important;
                }
                .post-author {
                        padding: 0px 10px;
                }
                .post-author-img {
                        float: left;
                        width: 100%;
                }
                .post-author-img img {
                        width: 100%;
                }
                h5.author {
                        float: left;
                        margin-right: 1.5em;
                }
                .author-sns {
                        padding-top: 3px;
                }
                .post-author .post-author-img .inner {
                        padding: 0;
                        width: 30%;
                        float: left;
                }
                .post-author .post-author-img {
                        float: none;
                        width: 100%;
                        position: relative;
                }
                .post-author .post-author-img .inner {
                        padding: 0;
                        width: 30%;
                        float: left;
                }
                #main .post-author .post-author-meta {
                        margin: 10px 0 0 20px;
                        float: left;
                        position: absolute;
                        margin: auto;
                        top: 0;
                        bottom: 0;
                        right: 10px;
                        display: inline-block;
                        height: 40px;
                }
                .post-author-meta-description {
                        width: 100%;
                        padding: 0 20px 0 20px;
                }
                p.author-button a {
                        width: 100%;
                        text-align: center;
                }

/****************************************
ショートコード関連記事
****************************************/

                .related_article .thum {
                        width: 35%;
                }
                .related_article .inbox{
                    padding-left: 40%;
                }
                .related_article p.ttl {
                        font-size: 0.8em;
                }
/****************************************
ブランドページ
****************************************/
                .post-thumbnail.brand-logo {
                        width: 100%;
                }

                .brand-logo img{
                    width: 100%;
                }
                .item-box .line-up .item-left{
                    width: 70%;
                    display: block;
                    margin: 0 auto 10px auto;
                    float: none;
                }
                .item-right{
                    width: 100%;
                    float: none;
                    padding-left: 0px;
                    margin-bottom: 20px;
                }
                h4.item-line-up{
                    padding-left: 0;
                    padding-top: 5px;
                    padding-bottom: 5px;
                    text-align: center;
                    border-top: 1px solid #595757;
                    border-bottom: 1px solid #595757;
                }
                h4.item-line-up:after {
                        content: "\f006";
                        font-family: "fontawesome";
                        margin-left: 5px;
                        font-weight: normal;
                        font-size: 1em;
                        color: #DF84AB;
                }


                article#post-9 {
                        padding: 0;
                }
/*************************************
投稿記事
**************************************/
                .blog-post .breadcrumb {
                        padding: 15px 5px 0px 5px;
                }
                .blog-post .breadcrumb li:first-child{
                    margin-left: 5px;
                }
                h1.post-title.blog {
                        padding: 10px 0px 0px 10px;
                        font-size: 14px;
                        margin: 0;
                }
                .post-author-title {
                        padding-top: 10px;
                }
                .post-author-title img {
                        width: 25px;
                        padding-top: 3px;
                }
                .post-author-title {
                        float: right;
                }
                .blog-post article.post .post-meta li {
                        padding-left: 0px;
                        padding-top: 3px;
                        margin-right: 10px;
                }
                .thumbnail-caption {
                        width: 100%;
                        border-radius: 0;
                        bottom: 0;
                }

                .post-header-meta {
                        margin-bottom: 20px;
                }
/*************************************
関連記事
**************************************/
                div#relation {
                        padding: 0 10px;
                }
                div#relation ul{
                    padding: 0px;
                }
                div#relation ul li {
                        width: 100%;
                        margin-right: 0;
                        float: none;
                        min-height: 50px;
                }
/************************************
CTA
*************************************/
                .post-cta {
                        padding: 0 10px;
                }
                .post-cta .cta-post-title:before {
                        left: 4px;
                        top: 0;
                        bottom: 0;
                        margin: auto;
                }
                .post-cta .cta-post-title {
                        padding: 10px 0 10px 51px !important;
                        text-align: left;
                        font-size: 18px;
                        margin-bottom: 0;
                }
                .post-cta .post-cta-img {
                        float: none;
                        margin: 10px auto;
                        width: 90%;
                        display: block;
                }
                .post-cta-text {
                        width: 100%;
                        padding: 10px 20px;
                }
                .cta-button a {
                        width: 90%;
                        padding: 15px 10px;
                        font-size: 16px;
                        color: #fff;
                }

                nav.pagination {
                        margin: 20px;
                }
/************************************
サイドポピュラーポスト
*************************************/
                ul.wpp-list img,
                #new-entries figure.eyecatch {
                        width: 20%;
                }
/************************************
Facebook like box
*************************************/
                .fb-box .fb-thumbnail {
                        width: 100%;
                }
                .fb-box .fb-like-box-original{
                    width: 100%;
                    float: left;
                    text-align: center;
                }
                .fb-area {
                        margin: 0px 0px;
                }
                .fb-box .fb-like-box-original p{
                }
                p.like{
                    margin-top: 15px;
                    font-size: 22px;
                }
                p.like-bottom{
                    color: #E2E2E2;
                    margin-top: 10px;
                    padding-bottom: 15px;
                }

                tbody{
                    width: 100% !important;
                }
                .post-content table{
                    overflow-x: inherit;
                    white-space:inherit !important;
                }
                .ranking-thumbnail{
                        width: 100% !important;
                        float: left;
                        margin-right: 0;
                        margin-bottom: 10px;
                }
                .ranking-detail {
                        width: 100%;
                }

/************************************
author.php
*************************************/


                #content.page-author {
                        padding: 50px 0 52px;
                }
                .wrap.page-author .breadcrumb {
                        padding: 15px 5px 0px 0px;
                }
                .author-archive-page {
                        padding: 60px 0 0px !important;
                }
                .author-box figure {
                        width: 40%;
                        float: none;
                        margin: 0 auto;
                }
                .author-box .author-discription {
                        width: 100%;
                        float: left;
                        padding: 20px 20px 0 20px;
                        text-align: justify;
                }
                .author-meta-sns {
                        float: right;
                }
                .author-box .discription {
                        font-size: 10px;
                }

/************************************
フッター
*************************************/
                #footer {
                        padding: 0 0px;
                }
                .footer-01 {
                        border-top: none;
                }
                #footer .wrap {
                        padding: 0px 0;
                }
                .ft-col-2 {
                        width: 100%;
                }
                .sm-hide{
                    display: none;
                }
                .foot-menu {
                        padding-left: 0px;
                        border-left: none;
                }
                p.footer-menu-title {
                        text-align: center;
                        border-top: 1px solid #6F7374;
                        border-bottom: 1px solid #6F7374;
                        background-color: #F6E8F2;
                        color: #000;
                        font-size: 17px;
                        padding: 5px 0;
                }
                ul#menu-footer-left li ,
                ul#menu-footer-right li {
                        text-align: left;
                        float: left;
                        width: 100%;
                        font-size: 12px;
                        border-bottom: 1px solid #6F7374;
                        padding:0;
                }
                ul#menu-footer-left li:last-child{
                    border-bottom: none;
                }

                ul#menu-footer-left li:before,
                ul#menu-footer-right li:before{
                    display: none;
                }
                #footer, #footer a {
                        color: #000;
                        display: block;
                        width: 100%;
                        text-decoration: none;
                }
                 #footer a {
                        padding: 5px 0 5px 10px;

                 }
                #footer, #footer a:hover{
                    color: #fff;
                    background-color: #000;
                }
                .footer-02 .wrap {
                        position: relative;
                        padding: 0 !important;
                        margin-top: 0;
                }
                ul#footer-02-nav {
                        position: static;
                }
                ul#footer-02-nav li {
                        float: none;
                        margin-right: 0;
                        border-bottom: 1px solid #6F7374;
                }
                p.footer-copy {
                        padding: 10px 0;
                }
                table.company {
                        font-size: 12px;
                }
/************************************
代表あいさつ
*************************************/
                .ceo-catch {
                        width: 100%;
                        padding: 15px 10px;
                        border-top: 5px solid #F7C7DC;
                        background-color: #FCEDF4;
                }
                .ceo-catch h2 {
                        font-size: 13px;
                }
                .ceo-box {
                    font-size: 11px;
                    margin-top: 10px;
                }
                .ceo-image {
                        width: 30%;
                        float: right;
                        margin-left: 10px;
                }
                h2.site-concept{
                        font-size: 15px;
                }

                p.official-position {
                        font-size: 10px;
                        letter-spacing: 0px;
                        margin-top: 2px;
                        margin-bottom: 0px;
                }
                p.official-position + p {
                        font-size: 15px;
                        letter-spacing: 0px;
                        margin: 0 0 10px 0;
                }

                ul.shop-link li{
                    width: 48%;
                }

/****************************************
ライター一覧
***************************************/
.writers a{
    width: 100%;
    margin: 0;
    padding: 10px;
    border-bottom:    color: #000;

}
.writers a:hover{
        background-color: #FEECF5;
}
.writer-profile figure{
    width: 30%;
    padding-right: 10px;
    float: left;
}
.profiletxt{
    float: left;
    width: 70%;
}
.profiletxt p.name{
        font-size: 14px;
        margin-top: 0;
        text-align: left;
}

.writer-profile .description{
        font-size:0.8em;
        margin-bottom: 0;
        color: #000;

        text-align: justify;
}
.writer-profile .button a{
        font-size:0.8em;
}
div#feas-form-0 select {
        font-size: 14px;
}
/****************************************
アドセンス
***************************************/
.google-ad.pc{
    display: none;
}
.google-ad.sm{
    display: block;
}
.google-ad-big {
        max-height: 65px;
}
.google-ad-big + .post-content {
        padding-top: 0px !important;
}
.google-ad-big {
        margin-top: 15px;
}
/****************************************
投稿用フォーム
***************************************/



}


/* フッターバナー */
.footer_banner {
        background-color: rgba(255, 255, 255, 0.85);
        bottom: 0;
        display: none;
        left: 0;
        padding: 20px;
        position: fixed;
        text-align: center;
        z-index: 100;
}

.footer_banner.show {
        display: block;
}

.footer_banner_close {
        position: absolute;
        right: 20px;
        top: -37px;
}

.footer_banner_text {
        color: #757575;
        font-weight: bold;
        margin-bottom: 10px;
}

.footer_banner_link {
        margin: 0 auto;
        width: 75%;
}