body {
    background-color: #FFF !important;
    background-image: none !important;
}

.title_area {
    height: 24px;
    display: flex;
    align-items: center;
}
.header_logo_wrapper {
    padding-left: 10px;
    width: 160px;
}
.header_title_wrapper {
    height: 24px;
    display: flex;
    align-items: center;
    padding: 3px 0 0 15px;
    width: 115px;
}
.header_title_wrapper h1 {
    font-size: 1.1rem;
    color: #333;
    padding: 0;
}
.header_button_wrapper {
    width: calc(100% - 275px);
    padding-right: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: .2rem;
}
.header_button_wrapper a {
    padding: .15rem .3rem !important;
    font-size: .75rem !important;
}
.header_button_wrapper a:hover,
.header_button_wrapper a:visited,
.header_button_wrapper a:active {
    color: #fff;
}
.tab_area {
    height: 106px;
}

.common_page_title_wrapper h1 {
    display: block;
}
.common_page_title_wrapper a.btn {
    display: none;
}

.leaflet-bar.leaflet-bookmarks-control.leaflet-bookmarks-to-right.leaflet-control {
    width: 34px;
    height: 33px;
    padding: 3px 0 0 7px;
}
.leaflet-bookmarks-control .bookmarks-header {
    text-align: left !important;
}
.leaflet-bookmarks-control.expanded .bookmarks-header {
    text-align: left !important;
}
.leaflet-bookmarks-form-popup .leaflet-popup-content h3 {
    font-size: .9rem;
    margin-top: 1rem;
}
.leaflet-bookmarks-form-popup .leaflet-popup-content p {
    line-height: 1.2rem;
    margin: 10px 0;
}
.leaflet-bookmarks-control .bookmarks-icon,
.leaflet-bookmarks-control .bookmarks-icon:before,
.leaflet-bookmarks-control .bookmarks-icon:after {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    margin-top: 0 !important;
}
.leaflet-bookmarks-control .bookmarks-icon {
    display: inline-block !important;
    width: 1px !important;
    height: 1px !important;
    background: none !important;
}
.leaflet-bookmarks-control .bookmarks-icon:before {
    font-family: "FontAwesome" !important;
    content: "\f004" !important;
    font-size: 16px;
    color: #000;
}
.leaflet-bookmarks-form-popup {
    top: -70px;
}

/* buttons */
.map_btns {
    padding: .5rem;
}
.map_btns button {
    font-size: .8rem;
}

/*=== ban ===================================================*/
.birthday_box label {
    font-size: .8rem;
}
.birthday_box select {
    margin-left: -8px;
}
.birthday_box select#sct_month {
    margin-left: -15px;
}
.birthday_box select#sct_day {
    margin-left: -15px;
}
.chg_birthday_btn {
    font-size: .75rem !important;
    padding: .25rem .3rem !important;
    margin-left: -7px;
}
#selected_member_name_wrapper {
    text-align: center;
}
#selected_member_name_wrapper p {
    font-size: .9rem;
    background-color: #ea7700;
    display: inline-block;
    min-width: 220px;
    color: #fff;
    margin: .2rem auto;
    max-width: 270px;
    line-height: 1.2rem;
    padding: .2rem 0;
}
#cal_target_date {
    width: 125px;
}


/*=== user ===================================================*/
#user_buttons_wrapper p,
#user_selectbox_wrapper p {
    font-size: .9rem;
    line-height: 1.5rem;
    margin-bottom: .5rem;
}
#user_selectbox_wrapper p.txt_small {
    font-size: .8rem;
    line-height: 1.5rem;
}
#user_buttons_wrapper p#user_txt_sct {
    font-size: .8rem;
    margin: 1rem 0 8px 0;
    line-height: 1.5rem;
}
#user_txt_sct {
    line-height: 0;
}
#user_selectbox_wrapper {
    padding: 0 0 1.5rem;
    margin: 10px auto 0;
}
#user_selectbox_wrapper .border_dashed {
    width: 70%;
    border-top: dashed 1px #CCC;
    height: 1px;
    margin: 0 auto;
}
#user_selectbox {
    margin: 1rem;
}
.user_forms_table {
    margin: 0 auto 1rem;
    font-size: .9rem;
}
.user_forms_table tr td:first-child {
    text-align: right;
}
.user_forms_table td {
    padding: .3rem 0;
}
.user_reg_text {
    font-size: .8rem;
    text-align: left;
    line-height: 1.4rem;
    padding: .8rem;
}
#user_name {
    width: 195px;
}
/* user_sort */
#user_sort_wrapper {
    width: 100%;
    height: 600px;
    padding-top: 5px;
}
#user_sort {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
}
#user_sort .user_sortable_ol {
    margin: 0;
    padding: 0;
}
#user_sort .user_sortable_ol li {
    height: 50px;
    padding-left: .5em;
    font-size: .9rem;
    list-style: none;
    border-top: solid 1px #CCC;
    display: flex;
    align-items: center;
    cursor: move;
}
#user_sort .user_sortable_ol li:nth-child(2n) {
    background-color: #F0F0F0;
}
#user_sort .user_sortable_ol li:last-child {
    border-bottom: solid 1px #CCC;
}
#user_sort .user_sortable_ol li.ui-state-highlight {
    height: 50px;
    border: dotted 2px #0e5490;
}
#user_sort .user_sortable_ol li i.fa {
    font-size: 1.2rem;
    padding-right: 1rem;
    color: #999;
}
#user_sort_regist,
#user_sort_cancel {
    display: none;
}
.user_selectbox_button_wrapper {
    margin: 1rem 0 2rem;
}


