/*==============================*/
/*===         kyusei         ===*/
/*==============================*/

/* title bg colors */
.detail_page_title_wrapper_sui {
    background-color: rgba(129, 199, 212, .4);
    background-image: url("/images/kyusei/sui_bg.png");
}
.detail_page_title_wrapper_do {
    background-color: rgba(226, 148, 59, .4);
    background-image: url("/images/kyusei/do_bg.png");
}
.detail_page_title_wrapper_moku {
    background-color: rgba(93, 172, 129, .4);
    background-image: url("/images/kyusei/moku_bg.png");
}
.detail_page_title_wrapper_kon {
    background-color: rgba(251, 226, 81, .4);
    background-image: url("/images/kyusei/kon_bg.png");
}
.detail_page_title_wrapper_ka {
    background-color: rgba(219, 77, 109, .4);
    background-image: url("/images/kyusei/ka_bg.png");
}
h1.detail_page_title {
    color: #333;
    font-size: 2rem;
    margin: 2rem 0;
}

.ns_menu_box {
    padding-left: 0;
    padding-right: 0;
    transition: border-bottom-color .5s ease 0s, color .5s ease 0s;
    border-bottom: solid 3px #eee;
}
.ns_menu_box.active,
.ns_menu_box:hover {
    color: #333;
    border-bottom-color: #533D5B;
}
.ns_menu_box.active .ns_menu_text,
.ns_menu_box:hover .ns_menu_text {
    background-color: #F0F0F0;
}

.ns_menu_box a,
.ns_menu_box a:hover {
    text-decoration: none;
}
.ns_menu_text {
    width: 100%;
    display: block;
    padding: .8rem 0;
    background-color: #FFF;
    color: #333;
    transition: background-color .5s ease 0s, color .5s ease 0s;
    border-right: solid 1px #ddd;
    /*border-bottom: solid 3px #eee;*/
}
.ns_menu_text.famouse {
    border-right: none;
}

/* menu text colors */
.ns_menu_text.active,
.ns_menu_text:hover {
    /*background-color: #81C7D4;*/
    border-bottom-color: #533D5B;
}
.ns_menu_text.sui.active,
.ns_menu_text.sui:hover {
    /*background-color: #81C7D4;*/
    border-bottom-color: #81C7D4;
}
.ns_menu_text.do.active,
.ns_menu_text.do:hover {
    /*background-color: #E2943B;*/
    border-bottom-color: #E2943B;
}
.ns_menu_text.moku.active,
.ns_menu_text.moku:hover {
    /*background-color: #5DAC81;*/
    border-bottom-color: #5DAC81;
}
.ns_menu_text.ka.active,
.ns_menu_text.ka:hover {
    /*background-color: #DB4D6D;*/
    border-bottom-color: #DA6D85;
}
.ns_menu_text.kon.active,
.ns_menu_text.kon:hover {
    border-bottom-color: #FAE569;
}

/* kyusei detail menus (5menus) */
.kyusei_detail_menus {
    display: flex;
    width: 100%;
}
.kyusei_detail_menu_item.sm_menu {
    background-color: #FFF;
    width: 13.5%;
}
.kyusei_detail_menu_item.lg_menu {
    width: 19%;
}
.kyusei_detail_menu_item:hover {
    background-color: #F00;
}
.kyusei_detail_menu_item a {
    display: block;
}
.kyusei_detail_menu_item a:hover {
    text-decoration: none;
}
.kyusei_detail_menu_item span.ns_menu_text {
    transition-property: border-bottom-color, background-color;
    transition-duration: .5s, .5s;
    background-color: #eee;
    border-bottom: solid 3px #ccc;
}
.kyusei_detail_menu_item span.ns_menu_text:hover {
    background-color: #D0D0D0;
    border-bottom: solid 3px #533D5B;
}
.kyusei_detail_menu_item span.ns_menu_text.active {
    background-color: #D0D0D0;
    border-bottom: solid 3px #533D5B;
}

