<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, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input { margin: 0; padding: 0; }
ol, ul { list-style: none; }
fieldset, img { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
td { padding: 0; }
a:focus{ outline: none; }

h2 { margin-bottom: 55px;  }

hr {   border-width: 1px 0 0 0; 
  border-style: solid; 
  border-color: #333; }
  
/* box-sizing適応 */
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }  

/* =========================================================
   Body
========================================================= */
body { font: 13px/22px "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", osaka, Arial, Verdana, sans-serif; color: #FFFFFF; background: #191919; 
	-webkit-text-size-adjust:100%;
}
a:link, a:visited { color: #FFFFFF; text-decoration: none; }
a:hover, a:active { color: #FFFFFF; text-decoration: underline; }


/* =========================================================
   Top
========================================================= */
#tcon { width: 100%; margin: 40px auto; }
#tcon th, #tcon td { vertical-align: top; }
#tcon th { text-align: left; }
#tcon dl { font-size: 13px; }
#tcon dt { width: 70px; float: left; clear: both; font-weight: bold; color: #aca624; text-align: left; }

.top_title { background:#fff; height: 200px; background: url(../image/img_top_sp.png) no-repeat;  background-size:100% auto;}

.pc_none {display: block;}

/* =========================================================
   Header
========================================================= */
#head { width: 100%; margin: 0 auto; padding: 22px 0; background:#ccc; text-align: center;  }


/* =========================================================
   Menu
========================================================= */
#menu_takumi { height: 66px; padding: 2px 0; background: url(../image/bg_menu.gif) no-repeat center top; }


/* =========================================================
   Footer
========================================================= */
#foot_wrap { width: 100%; text-align: center; background: #fff; padding: 0 1em; min-width: 0px;
	-moz-box-sizing: border-box;
    box-sizing: border-box; }
#foot { width: 100%; padding: 10px 1em 0 0; font-size: 11px; background: #fff; color: #333; 
	-moz-box-sizing: border-box;
    box-sizing: border-box; }
    
#foot ul { width: 100%; color: #333; }
#foot li { color: #333; margin: 0 0 1em 0; float: left; display: block;}
#foot .sp_left { float: left;}
#foot .sp_right { float: right;}

#foot li a:link, #foot li a:visited { color: #333; text-decoration: none; }
#foot li a:hover,  #foot li a:active { color: #333; text-decoration: underline; }

#foot span { padding:0 0 0 10px; background: url(../image/icn_arrow.png) no-repeat left center; color: #333; }
#foot .tnc { color: #333; }
#foot .kirishima {  margin: 2em auto 0; float: none;  }
#foot .copyrights { text-align: center; padding: 2em 0 2em 0; }


/* =========================================================
   Contents
========================================================= */
#con { width: 100%; margin: 80px auto; padding: 0 15px; 
	-moz-box-sizing: border-box;
    box-sizing: border-box; 
}

.con_sp  { margin: 20px auto 0 !important;}

#con h1.top { font-size:24px; margin: 0 0 1em 0; padding: 3px 0 0 50px; background: url(../image/e_catch2016_1.png) no-repeat; height: 28px;
	font-family: “Times New Roman”, “游明朝”, YuMincho, “ヒラギノ明朝 ProN W3”;  letter-spacing: 4px;}

#con h1 { font-size:18px; margin: 0 0 2em 0; padding: 3px 0 0 50px; background: url(../image/e_catch2016_1.png) no-repeat; height: 28px;
	font-family: “Times New Roman”, “游明朝”, YuMincho, “ヒラギノ明朝 ProN W3”;  letter-spacing: 4px;}
#con h1 span { font-size:11px; margin: 0 0 1em 0; padding: 0 0 0 1em; letter-spacing: 4px;   }
#con h1 span:before {
	content: "\A" ;
	white-space: pre ;
}
#con p { margin: 0 0 1em 0; }
#con p.lead { margin: 0 0 1em 0; }

	
#con h2 { font-size:12px; margin: 2em 0 2em 0; padding: 5px 0 0 0;  background: #aca624;  text-align: center; letter-spacing: 10px;
}

#con h3 { padding: 0 0 20px 0; font-size:12px; letter-spacing: 10px; border-top: 1px solid #333;  border-bottom: 1px solid #333; text-align: center; }
#con h3 span.theme { font-size:12px; font-style: italic; }	
#con h3 span:before {
	content: "\A" ;
	white-space: pre; }
	
#con li { padding: 5px 0 5px 20px; background: url(../image/icn_arrow2.gif) no-repeat left center; }
#con #left { width: 100%; }

#con #top_lead span{ font-size: 20px; margin: 10px 0 0 0; display: block; }
#con .logo_kyushu_hitotsu { float: right; width: 100px; }

#con_title { font-size: 20px; color:#aca624; padding: 1em 0 0 0; text-align: center; }
#con_title span { font-weight: bold; font-size: 13px; color: #aca624; margin: 0 0 0 1em; }


#onair { order:3; width: 100%; margin: 0 0 3em 0; }

#left { width: 100%; }


/* ================= サイドバー ================= */
#right { width: 100%; }
#right ul { margin-top: 10px; }
#right li { padding: 5px 0 5px 20px; background: url(../image/icn_arrow2.gif) no-repeat left center; }
#right span { color: #666; margin: 0 0 0 1em }
#right span.kagoshima  { color: #666; margin: 0 0 0 0em }

#np { margin: 1em 0 0 0; }
#right h3 { font-size:20px; margin-bottom: 0px; }