/*=== base point ==============================================================================*/
.cnt_bp p {
    font-size: .8rem;
    margin: 0;
}
.cnt_bp p.txt_small {
    font-size: .85rem;
    line-height: 1.5rem;
}
#bp_select {
    max-width: 250px;
}
#selected_bp_btn {
    border: solid 1px #999;
    background-color: #ccc;
}
.user_bp_border_solid {
    width: 70%;
    border-top: solid 1px #CCC;
    height: 1px;
    margin: 0 auto;
}
.user_bp_border_dashed {
    width: 70%;
    border-top: dashed 1px #AAA;
    height: 1px;
    margin: 0 auto;
}
#user_bp_edit_wrapper {
    display: none;
}
.user_bp_reg_ord_wrapper {
    margin-bottom: 10px;
}
/* bp list */
.user_bp_list_title {
    width: 100%;
    font-size: .7rem;
    background-color: #F0F0F0;
    border-bottom: solid 1px #CCC;
    padding: 2px 0;
    border-top: solid 1px #CCC;
}
.user_bp_list_name {
    text-align: left;
    padding-left: 50px;
}
#user_bp_list {
    height: 506px;
    overflow: auto;
}
.bp_list_item {
    display: flex;
    border-bottom: solid 1px #D0D0D0;
    align-items: center;
    transition: background-color .5s ease-out 0s;
    cursor: pointer;
}
.bp_list_item div {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 45px;
}
.bp_list_item.selected {
    background-color: #ffd2d2;
}
.bp_list_item:hover {
    background-color: #ffd2d2;
}
.bp_list_marker {
    width: 10%;
    text-align: center;
}
.bp_list_marker img.inactive {
    filter: brightness(4) saturate(0);
}
.bp_list_name {
    color: inherit;
    width: 65%;
    text-align: left;
    font-size: .9rem;
    padding-left: 10px;
    justify-content: flex-start !important;
}
.bp_list_button {
    width: 25%;
    font-size: .9rem;
}

/* regist */
#bp_reg_title,
#bp_edit_title {
    line-height: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: .9rem;
}
#bp_reg_edit_menus {
    display: none;
}
#bp_name {
    margin: 0 0 15px 0;
    width: 190px;
    font-size: 16px;
}
.bp_inp_label {
    font-size: .9rem;
}
#bp_lat,
#bp_lon {
    width: 190px;
    font-size: .9rem;
}

#bp_sort_menu {
    display: none;
    width: 100%;
    height: 430px;
    padding-top: 5px;
}
.bp_sort_wrapper {
    height: 600px;
    width: 100%;
}
.bp_sort_buttons {
    text-align: center;
    padding-bottom: .5rem;
}
.bp_sort_buttons p {
    padding-bottom: .5rem;
}
#bp_sort {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
}
#bp_sort_title {
    padding-top: 1rem;
    line-height: 1.5rem;
}
#bp_sort .bp_sortable_ol {
    margin: 0;
    padding: 0;
}
#bp_sort .bp_sortable_ol li {
    height: 50px;
    padding-left: .5em;
    padding-right: .5em;
    font-size: .9rem;
    list-style: none;
    border-top: solid 1px #CCC;
    display: flex;
    align-items: center;
    cursor: move;
}
#bp_sort .bp_sortable_ol li:nth-child(2n) {
    background-color: #F0F0F0;
}
#bp_sort .bp_sortable_ol li:last-child {
    border-bottom: solid 1px #CCC;
}
#bp_sort .bp_sortable_ol li.ui-state-highlight {
    height: 50px;
    border: dotted 2px #0e5490;
}
#bp_sort .bp_sortable_ol li i.fa {
    font-size: 1.2rem;
    padding-right: 1rem;
    color: #999;
}
#set_bp_latlon {
    margin-top: 1rem;
}
/*=== base point ==============================================================================*/



.address_result_wrapper {
    width: 100%;
    display: none;
}
.address_result_wrapper #address_result {
    width: 100%;
    height: 550px;
    overflow: auto;
}

.adrs_list_title {
    width: 100%;
    font-size: .7rem;
    background-color: #F0F0F0;
    border-bottom: solid 1px #CCC;
    padding: 2px 0;
    border-top: solid 1px #CCC;
}
.adrs_list_name {
    text-align: left;
    padding-left: 50px;
}

.adrs_list_items_wrapper {
    display: flex;
    height: 50px;
    align-items: center;
    transition: background-color .7s ease-out 0s;
}
.adrs_list_items_wrapper:hover {
    align-items: center;
    background-color: #DDF;
    cursor:pointer;
}

.adrs_list_item {
    display: flex;
    width: 90%;
    height: 50px;
    align-items: center;
    border-bottom: 1px solid #D0D0D0;
    border-top: 1px solid #FFF;
    padding-left: 0.5rem;
}

.address_list_marker.active {
    filter: none;
}
.address_list_marker.inactive {
    filter: brightness(1.4) saturate(0);
}

.adrs_info_button {
    width: 10%;
    font-size: .6rem;
    border-bottom: 1px solid #D0D0D0;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.adrs_info_button span {
    color: #999;
    transition: color .7s ease-out 0s;
}
.adrs_info_button span:hover {
    color: #F70;
}
.adrs_info_button i.fa:first-child {
    font-size: 1.5rem;
}

.pin_button {
    width: 10%;
    font-size: 1.5rem;
    height: 50px;
    border-bottom: 1px solid #D0D0D0;
    align-items: center;
    justify-content: center;
    display: flex;
    border-top: 1px solid #FFF;
}
.pin_button i {
    color: #999;
    transition: color .7s ease-out 0s;
}
.pin_button:hover i {
    color: blue;
}
.adrs_list_item .place_name {
    width: 90%;
    font-size: .9rem;
}
.adrs_list_item .right_arrow {
    width: 10%;
    text-align: center;
}

#adrs_menus .input_forms p {
    font-size: .8rem;
    margin: 0 0 10px 0;
    line-height: 1.3rem;
}

/* address_popup */
.address_popup div.leaflet-popup-content {
    margin: 5px 10px 2px 10px;
}
.address_popup div.leaflet-popup-content a i {
    font-size: .9rem;
}
.address_popup div.leaflet-popup-content .address_name {
    margin: 0;
    line-height: 1.5rem;
}
/* over ride */
.address_popup a.leaflet-popup-close-button {
    top: 3px !important;
    right: 12px !important;
}

/* ad */
.ban_bottom_ad_lg {
    display: block;
}
.ban_bottom_ad_sm {
    display: none;
}
@media (max-width: 714px) {
    .ban_bottom_ad_lg {
        display: none;
    }
    .ban_bottom_ad_sm {
        display: block;
    }
    #adrs_menus .input_forms p {
        font-size: 1rem;
    }
}

/* sns */
.sns_wrapper {
    width: 100%;
    text-align: center;
    margin-top: 2rem;
}
.sns_wrapper a:first-child {
    margin-right: 5px;
}
.sns_tw {
    line-height: 1rem;
    display: inline-block;
    background-color: #1B95E0;
    color: #FFF;
    border-radius: 4px;
    padding: 3px 7px;
}
.sns_fb {
    line-height: 1rem;
    display: inline-block;
    background-color: #3B5999;
    color: #FFF;
    border-radius: 4px;
    padding: 3px 7px;
}
@media (max-width: 520px) {
    .sns_wrapper {
        margin-top: 10px !important;
    }
}