.kyusei_paging_btn {
    margin-top: 1.5rem;
    margin-left: -1rem;
}
.ns_detail_table,
.ns_detail_table th,
.ns_detail_table td {
    border: solid 1px #ccc;
}
.ns_detail_table td {
    background-color: #f0f0f0;
}
.kyusei_famouse_getsumei_title {
    font-size: 1.3rem;
    border-left: solid 5px #4A225D;
    padding-left: .5rem;
}

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

.ns_menu_text i {
    padding-right: 5px;
}

@media (max-width: 991px) {
    .kyusei_detail_menu_item.sm_menu {
        width: 12.9%;
    }
    .kyusei_detail_menu_item.lg_menu {
        width: 22.6%;
    }
}
@media (max-width: 767px) {
    .kyusei_detail_menus {
        flex-wrap: wrap;
    }
    .kyusei_detail_menu_item.sm_menu {
        width: 25%;
    }
    .kyusei_detail_menu_item.lg_menu {
        width: 50%;
    }
    .ns_menu_text {
       padding: .5rem 0; 
    }
}
@media (max-width: 574px) {
    .kyusei_detail_menus {
        margin-top: -1rem;
    }
}

/* detail table colors */
.ns_detail_table.sui th {
    background-color: rgba(129, 199, 212, .5);
}
.ns_detail_table.do th {
    background-color: rgba(226, 148, 59, .5);
}
.ns_detail_table.moku th {
    background-color: rgba(93, 172, 129, .5);
}
.ns_detail_table.ka th {
    background-color: rgba(219, 77, 109, .4);
}
.ns_detail_table.kon th {
    background-color: rgba(251, 226, 81, .4);
}

/* kouten-jouiban kjban colors */
.kj-ban-bgc{
    background-color: #533D5B;
}
.kj-ban-bgc-moku{
    background-color: #5DAC81;
}
.kj-ban-bgc-ka{
    background-color: #DA6D85;
}
.kj-ban-bgc-do{
    background-color: #E2943B;
}
.kj-ban-bgc-kon{
    background-color: #FAE569;
}
.kj-ban-bgc-sui{
    background-color: #81C7D4;
}

/* detail best good direction */
.ks_detail_table th {
    text-align: center;
    vertical-align: middle;
}
.ks_detail_table td {
    vertical-align: middle;
}
.ks_detail_table span {
    display: inline-block;
}
.ks_detail_left_fixed_width_table tr th:first-child {
    width: 120px;
    font-weight: normal;
}
.ks_detail_left_fixed_width_table tr:first-child th:first-child {
    font-weight: bold;
}
.ks_detail_left_fixed_width_table_half_th {
    width: 400px;
}
.ks_detail_sm_table th {
    font-weight: normal;
}
.ks_detail_sm_table th.th_gms {
    font-weight: bold;
    width: 80px;
    white-space: nowrap;
}
.ks_detail_sm_table .th_max_houi {
    width: 80px;
    white-space: nowrap;
}

/*===         direction         ===*/
.year_doyou_days_table {
    width: 70%;
}
.year_doyou_days_table th,
.year_doyou_days_table td {
    vertical-align: middle;
}
.th_doyou {
    width: 150px;
}
/* bar responsive */
@media (max-width: 991px) {
    .year_doyou_days_table {
        width: 100%;
    }
}
@media (max-width: 543px) {
    .th_doyou {
        width: 100px;
    }
}

.list_info_table {
    margin-bottom: 0;
}
.list_info_table th {
    padding: .3rem;
}
.list_info_table td {
    padding: .3rem .5rem;
    text-align: left;
}

.list_wrapper_row {
    width: 100%;
    overflow: auto;
}
.list_table {
    background-color: #fff;
    vertical-align: middle;
}
.list_table th {
    text-align: center;
    vertical-align: middle;
    color: #eee;
}
.list_table_header th {
    background-color: #ddd;
    color: #333;
}
.list_table td {
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
}
.table-bordered td, .table-bordered th {
    border-color: #bbb;
}
.list_table_date_link,
.list_table_date_link:hover {
    color: #eee;
}
.ban_time_month_ban_sekki_year {
    display: none;
}

