<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* reset */
html{
}
body{
background:#fff;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,blockquote,p,th,td{
margin:0; 
padding:0;
}
body{
font:13px 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
line-height:1.5;
color:#555555;
}
blockquote{
font-size:13px
}
strong,em{
font-style:normal; 
font-weight:bold;
}
small{
font-size:85%;
}
big{
font-size:120%;
}
b{
}
p{
margin-bottom:15px;
}
table{
border-collapse:collapse; 
border-spacing:0; 
}
fieldset,img{
border:0; 
}
address,caption,cite,code,dfn,th,var{
font-style:normal; 
font-weight:normal; 
}
ul ul{
margin:10px 0;
padding:0 0 0 20px;
}
li{
list-style:none; 
}
caption,th{
text-align:left; 
}
h1{
font-size:150%; 
font-weight:normal;
opacity:0;
}
h2{
margin:0 0 10px;
padding:0 0 3px 2px;
font-size:130%; 
font-weight:bold;
color:#000;
border-bottom:1px solid #998888;
}
h2 .fa{
padding-right:4px;
color:#ff0e69;
}
h3{
margin:0 0 8px;
padding:0 0 8px;
font-size:115%; 
font-weight:normal;
border-bottom:1px dotted #b8d6d9;
}
h4,h5,h6{
font-size:100%; 
font-weight:normal; 
}
q:before,q:after{
content:''; 
}
abbr,acronym{
border:0; 
}
sup{
vertical-align:text-top; 
}
sub{
vertical-align:text-bottom; 
}
input,textarea,select{
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}
input,textarea,select{
*font-size:100%;
}
legend{
color:#000000;
}
hr{
margin:0;
padding:0;
display:none;
}
em{
color:#2466d1;
}
.clearfix:after{
content:"";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0;
}
.clear{
clear:both;
}
a:focus{
outline:0 !important;
}



/*-- layout --*/
.container{
padding-right:8px;
padding-left:8px;
overflow:hidden;
}
.row{
margin-right:-4px;
margin-left:-4px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
padding-right:4px;
padding-left:4px;
}
.label {
display: inline;
padding: 2px 5px 1px;
border-radius: 2px;
}
.well .label {
font-size:85%;
}


/*-- navi --*/
.container &gt; .navbar-header,
.container-fluid &gt; .navbar-header,
.container &gt; .navbar-collapse,
.container-fluid &gt; .navbar-collapse {
margin-right: 0;
margin-left:0;
}
.nav li .fa{
padding-right:4px;
color:#2466d1;
}
.nav li a{
display:block;
padding-right:10px;
padding-top:16px;
padding-left:10px;
transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;
}
@media (max-width: 768px) {
.navbar-right li{
padding: 6px 0 4px 10px;
border-top:1px dotted #dddddd;
}
}
@media (min-width: 768px) {
.navbar-right li{
padding: 16px 2px 0;
border-top:none;
}
}
.navbar-collapse{
margin-right: 0;
margin-left:0;
}
.navbar {
margin: 0 0 0 0;
min-height: 50px;
border-top:none;
border-left:none;
border-bottom:5px solid #dddddd;
border-right:none;
}
.navbar-brand {
margin:9px 0 0;
padding: 0 15px;
height: 34px;
line-height: 1;
}
@media (max-width: 768px) {
#header .container{
padding-right:0px;
padding-left:0px;
}
}
@media (min-width: 768px) {
.navbar {
border-radius:0;
}
}
@media (min-width: 768px) {
.navbar &gt; .container .navbar-brand,
.navbar &gt; .container-fluid .navbar-brand {
margin-left:0;
}
}
@media (max-width: 768px) {
.navbar-nav {
margin-top:0;
margin-bottom:0;
}
}
.navbar-toggle {
padding: 8px 8px;
margin-top: 9px;
margin-bottom: 9px;
border: 1px solid transparent;
border-radius: 8px;
}
.navbar-toggle .icon-bar {
width: 15px;
height: 2px;
border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}
.navbar-default {
background-color: #ffffff;
}
.navbar-default .navbar-brand {
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
}
.navbar-default .navbar-text {
color: #555555;
text-shadow:1px 1px 1px #2e3333;
}
.navbar-default .navbar-nav &gt; li &gt; a {
color: #555555;
text-shadow:1px 1px 1px #aaaaaa;
}
.navbar-default .navbar-nav &gt; li &gt; a:hover,
.navbar-default .navbar-nav &gt; li &gt; a:focus {
color: #222222 !important;
background-color: #e5efff;
text-shadow:1px 1px 1px #aaaaaa;
}
.navbar-default .navbar-nav &gt; .active &gt; a,
.navbar-default .navbar-nav &gt; .active &gt; a:hover,
.navbar-default .navbar-nav &gt; .active &gt; a:focus {
color: #222222;
background-color: #e5efff;
text-shadow:1px 1px 1px #aaaaaa;
}
.navbar-default .navbar-nav &gt; .disabled &gt; a,
.navbar-default .navbar-nav &gt; .disabled &gt; a:hover,
.navbar-default .navbar-nav &gt; .disabled &gt; a:focus {
color: #555555;
text-shadow:1px 1px 1px #2e3333;
background-color: #ffffff;
}
.navbar-default .navbar-toggle {
border-color: #cccccc;
background-color: #ffffff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #ffffff;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #cccccc;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #dddddd;
}
.navbar-default .navbar-nav &gt; .open &gt; a,
.navbar-default .navbar-nav &gt; .open &gt; a:hover,
.navbar-default .navbar-nav &gt; .open &gt; a:focus {
color: #677273;
background-color: #b8d6d9;
}
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu &gt; li &gt; a {
color: #677273;
}
.navbar-default .navbar-nav .open .dropdown-menu &gt; li &gt; a:hover,
.navbar-default .navbar-nav .open .dropdown-menu &gt; li &gt; a:focus {
color: #677273;
background-color: #ffffff;
}
.navbar-default .navbar-nav .open .dropdown-menu &gt; .active &gt; a,
.navbar-default .navbar-nav .open .dropdown-menu &gt; .active &gt; a:hover,
.navbar-default .navbar-nav .open .dropdown-menu &gt; .active &gt; a:focus {
color: #677273;
background-color: #ffffff;
}
.navbar-default .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a,
.navbar-default .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a:hover,
.navbar-default .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a:focus {
color: #677273;
background-color: transparent;
}
}
.navbar-default .navbar-link {
color: #ffffff;
}
.navbar-default .navbar-link:hover {
color: #677273;
background-color: #ffffff;
}