/* map_description */
.map_description_title {
    width: 100%;
    color: #FFF;
    padding: .3rem 0 .3rem .5rem;
}
.map_description_top p {
    font-size: .9rem;
    padding: 0 0 0 .5rem;
    line-height: 1.5rem;
    margin: 1rem 0 0 0;
}
.map_description {
    display: flex;
}
.ban_adrs {
    width: 50%;
    padding-left: .5rem;
}
.map_opts {
    width: 50%;
    padding-left: .5rem;
}
.map_description h4 {
    font-size: 1.1rem;
    color: #4A225D;
    font-weight: bold;
}
.map_description h5 {
    font-size: 0.9rem;
    margin-top: 1rem;
    margin-bottom: 0;
    font-weight: bold;
}
.map_description p {
    font-size: 0.9rem;
    margin: 0;
    line-height: 1.5rem;
}

@media (max-width: 714px) {
    .map_top_link_ad {
        display: none;
    }
}
@media (max-width: 714px) {
    .common_page_title_wrapper {
        display: block;
        overflow: auto;
        height: 32px;
    }
    .common_page_title_wrapper h1 {
        float: left;
        margin-top: 4px;
        margin-left: 5px;
        padding: 0;
    }
    .common_page_title_wrapper a.btn {
        display: block;
        margin-top: 4px;
        margin-right: 4px;
        float: right;
    }
    .tabs_wrapper {
        clear: both;
    }
    .map_description {
        display: block;
    }
    .ban_adrs {
        width: 100%;
        padding-left: .5rem;
    }
    .map_opts {
        width: 100%;
        padding-left: .5rem;
    }
}

/* for tabs */
.main_wrapper {
    transition: margin .3s;
}
.nav {
    flex-wrap: wrap;
}
.tab_area {
    width: 100%;
    margin-top: 5px;
}
.tab_area .tab {
    display: inline-block;
    width: 33.3%;
    text-align: center;
    background-color: #fff;
}
.tab_area .nav-tabs .nav-link {
    border-color: #999 #999;
}
.nav-tabs .nav-link {
    height: 36px;
    border-radius: 0;
    border-right: none;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color .8s ease-out 0s;
}
.nav-tabs .nav-link:hover {
    background-color: #DDD;
}
.nav-tabs .nav-link.active:hover {
    background-color: #0e5490;
}
.nav-tabs li:first-child .nav-link {
    line-height: 15px;
}
.nav-tabs .nav-link span {
    font-size: .7rem;
}
.nav-link svg {
    margin-right: 5px;
}
.nav-link.active svg polygon, 
.nav-link.active svg line, 
.nav-link.active svg path {
    stroke: #FFF;
}
.nav-link.ps_nav-link.active svg path {
    stroke: none;
    fill: #FFF;
}

.content_area {
    width: 100%;
    position: relative;
}
.cnt_ban {
    width: 100%;
    min-height: 630px;
    background-color: #FFF;
    position: absolute;
    z-index: 7;
}
.cnt_user {
    width: 100%;
    min-height: 550px;
    background-color: #FFF;
    position: absolute;
    z-index: 6;
    display: none;
}
.cnt_fav {
    width: 100%;
    min-height: 550px;
    background-color: #FFF;
    position: absolute;
    z-index: 5;
    display: none;
}
.cnt_adr {
    width: 100%;
    min-height: 550px;
    background-color: #FFF;
    position: absolute;
    z-index: 4;
    display: none;
}
.cnt_stg {
    width: 100%;
    min-height: 550px;
    background-color: #FFF;
    position: absolute;
    z-index: 3;
    padding-left: 20px;
    display: none;
}
.cnt_marker {
    width: 100%;
    min-height: 550px;
    background-color: #FFF;
    position: absolute;
    z-index: 2;
    display: none;
}
.cnt_bp {
    width: 100%;
    min-height: 600px;
    background-color: #FFF;
    position: absolute;
    z-index: 1;
    display: none;
}
.cnt_ps {
    width: 100%;
    min-height: 550px;
    background-color: #FFF;
    position: absolute;
    z-index: 1;
    display: none;
}
.cnt_cal {
    width: 100%;
    min-height: 550px;
    background-color: #FFF;
    position: absolute;
    z-index: 1;
    display: none;
}
.cnt_ps_detail {
    width: 100%;
    min-height: 550px;
    background-color: #fff;
    margin-left: -400px;
    transition: margin .3s;
    z-index: 3;
    position: absolute;
}

.stg_title {
    font-size: .9rem;
    margin: .5rem 0 0;
}
.map_ctrl_box {
    font-size: .9rem;
}
.map_ctrl_box .btn {
    font-size: .75rem !important;
    margin: .3rem 0;
}
.button_box {
    margin-bottom: 1rem;
}
.checks_box {
    margin-bottom: .8rem;
    line-height: 1.8rem;
}
/*.checks_box div {
    margin: .3rem 0;
}*/
.checks_box_sub {
    display: flex;
    flex-wrap: wrap;
}
.checks_box_sub div {
    margin-right: 25px;
    display: block;
}

/*=== 地図設定 ==============================================================================*/
.map_ctrl_title {
    margin: 15px 0 10px 0;
    font-size: 1rem;
}
.mapdatachgtitle {
    margin-bottom: 15px;
    padding-top: 1rem;
    border-top: solid 1px #ccc;
    width: 90%;
}
.map_chg_wrapper {
    line-height: 1.4rem;
}
.bantypechgtitle {
    margin-bottom: 15px;
    padding-top: 1rem;
    border-top: solid 1px #ccc;
    width: 90%;
}
.bantypechkwapper {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: .5rem;
}
.bantypechkwapper div {
    width: 45%;
}
#circle_distance {
    width: 75px;
}