/*===      good luck list      ===*/
/* big lucky days table */
.big_lucky_days_table {
    width: 50%;
}
.th_date {
    width: 150px;
}
@media (max-width: 991px) {
    .big_lucky_days_table {
        width: 70%;
    }
}
@media (max-width: 767px) {
    .big_lucky_days_table {
        width: 100%;
    }
}

/*=== direction_effect_table ===*/
.direction_effect_title {
    font-size: 1.3rem;
    border-left: solid 5px #4A225D;
    padding-left: .5rem;
}
.direction_effect_table th {
    width: 150px;
    vertical-align: middle;
}
.direction_effect_table th .kikkyou {
    font-weight: 500;
    display: block;
}
.direction_effect_table td .ns_effect {
    margin-top: .5rem;
}
.direction_effect_table td .effect_ext {
    display: inline-block;
}

@media (max-width: 767px) {
    .direction_effect_table th,
    .direction_effect_table td {
        display: block;
        width: 100%;
    }
    .direction_effect_table th .kikkyou {
        display: inline-block;
        margin-left: 1rem;
    }
}

/* ================================================================================= */
/* accordion */
/* ================================================================================= */
ul {
    list-style-type: none;
}
.accordion {
    width: 100%;
    max-width: 1200px;
    margin: 1rem auto 4rem;
    padding: 0;
    background: #FCFCF9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
 }