/*-- affix --*/
.myaffix-wrap{
position:relative;
}
#myaffix{
position:absolute;
top:0;
width:100%;
z-index:10000;
}
#myaffix.affix{
position:fixed;
top:0;
width:100%;
z-index:1000;
}



/*-- carousel --*/
#myCarousel{
}
.carousel-control{
font-size:300%;
}
.carousel-control .fa-angle-left{
position:absolute;
left:15%;
top:44%;
}
.carousel-control .fa-angle-right{
position:absolute;
right:15%;
top:44%;
}
.carousel-control:hover,
.carousel-control:focus {
color: #ffdf80 !important;
filter: alpha(opacity=100);
opacity:1;
}
.carousel-indicators{
position: absolute;
bottom: 6px;
}
.carousel-caption {
position: absolute;
right:0;
bottom:0;
left:0;
padding:6px 5px 12px;
text-shadow:1px 1px 1px #000000;
background:rgba(0,0,0,0.5);
}
.carousel-caption h3 {
margin:0 0 4px;
padding:0;
border-bottom:none;
text-shadow: 1px 1px 1px #000000;
}
.carousel-caption .fa {
padding-right:4px;
color:#ffffff;
text-shadow: 1px 1px 1px #000000;
}
.carousel img{
padding:1px;
border:1px solid #595331;
}
@media (max-width: 768px) {
.carousel-inner{
margin:0 0 30px 0;
}
}
@media (min-width: 768px) {
.carousel-inner{
margin:0 0 0 0;
}
}



/*-- menu-contents --*/
.main-header{
padding-top:50px;
position:relative;
}
.separator{
height:30px;
}
#menu1,
#menu2,
#menu3,
#menu4{
padding:67px 0 0;
margin:-52px 0 0;
clear:both;
}



/*-- well --*/
.well{
margin-bottom:10px;
padding:6px;
color:#777777;
background-color:#ffffff;
font-size:90%;
border:1px solid #555555;
border-radius:4px;
-webkit-box-shadow:inset 0 0 0 rgba(0, 0, 0, .05);
box-shadow:inset 0 0 0 rgba(0, 0, 0, .05);
}
.well p,.well2 p{
margin-bottom:4px;
}
.well p:last-child,.well2 p:last-child{
margin-bottom:0;
}



