/*==============================*/
/*===   Free Uranai Styles   ===*/
/*==============================*/

/* character_uranai */
.honmeisyuku_name {
    font-size: 2rem;
}
a.honmeisyuku_name {
    text-decoration: none;
    color: inherit;
}

/* aisyou */
.aisyou_name {
    font-size: 2rem;
}
.aisyou_honmeisyuku_name {
    font-size: 1.5rem;
}

.yado1_senseiban_wrapper,
.yado2_senseiban_wrapper {
    position: relative;
    text-align: center;
    height: 300px;
    margin: 1rem 0 2rem 0;
    overflow: hidden;
}
.yado2_senseiban_wrapper {
    display: none;
}
.yado1_senseiban,
.yado2_senseiban,
.yado1_senseiban_sanku,
.yado2_senseiban_sanku {
    display: block;
    position: absolute;
    width: 100%;
}
.yado1_senseiban img,
.yado2_senseiban img,
.yado1_senseiban_sanku img,
.yado2_senseiban_sanku img {
    margin: auto;
    width: 300px;
    height: 300px;
}
.senseiban_yado_btn_wrapper {
    width: 100%;
    text-align: center;
}

@media (max-width: 991px) {
    .yado1_senseiban_wrapper,
    .yado2_senseiban_wrapper {
        margin: 1rem 0 0 0;
    }
    .yado1_senseiban img,
    .yado2_senseiban img,
    .yado1_senseiban_sanku img,
    .yado2_senseiban_sanku img {
        width: 270px;
        height: 270px;
    }
}
@media (max-width: 767px) {
    .yado1_senseiban_wrapper,
    .yado2_senseiban_wrapper {
        height: 280px;
    }
    .aisyou_uranai_famouse_list {
        border-top: solid 1px rgba(0,0,0,.3);
        padding-top: 1.5rem;
        margin-top: 1.5rem;
    }
    .aisyou_uranai_famouse_list_wrapper p:first-child {
        border-top: none;
        margin-top: 0;
    }
}
.star_icon {
    padding-left: 1rem;
    color: #fdd023;
    letter-spacing: .2rem;
    font-size: 1.2rem;
}
p.star_icon {
    padding-left: 0;
}

/* character_uranai_sns */
.free_uranai_social_wrapper {
    border: solid 1px #3498db;
    border-radius: .5rem;
}
.free_uranai_social_title {
    color: #fff;
    background-color: #3498db;
    padding: .5rem 0;
    border-top-left-radius: .4rem;
    border-top-right-radius: .4rem;
}

@media (max-width: 767px) {
    .uranai_nichiun_tabs li a {
        padding: .5rem .8rem !important;
    }
}
/** =================================================================================================================================================================**/
/*=================================*/
/*===  Yumeijin uranai  Styles  ===*/
/*=================================*/
.recent_search_header {
    background-color: #08aedf;
    height: 100%;
    padding: 0.3rem 0.75rem;
    color: #eee;
}
.select2,
.recent_search_wrapper,
.famouse_list_table {
    /*width: 85% !important;*/
}
.select2-container--default .select2-results > .select2-results__options {
    max-height: 400px;
}
.recent_search_wrapper {
    border: solid 1px #08aedf;
    border-radius: 0.5rem;
    margin-top: 0.75rem;
    overflow: auto;
}
.recent_search_labels {
    padding: .5rem 0;
}
.recent_search_label {
    font-size: 1rem;
    font-weight: normal;
    margin: 0.75rem;
}
.recent_search_label:hover {
    cursor: pointer;
}
.famouse_list_table td {
    padding: 2rem;
    vertical-align: middle;
}
p.searched_famouse_text {
    margin: 0;
    font-size: 1.2rem;
}
p.searched_famouse_text .yado_link {
    text-decoration: underline;
}
.sf_rel_text {
    font-size: 0.9rem;
    margin-left: 0.5rem;
}
.sf_rel_text:hover {
    background-color: #fff;
    cursor: auto;
}
.sf_rel_tgl_anc {
    font-size: 80%;;
}
.sf_rel_clp {
    margin-top: 0.5rem;
}
@media (max-width: 991px) {
    .select2,
    .recent_search_wrapper {
        width: 75% !important;
    }
    .recent_search_label {
        margin: 0.5rem;
    }
}

