@charset "UTF-8";
/* ======================================================
(C)広島ホームテレビCSS Document 2025-06-24
====================================================== */
/*--------------------------
　　 R E S E T
---------------------------*/
*{margin:0;padding:0;box-sizing:border-box;}
body,html,h1,h2,h3,h4,p,ol,ul,li,address,input, select, option, textarea {
  font-family: 'Comfortaa',"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;
  line-height: 1.7em;
  font-weight: normal;
  font-style: normal;
}
body a {
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.fa, .fas,
#pageBg .fa,#pageBg .fas{font-family:'Font Awesome 5 Free';font-style: normal;}
.fa, .fab, .fal, .far, .fas,
#pageBg .fa, #pageBg .fab, #pageBg .fal, #pageBg .far, #pageBg .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
li{list-style-type: none;}
hr{
  height:0px;
  margin:7px 0 0;
  border:none;
  border-top:1px solid #000;
}
* html hr{/* for -IE6 */
  margin:0;
}
*:first-child+html hr{/* for IE7 */
  margin:0;
}
body,html{
  height: 100%; /* #containerのmin-heightに対して必要なもの */
  text-align: center;
}
a img {
  border-style:none;
}
img{max-width: 100%;height: auto;}
/* clearfix */
.clearfix:after,.row:after,#footer_03 ul:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
line-height: 0;
font-size: 0;
}
.clearfix,.row,#footer_03 ul {
/* display: inline-block; */
min-height: 1%;
}
.clear{clear: both;}

/*■■ LINK ■■*/
a{text-decoration: none;}
a:link{text-decoration: none;color: #1385B8;}
a:visited{color: #0C6F9B;}


/*■■ HEADER ■■*/
#header{background-color: #FFF;}

/*■■ pageBg ■■*/
#pageBg {
  background-color: #D9E2E9;
  min-height: 79.5% !important;
}

/*■■ FOOTER ■■*/
#FOOTER #footer_01,#FOOTER #footer_02{
  padding: 15px 0;  
}
#FOOTER #footer_01{
  background-color: #FFF;
}
#FOOTER #footer_02{
  background-color: #a3b4d0;
}
#FOOTER #footer_02 ul li a{font-size: 12px;}
#FOOTER #footer_03,#FOOTER #footer_03 a,
#FOOTER #footer_04,#FOOTER #footer_04 a{
  color: #FFF;
}
#FOOTER #footer_03,#FOOTER #footer_04{
  background-color: #0950a0;
}
#FOOTER #footer_03 ul li,
#FOOTER #footer_04 ul li{
  display: inline-block;
  border-right: solid 1px #FFF;
  padding: 0 1em;
  margin-bottom: 0.5em;
  height: 16px;
  line-height: 16px;
}
#FOOTER #footer_03 ul li a,
#FOOTER #footer_04 ul li a{
  font-size: 12px;
  text-decoration: none;
}
#FOOTER #footer_03 h4,#FOOTER #footer_04 h4{font-size: 18px;}
#FOOTER #footer_04 .copyright{
  font-size: 12px;
}
.page-404 input,.page-404 button,.page-404 textarea,.page-404 select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}



