﻿header.masthead {
    background-image: url(../img/sozai/top-img.jpg);
}

header.masthead.kaisoku {
    background-image: url(../img/sozai/top-kaisoku-img.jpg);
}

header.masthead.member {
    background-image: url(../img/sozai/top-member-img.jpg);
}

header.masthead .intro-text .intro-heading.t1 {
    display: inline;
}

header.masthead .intro-text .intro-heading.t2 {
    display: none;
}

#mainNav {
    background-color: #373a3e;
}

#mainNav.kaisoku {
    background-color: darkgreen;
}

#mainNav.kaisoku .navbar-toggler {
    color: maroon;
}

#mainNav.member {
    background-color: midnightblue;
}

#mainNav.member .navbar-toggler {
    color: midnightblue;
}

#mainNav rt {
    text-align: left;
}

#mainNav .navbar-brand {
    background-image: url(../img/sozai/00_logo.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left top;
    background-size: contain;
    padding-left: 46px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-top: 6px;
    margin-bottom: 6px;
}

#navbarResponsive ul.navbar-nav {
    white-space: nowrap;
}

#schedule.page-section h3.section-subheading {
    padding-top: 20px;
    margin-bottom: 20px;
}

#contact .contact1 {
    display: inline;
}

#contact .contact2 {
    display: none;
}

@media (min-width: 576px) {
    iframe {
        height: 600px;
    }

    header.masthead .intro-text .intro-heading.t1 {
        display: none;
    }

    header.masthead .intro-text .intro-heading.t2 {
        display: inherit;
    }

    #contact .contact1 {
        display: none;
    }

    #contact .contact2 {
        display: inline;
    }
}

@media (min-width: 992px) {
    header.masthead {
        margin-top: 0px;
    }

    #mainNav .navbar-nav .nav-item .nav-link {
        margin-top: 10px;
    }

    #mainNav,
    #mainNav.kaisoku,
    #mainNav.member {
        background-color: transparent;
    }

    #mainNav.navbar-shrink {
        background-color: #373a3e;
    }

    #mainNav.kaisoku.navbar-shrink {
        background-color: darkgreen;
    }

    #mainNav.member.navbar-shrink {
        background-color: midnightblue;
    }

    #mainNav .navbar-brand {
        padding-left: 60px;
    }

    #mainNav.navbar-shrink .navbar-brand {
        padding-left: 60px;
    }
}

@media (max-width: 992px) {
    section.page-section {
        padding-top: 50px;
        padding-bottom: 30px;
    }
}

ruby rt {
    font-size: xx-small;
}


.text-center td p {
    line-height: 1.4;
}

.text-center td p label {
    line-height: 1.3;
}

.text-center p,
.text-center ul,
.text-center td {
    text-align: left;
}

iframe {
    width: 100%;
    height: 410px;
}

section#contact {
    background-image: none;
    background-color: transparent;
}

section#contact .section-heading {
    color: #212529;
}

.copyright {
    white-space: nowrap;
}

.karate-img::before {
    content: "";
    width: 133px;
    height: 126px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.fa-01-keri01::before {
    background-image: url(../img/sozai/01_keri01.png);
}

.fa-02-uke01::before {
    background-image: url(../img/sozai/02_uke01.png);
}

.fa-02-uke02::before {
    background-image: url(../img/sozai/02_uke02.png);
}

.fa-03-gankaku::before {
    background-image: url(../img/sozai/03_gankaku.png);
}

.fa-04-tuki::before {
    background-image: url(../img/sozai/04_tuki.png);
}

.fa-05-keri02::before {
    background-image: url(../img/sozai/05_keri02.png);
}

a {
    color: mediumblue;
}

ul {
    margin-bottom: 0px;
}

table.info td.olnum {
    padding-left: 8px;
}

ol {
    padding-left: 24px;
    margin-bottom: 0px;
}

ol ul {
    padding-left: 12px;
    list-style-type: disc;
}

p.smallp {
    font-size: small;
    display: contents;
}

@media (min-width: 576px) {
    p.smallp {
        font-size: medium;
    }
}

a.boldjump {
    text-decoration: underline;
    font-weight: bold;
    color: blue;
}

.limitalert {
    color: red;
    font-weight: bold;
}

b.nyukai {
    color: red;
}

table.info {
    border-collapse: collapse;
}

table.info th,
table.info td {
    border-style: solid;
    border-width: 1px;
    padding: 2px 4px;
}

table.info th {
    background-color: darkblue;
    color: white;
    border-color: white;
}

table.info td.td1,
table.info td.td2 {
    text-align: center;
    font-weight: bold;
}

table.info td.td2 {
    width: 1px;
    white-space: nowrap;
    padding-left: 10px;
    padding-right: 10px;
}
.info.center td{
    text-align: center;
}

.name-nowrap {
    white-space: nowrap;
    display: inline-block;
}

#dlg {
    white-space: pre;
    display: none;
}

/* ------------- */
/* jQuery UI関連 */
/* ------------- */
.ui-widget-overlay {
    background-color: gray;
    opacity: .7;
}
.ui-dialog {
    z-index: 99999 !important;
}