/*=== 方位盤表示設定 ==============================================================================*/
.bandspstgtitle {
    margin-bottom: 15px;
    padding-top: 1rem;
    border-top: solid 1px #ccc;
    width: 90%;
}
.bandspstgsubtitle {
    margin: 0;
    font-weight: bold;
}
.banchkwapper {
    margin-bottom: .5rem;
}
.banjtcchkwapper,
.bansnschkwapper,
.bantndchkwapper,
.banhjnchkwapper {
    display: flex;
}
.banjtcchkwapper div,
.bansnschkwapper div,
.bantndchkwapper div,
.banhjnchkwapper div {
    width: 33%;
}
.banjtcchkwapper div:first-child,
.bansnschkwapper div:first-child,
.bantndchkwapper div:first-child,
.banhjnchkwapper div:first-child {
    width: 22%;
}
.banhjnchkwapper {
    margin-bottom: .5rem;
}


/*====== member ========================================================================*/
#user_buttons_wrapper,
#user_selectbox_wrapper,
#user_forms_wrapper,
#user_sort_wrapper {
    display: none;
}
#user_select {
    max-width: 250px;
}
#selected_user_btn {
    border: solid 1px #999;
    background-color: #ccc;
}
#no_user_wrapper p {
    font-size: .9rem;
}

/* member list */
.member_list_title {
    width: 100%;
    font-size: .7rem;
    background-color: #F0F0F0;
    border-bottom: solid 1px #CCC;
    padding: 2px 0;
    border-top: solid 1px #CCC;
}
.member_list_title_name {
    text-align: left;
    padding-left: 50px;
}
#member_list {
    height: 552px;
    overflow: auto;
}
.member_list_item {
    display: flex;
    border-bottom: solid 1px #D0D0D0;
    align-items: center;
    transition: background-color .5s ease-out 0s;
    cursor: pointer;
}
.member_list_item div {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 45px;
}
.member_list_item.selected {
    background-color: #ffd9a9;
}
.member_list_item:hover {
    background-color: #ffd9a9;
}
.member_list_icon {
    font-size: 1.4rem;
}
.member_list_icon i.active {
    color: #ea7700;
}
.member_list_icon i.inactive {
    color: #999;
}
.member_list_icon {
    width: 10%;
    text-align: center;
}
.member_list_name {
    color: inherit;
    width: 65%;
    text-align: left;
    font-size: .9rem;
    padding-left: 10px;
    justify-content: flex-start !important;
}
.member_list_button {
    width: 25%;
    font-size: .9rem;
}

/*====== favorite ========================================================================*/
.fav_forms_wrapper {
    width: 100%;
    height: 420px;
    text-align: center;
    display: none;
}
#cancel_add_fav_btn,
#cancel_edit_fav_btn,
#fav_regist,
#fav_update,
#fav_delete {
    display: none;
}
#fav_menus {
    margin-top: 1rem;
}
.fav_result_wrapper {
    width: 100%;
}
.fav_result_wrapper #fav_result {
    width: 100%;
    height: 600px;
    overflow: auto;
}
.fav_result_title {
    width: 100%;
    display: flex;
    font-size: .7rem;
    background-color: #F0F0F0;
    border-bottom: solid 1px #CCC;
    padding: 2px 0;
    border-top: solid 1px #CCC;
}
.fav_result_name {
    width: 262px;
    padding-left: 85px;
}

.fav_info_button {
    width: 10%;
    font-size: .6rem;
    border-bottom: 1px solid #D0D0D0;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.fav_info_button span {
    color: #999;
    transition: color .7s ease-out 0s;
}
.fav_info_button span:hover {
    color: #F70;
}
.fav_info_button i.fa:first-child {
    font-size: 1.5rem;
}
/* buttons */
#fav_name {
    margin: 0 0 15px 0;
    width: 190px;
    font-size: 16px;
}
.fav_inp_label {
    font-size: .9rem;
}
#fav_lat,
#fav_lon {
    width: 190px;
    font-size: .9rem;
}

.fav_default_wrapper label {
    font-size: .9rem;
    margin: 1rem 0;
}

.fav_list_items_wrapper {
    display: flex;
    height: 50px;
    align-items: center;
    transition: background-color .7s ease-out 0s;
}
.fav_list_items_wrapper:hover {
    align-items: center;
    background-color: #DDF;
    cursor:pointer;
}

.fav_list_item {
    display: flex;
    width: 80%;
    height: 50px;
    align-items: center;
    border-bottom: 1px solid #D0D0D0;
    border-top: 1px solid #FFF;
    padding-left: 0.5rem;
    transition: width .3s ease-out 0s;
}
.fav_list_item.edit_open {
    width: 70%;
}
.fav_pin_button {
    width: 10%;
    font-size: 1.5rem;
    height: 50px;
    border-bottom: 1px solid #D0D0D0;
    align-items: center;
    justify-content: center;
    display: flex;
    border-top: 1px solid #FFF;
}
.fav_pin_button i {
    color: #999;
    transition: color .7s ease-out 0s;
}
.fav_pin_button:hover i {
    color: rgb(0, 128, 0);
}
.fav_edit_button {
    width: 0%;
    font-size: 1.5rem;
    height: 50px;
    border-bottom: 1px solid #D0D0D0;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #FFF;
    display: flex;
    overflow: hidden;
    transition: width .3s ease-out 0s;
}
.fav_edit_button.open {
    width: 10%;
}
.fav_edit_button i {
    color: #999;
    transition: color .7s ease-out 0s;
}
.fav_edit_button:hover i {
    color: rgb(0, 128, 0);
}
.fav_list_item .place_name {
    width: 60%;
    font-size: .9rem;
}
.fav_list_item .fav_distance {
    width: 30%;
    font-size: .9rem;
    text-align: right;
    padding-right: 10px;
}
.fav_list_item .right_arrow {
    width: 10%;
    text-align: right;
    padding-right: 5px;
}
#fav_menus .fav_forms {
    padding: 0 0 10px;
    text-align: center;
}
#fav_menus .fav_forms p {
    font-size: .8rem;
    margin: 0 0 8px 0;
    line-height: 1.5rem;
}
.marker_def_text {
    font-size: .8rem;
    width: 90%;
    margin: 2rem auto 0;
    line-height: 1.3rem;
    text-align: left;
}
#set_fav_latlon {
    margin: 1rem 0 0;
}
.no-fav-txt {
    font-size: .8rem;
}
/* fav_popup */
.fav_popup div.leaflet-popup-content {
    margin: 5px 10px 2px 10px;
}
.fav_popup div.leaflet-popup-content a i {
    font-size: .9rem;
}
.fav_popup div.leaflet-popup-content .fav_name {
    margin: 0;
}
/* over ride */
.fav_popup a.leaflet-popup-close-button {
    top: 3px !important;
    right: 12px !important;
}