#tdfk_id {
    max-width: 200px;
}
#country_id {
    max-width: 200px;
}
@media (max-width: 543px) {
    #tdfk_id {
        max-width: 150px;
    }
    #country_id {
        max-width: 150px;
    }
}

.form-inline.fms_forms .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}
.fms_yado_form,
.fms_sex_form {
    display: inline-block;
}
.smt_btn {
    display: inline-block;
}
@media (max-width: 767px) {
    .smt_btn {
        display: block;
        width: 100%;
        text-align: center;
    }
}

/* yumeijin couple uranai  */
.yumeijin_uranai_couple_list {
    border-top: solid 1px rgba(0, 0, 0, 0.1);
    padding-top: 2rem;
    margin-top: 2rem;
}
.yumeijin_uranai_couple_list_wrapper p:first-child {
    border-top: none;
    margin-top: 0;
}


/** =================================================================================================================================================================**/
/*=================================*/
/*===   Group uranai Styles     ===*/
/*=================================*/
.form-block .close {
    background: #bbb;
    border: 1px solid #bbb;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 0.2rem 0.2rem;
    text-align: center;
    color: #fff;
    cursor: pointer;
    opacity: 0.8;
    font-size: 1.2rem;
}
.form-block .add {
    background-color: #bbb;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 1.5rem;
    height: 2rem;
    width: 2rem;
    line-height: 2.3rem;
    cursor: pointer;
}
#form_add {
    width: 100%;
    text-align: center;
}
.gu_tabs li a.nav-link {
    padding: 1rem 0;
    border-color: #ddd;
}
.gu_tabs li a.nav-link:hover {
    border-color: #ccc;
}
.gu_tabs li a.nav-link.active,
.gu_tabs li a.nav-link.active:hover,
.gu_tabs li a.nav-link.active:focus {
    background-color: #0275D8;
    color: #eee;
    
}
.fgm_ul {
    margin: 0;
    padding: 0;
}
.fgm_ul a {
    color: inherit;
}
.fgm_ul a:hover li {
    background-color: #F0F0F0;
}
.fgm_ul li {
    list-style: none;
    padding: 1rem;
    border: solid 1px #AAA;
    border-bottom: none;
}
.fgm_ul a:last-child li {
    border-bottom: solid 1px #AAA;
}
.fgm_ul a:hover {
    text-decoration: none;
}
/*===   result table   ===*/
.aisyou_map_table th,
.aisyou_map_table td {
    vertical-align: middle;
    background-color: #fff;
    border: solid 1px #bbb;
}
.aisyou_map_table th {
    width: 10%;
    text-align: center;
    background-color: #2196F3;
    color: #eee;
    border: solid 1px #bbb;
}
.aisyou_map_table td.amt_kyori {
    width: 10%;
    text-align: center;
    background-color: #3baaf5;
    color: #eee;
}
.aisyou_map_table td span.rel_wapper {
    line-height: 2rem;
}
.aisyou_map_table td a {
    color: inherit;
}

@media (max-width: 991px) {
    .aisyou_map_table th,
    .aisyou_map_table td.amt_kyori {
        width: 15%;
    }
}
@media (max-width: 767px) {
    .aisyou_map_table th,
    .aisyou_map_table td.amt_kyori {
        width: 10%;
    }
    .aisyou_map_table th .amt_vertical,
    .aisyou_map_table td .amt_kyori_vertical {
        -ms-writing-mode: tb-rl;
        -webkit-writing-mode: vertical-rl;
        -o-writing-mode: vertical-rl;
        writing-mode: vertical-rl;
        -webkit-text-orientation: upright;
        text-orientation: upright;
        min-height: 3rem;
    }
    .amt_kyori {
        text-align: center;
        width: 10%;
        padding: 0.5rem 0;
    }
}