.accordion .date_bar {
    cursor: pointer;
    display: block;
    padding: 15px;
    color: #666;
    font-size: 1.1rem;
    font-weight: bold;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.accordion li:first-child .date_bar {
    border-top: 1px solid #CCC;
}
.accordion li i.fa-chevron-down {
    position: absolute;
    top: 1.4rem;
    right: 12px;
    left: auto;
    font-size: 1rem;
    color: #595959;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.ac_date_text {
    width: 120px;
    display: inline-block;
}
.ac_svg_spacer {
    width: 10px;
    display: inline-block;
}
/* icon svg */
.ac_star_icon {
    width: 24px;
    height: 24px;
    position: relative;
    top: 4px;
    margin-right: 1rem;
}
.ac_ban_icon {
    width: 18px;
    height: 18px;
    position: relative;
    top: 3px;
    margin-right: .5rem;
}
.ac_compass_icon {
    width: 18px;
    height: 18px;
    position: relative;
    top: 3px;
    margin-right: .5rem;
}
/* bar responsive */
@media (max-width: 767px) {
    .accordion li i.fa-chevron-down {
        top: 1.7rem;
    }
}
@media (max-width: 543px) {
    .accordion li i.fa-chevron-down {
        top: 1.8rem;
    }
    .accordion .date_bar {
        padding-left: 10px;
    }
    .ac_date_text {
        width: 100px;
    }
    .ac_svg_spacer {
        width: 5px;
    }
    /* icon svg */
    .ac_star_icon {
        margin-right: .5rem;
    }
    .ac_ban_icon {
        margin-right: .2rem;
    }
    .ac_compass_icon {
        margin-right: .2rem;
    }
}

.accordion li.open .date_bar {
    color: #b63b4d;
}

.accordion li.open i {
    color: #b63b4d;
}
.accordion li.open i.fa-chevron-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.accordion li.default .submenu {display: block;}
/**
 * Submenu
 -----------------------------*/
.submenu {
    display: none;
    background: #F0F0F0;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    overflow: auto;
}
.submenu p {
    padding-left: .8rem;
}
.submenu li {
    border-bottom: 1px solid #4b4a5e;
}
.submenu a {
    display: block;
    text-decoration: none;
    color: #d9d9d9;
    padding: 12px;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.submenu a:hover {
    background: #b63b4d;
    color: #FFF;
}
.ban_title_table {
    text-align: center;
}
.submenu .ban_box {
    margin-bottom: 1rem;
}
.ac_month_link:hover {
    cursor: pointer;
}
a.about_icon_link:hover {
    text-decoration: none;
}
/* about icon table */
.about_icon_table th {
    width: 100px;
    padding: .5rem;
    vertical-align: middle;
    text-align: center;
    background-color: #F5F5F5;
}
/* about icon svg */
.ac_about_star_icon {
    width: 20px;
    height: 20px;
    margin-right: .1rem;
}
.ac_about_ban_icon {
    width: 18px;
    height: 18px;
    margin-right: .1rem;
}
.ac_about_compass_icon {
    width: 18px;
    height: 18px;
    margin-right: .1rem;
}

a.good_luck_list_ban_date_link,
a.good_luck_list_ban_date_link:hover {
    padding: 0;
    background-color: inherit;
    color: #EEE;
}

/* ============================================================== */
/* datepicker */
/* ============================================================== */
.input-group.date {
    display: block;
    margin: auto;
    width: 8rem;
}
.input-group.date:hover {
    cursor: pointer;
}
.input-group-addon {
    background-color: #fff;
    padding: .6rem;
    border-radius: .25rem !important;
    transition: .3s;
    transition-property: background-color;
    display: block !important;
    color: #333;
}
.input-group-addon:hover {
    background-color: #e6e6e6;
}

/* ban link box */
.ban_link_title {
    width: calc(100% + 30px);
    margin-left: -15px;
    background-color: #CCC;
    border-top: solid 1px #AAA;
    color: #333;
    font-size: .9rem;
    padding: .2rem 0;
}
.ban_link_box_wrapper {
    width: calc(100% + 30px);
    overflow: auto;
    margin-left: -15px;
    display: flex;
}
.ban_link_box_wrapper.unsei {
    border-bottom: solid 1px #AAA;
}
.ban_link_box_wrapper a {
    color: inherit;
    flex-grow: 1;
}
.ban_link_box_wrapper a:hover {
    text-decoration: none;
}
.ban_link_box_wrapper div {
    text-align: center;
    padding: .4rem 0;
}
.ban_link_box {
    background-color: #fff;
    border-top: solid 1px #999;
    border-right: solid 1px #999;
    transition: background-color .5s ease 0s, color .2s ease 0s;
}

.ban_link_box.ttl {
    background-color: #CCC;
}

.ban_link_box.moku {
    border-right: none;
}
/* hover */
.ban_link_box_wrapper a:hover .ban_link_box.do {
    background-color: #ED784A;
    color: #eee;
}
.ban_link_box_wrapper a:hover .ban_link_box.moku {
    background-color: #5DAC81;
    color: #eee;
}
.ban_link_box_wrapper a:hover .ban_link_box.ka {
    background-color: #DB4D6D;
    color: #eee;
}
/* active */
.ban_link_box.do.active {
    background-color: #ED784A;
    color: #eee;
}
.ban_link_box.moku.active {
    background-color: #5DAC81;
    color: #eee;
}
.ban_link_box.ka.active {
    background-color: #DB4D6D;
    color: #eee;
}

/* gms box */
.gms_title {
    background-color: #CCC;
    width: 100%;
    color: #333;
    width: calc(100% + 30px);
    margin-left: -15px;
    padding: .2rem 0;
    font-size: .9rem;
    border-top: solid 1px #999;
}
.gms_box_wrapper {
    width: calc(100% + 30px);
    overflow: auto;
    margin-left: -15px;
    display: flex;
}
.gms_box_wrapper a {
    color: inherit;
    flex-grow: 1;
}
.gms_box_wrapper a:hover {
    text-decoration: none;
}
.gms_box_wrapper div {
    text-align: center;
    padding: .4rem 0;
    border-right: solid 1px #AAA;
}
.gms_box_wrapper div.ka {
    border-right: none;
}
.gms_box {
    background-color: #fff;
    border-top: solid 1px #999;
    border-bottom: solid 1px #999;
    transition: background-color .5s ease 0s, color .2s ease 0s;
}
.gms_box.ttl {
    background-color: #CCC;
}

/* hover */
.gms_box_wrapper a:hover {
    color: #eee;
}
.gms_box_wrapper a:hover .gms_box.sui {
    background-color: #51A8DD;
}
.gms_box_wrapper a:hover .gms_box.do {
    background-color: #ED784A;
}
.gms_box_wrapper a:hover .gms_box.kon {
    background-color: #FB9966;
}
.gms_box_wrapper a:hover .gms_box.moku {
    background-color: #5DAC81;
}
.gms_box_wrapper a:hover .gms_box.ka {
    background-color: #DB4D6D;
}
/* active */
.gms_box.sui.active {
    background-color: #51A8DD;
    color: #eee;
}
.gms_box.do.active {
    background-color: #ED784A;
    color: #eee;
}
.gms_box.kon.active {
    background-color: #FB9966;
    color: #eee;
}
.gms_box.moku.active {
    background-color: #5DAC81;
    color: #eee;
}
.gms_box.ka.active {
    background-color: #DB4D6D;
    color: #eee;
}

@media (min-width: 991px) {
    .ban_link_box_wrapper a {
        width: 25%;
    }
    .gms_box_wrapper a {
        width: 10%;
    }
}
@media (max-width: 543px) {
    .ban_link_box_wrapper div {
        font-size: .85rem;
    }
    .gms_box_wrapper div {
        font-size: .85rem;
    }
}

/* ============================================================== */
/* kichi houi calendar */
/* ============================================================== */

/* ban link box */
.cal_link_title {
    width: calc(100% + 30px);
    margin-left: -15px;
    background-color: #CCC;
    border-top: solid 1px #AAA;
    color: #333;
    font-size: .9rem;
    padding: .2rem 0;
}
.cal_link_box_wrapper {
    width: calc(100% + 30px);
    overflow: auto;
    margin-left: -15px;
    display: flex;
}
.cal_link_box_wrapper.unsei {
    border-bottom: solid 1px #AAA;
}
.cal_link_box_wrapper a {
    color: inherit;
    flex-grow: 1;
}
.cal_link_box_wrapper a:hover {
    text-decoration: none;
}
.cal_link_box_wrapper div {
    text-align: center;
    padding: .4rem 0;
}
.cal_link_box {
    background-color: #fff;
    border-top: solid 1px #999;
    border-right: solid 1px #999;
    transition: background-color .5s ease 0s, color .2s ease 0s;
}
.cal_link_box.sui {
    border-right: none;
}
/* hover */
.cal_link_box_wrapper a:hover .cal_link_box.do {
    background-color: #ED784A;
    color: #eee;
}
.cal_link_box_wrapper a:hover .cal_link_box.moku {
    background-color: #5DAC81;
    color: #eee;
}
.cal_link_box_wrapper a:hover .cal_link_box.ka {
    background-color: #DB4D6D;
    color: #eee;
}
.cal_link_box_wrapper a:hover .cal_link_box.sui {
    background-color: #51A8DD;
    color: #eee;
}
/* active */
.cal_link_box.do.active {
    background-color: #ED784A;
    color: #eee;
}
.cal_link_box.moku.active {
    background-color: #5DAC81;
    color: #eee;
}
.cal_link_box.ka.active {
    background-color: #DB4D6D;
    color: #eee;
}
.cal_link_box.sui.active {
    background-color: #51A8DD;
    color: #eee;
}

/* tendo color */
.dir_cell .tendo {
    font-weight: bold;
    color: #ff640a;
}
.kichihoui_calendar_bottom_text .tendo {
    color: #ff640a;
}

/* calendar_control */
.kichihoui_calendar_control_wrapper {
    display: flex;
    background-color: #FFF;
    border: solid 1px #AAA;
    border-radius: .3rem;
    padding: .5rem 0 0 1rem;
    width: 530px;
    margin-bottom: .5rem;
}

/* calendar */
.kichihoui_calendar_bef_wrapper {
    margin-bottom: 1rem;
}
/* higher_ban */
.higher_ban_table th,
.higher_ban_table td {
    padding: .5rem 1rem;
    border: solid 1px #AAA;
}
.higher_ban_table th {
    width: 100px;
    padding: .5rem 0;
    text-align: center;
    background-color: #FFF;
}
.higher_ban_table td {
    background-color: #FFF;
    min-width: 150px;
    text-align: center;
}
.higher_ban_table tr.title td {
    font-size: 1rem;
    padding: .25rem;
    background-color: #DDD;
}
.higher_ban_table th {
    color: #EEE;
    font-weight: normal;
}
.kichihoui_calendar_wrapper {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    text-align: center;
    background-color: #FFF;
    border-right: solid 1px #AAA;
    border-bottom: solid 1px #AAA;
    font-size: 1.1rem;
}
.column_wapper {
    width: 25%;
    display: flex;
    flex-wrap: wrap;
    min-height: 160px;
    border-left: solid 1px #AAA;
    border-top: solid 1px #AAA;
}
.column_header {
    width: 100%;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: solid 1px #AAA;
    color: #EEE;
}
.column_header a {
    color: #FFF;
}
.cell_ns_name {
    font-size: .9rem;
}
.column_body {
    width: 100%;
    height: calc(100% - 35px);
    padding: 1rem 0;
}
.column_body .best,
.kichihoui_calendar_bottom_text .best,
.kichihoui_calendar_bottom_text .tendo {
    font-weight: bold;
}

.kichihoui_calendar_bottom_text {
    margin-top: .5rem;
}

@media (max-width: 767px) {
    .kichihoui_calendar_control_wrapper {
        width: 100%;
        padding: .5rem 0 0 0;
        flex-wrap: wrap;
        text-align: center;
    }
    .kichihoui_calendar_control_wrapper div {
        width: 25%;
    }
}
@media (max-width: 543px) {
    h1.cal_h1 {
        font-size: 1.4rem;
    }
    .cal_link_box_wrapper div {
        padding: .4rem 0;
    }
}

/* nichiban calendar */
.kichihoui_calendar_wrapper.nichiban {
    border-right: none;
    border-bottom: none;
}
.nichiban_cal_table {
    width: 100%;
}
.nichiban_cal_table tr th,
.nichiban_cal_table tr td {
    text-align: center;
    border: solid 1px #AAA;
}
.nichiban_cal_table tr th {
    width: 14.28%;
    text-align: center;    
}
.day_cell_td {
    vertical-align: top;
}

.day_cell_inner_table {
    width: 100%;
}
.day_cell_inner_table tr th,
.day_cell_inner_table tr td {
    border: none;
}
.day_cell {
    padding: .25rem .5rem;
    text-align: left !important;
    font-size: 1rem;
    border-bottom: solid 1px #DDD !important;
}
.dir_cell {
    padding: .4rem 0;
    font-size: 1rem;
}
@media (max-width: 543px) {
    .cell_ns_name {
        display: none;
    }
    .dir_cell {
        padding: .4rem 0;
        font-size: .9rem;
    }
}

/* nenban setting */
.kichihoui_calendar_wrapper.nenban .header_date_wrapper {
    display: flex;
    width: 100%;
    border-top: solid 1px #AAA;
    border-left: solid 1px #AAA;
    padding: .5rem 0;
    background-color: #EEE;
}
.kichihoui_calendar_wrapper.nenban .header_date_wrapper div {
    width: 15%;
    font-size: 1rem;
}
.kichihoui_calendar_wrapper.nenban .header_date_wrapper div.header_date {
    width: 70%;
    font-weight: bold;
    font-size: 1.2rem;
    color: #444;
}
.kichihoui_calendar_wrapper.nenban .header_date_wrapper div a {
    color: inherit;
}
/* nenban color setting */
.higher_ban_table tr.nenban th {
    background-color: #DB4D6D;
}
.kichihoui_calendar_wrapper.nenban .column_header {
    background-color: #DB4D6D;
}
.kichihoui_calendar_wrapper.nenban .column_body .best {
    color: #DB4D6D;
}
.kichihoui_calendar_wrapper.nenban .column_body.bg_chk {
    background-color: #f9bdc8;
}
.kichihoui_calendar_bottom_text.nenban .best {
    color: #DB4D6D;
}
.star_year {
    color: #DB4D6D;
}

/* getsuban setting */
.kichihoui_calendar_wrapper.getsuban .header_date_wrapper {
    display: flex;
    width: 100%;
    border-top: solid 1px #AAA;
    border-left: solid 1px #AAA;
    padding: .5rem 0;
    background-color: #EEE;
}
.kichihoui_calendar_wrapper.getsuban .header_date_wrapper div {
    width: 15%;
    font-size: 1rem;
}
.kichihoui_calendar_wrapper.getsuban .header_date_wrapper div.header_date {
    width: 70%;
    font-weight: bold;
    font-size: 1.2rem;
    color: #444;
}
.kichihoui_calendar_wrapper.getsuban .header_date_wrapper div a {
    color: inherit;
}
/* getsuban color setting */
.higher_ban_table tr.getsuban th {
    background-color: #ED784A;
}
.kichihoui_calendar_control_wrapper.getsuban .designed_checkbox-input:checked + .designed_checkbox-parts::after {
    border-bottom: 3px solid #ED784A;
    border-right: 3px solid #ED784A;
}
.kichihoui_calendar_wrapper.getsuban .column_header {
    background-color: #ED784A;
}
.kichihoui_calendar_wrapper.getsuban .column_body .best,
.kichihoui_calendar_bottom_text.getsuban .best {
    color: #ff6622;
    font-weight: normal !important;
}
.kichihoui_calendar_wrapper.getsuban .column_body .tendo,
.kichihoui_calendar_bottom_text.getsuban .tendo {
    color: #ff4c05;
    font-weight: bold;
}
.kichihoui_calendar_wrapper.getsuban .column_body.bg_chk {
    background-color: #fbd0ac;
}
.star_month {
    color: #ED784A;
}
/* nichiban color setting */
.kichihoui_calendar_control_wrapper.nichiban .designed_checkbox-input:checked + .designed_checkbox-parts::after {
    border-bottom: 3px solid #5DAC81;
    border-right: 3px solid #5DAC81;
}
.nichiban_cal_table tr th {
    background-color: #EEE;
    color: #444;
    font-size: .9rem;
    padding: .2rem 0;
}
.nichiban_cal_table tr th:first-child {
    background-color: #ffc6d3;
    color: #F55;
}
.nichiban_cal_table tr th:last-child {
    background-color: #c6e2ff;
    color: #44E;
}
.higher_ban_table tr.nichiban th {
    background-color: #5DAC81;
}
.nichiban_cal_table tr td.day_cell_td.bg_chk {
    background-color: #c8f9ab;
}
.nichiban_cal_table tr td.day_cell_td.today {
    background-color: #FDD;
}
.day_cell_inner_table tr td.day_cell a span.sun {
    color: #E22;
}
.day_cell_inner_table tr td.day_cell a span.sat {
    color: #22E;
}

.nichiban_cal_table .header_tr {
    border: solid 1px #AAA;
    border-bottom: none;
}
.nichiban_cal_table .header_tr td {
    background-color: #EEE;
    border: none;
    font-size: 1rem;
}
.nichiban_cal_table .header_tr td a {
    color: inherit;
}
.nichiban_cal_table .header_tr .header_date {
    font-size: 1.2rem;
    background-color: #EEE;
    font-weight: bold;
    color: #444;
    padding: .5rem 0;
}
.day_cell.doyou {
    background-color: #AAA;
}
.day_cell.doyou.mabi {
    background-color: #CCC;
}
.day_cell a {
    color: #333;
}
.day_cell .today a {
    color: #E00;
    font-weight: bold;
}
.dir_cell .best {
    font-weight: bold;
    color: #007d39;
}
.kichihoui_calendar_bottom_text.nichiban .best {
    color: #007d39;
}
.star_day {
    color: #007d39;
}

/* jiban setting */
.kichihoui_calendar_wrapper.jiban .header_date_wrapper {
    display: flex;
    width: 100%;
    border-top: solid 1px #AAA;
    border-left: solid 1px #AAA;
    padding: .5rem 0;
    background-color: #EEE;
}
.kichihoui_calendar_wrapper.jiban .header_date_wrapper div {
    width: 15%;
    font-size: 1rem;
}
.kichihoui_calendar_wrapper.jiban .header_date_wrapper div.header_date {
    width: 70%;
    font-weight: bold;
    font-size: 1.2rem;
    color: #444;
}
.kichihoui_calendar_wrapper.jiban .header_date_wrapper div a {
    color: inherit;
}
/* jiban color setting */
.kichihoui_calendar_control_wrapper.jiban .designed_checkbox-input:checked + .designed_checkbox-parts::after {
    border-bottom: 3px solid #51A8DD;
    border-right: 3px solid #51A8DD;
}
.kichihoui_calendar_wrapper.jiban .column_header {
    background-color: #51A8DD;
}
.kichihoui_calendar_wrapper.jiban .column_body .best {
    color: #51A8DD;
}
.kichihoui_calendar_wrapper.jiban .column_body.bg_chk {
    background-color: #c7eaff;
}
.kichihoui_calendar_bottom_text.jiban .best {
    color: #51A8DD;
}
.star_hour {
    color: #51A8DD;
}

/* ============================================================== */
/* side bar ns list */
/* ============================================================== */
.sidebar_ns_link_title {
    width: 100%;
    text-align: center;
    color: #4A225D;
    font-size: 1.2rem;
    border-bottom: solid 3px #4A225D;
    padding: .7rem 0 .6rem 0;
    background-color: #EEE;
    border-top: solid 1px #CCC;
    border-left: solid 1px #CCC;
    border-right: solid 1px #CCC;
}
.sidebar_ns_links {
    width: 100%;
    text-align: center;
}
.sidebar_ns_links a,
.sidebar_ns_links a:hover {
    color: inherit;
    text-decoration: none;
}
.sidebar_ns_links ul {
    margin: 0;
    padding: 0;
}
.sidebar_ns_links ul li {
    padding: .8rem 0;
    background-color: #FFF;
    border-bottom: dashed 1px #BBB;
    border-left: solid 1px #CCC;
    border-right: solid 1px #CCC;
    transition: background-color .5s ease 0s, color .2s ease 0s;
}
.sidebar_ns_links a:last-child li {
    border-bottom: solid 1px #CCC;
}
.sidebar_ns_links a:hover li {
    color: #EEE;
}
/* hover */
.sidebar_ns_links a:hover li.sui {
    background-color: #51A8DD;
}
.sidebar_ns_links a:hover li.do {
    background-color: #ED784A;
}
.sidebar_ns_links a:hover li.kon {
    background-color: #FB9966;
}
.sidebar_ns_links a:hover li.moku {
    background-color: #5DAC81;
}
.sidebar_ns_links a:hover li.ka {
    background-color: #DB4D6D;
}
/* active */
.sidebar_ns_links a li.sui.active {
    background-color: #51A8DD;
    color: #EEE;
}
.sidebar_ns_links a li.do.active {
    background-color: #ED784A;
    color: #EEE;
}
.sidebar_ns_links a li.kon.active {
    background-color: #FB9966;
    color: #EEE;
}
.sidebar_ns_links a li.moku.active {
    background-color: #5DAC81;
    color: #EEE;
}
.sidebar_ns_links a li.ka.active {
    background-color: #DB4D6D;
    color: #EEE;
}

/* ============================================================== */
/* Character */
/* ============================================================== */

.hms_gms_keisha_table {
    width: auto;
}
.hms_gms_keisha_table th,
.hms_gms_keisha_table td {
    border-color: #bbb;
    border: solid 1px #bbb;
    vertical-align: middle;
    text-align: left;
    padding: .5rem 3rem .5rem .5rem;
}

@media (max-width: 543px) {
    .hms_gms_keisha_table {
        width: 100%;
    }
}

.keisha_title {
    color: #4A225D;
    border-left: solid 4px #4A225D;
    padding-left: .5rem;
    margin-top: 3rem;
}
.keisha_yomi {
    font-size: 1.1rem;
}