@media (min-width: 1200px) {
}

@media (min-width: 992px) {
}

.clear {
    clear: both;
}

.strong {
    font-weight: bold;
    font-size: 1.1em;
}

.underline {
    text-decoration: underline;
}

.tr-gray {
    background-color: #eee;
}

.jump-adv {
    color: #000;
    cursor: default;
    text-decoration: none;

}

.jump-adv:hover {
    color: #000;
    text-decoration: none;
}

#main-title {
    position: relative;
}

#preference-link {
    padding-left: 10px;
}

#goto_nak_link, #goto_transit_link {
    cursor: pointer;
}

#person-title {
    text-align: center;
    font-weight: bold;
    font-size: 2em;
}
#another-window-title {
    text-align: center;
    font-weight: bold;
    font-size: 1.5em;
}

#time-control {
    text-align: center;
}

#charts {
    font-size: 1.4em;
}

#basic-chart {
    margin: 10px 5px 10px 15px;
    /*font-size: 1.4em;*/
}

#rashi-chart {
    margin: 5px auto;
}

#nava-chart {
    margin: 5px auto;
}

.graha-info-varga { /*分割図の惑星名*/
    margin-top: -20px;
    line-height: 1;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*//*旧bootstrap対応*//*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

.ml-2 {
    margin-left: 20px;
}

.ml-3 {
    margin-left: 30px;
}

.ml-4 {
    margin-left: 40px;
}

.mt-1 {
    margin-top: 10px;
}
.mt-3 {
    margin-top: 30px;   
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*//*チャート全般（ラーシ・ナヴァ）*//*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.chart-table {
    border-collapse: collapse;
    /*font-size: 0.8em;*/
}

.chart-table td {
    width: 150px;
    height: 150px;
    border: 1px solid #999;
}

.chart-table td.blank-td {
    border-style: none;
}

.chart-td {
    position: relative;
}

.rashi-td {
    background-color: rgba(256, 256, 250, 0.5);
}

.nava-td {
    background-color: rgba(240, 256, 256, 0.5);
}

.asc-td {
    background-color: rgba(250, 240, 230, 0.7);
}

.rashi-name {
    position: absolute;
    top: 1px;
    left: 2px;
    font-size: 0.8em;
}

.house-num {
    position:absolute;
    right: 3px;
    top: -1px;
    font-size: 0.9em;
    color: #00f;
}
.house-num-varga {
    position:absolute;
    right: 2px;
    top: 2px;
    font-size: 0.9em;
    color: #00f;
}

.rashi-extra {
    font-size: 0.7em;
    opacity: 0.5;
    position: absolute;
    bottom: 0px;
}

.simple-chart td{
    width: 100px;
    height: 100px;
    font-size: 0.9em;
    border: 1px solid #999;
    vertical-align: top;
    line-height: 1;
}

.simple-chart td .rashi-name {
    line-height: 1.4;
}
.simple-chart td .graha-info {
    margin-top: 7px;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*//*ラーシ・ナヴァムシャチャート*//*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*ラーシチャートの文字配置*/
#rashi-chart td {
    vertical-align: top;
}

#nava-chart td {
    vertical-align: top;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*//*トランジット*//*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

#transit-box { /*包含div*/
    margin: 0 auto;
    position: relative;
    width: 600px;
}

#transit-table { /*外側のトランジット*/
    border-collapse: collapse;
    width: 600px;
    height: 600px;
    margin: 0px auto;
    /*font-size: 0.8em;*/
}

#transit-table td {
    font-size: 0.8em;
    line-height: 1.1;
    border: 1px solid #999;
    width: 150px;
    height: 150px;
    background-color: rgba(50, 240, 50, 0.3);
}

#transit-rashi-chart { /*内側のラーシ*/
    width: 400px;
    position: absolute;
    margin: 0 auto;
    top: 100px;
    left: 100px;
    background-color: rgba(255, 255, 255, 1);
}

#transit-rashi-chart td {
    font-size: 0.7em;
    margin: 5px auto;
    width: 100px;
    height: 100px;
    border: 1px solid #999;
    vertical-align: top;
}

#transit-table td.asc-td {
    background-color: rgba(50, 240, 50, 0.1);
}

/*トランジットテーブル内での上下左右表示制御*/
#transit-table td.text_left {
    text-align: left;
}

#transit-table td.text_right {
    text-align: right;
}

#transit-table td.text_center {
    text-align: center;
}

#transit-table td.vertical_top {
    vertical-align: top;
}

#transit-table td.vertical_middle {
    vertical-align: middle;
}

#transit-table td.vertical_bottom {
    vertical-align: bottom;
}