/* pins */
.l-pin-color-green { 
    -webkit-filter: hue-rotate(260deg); 
    filter: hue-rotate(260deg); 
}

/* sort */
#fav_sort_wrapper {
    width: 100%;
    display: none;
}
#fav_sort {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 600px;
    overflow: auto;
}
#fav_sort .fav_sortable_ol {
    margin: 0;
    padding: 0;
}
#fav_sort .fav_sortable_ol li {
    height: 50px;
    padding-left: .5em;
    font-size: .9rem;
    list-style: none;
    border-top: solid 1px #CCC;
    display: flex;
    align-items: center;
    cursor: move;
}
#fav_sort .fav_sortable_ol li:nth-child(2n) {
    background-color: #F0F0F0;
}
#fav_sort .fav_sortable_ol li:last-child {
    border-bottom: solid 1px #CCC;
}
#fav_sort .fav_sortable_ol li.ui-state-highlight {
    height: 50px;
    border: dotted 2px #0e5490;
}
#fav_sort .fav_sortable_ol li i.fa {
    font-size: 1.2rem;
    padding-right: 1rem;
    color: #999;
}
#fav_sort_regist,
#fav_sort_cancel {
    display: none;
}

.fav_detail_list_marker.active {
    filter: none;
}
.fav_detail_list_marker.inactive {
    filter: brightness(1.4) saturate(0);
}
.fav_detail_list_marker.shrine.inactive,
.fav_detail_list_marker.temple.inactive {
    filter: brightness(1.4) saturate(0);
}

/*====== marker ========================================================================*/
.marker_forms {
    text-align: center;
    padding-bottom: 3px;
}
.marker_forms p {
    font-size: .8rem;
    margin-bottom: 0;
    line-height: 1.9rem;
}
.marker_forms button {
    margin: .3rem 0;
}
/* list */
#marker_result {
    height: 600px;
    overflow: auto;
}

.marker_forms span {
    font-size: .9rem;
}
.marker_forms input {
    width: 170px;
    margin-right: 5px;
}
.marker_result_title {
    width: 100%;
    font-size: .7rem;
    background-color: #F0F0F0;
    border-bottom: solid 1px #CCC;
    padding: 2px 0;
    border-top: solid 1px #CCC;
    display: none;
}
.marker_result_name {
    width: 275px;
    padding-left: 87px;
}

.tliw {
    height: 50px;
    transition: height .3s ease-out 0s;
}
.tmp_list_items_wrapper {
    display: flex;
    height: 50px;
    align-items: center;
    transition: background-color .7s ease-out 0s;
}
.tmp_list_items_wrapper:hover {
    align-items: center;
    background-color: #DDF;
    cursor:pointer;
}
.tmp_list_item {
    display: flex;
    width: 80%;
    height: 50px;
    align-items: center;
    border-bottom: 1px solid #D0D0D0;
    border-top: 1px solid #FFF;
    padding-left: 0.5rem;
    transition: width .3s ease-out 0s;
}
.tmp_list_del_button {
    width: 10%;
    font-size: 1.2rem;
    height: 50px;
    border-bottom: 1px solid #D0D0D0;
    align-items: center;
    justify-content: center;
    display: flex;
    border-top: 1px solid #FFF;
}
.tmp_list_del_button i {
    color: #999;
    transition: color .7s ease-out 0s;
}
.tmp_list_del_button:hover i {
    color: #428bca;
}
.tmp_info_button {
    width: 10%;
    font-size: .6rem;
    border-bottom: 1px solid #D0D0D0;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tmp_info_button span {
    color: #999;
    transition: color .7s ease-out 0s;
}
.tmp_info_button span:hover {
    color: #F70;
}
.tmp_info_button i.fa:first-child {
    font-size: 1.5rem;
}
.tmp_list_item .tmp_place_name {
    width: 60%;
    font-size: .9rem;
}
.tmp_list_item .tmp_distance {
    width: 30%;
    font-size: .9rem;
    text-align: right;
}
.tmp_list_item .tmp_right_arrow {
    width: 10%;
    text-align: right;
    padding-right: 5px;
}
/* tmp_popup */
.tmp_popup div.leaflet-popup-content {
    margin: 5px 10px 2px 10px;
}
.tmp_popup div.leaflet-popup-content a i {
    font-size: .9rem;
}
.tmp_popup div.leaflet-popup-content .tmp_name {
    margin: 0;
    line-height: 1.5rem;
}
/* over ride */
.tmp_popup a.leaflet-popup-close-button {
    top: 3px !important;
    right: 12px !important;
}



@media (max-width: 714px) {
    
    .map_header_container_wrapper {
        position: fixed;
        z-index: 15;
        background-color: inherit;
        width: 100%;
    }
    
    /* map header */
    .header_logo_nav_wrapper.map {
        height: 30px;
    }
    .header_logo_nav_wrapper.map .header_logo_wrapper {
        width: 150px;
    }
    .header_logo_nav_wrapper.map .header_title_wrapper h1 {
        font-size: 1.2rem;
    }
    
    .map_menus_wrapper {
        display: block;
        height: 846px;
    }
    .map_area {
        width: 100%;
        height: 300px;
        position: fixed;
        z-index: 10;
        margin-top: 30px;
    }
    #map {
        height: 300px;
    }
    .main_wrapper {
        width: 100%;
        padding-top: 330px;
        overflow: visible;
        height: 546px;
    }
    .tab_area,
    .cnt_ban,
    .cnt_adr,
    .cnt_stg {
        width: 100%;
    }
    .tab_area {
        height: 33px;
    }
}

.main_bottom_wrapper {
    width: 100%;
    overflow: auto; 
}
.main_bottom_wrapper .ad_area {
    width: 300px;
    float: left;
}
.main_bottom_wrapper .description_area {
    width: calc(100% - 300px);
    float: left;
}
@media (max-width: 714px) {
    .main_bottom_wrapper .ad_area {
        width: 100%;
        float: none;
        display: none;
    }
    .main_bottom_wrapper .description_area {
        width: 100%;
        float: none;
    }
}

/* init */
#ban_init {
    display: flex;
    width: 300px;
    height: 346px;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
#ban_init div {
    text-align: center;
}
.ban_super_wrapper {
    display: none;
}