/* ================= MC ================= */
#mc { order:2; width: 100%; margin: 0 0 3em 0;}

#picture { width: 100%; 
    display:-webkit-box;
    display:-moz-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-pack:justify;
    -moz-box-pack:justify;
    -webkit-flex-pack:justify;
    -moz-flex-pack:justify;
    -ms-flex-pack:justify;
    -webkit-justify-content:space-between;
    -moz-justify-content:space-between;
    justify-content:space-between;
    }
    
#picture div.box {     
    } 

#picture div.box_right {     
    }

#picture_tabibito { width: 100%; }  
#picture_tabibito td{ width: 158px; }  
#picture_tabibito p { text-align: center; }     
#picture_tabibito img{ padding: 0 1px }        
    
#mc img { width: 100%; margin: 0 0px;  }
#mc .r { margin: 0 0 0 0 }
#mc figure { font-size: 12px; margin: 0;  }
#mc figcaption { text-align: center;}


/* ================= オンエア日 ================= */
dl.radio  { width: 280px; font-size: 13px; float: left; padding: 0 0 1em 0; }
dl.radio dt { width: 140px; float: left; clear: both;  color: #b89b2b; text-align: left;  }
dl.radio dd { }

dl.tv { width: 280px; font-size: 13px; float: left; }
dl.tv dt { width: 140px; float: left; clear: both; color: #b89b2b; text-align: left; }
dl.tv dd {}

/* ================= 次回の放送 ================= */
#next_program { margin: 2em 0 3em 0; }
#next_program p.day { margin: 2em 5px 5px 0; padding: 0 0 0 0; background: #c91010; font-size: 11px; text-align: center; width: 16em; }
#next_program p.title { font-weight: bold; font-size: 16px; color: #aca624; }
#next_program p.text { margin: 0 0 0 0; width: 100%; }
#next_program p.strong { font-size: 16px; color: #aca624; }
#next_program img { width: 100%; float: none; margin: 0;}
#next_program .bknum { margin: 2em 0 0 0; padding-left: 10px; background: url(../image/icn_arrow.gif) no-repeat left center; font-size: 11px; color: #fff ; }

/* =========================================================
   Class
========================================================= */
.cl { clear: both; }
.logo { background: #FFFFFF; text-align: center;  min-width: 0px; }

#list { margin-top: 30px; }
#list p { border-left: 3px solid #aca624; font-size: 14px; border-bottom: 1px solid #333; margin:12px 0 0 0; padding: 8px 0 10px 16px; }
#list span { padding: 5px 0; margin: 0 1em 0 0; background: #333; font-size: 9px; line-height: 12px; text-align: center; width: 6em; float: left; }

#shop { width: 100%; margin-top: 30px; border-top: 1px solid #333333;  }
#shop th td { padding: 30px 0; border-bottom: 1px solid #333333; vertical-align: top; }
#shop .name { font-size: 18px; font-weight: bold; margin:2em 0 2em 0; }
#shop .tel { margin:0 0 1em 0; }
#shop .sentence { margin:0 0 1em 0; }
#shop img { margin: 0 0 1em 0; padding:0;}

.det { margin-bottom: 30px; padding:0  0 10px 0; border-bottom: 0px solid #333333; text-align: center;  }
.det dt { font-size: 18px; padding: 6px; color: #fff; font-weight: bold; float: none; background: #aca624; min-height: 30px; display:block; text-align: left;   }
.det dd { padding: 8px 8px; background: #333333; font-size: 12px; text-align: center; float: none;  }
.det_tex { width: 100%;  line-height: 30px; }
.history_back { padding: 2em 0 0; text-align: center;}

table.det_tbl { float: none; width: 100%; }
table.det_tbl td { padding: 1px; 
}
table.det_tbl td img { width: 100% }

.about { margin-top: 30px; }
.about td { padding: 5px 15px 5px 0; }
.about th { padding: 5px 60px 5px 0; text-align: left; font-weight: normal; }


/* =========================================================
   その他
========================================================= */

.w100 {width: 100%;}
.sp_none { display: none; }


/* =========================================================
   レスポンシブメニュー
========================================================= */
 .inner {
    display: block;
}

 #top-head,
    .inner {
        width: 100%;
        padding: 0;
    }
    #top-head {
        top: 0;
        position: fixed;
        margin-top: 0;
        display: block;
    }
    /* Fixed reset */
    #top-head.fixed {
        padding-top: 0;
        background: transparent;
    }
    #mobile-head {
        background: #fff;
        width: 100%;
        height: 56px;
        z-index: 999;
        position: relative;
    }
    #top-head.fixed .logo,
    #top-head .logo {
        position: absolute;
        left: 13px;
        top: 13px;
        color: #333;
        font-size: 26px;
    }
    #global-nav {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -500px;
        background:#498600;
        background:-webkit-linear-gradient(#498600 0%, #81ba3b 100%);        
        width: 100%;
        text-align: left;
        padding: 10px 0;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }
    #global-nav ul {
        list-style: none;
        position: static;
        right: 0;
        bottom: 0;
        font-size: 14px;
        margin: 0 0 0 1em;
    }
    #global-nav ul li {
        float: none;
        position: static;
    }
    #top-head #global-nav ul li a,
    #top-head.fixed #global-nav ul li a {
        width: 100%;
        display: block;
        color: #fff;
        padding: 18px 0;
    }
    #nav-toggle {
        display: block;
    }
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(556px);
        -webkit-transform: translateY(556px);
        transform: translateY(556px);
    }</pre></body></html>