@charset "utf-8";
/* ======================================================
(C)広島ホームテレビCSS Document 2015-07-30
====================================================== */

/*--------------------------
　　 R E S E T
---------------------------*/
div#pageBg *{margin:0;padding:0;box-sizing:border-box;}
div#pageBg {
    font-family:Verdana, “Hiragino Kaku Gothic ProN”, “游ゴシック”, YuGothic, Meiryo, sans-serif;
    font-size: 14px;
    line-height: 140%;
    font-weight: normal;
    font-style: normal;
}
div#pageBg li{list-style-type: none;}
div#pageBg hr{
  height:0px;
  margin:7px 0;
  border:none;
  border-top:1px solid #000;
}
div#pageBg * html hr{/* for -IE6 */
  margin:0;
}
div#pageBg *:first-child+html hr{/* for IE7 */
  margin:0;
}
div#pageBg {
    height: 100%; /* #containerのmin-heightに対して必要なもの */
    text-align: center;
}
div#pageBg a img {
    border-style:none;
}
div#pageBg img{max-width: 100%;height: auto;}
/* clearfix */
div#pageBg .clearfix:after,.row:after,#footer_03 ul:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
line-height: 0;
font-size: 0;
}
div#pageBg .clearfix,.row,#footer_03 ul {
/* display: inline-block; */
min-height: 1%;
}
div#pageBg .clear{clear: both;}

/*--------------------------
　　 L I N K
---------------------------*/
div#pageBg a{text-decoration: none;}
div#pageBg a:link{text-decoration: none;color: #1385B8;}
div#pageBg a:visited{color: #0C6F9B;}

/*--------------------------
   L A Y O U T
---------------------------*/
#pageBg{
    width: 100%;
    min-height: 79.5% !important;}
  #header #headBanner,#header #searchBox,#footer_01,#footer_02,#footer_03{display: block;}
  .accordion p.menubtn{display: none;}
  #header h1 {padding-top: 10px;}
  #headBanner {margin: 20px 0 0 147px;width: 468px;height: 60px;overflow: hidden;}
  #headBanner iframe{width: 100%;height: 100%;display: block;}
  #searchBox{float: right;}

/*For Tablet---------------------------------------*/
@media screen and (min-width: 640px){
  #pageBg #pagetop {
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 80px;
    height: 80px;
  }
  body,html{min-width: 1035px;}
  .top_back{display: none;}
  .row{
    -js-display: flex;
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    overflow: hidden;
    min-height: 1%;
    text-align: center;
    max-width: 1035px;
    margin: 0 auto;
  }
  .col-md-12,.col-md-11,.col-md-10,.col-md-9,.col-md-8,.col-md-7,.col-md-6,.col-md-5,.col-md-4,.col-md-3,.col-md-2,.col-md-1{
    display: inline-block;
    overflow: hidden;
  }
  .col-md-12{width: 100%;}
  .col-md-11{width: 91.666666%;}
  .col-md-10{width: 83.333333%;}
  .col-md-9{width: 75%;}
  .col-md-8{width: 66.666666%;}
  .col-md-7{width: 58.333333%;}
  .col-md-6{width: 50%;}
  .col-md-5{width: 41.666666%;}
  .col-md-4{width: 33.333333%;}
  .col-md-3{width: 25%;}
  .col-md-2{width: 16.666666%;}
  .col-md-1{width: 8.333333%;}
  #menu {background-image: url(/common/img/menu/menu_bg.jpg);overflow: hidden;}
 .accordion ul{
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0 auto;
    border-collapse: collapse;
}
 .accordion ul li{
    display: table-cell;
    border-right: solid 1px #FFF;
    border-left: solid 1px #FFF;
  }
 .accordion,ul.accordion li,ul.accordion li a{height: 35px;}
 .accordion li a{
    display: block;
    color: #FFF;
    font-weight: bold;
    font-size: 14px;
    padding-top: 2px;
    width: 102.4px;
    height: 35px;
    line-height: 35px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
 .accordion li a:hover{background-image: url(/common/img/menu/menu_bghover.jpg);}
   #header {width: 1035px;margin: 0 auto;}
  #header h1,#headBanner{float: left;}
}

/*For SmartPhone---------------------------------------*/
@media screen and (max-width: 640px){
  #header #headBanner,#header #searchBox,#footer_01,#footer_02,#footer_03{display: none;}
  .accordion{position: absolute;width: 100%;}
  #pageBg{margin-top: 35px;}
  #pagetop{display: none;}
  .accordion p.menubtn{
    display: block;
    height: 35px;
    line-height: 35px;
    cursor:pointer;
  }
  .accordion a { 
    color: #FFF;
    display:block;
    padding:10px;
    background-position:97% center;
    text-decoration:none;
    font-weight:bold;
  }
  .accordion ul { display:none;}
  .accordion > li > p {
    color: #FFF;
    background-color: #666;
    cursor:pointer;
  }
  .accordion > li > ul > li {
    background:rgba(0,0,0,0.6);
     border-bottom:1px solid #EEE;
 }
 .accordion > li > ul > li:hover{background-color: #818181;}
 .accordion > li > ul > li > ul > li:last-child { border:none;}
}