#transit-table .house-num-transit {
    font-size: 1em;
    color: #00f;
}

.transit-title {
    text-align: center;
    font-weight: bold;
    font-size: 1.5em;
}

.conjunct_td { /*5惑星以上の同居*/
    line-height: 0.9em;
}

.conjunct_td .graha-info {
    margin-top: 5px;
}
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*//*トランジットテーブル*//*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

.half-alpha{
    opacity: 0.5;
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*//*アシュタカヴァルガ*//*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.ashtaka-chart-table {
    float: left;
}

.ashtaka-chart-table td {
    width: 30px;
    height: 30px;
    border: 1px solid #999;
    vertical-align: center;
    text-align: center;
    background-color: rgba(50, 240, 50, 0.3);
}

.ashtaka-chart-table td.ashtaka-td-center {
    background-color: #fff;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*//*分割図*//*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.varga-flex-container {
    display: flex;
    flex-wrap: wrap;
    width: 1200px;
    margin: auto;
}

.varga-flex-middle-container {
    display: flex;
    flex-wrap: wrap;
    width: 860px;
}

.varga-flex-item {
    margin: 5px;
}

.varga-table {
    border-collapse: collapse;
    padding-top: 5px;
    padding-bottom: 5px;
    padding: 5px 10px;
}

.varga-table table {
    margin: 10px auto;
}

.varga-table.td-small td {
    width: 50px;
    height: 50px;
    padding: 2px;
}

.varga-table td {
    width: 68px;
    height: 68px;
    border: 1px solid #999;
    /*font-size: 0.8em;*/
    line-height: 0.9;
}

.varga-table.varga-thick-line td {
    width: 55px;
    height: 55px;
    padding: 2px;
    border: 3px solid #999;
}

.varga-table td.blank-td {
    border-style: none;
}

.varga-td {
    position: relative;
}

.varga-td .house-num {
    position: absolute;
    top: 1px;
    left: 42px;
    width: 15px;
    text-align: right;
}

.varga-info {
    text-align: center;
}

.varga-name { /*D4などの名前表示*/
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.1;
}

.varga-name-hindu {
    font-size: 0.8em;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*//*惑星表示*//*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.graha-span {
    margin-left: 5px;
    font-weight: bold;
}

.karaka-span {
    font-size: 0.8em;
}

.deginside-span {
    font-size: 0.8em;
}

.graha-Asc {
    color: #ff1493;
}

.graha-Su {
    color: #f00;
}

.graha-Mo {
    color: #87cefa;
}

.graha-Me {
    color: #2e8b57;
}

.graha-Ve {
    color: #ff69b4;
}

.graha-Ma {
    color: #ff4500;
}

.graha-Ju {
    /*color:#ffd700;*/
    color: #fcc800;
}

.graha-Sa {
    color: #0000cd;
}

.graha-Ra {
    color: #9400d3;
}

.graha-Ke {
    color: #a0522d;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*//*dasha全般*//*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.dasha-exp {
    font-size: 0.8em;
}

.dasha-bg-gray {
    background-color: #eee;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*//*vim*//*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
#main-container {
}

#vim-col {
    font-size: 1.2em;
}

#vim-main-title{
    cursor: pointer;
}

.vim-maha-title{
    font-size: 1.1em;
    font-weight: bold;
    cursor: pointer;
}

.vim-antar-title {
    cursor: pointer;
}

.fixed-antar-title{
    width : 57px;
    display : inline-block;
}

.vim-antar-gross {
    display: none;
}

.basic-house-name {
    text-align: right;
}

.basic-deg-inside {
    float: right;
}

#birth-form {
    margin-left: 20px;
    padding-left: 20px;
}

.input_number {
    width: 70px;
}

.input_year {
    width: 100px;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*//*Dasha*//*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
#dasha-title {
    cursor: pointer;
}
.dasha-description {
    font-size: 0.8em;
}
.maha-title {
    font-weight: bold;
    cursor: pointer;
    list-style-type: none;
}
ul.maha-dasha-titles {
    padding-left: 0px;
    margin-left: 0px;
}
ul.dasha-titles {
    padding-left: 5px;
    margin-left: 5px;
}
li.dasha-title {
    cursor: pointer;
    list-style-type: none;
    list-style-position: outside;
}
li.praty-dasha-title {
    font-size: 0.8em;
    cursor: default;
    list-style-type: none;
    list-style-position: outside;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*//*chara*//*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
#chara-col {
    font-size: 1.2em;
}

#chara-main-title{
    cursor: pointer;
}

.chara-maha-title {
    font-size: 1.05em;
    font-weight: bold;
    cursor: pointer;
}

.chara-antar-title {
    cursor: pointer;
}