/*================================================================================*/
/* daily unsei */
.attention_yado_names {
    font-size: 1.2rem;
}
.yado_anc_wrapper {
    padding: 1rem;
    background-color: #eee;
    border: solid 1px #aaa;
    margin-top: 2rem;
    line-height: 2rem;
    display: inline-block;
}
.yado_anc {
    display: inline-block;
    margin: .2rem .8rem .2rem .8rem;
}
.daily_unsei_yado_name {
    font-size: 1.8rem;
    margin: 2.5rem 0 0 0;
    font-weight: normal;
}
.daily_unsei_yado_name i {
    font-size: 1.2rem;
    margin-left: .5rem;
}
.week_day_name {
    font-size: 1.2rem;
    margin: 1rem 0 1rem 0;
}
.unsei_star_text {
    margin: 0;
    padding: 0;
}
.daily_list_cal {
    display: block;
    margin: auto !important;
    width: 8rem;
}
.daily_list_cal .input-group-addon {
    border-radius: .25rem !important;
    padding: .6rem 0;
    background-color: #fff;
    border-color: #ccc;
}
.daily_list_cal .input-group-addon:hover {
    cursor: pointer;
    background-color: #e6e6e6;
    border-color: #adadad;
}
/* senseiban */
.du_senseiban .senseiban_wrapper {
    position: relative;
    width: 350px;
    height: 350px;
    margin: auto;
    margin-top: 3rem;
    overflow: hidden;
}
.du_senseiban .senseiban_yado, 
.du_senseiban .senseiban_sanku {
    position: absolute;
}
.du_senseiban .senseiban_sanku {
    background: url(/images/senseiban/relation_sanku_all.png);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
}

/*==================================*/
/*===  Yumeijin Calendar Styles  ===*/
/*==================================*/
.famouse_calendar_month_link,
.famouse_calendar_month_link_sm {
    display: flex;
    justify-content:space-between;
    text-align: center;
}
.famouse_calendar_month_link div,
.famouse_calendar_month_link_sm div {
    flex-grow: 1;
    width: 8%;
    border-top: solid 1px #aaa;
    border-right: solid 1px #aaa;
    border-bottom: solid 1px #aaa;
}
.famouse_calendar_month_link div:first-child,
.famouse_calendar_month_link_sm div:first-child {
    border-left: solid 1px #aaa;
}
.famouse_calendar_month_link_sm div {
    border-top: none;
}
.famouse_calendar_month_link div,
.famouse_calendar_month_link_sm div {
    padding: .2rem 0;
    display: block;
    color: #333;
    background-color: #EEE;
    transition: background-color .5s ease 0s, border .5s ease 0s, color .3s ease 0s;
    cursor: pointer;
}
.famouse_calendar_month_link div:hover,
.famouse_calendar_month_link_sm div:hover {
    cursor: pointer;
    text-decoration: none;
    color: #EEE;
    background-color: #164b79;
    border-top: solid 1px #164b79;
    border-bottom: solid 1px #164b79
    /*#1d77c3*/
}
.famouse_calendar_month_link .mth_sct.sct,
.famouse_calendar_month_link_sm .mth_sct.sct {
    cursor: default;
    text-decoration: none;
    color: #EEE;
    background-color: #164b79;
    border-top: solid 1px #164b79;
    border-bottom: solid 1px #164b79
}

.famouse_month_title {
    font-size: 2rem;
    color: #3498db;
}
.famouse_cal_table th,
.famouse_cal_table td {
    border: solid 1px #CCC;
}
.famouse_cal_table th {
    background-color: #DDD;
    font-weight: normal;
    padding: 2rem 0;
    width: 100px;
    text-align: center;
}
.famouse_cal_table td {
    background-color: #F9F9F9;
    padding: 1rem;
    line-height: 2rem;
}
.famouse_cal_wrapper {
    display: none;
}
.famouse_cal_wrapper.sct {
    display: block;
}
.famouse_cal_table tr.today th {
    background-color: #8ab4ff;
}
.famouse_cal_table tr.today td {
    background-color: #e0e4ff;
}
.y_c_anc {
    color: inherit;
}
.y_c_anc:hover {
    color: inherit;
    text-decoration: none;
}
@media (max-width: 543px) {
    .famouse_cal_table th,
    .famouse_cal_table td {
        display: block;
        width: 100%;
    }
    .famouse_cal_table th {
        padding: .5rem 0 0.5rem 1rem;
        text-align: left;
    }
}

