@charset "utf-8";

/* - - - - - - - - - -
  main
- - - - - - - - - - */
.white {
    color: #fff;
}

.border-kin-top {
    border-top: 3px solid #e85298!important;
}

.bg-kin {
    background-color:rgba(232,82,152,0.2);
    padding: 10px 10px 0px 10px;
}
.bg-kin-pink {
    background-color: #f9d5e4!important;
    /* background-color:rgba(232,82,152,0.2)!important; */
}
.bk-kin-blue {
    background-color: #dcf1fc!important;
}

.kin-shadow {
    box-shadow: 5px 5px 0px 0 rgb(135, 135, 135);
}

.kin-btn-blue {
    background-color: #00a2ea!important;
}

a.nav-link {
    font-size: 1.1em;
}

a.nav-link:hover {
    background: #fbe4ee;
}

.maps a {
    color: black;
    text-decoration: none;
}
.maps a:hover {
    color: cornflowerblue;
}

.op:hover {
    opacity: 0.7;
}

a#event {
    display: block;
    padding-top: 200px;
    margin-top: -200px;
}

a#schedule {
    display: block;
    padding-top: 250px;
    margin-top: -250px;
}

a#access {
    display: block;
    padding-top: 200px;
    margin-top: -200px;
}


@media screen and (min-width:1000px) {
.main-bk {
    background-image: url(../images/t_kin_bk.png);
    background-position: center top;
    /* 
    background-size: cover;
    width: 100%;
    height: auto; */                  
    /* background-repeat: repeat-y; */
}

.table td,.table th {
    font-size: 1.6em;
}

a#event {
    display: block;
    padding-top: 280px;
    margin-top: -280px;
}

a#schedule {
    display: block;
    padding-top: 350px;
    margin-top: -350px;
}

a#access {
    display: block;
    padding-top: 300px;
    margin-top: -300px;
}

}

.t_form:hover {
    background: url(../images/form_fb.png);
}

.t_kin_line {
    background-image: url(../images/line.png);
    background-repeat: repeat-x;
    height: 10px;
}

 
@media screen and (max-width:786px) {
.main-bk {
    background-image: none;
}
.navbar-brand {
    display: contents!important;
}
.logo {
    width: 75%;
}

}

/* - - - - - - - - - -
  アニメーションの処理
- - - - - - - - - - */
/* 外にいる状態 */
.fadein {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 500ms;
}

/* 内に入った状態 */
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}