.chara-antar-gross {
    display: none;
}

.rashi-cardinal {
    color: #f00;
}

.rashi-fixed {
    color: #8b4513;
}

.rashi-mutable {
    color: #228b22;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*//*ナクシャトラ*//*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*nakshatra*/
#nakshatra-body {
    text-align: center;
}

#chart-link {
    float: right;
}

/*timeButtons*/
.timeButton {
    cursor: pointer;
}

.btnMarginLeft {
    margin-left: 10px;
}
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*//*基礎情報*//*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.basics-table {
    border-collapse: collapse;
    margin: 10px auto;
    /*font-size: 0.8em;*/
}

.basics-table td {
    border: 1px solid #999;
    vertical-align: top;
    text-align: right;
    padding:0 2px;
}

.graha-bg-Asc {
    background-color: rgb(255, 20, 147, 0.05);
}

.graha-bg-Su {
    background-color: rgb(255, 0, 0, 0.05);
}

.graha-bg-Mo {
    background-color: rgb(135, 206, 250, 0.05);
}

.graha-bg-Me {
    background-color: rgb(46, 139, 87, 0.05);
}

.graha-bg-Ve {
    background-color: rgb(255, 105, 180, 0.05);
}

.graha-bg-Ma {
    background-color: rgb(255, 69, 0, 0.05);
}

.graha-bg-Ju {
    background-color: rgb(252, 200, 0, 0.05);
}

.graha-bg-Sa {
    background-color: rgb(0, 0, 205, 0.05);
}

.graha-bg-Ra {
    background-color: rgb(148, 0, 211, 0.05);
}

.graha-bg-Ke {
    background-color: rgb(160, 82, 45, 0.05);
}

.color-fire {
    color: #f00;
}

.color-earth {
    color: #491f00;
}

.color-wind {
    color: #6ba100;
}

.color-water {
    color: #0055ff;
}

.color-male {
    color: #0000ff;
}

.color-female {
    color: #ff69b4;
}

.house-asc {
    color: #ff1493;
}

.house-kendra {
    color: #009f00;
}

.house-trikona {
    color: #fcc800;
}

.house-dusthana {
    color: #b200cd;
}

.house-upachaya {
    color: #00f;
}

.color-EX {
    color: #f00;
}
.color-MT {
    color: #fcc800;
}
.color-OH {
    color: #ff1493;
}
.color-DB {
    color: #b200cd;
}
.color-F {
    color: #ff69b4;
}
.color-N {
    color: #009f00;
}
.color-E {
    color: #00f;
}

.purushartha-dharma { /*159*/
    color: #fcc800;
}
.purushartha-artha { /*2610*/
    color: #00f;
}
.purushartha-kama { /*3711*/
    color: #ff69b4;
}
.purushartha-moksha { /*4812*/
    color: #b200cd;
}

.color-吉 {
    color: #fcc800;
}
.color-中 {
    color: #009f00;
}
.color-凶 {
    color: #f00;
}

.dig-強 {
    color: #fcc800;
}
.dig-弱 {
    color: #b200cd;
}

/* tooltip */
.tool_tip { 
    position: relative;
    cursor: pointer;
    padding: 0 5px;
  }
   
  .tt_top { /* ツールチップのスタイル */
    width: 100px;
    position: absolute;
    left: 50%;
    bottom: 80%; /* Y軸の位置 */
    transform: translateX(-50%);
    margin-bottom: 8px;
    padding: 8px;
    border-radius: 8px;
    background-color: #666;
    font-size: 0.9em;
    color: #fff;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    transition: 0.3s all;
  }
   
  .tool_tip:hover .tt_top { 
    bottom: 100%; /* Y軸の位置 */
    visibility: visible;
    opacity: 1;
  }

/*======================================
=            ガター溝なしスタイリング            =
======================================*/
.container-small, .container-large {
    max-width: 100%;
}

@media (min-width: 768px) {
    .container-small {
        width: 300px;
    }

    .container-large {
        width: 970px;
    }

    #goto-input {
        font-size: 1.3em;
    }
    
    #header-links-right {
        text-align: right;
        margin-right: 10px;
    }
}

@media (min-width: 992px) {
    .container-small {
        width: 500px;
    }

    .container-large {
        width: 1170px;
    }

    #goto-input {
        float: left;
        font-size: 1.3em;
    }
    
    #header-links-right {
        text-align: right;
    }
}

@media (min-width: 1200px) {
    .container-small {
        width: 700px;
    }

    .container-large {
        width: 1500px;
    }

    #goto-input {
        float: left;
        font-size: 1.3em;
    }
    
    #header-links-right {
        text-align: right;
    }

}