/* searching svg */
.address_searching_wrapper,
.ps_searching_wrapper {
    display: none;
    width: 100%;
    height: 325px;
    align-items: center;
    justify-content: center;
}
:root {
    --ani-time: 3s;
    --ani-sec: 0.5s;
}
#searching_svg_wapper,
#ps_searching_svg_wapper {
    width: 80px;
    height: 80px;
    padding-left: 10px;
}
.pg {
    fill: #fff;
    fill-opacity: 0.8;
}
.pg_1 {
    animation: pg-ani_sui var(--ani-time) ease-in-out calc( var(--ani-sec) * 0 ) infinite;
}
.pg_2 {
    animation: pg-ani_do var(--ani-time) ease-in-out calc( var(--ani-sec) * 1 ) infinite;
}
.pg_3 {
    animation: pg-ani_moku var(--ani-time) ease-in-out calc( var(--ani-sec) * 2 ) infinite;
}
.pg_4 {
    animation: pg-ani_moku var(--ani-time) ease-in-out calc( var(--ani-sec) * 3 ) infinite;
}
.pg_5 {
    animation: pg-ani_do var(--ani-time) ease-in-out calc( var(--ani-sec) * 4 ) infinite;
}
.pg_6 {
    animation: pg-ani_kin var(--ani-time) ease-in-out calc( var(--ani-sec) * 5 ) infinite;
}
.pg_7 {
    animation: pg-ani_kin var(--ani-time) ease-in-out calc( var(--ani-sec) * 6 ) infinite;
}
.pg_8 {
    animation: pg-ani_do var(--ani-time) ease-in-out calc( var(--ani-sec) * 7 ) infinite;
}
.pg_9 {
    animation: pg-ani_ka var(--ani-time) ease-in-out calc( var(--ani-sec) * 8 ) infinite;
}
@keyframes pg-ani_sui {
    0%{fill: #FFF;} 70%{fill: #81C7D4;} 100%{fill: #FFF;}
}
@keyframes pg-ani_moku {
    0%{fill: #FFF;} 70%{fill: #5DAC81;} 100%{fill: #FFF;}
}
@keyframes pg-ani_do {
    0%{fill: #FFF;} 70%{fill: #E2943B;} 100%{fill: #FFF;}
}
@keyframes pg-ani_kin {
    0%{fill: #FFF;} 70%{fill: #FBE251;} 100%{fill: #FFF;}
}
@keyframes pg-ani_ka {
    0%{fill: #FFF;} 70%{fill: #DB4D6D;} 100%{fill: #FFF;}
}
#searching_txt,
#ps_searching_txt {
    color: #555;
    font-weight: bold;
    font-size: .8rem;
}

/* common */
.dist_uni {
    padding-left: 5px;
}

/* toggle */
#toggle_tab {
    display: block;
    position: absolute;
    left: 400px;
    z-index: 20;
    padding: 1rem .5rem;
    background-color: #fff;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0px 1px 4px rgb(0 0 0 / 30%);
    top: 5px;
    cursor: pointer;
    transition: margin .3s;
}

/* ps result */
#ps_menus p.ps_txt_def {
    font-size: .8rem;
    margin: 1rem 0 .5rem 0;
    line-height: 1.5rem;
    width: 100%;
    text-align: center;
}
.ps_search_box {
    padding-left: 20px;
    font-size: .9rem;
}
.ps_search_box .checks_box {
    margin-bottom: 0;
    display: flex;
}
.ps_search_box #ps_name {
    width: 300px;
}
.ps_btn_box {
    text-align: center;
    padding: .5rem 0;
}
.ps_result_wrapper {
    width: 100%;
    display: none;
}
.ps_result_wrapper #ps_result {
    width: 100%;
    height: 500px;
    overflow: auto;
}
.ps_result_title {
    width: 100%;
    display: flex;
    font-size: .7rem;
    background-color: #F0F0F0;
    border-bottom: solid 1px #CCC;
    padding: 2px 0;
    border-top: solid 1px #CCC;
}
.ps_result_name {
    width: 264px;
    padding-left: 84px;
}
.ps_result_control {
    display: none;
    padding: 5px 10px;
}
.ps_result_control .ps_all_pin_wrapper {
    width: 40%;
}
.ps_result_control .ps_cnt_wrapper {
    width: 60%;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: .9rem;
}
.ps_result_control .ps_cnt_wrapper #ps_bef_link,
.ps_result_control .ps_cnt_wrapper #ps_next_link {
    width: 35px;
    display: inline-block;
}
.ps_result_control .ps_cnt_wrapper #ps_bef_link i {
    padding-right: 3px;
}
.ps_result_control .ps_cnt_wrapper #ps_next_link i {
    padding-left: 3px;
}

/* ps result items */
.ps_list_items_wrapper {
    display: flex;
    height: 50px;
    align-items: center;
    transition: background-color .7s ease-out 0s;
}
.ps_list_items_wrapper:hover {
    align-items: center;
    background-color: #DDF;
    cursor:pointer;
}

.ps_list_item {
    display: flex;
    width: 80%;
    height: 50px;
    align-items: center;
    border-bottom: 1px solid #D0D0D0;
    border-top: 1px solid #FFF;
    padding-left: 0.5rem;
    transition: width .3s ease-out 0s;
}
.ps_list_item .ps_name {
    width: 60%;
    line-height: 1rem;
}
.ps_list_item .ps_address {
    font-size: 0.7rem;
    color: #777;
}
.ps_list_item .ps_distance {
    width: 30%;
}
.ps_list_item .right_arrow {
    width: 10%;
}
.ps_pin_button {
    width: 10%;
    font-size: 1.5rem;
    height: 50px;
    border-bottom: 1px solid #D0D0D0;
    align-items: center;
    justify-content: center;
    display: flex;
    border-top: 1px solid #FFF;
}
.ps_pin_button i {
    color: #999;
    transition: color .7s ease-out 0s;
}
.ps_pin_button:hover i {
    color: 
    rgb(0, 128, 0);
}
.ps_list_info {
    width: 10%;
    font-size: .6rem;
    border-bottom: 1px solid #D0D0D0;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ps_list_info span {
    color: #999;
    transition: color .7s ease-out 0s;
}
.ps_list_info span:hover {
    color: #F70;
}
.ps_list_info i.fa:first-child {
    font-size: 1.5rem;
}
.ps_list_info img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/* .ps_edit_button {
    width: 0%;
    font-size: 1.5rem;
    height: 50px;
    border-bottom: 1px solid #D0D0D0;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #FFF;
    display: flex;
    overflow: hidden;
    transition: width .3s ease-out 0s;
}
.ps_edit_button.open {
    width: 10%;
}
.ps_edit_button i {
    color: #999;
    transition: color .7s ease-out 0s;
}
.ps_edit_button:hover i {
    color: rgb(0, 128, 0);
} */
.ps_list_item .place_name {
    width: 60%;
    font-size: .9rem;
}
.ps_list_item .ps_distance {
    width: 30%;
    font-size: .9rem;
    text-align: right;
}
.ps_list_item .right_arrow {
    width: 10%;
    text-align: right;
    padding-right: 5px;
}