/*For SmartPhone---------------------------------------*/
@media screen and (max-width: 750px){
  .PCblock *{display: none;}
  .SPblock > .hometvlogo{padding: 10px 20px;}
  .SPblock > .hometvlogo img{display: block;margin: 0 auto;max-width: 50%;height: auto;}
  .sp_row::after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  line-height: 0;
  font-size: 0;
  }
  .sp_row{
  max-width: 100%;
  margin: 0 auto;
  -js-display: flex;
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
  overflow: hidden;
  min-height: 1%;
  text-align: left;
  letter-spacing: -.4em;
  }
  .sp_row > div{
    letter-spacing: normal;
    width: 50%;
    display: inline-block;
  }
  body,html{
  width: 100%;
/*  overflow-y:auto;
  overflow-x: hidden;*/
  -webkit-overflow-scrolling: touch;
  }
  .sp_head{
  width: 100%;
  margin: 0;
  padding-bottom: 5px;
  position: relative;
  border-bottom: solid 5px #7287d6;
  z-index: 1000;
  }
  .sp_head #headerBg{line-height: 1em;}
  .sp_head #headerBg > #header > .sp_row > div{text-align: left;vertical-align: middle;overflow: hidden;}
  .sp_head #headerBg > #header > .sp_row > div.col-md-3{padding: 5px 5px 0;}
  .sp_head #headerBg > #header > .sp_row > .advertising{display: none;}
  .sp_head #logo{padding: 10px 10px 0;}
  .sp_head #header{width: 100%;}
  .sp_head .menubtn{cursor: pointer;cursor: hand;width: 100%;}
  .sp_head .menubtn img{width: 60px;height: 60px;position: absolute;top:0px;right:0px;}
  .sp_head #header #searchBox,.sp_head #header #headBanner,.sp_head #menu .accordion ul { display:none;}
  .sp_head #menu ul.accordion > li > ul {
  width: 100%;
  position: absolute;
  top:60px;
  left:0;
  background-color: #0c4fa0;
  padding: 5px;
  }
  .sp_head #menu ul.accordion > li > ul li{
  display: inline-block;
  width: 50%;
  float: left;
  background-color: #FFF;
  text-align: left;
  padding: 0 1em;
  }
  .sp_head #menu ul.accordion > li > ul li{border: solid 1px #0c4fa0;}
  #FOOTER #footer_01 li{border: solid 1px #f2f6f9;}
  .sp_head #menu ul.accordion > li > ul li a,
  #FOOTER #footer_01 li a{
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  color: #000;
  text-decoration: none;
  }
  /*■■ FOOTER ■■*/
  #FOOTER #footer_01{padding: 0;}
  #FOOTER #footer_01 ul{
  padding: 5px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-flow: row wrap;
  }
  #FOOTER #footer_01 ul li{
  display: inline-block;
  width: 50%;
  background-color: #FFF;
  text-align: left;
  padding: 0 1em;
  }
  #FOOTER #footer_02 ul{text-align: left;}
  #FOOTER #footer_02 ul li{
  display: inline-block;
  padding: 0 1em;
  }
  #FOOTER #footer_02 a{
  text-decoration: none;
  color: #000;
  line-height: 40px;
  height: 40px;
  }
  #FOOTER #footer_03,#FOOTER #footer_04{
  text-align: left;
  }
  #FOOTER #footer_03 h4,#FOOTER #footer_04 h4{
  padding: 0.5em;
  }
  #FOOTER #footer_04 .copyright{
  text-align: center;
  font-size: 10px;
  padding: 1em;
  }
  .CommentArea{
  max-width: 100%;
  margin: 0 auto;
  -js-display: flex;
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
  overflow: hidden;
  min-height: 1%;
  text-align: left;
  letter-spacing: -.4em;
  margin: 0.5em;
  }
  .CommentArea > div{
  display: inline-block;
  letter-spacing: normal;
  }
 /* .CommentArea .col-md-10,.CommentArea .col-md-10 *{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  }*/
  .CommentArea .col-md-2{width: 16.666666%;}
  .CommentArea .col-md-10{width: 83.333333%;}
  .page-404 {text-align: center;padding-top: 8%;}
  .page-404 a{color: #666;}
  .page-404 .lower-contents {padding: 8%;background-color: #fff;}
  .page-404 .eng {font-size: 20px;font-size: 5.33333vw !important;font-weight: bold;margin-bottom: 5.12821%;color: #0950a0;}
  .page-404 .text {font-size: 3.2vw !important;margin-bottom: 5.12821%;line-height: 1.55;}
  .page-404 .image,.page-404 .image {margin-bottom: 5.12821%;}
  .page-404 .search-text {width: 260px;margin: 0 auto;padding: 2.66667% 4.26667%;display: block;}
  .page-404 .search-text form {width: 100%;display: flex;overflow: hidden;border-radius: 50px;background-color: #e2e8ee;}
  .page-404 .search-text form .input-text {width: 220px;border: 0;height: 40px;padding: 5px 10px;background: none;font-size: 3.46667vw !important;}
  .page-404 .search-text form .input-text:placeholder-shown {color: #a2b4d0;}
  .page-404 .search-text form .input-submit {width: 60px;padding: 0;text-indent: 100%;white-space: nowrap;overflow: hidden;background: url(//www.home-tv.co.jp/wp-content/themes/home-master/img/icn_loupe.png) 50% 50% no-repeat;background-size: 20px auto;}
  .page-404 .search-text form input[type="submit"] {margin: 0 5px;line-height: 1;cursor: pointer;display: inline-block;font-size: 1.6rem;font-weight: bold;text-align: center;transition: opacity .3s ease-out 0s;color: #fff;border: 0;box-shadow: none;}
  .page-404 .search-text .saport {font-size: 7px;font-size: 1.86667vw !important;margin-top: 3px;text-align: right;}
}



/*For PC---------------------------------------*/
@media screen and (min-width: 750px){
  .SPblock *{display: none;}
  .row::after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  line-height: 0;
  font-size: 0;
  }
  .row{
  max-width: 1280px;
  margin: 0 auto;
  -js-display: flex;
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
  overflow: hidden;
  min-height: 1%;
  text-align: left;
  letter-spacing: -.4em;
  }
  .row > div{letter-spacing: normal;
   display: inline-block;
   letter-spacing: normal;
   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%;}
/*  #header .ad01,#header #header_main{
  padding-top: 15px;
  }*/
  #header .ad01 img{
  display: block;margin: 0 auto;
  }
  #header #header_main h1{
  float: left;
  }
  #header #header_main #searchBox{
  padding: 5px;
  overflow: hidden;
  width: 280px;
  }
  #header #header_main #searchBox p{
  font-size: 10px;
  padding: 0 10px;
  text-align: right;
  }
  #header #header_main #searchBox form{
  margin-top: 10px;
  padding: 10px 15px;
  overflow: hidden;
  display: block;
  border-radius: 20px;
  }
  #header #header_main #searchBox form,
  #header #header_main #searchBox form input.search{  
  background-color: #e8ecef;
  border: none;
  box-shadow: none;
  color: #1155A0;
  }
  #header #header_main #searchBox form input.search{
  width: 200px;
  height: 24px;
  }
  #header #headBanner {width: 468px;height: 60px;overflow: hidden;float: right;}
  #header #headBanner iframe{width: 100%;height: 100%;display: block;}
  #headerBg > #header > .row > .col-md-3{padding-top: 10px;}
  #headerBg > #header > .row > .col-md-9{text-align: right;}
  .sp_head{background-color: #FFF;}

/*■■GLOBAL MENU■■*/
  #menu{
  background-color: #FFF;
  border-bottom: solid 5px #7287d6;
  }
  ul.accordion p.menubtn{display: none;}
  ul.accordion > li > ul,
  #FOOTER #footer_01 .foot01list,
  #FOOTER #footer_02 ul{
  display: table;
  border-collapse: collapse;
  margin: 0 auto;
  }
  ul.accordion > li > ul{
  width: 1280px;
  height: 65px;
  }
  ul.accordion > li > ul li,
  #FOOTER #footer_01 .foot01list li,
  #FOOTER #footer_02 ul li{
  display: table-cell;
  text-align: center;
  border-left: solid 1px #E4E7EA;
  border-right: solid 1px #E4E7EA;
  padding: 0 1em;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  }
  ul.accordion > li > ul li a,
  #FOOTER #footer_01 .foot01list li a,
  #FOOTER #footer_02 ul li a{
  display: block;
  width: 100%;
  color: #000;
  font-weight: bold;
  text-decoration: none;
  }
  ul.accordion > li > ul li a{
  line-height: 65px;
  }
  ul.accordion > li > ul li:hover{background-color: #126BD6;}
  ul.accordion > li > ul li:hover a{color: #FFF;}
  /*■■ FOOTER ■■*/
  #FOOTER #footer_03,#FOOTER #footer_04{padding: 2em;}
  #FOOTER #footer_03 h4,#FOOTER #footer_04 h4{
  border-bottom: solid 1px #FFF;
  padding: 0.5em 1em;
  }
  #FOOTER #footer_03 ul,#FOOTER #footer_04 ul{padding: 1em 2em;}
  #FOOTER #footer_04 .copyright{text-align: right;}
  .CommentArea{padding-top: 10px;}
  .page-404 {padding-top: 50px;text-align: center;}
  .page-404 a{color: #666;}
  .page-404 .lower-contents {width: 1280px;margin: 0 auto;padding-bottom: 60px;}
  .page-404 .lower-contents .lower-contents-inner {padding: 60px 0;background-color: #fff;}
  .page-404 .eng {font-size: 3rem;font-weight: bold;margin-bottom: 30px;color: #0950a0;}
  .page-404 .text {font-size: 1.4rem;margin-bottom: 30px;line-height: 1.55;}
  .page-404 .image {margin-bottom: 36px;}
  .page-404 .top-link {margin-bottom: 30px;}
  .page-404 .top-link a{text-decoration: underline;}
  .page-404 .search-text {float: none;width: 380px;margin: 0 auto;}
  .page-404 .search-text form {width: 100%;height: 40px;overflow: hidden;border-radius: 40px;background-color: #e8ecef;display: block;}
  .page-404 .search-text form .input-text {width: 330px;color: #a2b4d0;height: 40px;padding: 0 10px;float: left;background: none;vertical-align: middle;font-size: 1.4rem;border: none;}
  .page-404 .search-text form .input-submit {width: 40px;height: 40px;cursor: pointer;background: none;display: block;border: 0;padding: 0;text-indent: 100%;white-space: nowrap;overflow: hidden;background: url(//www.home-tv.co.jp/wp-content/themes/home-master/img/icn_loupe.png) 50% 50% no-repeat;}
  .page-404 .search-text .saport {margin-top: 5px;font-size: 1rem;text-align: right;}
}
/*高校野球style*/
.w60 {
    width: 60%;
    margin: 0 auto!important;
}
.w70 {
    width: 70%;
    margin: 0 auto!important;
}
.yakyu_schedule{
	margin-top: 2em!important;
    background: #e2e8ee;
    padding: 1em 2em;
    width: 100%;
    margin: 0 auto;
	color: #000;
}
.yakyu_schedule h3 {
	margin-bottom: 1.5em;
}
.yakyu_schedule span {
	background: #002360;
    color: #fff;
    padding: 0.5em 1em;
    border-radius: 30px;
    font-weight: bold;
}
.yakyu_schedule ul {
	line-height: 1.9em;
	text-align: left;
	display: inline-block;
}
.yakyu_btn {
  margin: 2em 0;
  display: flex;
  padding: 2em;
  width: 100%;
  text-align: center;
}
.kyosan {
  margin-bottom: 1.5em;
}
@media screen and (max-width: 768px){
.w60 {
	width: 90%;
	margin: 0 auto;
}
.w70 {
	width: 100%;
	margin: 0 auto;
}
.yakyu_schedule p {
	text-align: center;
}
.yakyu_btn {
  margin: 2em 0;
  display: grid;
  padding: 0;
  width: 100%;
  text-align: center;
}
}