@charset "UTF-8";
/* CSS Document */

/*----- bace----- */
@media (max-width: 768px) {
html {font-size: 14px;}
.navbar-brand img{width: 150px;}
}
@media (min-width: 769px) {
}

/*sp*/
@media (max-width: 768px) {
.br-pc {display:none;}
.br-sp {display:block;}
.pc-dn {display:block;}
.sp-dn {display:none;}
.navbar img{width: 120px;}

/*menu*/
#menu_index h2{
font-size: 130%;
}
#menu_title h2 img{
width: 20px;
vertical-align:-55%;
}
.menu_contents th{
width: 100px;
}


footer{
padding-bottom: 50px;
}
.footer_area {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: rgba( 0, 0, 0, 0.6 );
z-index: 10000;
text-align: center;
}
.footer_area span{
width: 40%;
display: inline-block;
margin: 10px 5px;
border: 1px #fff solid;
padding: 5px;
color: #fff;
}
#f-menu{
padding: 0 10px;
}
#video-wrap p {
background-color: rgba(0,0,0,1);
font-weight: 500;
position: relative;
text-align: left;
}
#video-wrap img {
width: 20%;
}
.twitter-title{
margin-top: 30px;
}

}


/*pc*/
@media (min-width: 768px) {
.br-pc {display:block;}
.br-sp {display:none;}
.pc-dn {display:none;}
.sp-dn {display:block;}
.footer_area {display:none}
.twitterBox a {data-width: 100% !important;}
}
 
/* bace-size */
@media (min-width: 576px) { ... }
@media (min-width: 768px) { ... }
@media (min-width: 992px) { ... }
@media (min-width: 1200px) { ... }



@media screen and (max-width: 768px) {
#main-menu h2{
font-family:'ＭＳ Ｐ明朝', 'MS PMincho','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'serif';
width: 100%;
text-align: left;
margin-top: -5px;
padding-left: 20px;
font-size: 1.2em;
letter-spacing: 0.2em;
}       
#main-menu h2 img{
width: 25px;
height: auto;
vertical-align:-100%;
}

#menu_index h2 img{
vertical-align:-60%;
width: 20px;
z-index: 2;
margin-top: 10px;
}
.menu_title h2 img{
width: 20px;
vertical-align:-55%;
margin-top: 10px;
}
.menu_contents td{
line-height: 1.3em;;
}
.foreword h4{
font-size: 1.4em;
}

}