/* ps detail */
#close_ps_detail_wrapper {
    padding: 5px 0 0 5px;
    font-size: .9rem;
}

#ps_picture_wrapper {
    display: none;
    width: 100%;
    aspect-ratio: 16 / 9;
    position: relative;
}
#ps_picture_wrapper img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
#ps_picture_wrapper .pics_anchor_button {
    position: absolute;
    right: 15px;
    bottom: 10px;
    border-radius: 50%;
    background-color: #0275d8;
    width: 40px;
    height: 40px;
    display: none;
    align-items: center;
    justify-content: center;
    color: #FFF;
}
#ps_picture_wrapper .pics_anchor_button:hover {
    text-decoration: none;
}

#ps_basic_wrapper {
    border-bottom: solid 1px #DDD;
    margin-top: 5px;
    padding-top: 5px;
    padding-left: 20px;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
}
#ps_basic_wrapper #ps_basic_marker {
    width: 25px;
    cursor: pointer;
}
#ps_basic_wrapper #ps_basic_names {
    width: 320px;
    cursor: pointer;
}
#ps_basic_wrapper #ps_basic_name {
    font-size: 1.4rem;
    font-weight: bold;
}
#ps_basic_wrapper #ps_basic_name_yomi {
    font-size: 1rem;
    color: #666;
}
#ps_basic_wrapper #ps_basic_arrow {
    color: inherit;
    cursor: pointer;
}
#btn_ps_wrapper {
    width: 100%;
    text-align: center;
    margin: 10px auto;
    border-bottom: solid 1px #DDD;
    padding-bottom: 10px;
}
#btn_ps_add_to_fav {
    border: solid 1px #CCC;
}

.ps_basic_detail_wrapper,
.ps_direction_detail_wrapper {
    padding-left: 20px;
    padding-right: 20px;
    font-size: .9rem;
}
.ps_direction_detail_wrapper {
    margin-top: 15px;
}
.ps_basic_detail,
.ps_direction_detail {
    display: flex;
    min-height: 30px;
    align-items: center;
}
.ps_basic_detail_title {
    width: 65px;
}
.ps_basic_detail_title i {
    width: 16px;
    text-align: center;
}
.ps_basic_detail_value {
    width: calc(100% - 70px);
}

.ps_sns_detail_wrapper {
    display: flex;
    font-size: 1.1rem;
}
.ps_sns_detail_wrapper a {
    width: 15%;
    color: inherit;
}
.fa-wikipedia-w {
    font-size: .9rem;
}
.fa-twitter-square {
    color: #1da1f2;
}
.fa-instagram {
    color: #CF2E92;
}
.fa-facebook-official {
    color: #3B5998;
}
.fa-youtube-play {
    color: #DA1725;
}
.ps_sns_detail_wrapper a div img.line-icon {
    width: 18px;
    height: 18px;
}

.ps_direction_detail_title {
    width: 155px;
}
.ps_direction_detail_title i {
    width: 16px;
    text-align: center;
}
.ps_direction_detail_value {
    width: calc(100% - 170px);
}

/* ps_houi_list */
#ps_houi_list_wrapper {
    font-size: .9rem;
    margin-left: 20px;
}
#ps_houi_list_wrapper p {
    margin-top: 15px;
    margin-bottom: 0;
}
.ps_houi_list_table {
    width: 360px;
    margin-bottom: 1rem;
}
.ps_houi_list_table th,
.ps_houi_list_table td {
    border: solid 1px #BBB;
    border-collapse: collapse;
    vertical-align: middle;
    padding: 8px 0 8px 8px;
}
.ps_houi_list_table th {
    color: #FFF;
    font-weight: normal;
    width: 100px;
}
.ps_houi_list_table th a {
    color: #FFF;
}

/* ps_picture_list */
#ps_picture_list_wrapper {
    margin-left: 20px;
    margin-top: 15px;
}
#ps_picture_list_wrapper p {
    font-size: .9rem;
    margin-bottom: 0;
}
#ps_picture_list_wrapper .ps_picture_list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: .5rem;
}
#ps_picture_list_wrapper .ps_picture_list div {
    height: 125px;
    margin-bottom: 5px;
    margin-right: 1%;
    width: 32%;
}
#ps_picture_list_wrapper .ps_picture_list div img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
#ps_picture_list_wrapper .picture_link {
    border: dashed 1px #AAA;
    font-size: .9rem;
    background-color: #F0F0F0;
}
#ps_picture_list_wrapper .picture_link a {
    color: inherit;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}
#ps_picture_list_wrapper .picture_link a:hover {
    text-decoration: none;
}
#ps_picture_list_wrapper .picture_link a div {
    width: 100%;
    height: auto;
    padding-left: 5px;
}
#ps_picture_list_wrapper .ps_picture_button {
    width: 100%;
    text-align: center;
    margin-bottom: 2rem;
}
.omairi_link {
    font-size: .9rem;
    padding: 12px;
    border: solid 1px #999;
    border-radius: 5px;
    background-color: #EEE;
    margin-bottom: 1rem;
}
.omairi_link .lead {
    width: 100%;
    text-align: center;
    margin-bottom: 0.5rem;
    font-size: 1rem;
    font-weight: 500;
}
.omairi_link .button {
    width: 100%;
    text-align: center;
    margin-top: .5rem;
}