/*-- contents-object --*/
#menu1 .mv {
position: relative;
margin-bottom: 20px;
padding-bottom: 56.25%; /* 16/9 ratio */
height: 0;
border:1px solid #595331;
overflow: hidden;
}
#menu1 .mv iframe,
#menu1 .mv object,
#menu1 .mv embed,
#inline_content .mviframe,
#inline_content2 .mviframe,
#inline_content3 .mviframe,
#inline_content4 .mviframe,
#inline_content5 .mviframe,
#inline_content6 .mviframe,
#inline_content7 .mviframe,
#inline_content8 .mviframe,
#inline_content9 .mviframe,
#inline_content10 .mviframe,
#inline_content11 .mviframe,
#inline_content12 .mviframe,
#inline_content13 .mviframe,
#inline_content14 .mviframe,
#inline_content15 .mviframe,
#inline_content16 .mviframe,
#inline_content17 .mviframe,
#inline_content18 .mviframe,
#inline_content19 .mviframe,
#inline_content20 .mviframe,
#inline_content21 .mviframe,
#inline_content22 .mviframe,
#inline_content23 .mviframe,
#inline_content24 .mviframe,
#inline_content25 .mviframe,
#inline_content26 .mviframe,
#inline_content27 .mviframe,
#inline_content28 .mviframe,
#inline_content29 .mviframe,
#inline_content30 .mviframe,
#inline_content .mv object,
#inline_content2 .mv object,
#inline_content3 .mv object,
#inline_content4 .mv object,
#inline_content5 .mv object,
#inline_content6 .mv object,
#inline_content7 .mv object,
#inline_content8 .mv object,
#inline_content9 .mv object,
#inline_content10 .mv object,
#inline_content11 .mv object,
#inline_content12 .mv object,
#inline_content13 .mv object,
#inline_content14 .mv object,
#inline_content15 .mv object,
#inline_content16 .mv object,
#inline_content17 .mv object,
#inline_content18 .mv object,
#inline_content19 .mv object,
#inline_content20 .mv object,
#inline_content21.mv object,
#inline_content22 .mv object,
#inline_content23 .mv object,
#inline_content24 .mv object,
#inline_content25 .mv object,
#inline_content26 .mv object,
#inline_content27 .mv object,
#inline_content28 .mv object,
#inline_content29 .mv object,
#inline_content30 .mv object,
#inline_content .mv embed,
#inline_content2 .mv embed,
#inline_content3 .mv embed,
#inline_content4 .mv embed,
#inline_content5 .mv embed,
#inline_content6 .mv embed,
#inline_content7 .mv embed,
#inline_content8 .mv embed,
#inline_content9 .mv embed,
#inline_content10 .mv embed,
#inline_content11 .mv embed,
#inline_content12 .mv embed,
#inline_content13 .mv embed,
#inline_content14 .mv embed,
#inline_content15 .mv embed,
#inline_content16 .mv embed,
#inline_content17 .mv embed,
#inline_content18 .mv embed,
#inline_content19 .mv embed,
#inline_content20 .mv embed,
#inline_content21.mv embed,
#inline_content22 .mv embed,
#inline_content23 .mv embed,
#inline_content24 .mv embed,
#inline_content25 .mv embed,
#inline_content26 .mv embed,
#inline_content27 .mv embed,
#inline_content28 .mv embed,
#inline_content29 .mv embed,
#inline_content30 .mv embed{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media (max-width: 768px) {
#inline_content,
#inline_content2,
#inline_content3,
#inline_content4,
#inline_content5,
#inline_content6,
#inline_content7,
#inline_content8,
#inline_content9,
#inline_content10,
#inline_content11,
#inline_content12,
#inline_content13,
#inline_content14,
#inline_content15,
#inline_content16,
#inline_content17,
#inline_content18,
#inline_content19,
#inline_content20,
#inline_content21,
#inline_content22,
#inline_content23,
#inline_content24,
#inline_content25,
#inline_content26,
#inline_content27,
#inline_content28,
#inline_content29,
#inline_content30{
position: relative;
padding:0;
width:300px;
height:169px;
overflow: hidden;
}
}
@media (min-width: 768px) {
#inline_content,
#inline_content2,
#inline_content3,
#inline_content4,
#inline_content5,
#inline_content6,
#inline_content7,
#inline_content8,
#inline_content9,
#inline_content10,
#inline_content11,
#inline_content12,
#inline_content13,
#inline_content14,
#inline_content15,
#inline_content16,
#inline_content17,
#inline_content18,
#inline_content19,
#inline_content20,
#inline_content21,
#inline_content22,
#inline_content23,
#inline_content24,
#inline_content25,
#inline_content26,
#inline_content27,
#inline_content28,
#inline_content29,
#inline_content30{
position: relative;
padding:0;
width:711px;
height:400px;
overflow: hidden;
}
}
.onair-title{
font-size:110%;
line-height:1.3;
}
.present-title{
font-size:105%;
line-height:1.3;
padding:5px 5px 2px;
font-weight:bold;
color:#000000;
background:#e55ca8;
border-radius: 2px;
}
.smkr{
margin-bottom:8px;
font-size:90%;
line-height:1.3;
text-align:center;
font-weight:bold;
color:#ff0e69;
}
.onair-detail{
font-size:90%;
}
.onair{
margin-bottom:5px;
line-height:1.65;
font-weight:bold;
}
.onair-more{
padding:8px 0 0;
margin-bottom:8px;
font-size:85%;
line-height:1;
font-weight:bold;
color:#ff0e69;
border-top:1px solid #aac5e5;
}
.well .onair{
margin-bottom:4px;
line-height:1.65;
font-weight:bold;
}
.movie-title{
margin-bottom:8px;
padding:2px 0 0;
font-size:100%;
color:#ffffff;
line-height:1.65;
text-shadow:1px 1px 2px #000000;
}


/*-- panel --*/
.panel{
margin-bottom:15px;
border-radius:4px;
}
.panel-heading,.panel-body{
padding:8px;
}
.panel-body img{
margin-left:auto;
margin-bottom:8px;
margin-right:auto;
}
.panel p{
margin-bottom:8px;
}
.panel p:last-child{
margin-bottom:0;
}
.panel .well:last-child{
margin-bottom:0;
}
.panel h3{
margin:0;
padding:0;
border-bottom:none;
display:inline;
}
.panel-footer{
padding:6px 8px;
text-align:right;
background-color:#f5f5f5;
border-top:1px dotted #ddd;
border-bottom-right-radius:4px;
border-bottom-left-radius:4px;
}
.panel-heading h3 .fa{
text-shadow:none;
}