/* famouse search single */
.famouse_search_result_wrapper {
    margin-top: 2rem;
}
.famouse_search_result_wrapper ul {
    margin: 0;
    padding: 0;
}
.famouse_search_result_wrapper ul li:first-child {
    padding: 12px 6px;
    background-color: #e4e4e4;
    font-weight: bold;
}
.famouse_search_result_wrapper li {
    list-style: none;
    border: solid 1px #BBB;
    border-bottom: none;
    background-color: #FFF;
}
.famouse_search_result_wrapper li:last-child {
    border-bottom: solid 1px #BBB;
}
.famouse_search_result_wrapper li:hover {
    background-color: #F3F3F3;
}
.famouse_search_result_wrapper li a {
    padding: 12px 6px;
    display: block;
    text-decoration: none;
    color: inherit;
    line-height: 1.6rem;
}
.famouse_search_result_wrapper li .yado_name {
    display: inline-block;
    color: #555;
}
@media (max-width: 543px) {
    .famouse_search_result_wrapper li .yado_name {
        /* display: block; */
    }
}

/* famouse search couple */
.famouse_search_couple_result_wrapper {
    margin-top: 2rem;
}
.famouse_search_couple_result_wrapper .famouse_search_couple_result_title {
    padding: 16px 8px;
    background-color: #e4e4e4;
    font-weight: bold;
    border: solid 1px #BBB;
    border-bottom: none;
}
.famouse_search_couple_result_wrapper .famouse_search_couple_distance {
    padding: 8px 8px;
    background-color: #efefef;
    border: solid 1px #BBB;
    font-weight: bold;
    border-bottom: none;
}
.famouse_search_couple_result_wrapper .famouse_search_couple_result {
    list-style: none;
    border: solid 1px #BBB;
    border-bottom: none;
    background-color: #FFF;
    padding: 20px 8px;
}
.famouse_search_couple_result_wrapper .famouse_search_couple_result:last-child {
    border-bottom: solid 1px #BBB;
}
.famouse_search_couple_result_wrapper .famouse_search_couple_result:hover {
    background-color: #F3F3F3;
}
.famouse_search_couple_result_wrapper .famouse_search_couple_result div {
    display: inline-block;
}
.famouse_search_couple_result_wrapper .famouse_search_couple_result a {
    text-decoration: none;
    color: inherit;
    line-height: 1.6rem;
}
.famouse_search_couple_result_wrapper .famouse_search_couple_result .yado_name {
    display: inline-block;
    color: #555;
}
@media (max-width: 767px) {
    .famouse_search_couple_result_wrapper .famouse_search_couple_result .yado_name {
        /* display: block; */
    }
    .famouse_search_couple_result_wrapper .famouse_search_couple_result .remark_wrapper {
        display: block;
        margin-top: .5rem;
    }
    .famouse_search_couple_result_wrapper .famouse_search_couple_result .remark_wrapper i {
        color: #555;
    }
}


/* yado famouse list */
.famouse_name_link {
    display: flex;
    text-align: center;
    margin-bottom: 1rem;
}
.famouse_name_link div {
    width: 10%;
    
    border: solid 1px #BBB;
    background-color: #FFF;
    border-right: none;
}
.famouse_name_link div:last-child {
    border-right: solid 1px #BBB;
}
.famouse_name_link div:hover  {
    background-color: #F3F3F3;
}
.famouse_name_link div a {
    display: block;
    padding: .5rem 0;
}
.famouse_name_link div a:hover {
    text-decoration: none;
}
@media (max-width: 543px) {
    .famouse_name_link div a span {
        display: none;
    }
}

.famouse_list_wrapper ul  {
    margin: 0;
    padding: 0;
}
.famouse_list_wrapper ul li.title {
    padding: 12px 6px;
    background-color: #e4e4e4;
    font-weight: bold;
}
.famouse_list_wrapper li  {
    list-style: none;
    border: solid 1px #BBB;
    border-bottom: none;
    background-color: #FFF;
}
.famouse_list_wrapper li:last-child  {
    border-bottom: solid 1px #BBB;
}
.famouse_list_wrapper li:hover  {
    background-color: #F3F3F3;
}
.famouse_list_wrapper li a {
    padding: 12px 6px;
    display: block;
    text-decoration: none;
    color: inherit;
    line-height: 1.6rem;
}
.famouse_list_wrapper li .jobs {
    display: inline-block;
    color: #555;
}
.famouse_list_wrapper li .jobs span {
    display: inline-block;
}
@media (max-width: 543px) {
    .famouse_list_wrapper li .jobs {
        display: block;
    }
}