/* cnt_sct_date */
#scted_date_ban {
    position: absolute;
    height: 35px;
    background-color: #FFF;
    z-index: 401;
    top: 10px;
    right: 10px;
    border-radius: 3px;
    color: #333;
    border: solid 2px #999;
    font-size: .9rem;
    font-weight: bold;
}
#scted_date_ban table td {
    padding-bottom: 3px;
}
#scted_date_ban table td.date {
    width: 112px;
    height: 35px;
    text-align: right;
}
#scted_date_ban table td.ban {
    width: 72px;
    height: 35px;
    text-align: center;
}
#scted_date_ban td.jiban {
    font-size: .75rem;
    line-height: .9rem;
    text-align: center;
}
#scted_date_ban td.jiban .hour{
    font-size: .7rem;
}

#map_user_control_box {
    position: absolute;
    height: 150px;
    background-color: #FFF;
    z-index: 401;
    bottom: 20px;
    right: 10px;
    border-radius: 3px;
    color: #333;
    border: solid 2px #999;
    font-size: .9rem;
    font-weight: bold;
    display: flex;
    flex-wrap: wrap;
    width: 36px;
    font-size: 1rem;
}
#map_user_control_box a {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    border-bottom: solid 1px #999;
    color: inherit;
}
#map_user_control_box a.dsbl {
    background-color: #EEE;
    color: #aaa;
}
#map_user_control_box a:last-child {
    border-bottom: none;
}
#map_user_control_box a:hover {
    background-color: #EEE;
}
#map_user_control_box a:hover,
#map_user_control_box a:visited,
#map_user_control_box a:active,
#map_user_control_box a:focus {
    text-decoration: none;
}


/* modal */
#ps_add_request_modal {
    font-size: .9rem;;
}
#ps_add_request_modal h5,
#ps_add_send_done h5,
#ps_edit_request_modal h5,
#ps_edit_send_done h5 {
    font-weight: bold;
}
#ps_add_request_modal p,
#ps_edit_request_modal p {
    font-size: .9rem;
    line-height: 1.5rem;
    margin-top: 0;
}
#ps_add_request_modal textarea::placeholder,
#ps_edit_request_modal textarea::placeholder {
    font-size: .9rem;
    line-height: 1.5rem;
    color: #999;
}
.modal-body {
    padding: 15px 15px 0 15px;
    border-top: solid 1px #DDD;
}
.modal-body .form-group {
    margin-bottom: 0;
}
.modal-footer {
    padding: 15px 0 15px 0;
}
/* override */
@media (min-width: 576px) {
    .modal-dialog {
        max-width: 530px;
    }
}


.ps_detail_basic_marker.active,
.ps_detail_list_marker.active {
    filter: none;
}
.ps_detail_basic_marker.inactive,
.ps_detail_list_marker.inactive {
    filter: brightness(1.4) saturate(0);
}

#ban_detail_info {
    width: 300px;
    margin: auto;
    font-size: .9rem;
    padding: 15px;
    border: solid 1px #999;
    border-radius: 5px;
    background-color: #EEE;
    margin-top: 25px;
    display: none;
}
#ban_detail_info ul {
    padding: 0;
    margin: 0;
}
#ban_detail_info ul li {
    list-style: none;
    padding-bottom: 5px;
}
#ban_detail_info ul li:last-child {
    padding-bottom: 0;
}









/* detail info window */
.cnt_detail_info {
    width: 100%;
    min-height: 550px;
    background-color: #fff;
    margin-left: -400px;
    transition: margin .3s;
    z-index: 3;
    position: absolute;
}
#detail_info_wrapper {
    padding: 10px 20px 0 20px;
    font-size: .9rem;
}
/* ps detail */
.close_detail_info_wrapper {
    padding: 5px 0 0 5px;
    font-size: .9rem;
}
#detail_basic_info_wrapper {
    border-bottom: solid 1px #DDD;
    margin-top: 5px;
    padding-top: 5px;
    padding-left: 20px;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
}
#detail_basic_info_wrapper #detail_basic_info_marker {
    width: 25px;
    cursor: pointer;
}
#detail_basic_info_wrapper #detail_basic_info_names {
    width: 320px;
    cursor: pointer;
}
#detail_basic_info_wrapper #detail_basic_info_name {
    font-size: 1.4rem;
    font-weight: bold;
}
#detail_basic_info_wrapper #detail_basic_info_arrow {
    cursor: pointer;
}
.detail_basic_info_marker.active {
    filter: none;
}
.detail_basic_info_marker.inactive {
    filter: brightness(1.4) saturate(0);
}

.basic_info_direction_detail_wrapper {
    margin-top: 15px;
}
.detail_basic_info_wrapper,
.detail_info_wrapper {
    padding-left: 20px;
    padding-right: 20px;
    font-size: .9rem;
}
.direction_detail_info_wrapper {
    margin-top: 15px;
}
.basic_info_detail,
.basic_info_direction_detail {
    display: flex;
    min-height: 30px;
    align-items: center;
}
.basic_info_detail_title {
    width: 65px;
}
.basic_info_detail_title i {
    width: 16px;
    text-align: center;
}
.basic_info_detail_value {
    width: calc(100% - 70px);
}
.basic_info_direction_detail_title {
    width: 155px;
}
.basic_info_direction_detail_title i {
    width: 16px;
    text-align: center;
}
.basic_info_direction_detail_value {
    width: calc(100% - 170px);
}

/* detail_houi_list */
#detail_houi_list_wrapper {
    font-size: .9rem;
    margin-left: 20px;
}
#detail_houi_list_wrapper p {
    margin-top: 15px;
    margin-bottom: 0;
}
.detail_houi_list_table {
    width: 360px;
    margin-bottom: 1rem;
}
.detail_houi_list_table th,
.detail_houi_list_table td {
    border: solid 1px #BBB;
    border-collapse: collapse;
    vertical-align: middle;
    padding: 8px 0 8px 8px;
}
.pdetail_houi_list_table th {
    color: #FFF;
    font-weight: normal;
    width: 100px;
}

/* cal_info_box */
.cal_info_box {
    padding-left: 20px;
    margin-top: 15px;
}
#cal_koyomi_detail_info table {
    width: 360px;
    margin-top: 5px;
}
#cal_koyomi_detail_info table th,
#cal_koyomi_detail_info table td {
    border: solid 1px #BBB;
    border-collapse: collapse;
    vertical-align: middle;
    padding: 8px 0 8px 0px;
    font-size: .9rem;
}
#cal_koyomi_detail_info table th {
    background-color: #0e5490;
    color: #FFF;
    font-weight: normal;
    text-align: center;
}
#cal_koyomi_detail_info table td {
    padding: 8px 0 8px 8px;
}