/* your styles go here */
h1, h2, h3, h4, h5, h6, strong{
    font-family: "Poppins", sans-serif!important;
}


/* オートコンプリートのCSS */
.ui-menu .ui-menu-item-wrapper {
    position: relative; padding: 3px 1em 3px .4em;
}
/* リスト全体の背景 */
.ui-widget-content {
    border: 1px solid #c5c5c5;
    background: #ffffff;
    color: #333333;
}
/* リスト hover 時のカラー */
.ui-state-active {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #ffffff;
}

a {
    text-decoration: underline;
}

a.nodata{
    color: #333;
    text-decoration: none;
}

ul li{
    list-style: none;
}

ul.inside li{
    list-style-type: square;
    list-style-position: inside;
}

h1 {
    line-height: 0.8em;
    margin-top: 25px;
    margin-bottom: 25px;
}

h1 span.text-sub{
    font-size: 0.35em;
    font-weight: lighter;
}

h2 span.text-sub{
    font-size: 0.6em;
}



/*-----------------------------------
■口コミ一覧系
---------------------------- */
.comment-header strong{
    font-size: 1.3rem;
    color: #111;
}
.comment p{
    color: #222;
    font-size: 1.2rem;
}

.asking_qa{
    text-decoration: underline;
    color: black;
    cursor: pointer;
    margin-top: 10px;
}
.asking_review_check{
    padding:10px;
    margin:10px;
    background-color: #eee;
}


span.badge{
    display: inline;
    color: white;
    font-size: 0.6em;
}

span.badge-neighbor{
    background-color: #39B44B;
}

span.badge-jichi{
    background-color: #7AD45B;
}

div.comment_ad{
    border-bottom: 1px solid #eee;
    font-size:0.8em;
    padding-bottom: 1rem;
    padding-left: 20px;
}


/*-----------------------------------
■トップのバナーエリア
---------------------------- */
.banner_area a img{
    max-width: 100%;
    margin-bottom: 30px;
}



/*-----------------------------------
■下位ページのバナーエリア・幅
---------------------------- */
section.subpage{
    padding: 80px 0;
}

main.subpage, aside.subpage{
    padding: 60px 0;
}

main.padding-20, aside.padding-20, section.padding-20{
    padding: 20px 0;
}




/*-----------------------------------
■口コミ投稿フォーム
---------------------------- */
ul.form_note li{
    font-size: 0.8em;
    list-style: square;
    list-style-position: inside;
    color: #333333;
}

.btn-link{
    color: #333;
    text-decoration: underline;
    padding: 3px;
    text-align: left;
}



/*-----------------------------------
■その他
---------------------------- */
table td{
    word-break : break-all;
}





/*-----------------------------------
■固定フッター
---------------------------- */
body {
    display: flex;
    flex-direction: column;
}

footer#footer_fix {
    position: fixed;
    /*bottom: 0px!important;*/
    width: 100%;
    background-color: #03963F;
    padding:10px;
    z-index: 10;
}

#footer_sp{
    height:120px;
}
#footer_sp .w-100 a {
    width: 48%;
}
#footer_sp .w-100 a button{
    padding: 3px;
    width: 95%;
}


@media (max-width: 767px) {
    #footer_pc {
        display: none!important;
    }
    #footer_sp{
        display: flex;
    }
}
@media (min-width: 768px) {
    #footer_pc {
        display: flex;
    }
    #footer_sp{
        display: none!important;
    }
}