/*-- color default --*/
.text-default{
color:#ffffff;
}
a.text-default:hover{
color:#dd5555;
}
.bg-default{
background-color:#91a8aa;
}
a.bg-default:hover{
background-color:#cdeef7;
}
.table &gt; thead &gt; tr &gt; td.default,
.table &gt; tbody &gt; tr &gt; td.default,
.table &gt; tfoot &gt; tr &gt; td.default,
.table &gt; thead &gt; tr &gt; th.default,
.table &gt; tbody &gt; tr &gt; th.default,
.table &gt; tfoot &gt; tr &gt; th.default,
.table &gt; thead &gt; tr.default &gt; td,
.table &gt; tbody &gt; tr.default &gt; td,
.table &gt; tfoot &gt; tr.default &gt; td,
.table &gt; thead &gt; tr.default &gt; th,
.table &gt; tbody &gt; tr.default &gt; th,
.table &gt; tfoot &gt; tr.default &gt; th{
background-color:#cdeef7;
}
.table-hover &gt; tbody &gt; tr &gt; td.default:hover,
.table-hover &gt; tbody &gt; tr &gt; th.default:hover,
.table-hover &gt; tbody &gt; tr.default:hover &gt; td,
.table-hover &gt; tbody &gt; tr.default:hover &gt; th{
background-color:#cdeef7;
}
.btn-default{
background-color:#009de2;
border-color:#aac5e5;
transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default{
color:#ffffff;
background-color:#ffdd33;
border-color:#aac5e5;
transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active{
background-color:#dd0000;
border-color:#595331;
}
.btn-default .badge{
color:#ffffff;
}
.panel-footer .btn-default .fa{
color:#e5d68a;
}
.label-default{
color:#ffffff;
text-shadow:1px 1px 1px #000000;
background:#ff0e69;
}
.label-default[href]:hover,
.label-default[href]:focus{
background-color:#ff0e69;
}
.alert-default{
color:#ffffff;
background-color:#cdeef7;
border-color:#91a8aa;
}
.list-group-item-default{
color:#ffffff;
background-color:#cdeef7;
}
a.list-group-item-default{
color:#ffffff;
}
a.list-group-item-default:hover,
a.list-group-item-default:focus{
color:#ffffff;
background-color:#cdeef7;
}
a.list-group-item-default.active,
a.list-group-item-default.active:hover,
a.list-group-item-default.active:focus{
background-color:#829799;
border-color:#829799;
}
.panel-default{
background:#f6f6f6;
}
.panel-default &gt; .panel-heading{
padding: 8px 10px 7px;
color:#ffffff;
border-color:#595331;
background:#000000 url(../img/bg_panel-heading-default.jpg) 0 0;
background-size:contain;
}
.panel-heading .label-default{
color:#677273;
background-color:#ffffee;
text-shadow:1px 1px 1px #000000;
}
.panel-default &gt; .panel-heading + .panel-collapse .panel-body{
border-top-color:#91a8aa;
}
.panel-default &gt; .panel-footer + .panel-collapse .panel-body{
border-bottom-color:#91a8aa;
}
.panel-default .panel-heading h3{
font-weight:bold;
font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
letter-spacing: -0.05em;
text-shadow:1px 1px 2px #000000;
}
.panel-default .onair-title{
padding:5px 5px 2px;
font-weight:bold;
color:#000000;
background:#ffff00;
border-radius: 2px;
}
.panel-default .onair{
color:#ff0e69;
}
.panel-default .fa{
padding-right:4px;
color:#2466d1;
}
.panel-default .panel-footer{
background:#000000 url(../img/bg_panel-heading-default.jpg) 0 0;
background-size:contain;
border-top:1px dotted #595331;
text-shadow:1px 1px 2px #000000;
}
.panel-default .well{
border:1px solid #aac5e5;
background-color:#ffffff;
}
.panel-default img{
padding:1px;
border:1px solid #aac5e5;
background-color:#ffffff;
}
@media (max-width: 768px) {
.panel-default .present img{
margin:0 auto 6px auto;
}
}
@media (min-width: 768px) {
.panel-default .present img{
margin:0 auto 0 auto;
}
}
@media (max-width: 768px) {
.panel-default .present{
padding:0 4px 0 4px;
}
}
@media (min-width: 768px) {
.panel-default .present{
padding:0 8px 0 4px;
}
}
@media (max-width: 991px) {
.panel-default .imgbox img{
margin:0 0 6px 0;
}
}
@media (min-width: 991px) {
.panel-default .imgbox img{
margin:0 0 0 0;
}
}
.panel-default .present h3{
margin:0 0 8px 0 !important;
padding:2px 0 6px 2px;
color:#ff0e69;
font-weight:bold;
border-bottom:1px solid #aac5e5;
display:block;
}



.btn img{
background:none;
border:none;
}
@media (max-width: 768px) {
.panel-default .present .btn img{
margin:0 0 0 0;
}
}
@media (min-width: 768px) {
.panel-default .btn img{
margin:0 0 0 0;
}
}



/*-- color primary --*/
.text-primary{
color:#227ae5;
}
a.text-primary:hover{
color:#dd5555;
}
.bg-primary{
background-color:#4185d9;
}
a.bg-primary:hover{
background-color:#cdeef7;
}
.table &gt; thead &gt; tr &gt; td.primary,
.table &gt; tbody &gt; tr &gt; td.primary,
.table &gt; tfoot &gt; tr &gt; td.primary,
.table &gt; thead &gt; tr &gt; th.primary,
.table &gt; tbody &gt; tr &gt; th.primary,
.table &gt; tfoot &gt; tr &gt; th.primary,
.table &gt; thead &gt; tr.primary &gt; td,
.table &gt; tbody &gt; tr.primary &gt; td,
.table &gt; tfoot &gt; tr.primary &gt; td,
.table &gt; thead &gt; tr.primary &gt; th,
.table &gt; tbody &gt; tr.primary &gt; th,
.table &gt; tfoot &gt; tr.primary &gt; th{
background-color:#cdeef7;
}
.table-hover &gt; tbody &gt; tr &gt; td.primary:hover,
.table-hover &gt; tbody &gt; tr &gt; th.primary:hover,
.table-hover &gt; tbody &gt; tr.primary:hover &gt; td,
.table-hover &gt; tbody &gt; tr.primary:hover &gt; th{
background-color:#cdeef7;
}
.btn-primary{
background-color:#227ae5;
border-color:#4185d9;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary{
color:#227ae5;
background-color:#cdeef7;
border-color:#4185d9;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active{
background-color:#227ae5;
border-color:#4185d9;
}
.btn-primary .badge{
color:#227ae5;
}
.label-primary{
background-color:#227ae5;
}
.label-primary[href]:hover,
.label-primary[href]:focus{
background-color:#227ae5;
}
.alert-primary{
color:#227ae5;
background-color:#cdeef7;
border-color:#4185d9;
}
.list-group-item-primary{
color:#227ae5;
background-color:#cdeef7;
}
a.list-group-item-primary{
color:#227ae5;
}
a.list-group-item-primary:hover,
a.list-group-item-primary:focus{
color:#227ae5;
background-color:#cdeef7;
}
a.list-group-item-primary.active,
a.list-group-item-primary.active:hover,
a.list-group-item-primary.active:focus{
background-color:#227ae5;
border-color:#227ae5;
}
.panel-primary{
border-color:#4185d9;
}
.panel-primary &gt; .panel-heading{
color:#ffffff;
background-color:#4185d9;
border-color:#4185d9;
}
.panel-heading .label-primary{
color:#3e73b3;
background-color:#d9ebff;
}
.panel-primary &gt; .panel-heading + .panel-collapse .panel-body{
border-top-color:#4185d9;
}
.panel-primary &gt; .panel-footer + .panel-collapse .panel-body{
border-bottom-color:#4185d9;
}
.panel-primary .panel-heading h3{
text-shadow:1px 1px 2px #1a3c66;
}
.panel-primary .fa{
padding-right:4px;
color:#99c7ff;
}
.panel-primary .panel-footer{
background-color:#edf6ff;
border-top:1px dotted #4185d9;
}
.panel-primary .well{
border:1px solid #aacaf2;
background-color:#fffffc;
}



/*-- color info --*/
.text-info{
color:#2d93b3;
}
a.text-info:hover{
color:#dd5555;
}
.bg-info{
background-color:#36b3d9;
}
a.bg-info:hover{
background-color:#cdeef7;
}
.table &gt; thead &gt; tr &gt; td.info,
.table &gt; tbody &gt; tr &gt; td.info,
.table &gt; tfoot &gt; tr &gt; td.info,
.table &gt; thead &gt; tr &gt; th.info,
.table &gt; tbody &gt; tr &gt; th.info,
.table &gt; tfoot &gt; tr &gt; th.info,
.table &gt; thead &gt; tr.info &gt; td,
.table &gt; tbody &gt; tr.info &gt; td,
.table &gt; tfoot &gt; tr.info &gt; td,
.table &gt; thead &gt; tr.info &gt; th,
.table &gt; tbody &gt; tr.info &gt; th,
.table &gt; tfoot &gt; tr.info &gt; th{
background-color:#cdeef7;
}
.table-hover &gt; tbody &gt; tr &gt; td.info:hover,
.table-hover &gt; tbody &gt; tr &gt; th.info:hover,
.table-hover &gt; tbody &gt; tr.info:hover &gt; td,
.table-hover &gt; tbody &gt; tr.info:hover &gt; th{
background-color:#cdeef7;
}
.btn-info{
background-color:#2d93b3;
border-color:#36b3d9;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info{
color:#2d93b3;
background-color:#cdeef7;
border-color:#36b3d9;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active{
background-color:#2d93b3;
border-color:#36b3d9;
}
.btn-info .badge{
color:#2d93b3;
}
.label-info{
background-color:#2d93b3;
}
.label-info[href]:hover,
.label-info[href]:focus{
background-color:#2d93b3;
}
.alert-info{
color:#2d93b3;
background-color:#cdeef7;
border-color:#36b3d9;
}
.list-group-item-info{
color:#2d93b3;
background-color:#cdeef7;
}
a.list-group-item-info{
color:#2d93b3;
}
a.list-group-item-info:hover,
a.list-group-item-info:focus{
color:#2d93b3;
background-color:#cdeef7;
}
a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus{
background-color:#2d93b3;
border-color:#2d93b3;
}
.panel-info{
border-color:#36b3d9;
}
.panel-info &gt; .panel-heading{
color:#0e6f8c;
background-color:#cdeef7;
border-color:#36b3d9;
}
.panel-info &gt; .panel-heading + .panel-collapse .panel-body{
border-top-color:#36b3d9;
}
.panel-info &gt; .panel-footer + .panel-collapse .panel-body{
border-bottom-color:#36b3d9;
}
.panel-info .panel-heading h3{
text-shadow:1px 1px 2px #5cc5e5;
}
.panel-info .fa{
padding-right:4px;
color:#6cbfd9;
}
.panel-info .panel-footer{
background-color:#f2fcff;
border-top:1px dotted #36b3d9;
}
.panel-info .well{
border:1px solid #8ad0e5;
background-color:#fffffc;
}



/*-- color success --*/
.text-success{
color:#209920;
}
a.text-success:hover{
color:#dd5555;
}
.bg-success{
background-color:#4bb355;
}
a.bg-success:hover{
background-color:#ccf2dc;
}
.table &gt; thead &gt; tr &gt; td.success,
.table &gt; tbody &gt; tr &gt; td.success,
.table &gt; tfoot &gt; tr &gt; td.success,
.table &gt; thead &gt; tr &gt; th.success,
.table &gt; tbody &gt; tr &gt; th.success,
.table &gt; tfoot &gt; tr &gt; th.success,
.table &gt; thead &gt; tr.success &gt; td,
.table &gt; tbody &gt; tr.success &gt; td,
.table &gt; tfoot &gt; tr.success &gt; td,
.table &gt; thead &gt; tr.success &gt; th,
.table &gt; tbody &gt; tr.success &gt; th,
.table &gt; tfoot &gt; tr.success &gt; th{
background-color:#ccf2dc;
}
.table-hover &gt; tbody &gt; tr &gt; td.success:hover,
.table-hover &gt; tbody &gt; tr &gt; th.success:hover,
.table-hover &gt; tbody &gt; tr.success:hover &gt; td,
.table-hover &gt; tbody &gt; tr.success:hover &gt; th{
background-color:#ccf2dc;
}
.btn-success{
background-color:#209920;
border-color:#4bb355;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success{
color:#209920;
background-color:#ccf2dc;
border-color:#4bb355;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active{
background-color:#209920;
border-color:#4bb355;
}
.btn-success .badge{
color:#209920;
}
.label-success{
background-color:#209920;
}
.label-success[href]:hover,
.label-success[href]:focus{
background-color:#209920;
}
.alert-success{
color:#209920;
background-color:#ccf2dc;
border-color:#4bb355;
}
.list-group-item-success{
color:#209920;
background-color:#ccf2dc;
}
a.list-group-item-success{
color:#209920;
}
a.list-group-item-success:hover,
a.list-group-item-success:focus{
color:#209920;
background-color:#ccf2dc;
}
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus{
background-color:#209920;
border-color:#209920;
}
.panel-success{
border-color:#4bb355;
}
.panel-success &gt; .panel-heading{
color:#117311;
background-color:#ccf2dc;
border-color:#4bb355;
}
.panel-success &gt; .panel-heading + .panel-collapse .panel-body{
border-top-color:#4bb355;
}
.panel-success &gt; .panel-footer + .panel-collapse .panel-body{
border-bottom-color:#4bb355;
}
.panel-success .panel-heading h3{
text-shadow:1px 1px 2px #69bf72;
}
.panel-success .fa{
padding-right:4px;
color:#66cc70;
}
.panel-success .panel-footer{
background-color:#edfaf3;
border-top:1px dotted #4bb355;
}
.panel-success .well{
border:1px solid #99cc9e;
background-color:#fffffc;
}



/*-- color warning --*/
.text-warning{
color:#ff7700;
}
a.text-warning:hover{
color:#dd5555;
}
.bg-warning{
background-color:#ffa044;
}
a.bg-warning:hover{
background-color:#ffe8aa;
}
.table &gt; thead &gt; tr &gt; td.warning,
.table &gt; tbody &gt; tr &gt; td.warning,
.table &gt; tfoot &gt; tr &gt; td.warning,
.table &gt; thead &gt; tr &gt; th.warning,
.table &gt; tbody &gt; tr &gt; th.warning,
.table &gt; tfoot &gt; tr &gt; th.warning,
.table &gt; thead &gt; tr.warning &gt; td,
.table &gt; tbody &gt; tr.warning &gt; td,
.table &gt; tfoot &gt; tr.warning &gt; td,
.table &gt; thead &gt; tr.warning &gt; th,
.table &gt; tbody &gt; tr.warning &gt; th,
.table &gt; tfoot &gt; tr.warning &gt; th{
background-color:#ffe8aa;
}
.table-hover &gt; tbody &gt; tr &gt; td.warning:hover,
.table-hover &gt; tbody &gt; tr &gt; th.warning:hover,
.table-hover &gt; tbody &gt; tr.warning:hover &gt; td,
.table-hover &gt; tbody &gt; tr.warning:hover &gt; th{
background-color:#ffe8aa;
}
.btn-warning{
background-color:#ff7700;
border-color:#ffa044;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning{
color:#ff7700;
background-color:#ffe8aa;
border-color:#ffa044;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active{
background-color:#ff7700;
border-color:#ffa044;
}
.btn-warning .badge{
color:#ff7700;
}
.label-warning{
background-color:#ff7700;
}
.label-warning[href]:hover,
.label-warning[href]:focus{
background-color:#ff7700;
}
.alert-warning{
color:#ff7700;
background-color:#ffe8aa;
border-color:#ffa044;
}
.list-group-item-warning{
color:#ff7700;
background-color:#ffe8aa;
}
a.list-group-item-warning{
color:#ff7700;
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus{
color:#ff7700;
background-color:#ffe8aa;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus{
background-color:#ff7700;
border-color:#ff7700;
}
.panel-warning{
border-color:#ffa044;
}
.panel-warning &gt; .panel-heading{
color:#f04f00;
background-color:#ffe8aa;
border-color:#ffa044;
}
.panel-warning &gt; .panel-heading + .panel-collapse .panel-body{
border-top-color:#ffa044;
}
.panel-warning &gt; .panel-footer + .panel-collapse .panel-body{
border-bottom-color:#ffa044;
}
.panel-warning .panel-heading h3{
text-shadow:1px 1px 2px #ffa044;
}
.panel-warning .fa{
padding-right:4px;
color:#ffa477;
}
.panel-warning .panel-footer{
background-color:#fffae9;
border-top:1px dotted #ffa044;
}
.panel-warning .well{
border:1px solid #ffe099;
background-color:#fffffc;
}



/*-- color danger --*/
.text-danger{
color:#dd0000;
}
a.text-danger:hover{
color:#dd5555;
}
.bg-danger{
background-color:#ff99b3;
}
a.bg-danger:hover{
background-color:#ffe8ed;
}
.table &gt; thead &gt; tr &gt; td.danger,
.table &gt; tbody &gt; tr &gt; td.danger,
.table &gt; tfoot &gt; tr &gt; td.danger,
.table &gt; thead &gt; tr &gt; th.danger,
.table &gt; tbody &gt; tr &gt; th.danger,
.table &gt; tfoot &gt; tr &gt; th.danger,
.table &gt; thead &gt; tr.danger &gt; td,
.table &gt; tbody &gt; tr.danger &gt; td,
.table &gt; tfoot &gt; tr.danger &gt; td,
.table &gt; thead &gt; tr.danger &gt; th,
.table &gt; tbody &gt; tr.danger &gt; th,
.table &gt; tfoot &gt; tr.danger &gt; th{
background-color:#ffe8ed;
}
.table-hover &gt; tbody &gt; tr &gt; td.danger:hover,
.table-hover &gt; tbody &gt; tr &gt; th.danger:hover,
.table-hover &gt; tbody &gt; tr.danger:hover &gt; td,
.table-hover &gt; tbody &gt; tr.danger:hover &gt; th{
background-color:#ffe8ed;
}
.btn-danger{
background-color:#dd0000;
border-color:#ff99b3;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger{
color:#dd0000;
background-color:#ffe8ed;
border-color:#ff99b3;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active{
background-color:#dd0000;
border-color:#ff99b3;
}
.btn-danger .badge{
color:#dd0000;
}
.label-danger{
background-color:#dd0000;
}
.label-danger[href]:hover,
.label-danger[href]:focus{
background-color:#dd0000;
}
.alert-danger{
color:#dd0000;
background-color:#ffe8ed;
border-color:#ff99b3;
}
.list-group-item-danger{
color:#dd0000;
background-color:#ffe8ed;
}
a.list-group-item-danger{
color:#dd0000;
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus{
color:#dd0000;
background-color:#ffe8ed;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus{
background-color:#dd0000;
border-color:#dd0000;
}
.panel-danger{
border-color:#ff99b3;
}
.panel-danger &gt; .panel-heading{
color:#dd0000;
background-color:#ffe8ed;
border-color:#ff99b3;
}
.panel-danger &gt; .panel-heading + .panel-collapse .panel-body{
border-top-color:#ff99b3;
}
.panel-danger &gt; .panel-footer + .panel-collapse .panel-body{
border-bottom-color:#ff99b3;
}
.panel-danger .panel-heading h3{
text-shadow:1px 1px 2px #ff99b3;
}
.panel-danger .fa{
padding-right:4px;
color:#ff9999;
}
.panel-danger .panel-footer{
background-color:#fef9f9;
border-top:1px dotted #ff99b3;
}
.panel-danger .well{
border:1px solid #ffbbcc;
background-color:#fffffc;
}
.upper_gmenu {
margin:0;
padding:0;
text-align:right;
}


/*-- header --*/
.main-header .container{
position:relative;
overflow:visible;
}
@media (max-width: 768px) {
.logo-main {
position:absolute;
bottom:30px;
left:50%;
width:203px;
height:100px;
margin-left:-102px;
opacity: 0;
}
.logo-main img{
width:203px;
height:100px;
}
}
@media (min-width: 768px) {
.logo-main {
position:absolute;
bottom:30px;
left:50%;
width:450px;
height:222px;
margin-left:-225px;
opacity: 0;
}
.logo-main img{
width:450px;
height:222px;
}
}
@media (max-width: 768px) {
.main-catch {
position:absolute;
bottom:103px;
left:50%;
width:203px;
height:18px;
margin-left:-102px;
opacity: 0;
}
.main-catch img{
width:203px;
height:18px;
}
}
@media (min-width: 768px) {
.main-catch {
position:absolute;
bottom:230px;
left:50%;
width:450px;
height:40px;
margin-left:-225px;
opacity: 0;
}
.main-catch img{
width:450px;
height:40px;
}
}
.upper_gmenu {
position:absolute;
top:17px;
right:0;
text-align:right;
font-size:0
}
.upper_gmenu li {
margin-left:3px;
padding:1px 7px 2px 7px;
font-size:11px;
border-left:#b8d6d9 solid 1px;
display:inline-block;
}
.upper_gmenu li .fa{
color:#2466d1;
padding-right:4px;
}
#header-sns {
position:absolute;
top:40px;
right:0;
width:300px;
}
.header-sns-tw {
width:75px;
height:22px;
overflow:hidden;
}
.header-sns-fb {
width:105px;
height:22px;
overflow:hidden;
}



/*-- footer --*/
#footer{
padding:15px 0 5px;
width:100%;
font-size:90%;
line-height:1;
text-align:center;
font-family:Arial,sans-serif;
clear:both;
border-top:5px solid #dddddd;
background:#ffffff;
opacity:0;
}
.footer-inner{
clear:both;
}
.copy{
margin:0 0 10px;
font-size:12px;
line-height:1;
color:#777777;
text-shadow:1px 1px 1px #cccccc;
float:left;
}
.under_gmenu{
margin:0 0 10px;
text-align:right;
float:right;
font-size:0
}
.under_gmenu li{
margin-left:3px;
padding:1px 7px 2px 7px;
font-size:11px;
display:inline-block;
}
.under_gmenu li .fa{
color:#2466d1;
padding-right:4px;
}

/*-- animate --*/
.section-title{
left: 200px;
opacity: 0;
position: relative;
}
.item_left{
left: 200px;
opacity: 0;
position: relative;
}
.item_top{
top: 50px;
opacity: 0;
position: relative;
}
.item_top2{
top: 50px;
opacity: 0;
position: relative;
}
.item_top3{
top: 50px;
opacity: 0;
position: relative;
}
.item_top4{
top: 50px;
opacity: 0;
position: relative;
}
.artist-lineup{
margin:0 0 15px;
text-align:center;
font-size:110%;
}
.artist-pk{
color:#ff46ac;
}
@media (max-width: 768px) {
.artist-lineup{
font-size:80%;
margin:0 0 0px;
padding:0 0 20px;
}
.artist-lineup span{
 display:inline-block;
}
.pconly{
 display:none;
}
}
@media (min-width: 768px) {
.artist-lineup{
font-size:100%;
margin:0 0 15px;
padding:0 0 30px;
}
.sponly{
 display:none;
}
}
.artist-bl{
color:#00adf4;
}
.artist-yl{
color:#f9eb0c;
}

.twitter-step1{
padding:5% 15% 0 0;
}
.twitter-step1 img{
width:100%;
}
.twitter-step2{
margin:0 auto 8px;
width:70%;
text-align:center;
}
.twitter-step2a{
margin:0 0 10px;
border-bottom:1px solid #aac5e5;
}
.twitter-step2a-inner{
margin:0 auto 10px;
width:70%;
text-align:center;
}
.twitter-step2 img,
.twitter-step2a img{
margin:0 0 0 0;
width:100%;
line-height:1;
}

/*-- link --*/
a{text-decoration:none;}
a:link{color:#ffffff}
a:visited{color:#ffffff;}
a:active{color:#ffffff;}
a:hover{color:#f8f2d8 !important;}
.onair-title a:link{color:#000000 !important;text-decoration:underline !important;}
.onair-title a:visited{color:#000000;}
.onair-title a:active{color:#ff0000;}
.onair-title a:hover{color:#ff46ac !important;text-decoration:none !important;}
.under_gmenu li a:link,.upper_gmenu li a:link{color:#777777;text-shadow:1px 1px 1px #cccccc;}
.under_gmenu li a:visited,.upper_gmenu li a:visited{color:#777777;}
.under_gmenu li a:active,.upper_gmenu li a:active{color:#ff0000;}
.under_gmenu li a:hover,.upper_gmenu li a:hover{
color:#222222 !important;
text-decoration:none;
transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
-webkit-transition:all 0.3s ease-out 0s;
-ms-transition:all 0.3s ease-out 0s;
-o-transition:all 0.3s ease-out 0s;
}

@media (min-width: 768px) {
.line{
 margin:0;
 display: flex;
 text-align:left;
 margin-bottom:15px;
}
.line .liveBox {
 margin:0 2px;
 background: #f6f6f6 none repeat scroll 0 0;
 border: 1px solid #ccc;
 border-radius: 4px;
 float:none;
 vertical-align:top;
 opacity:0;
}
.line .liveBox.bgnon {
 background: none;
 border: none;
}
.panel-default {
 background: none;
 border: none;
}
.panel {
 padding:4px;
 border-radius: 0;
 margin-bottom: 15px;
 box-shadow: none;
}
.panel-body {
 padding:0px;
}
}

/* 170420 add */

h1[id] {
	width: 1000px;
	margin: auto;
}

#mon-header,#footer-sns,#mon-footer{
	position: relative;
	z-index: 2;
}

#container {
	
}

#container:before {
	content: "";
	background: url(../img/bg.jpg) no-repeat center top!important;
	-webkit-background-size: cover!important;
	background-size: cover!important;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height:100%;
	padding-bottom: 108px;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.container {
    width: 1170px!important;
}

#container-inner{
	width: 1170px;
	min-width: 1170px;
	position: relative;
	z-index: 1;
}

#mon-header{
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.live365-lineup{
	padding: 50px 50px 50px 50px;
	text-align: center;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.live365-lineup_in{
	display: inline-block;
}

.live365-lineup a{
	color: #333;
	white-space: nowrap;
}

.live365-lineup a.artist_green{
	color: #72b836;
}
.live365-lineup a.artist_orange{
	color: #f2a023;
}
.live365-lineup a.artist_blue{
	color: #1787c7;
}
.live365-lineup a.artist_purple{
	color: #98348b;
}

.live365-lineup a.artist_green:hover{
	color: #72b836!important;
}
.live365-lineup a.artist_orange:hover{
	color: #f2a023!important;
}
.live365-lineup a.artist_blue:hover{
	color: #1787c7!important;
}
.live365-lineup a.artist_purple:hover{
	color: #98348b!important;
}

.live365-lineup a:hover{
	text-decoration: none;
}

.artist_green .panel-default .onair-title{
	color: #000000;
    background: #dadd2b;
}

.artist_orange .panel-default .onair-title{
	color: #000000;
    background: #fbce2b;
}

.artist_blue .panel-default .onair-title{
	color: #000000;
    background: #84cce2;
}

.artist_purple .panel-default .onair-title{
	color: #000000;
    background: #c191bd;
}

.onair {
	font-size: 90%;
}

.panel-default .onair-title{
	color: #000000;
    background: #ffff00;
}

.bannerArea{
	text-align: center;
	margin: 80px auto 50px;
}

.bannerArea a{
	display: inline-block;
	text-align: center;
	margin: 0 10px;
}

.bannerArea a:hover{
	opacity: 0.7;
}

.panel {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.panel h3 {
	font-weight: normal;
	color: #fff;
	background-color: #ff0e69;
	padding: 3px 5px;
	display: inline-block;
	margin-bottom: 5px;
	font-size: 125%;
}

.panel-default .onair td,
.panel-default .onair th {
    color: #ff0e69;
    font-size: 125%;
    font-weight: bold;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

@media (max-width: 768px) {

h1[id] {
	width: auto;
	margin: auto;
}
	
.container {
    width: auto!important;
}

#container-inner{
	width: auto;
	min-width: 100%;
}

h1[id] {
    margin-top: 0;
    padding-top: 0;
}


.bannerArea{
	text-align: center;
	margin: 40px auto 30px;
}

.live365-lineup{
	padding: 25px 0px 25px 0px;
}

}</pre></body></html>