@charset "UTF-8";
/* ======================================================
(C)広島ホームテレビCSS Document 2025-06-05
====================================================== */
img{max-width: 100%;height: auto;}
input[type="button"], input[type="reset"], input[type="submit"], input[type="text"], input[type="tel"], input[type="email"], input[type="url"], textarea, button {margin: 0px;padding: 0px;border: none;border-radius: 0;-webkit-appearance: none;background-color: transparent;}
.text-left{text-align: left;}
ul.List{padding: 0 1em;}
ul.List li{position: relative;padding: 0 0 0 1.5em;margin-bottom: 0.5em;}
ul.List li .coron {position: absolute;top: 0;left: 0;}

/*HEADER*/
#header .row {display: table;table-layout: fixed;margin: 0 auto;/*padding-top: 10px;*/width: 100%;
}
#header .row .col-md-9 {text-align: right;}
#headerBg .nav{text-align: right;font-weight: bold;}
 .search-text form {width: 200px;height: 40px;overflow: hidden;border-radius: 40px;background-color: #e8ecef;display: block;padding-right: 5px;}
.search-text form .input-text:focus {background: #f7f7f7;}
.search-text form .input-text {width: 150px;height: 40px;padding: 0 0 0 20px;float: left;background: none;vertical-align: middle;color: #000;font-size: 14px;border: none;}
.search-text form .input-text:placeholder-shown {color: #a2b4d0;}
.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(https://www.home-tv.co.jp/wp-content/themes/home-master/img/icn_loupe.png) 50% 50% no-repeat;
}
.sharebox{display: table;table-layout: fixed;}
.sharebox li{display: table-cell;padding: 0 10px;}
.sharebox li img{max-height: 40px;width: auto;}
a.morebtn:link{
 font-weight: bold;
 font-size: 18px;
 border: solid 1px;
 line-height: 40px;
 max-width: 1280px;
 display: block;
 margin: 1em auto;
 border-radius: 6px;
}

/*PAGEBG*/
#pageBg {font-size: normal;font-weight: normal;text-align: center;color: #666;
}
#pageBg *{box-sizing:border-box;}
#pageBg .red{color: #F00;}
#pageBg .bold{font-weight: bold;}
#pageBg,html, body, h1, h2, h3, h4, p, ol, ul, li, address, input, select, option, textarea, table, tr, th, td{
 font-family: 'Comfortaa',"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#pageBg i{font-family: 'Font Awesome 5 Free','FontAwesome';font-style: normal;}
#pageBg .buchiage_sns i,#pageBg .Brands i{font-family: "Font Awesome 5 Brands";}
#pageBg small,#pageBg .small{font-size: 12px;}
#pageBg #pagetop {display: block;background-color: rgba(255,255,255,0.75);position: fixed;bottom: 0px;right: 0px;width: 40px;height: 40px;
}
#pageBg #pagetop a {display: block;width: 100%;height: 40px;font-size: 20px;margin: 0;padding: 0;text-decoration: none;line-height: 40px;text-align: center;
}
#pageBg #pagetop a,#pageBg #pagetop a i{font-weight: bold;}
#pageBg .text-center,.index04 .button{text-align: center;}
#pageBg h1.logo a{display: block;margin: 0 auto;background-image: url(../../images/logo.png);background-repeat: no-repeat;width: 300px;height: 90px;-webkit-background-size: 300px 90px;background-size: 300px 90px;/*hide*/text-indent: 100%;white-space: nowrap;overflow: hidden;
}
/*CategoryArea*/
#pageBg .CategoryArea > .row > .col-md-8{
 text-align: left;
}
#pageBg .CategoryArea > .row > .col-md-8 h2{
 font-weight: bold;
 font-size: 18px;
}
#pageBg .CategoryArea > .row > .col-md-8 p{
 font-size: 14px;
}
#pageBg .CategoryArea > .row > .white{
 background-color: #FFF;
 color: #666;
 padding: 5px;
 text-align: center;
}
#pageBg .index01 .linkbtn,#pageBg .CategoryArea .linkbtn{
 background-color: #1385B8;
 color: #FFF;
 font-weight: bold;
 height: 40px;
 line-height: 40px;
 display: block;
 width: 100%;
 margin: 10px auto;
 border-radius: 6px;
 text-align: center;
}
#pageBg .CommentArea .btn a{
 display: inline-block;
 border: solid 1px #FFF;
 margin: 0.5em 0;
 padding: 0.25em 0.5em;
 font-weight: bold;
}
#pageBg .CommentArea hr{height: 0;margin: 0;padding: 0;border: 0;overflow: visible;}
#pageBg .CommentArea > div > hr{border-bottom: 1px solid #FFF;margin: 1em 0;}
#pageBg table.jasrac {margin: 0 auto;
}
#pageBg table.jasrac img {display: inline-block;width: 50px;height: 50px;
}
#pageBg table.jasrac td {padding: 4px;font-size: 12px;
}
#pageBg .scroll table{border-collapse: collapse;}
#pageBg .scroll table tr:nth-child(2n) {background-color: #f8f8f8;
}
#pageBg .scroll table th,#pageBg .scroll table td{text-align: left;font-size: 14px;}
#pageBg .allpgmlist{
 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;

}
#pageBg .allpgmlist::after {content: ".";display: block;height: 0;clear: both;visibility: hidden;line-height: 0;font-size: 0;
}
#pageBg .allpgmlist > div{
 display: inline-block;
 width: 25%;
 text-align: center;
 padding: 0 0.5em 2em;
 font-size: 0.8em;
}
/*VR channel*/
#pageBg .youtube {
 position: relative;
 width: 100%;
 padding-top: 56.25%;
}
#pageBg .youtube iframe {
 position: absolute;
 top: 0;
 right: 0;
 width: 100% !important;
 height: 100% !important;
}
/*#pageBg #virtual{padding:20px 0;}*/
#pageBg #virtual .select,#pageBg #virtual .download{
 display: block;
 padding: 10px 0;
}
#pageBg #virtual .select li,
#pageBg #virtual .download li{display: inline-block;padding: 0 1em;}
#pageBg #virtual .select li,#pageBg #virtual .select li a{font-weight: bold;font-size: 16px;}
#pageBg #virtual #howto,#pageBg #virtual #howto p{font-size: 18px;}
#pageBg #virtual #howto strong{font-size: 1.5em}
#pageBg #virtual #howto .small{font-size: 0.75em;}
#pageBg #virtual #howto .left{text-align: left;}
#pageBg #virtual #howto .pad{padding: 0.5em;}

/*JStream video*/
#pageBg .jstframe,.videobox02 {
 position: relative;
 width: 100%;
 padding-top: 56.25%;
}
#pageBg .jstframe iframe,.videobox02 iframe {
 position: absolute;
 top: 0;
 right: 0;
 width: 100% !important;
 height: 100% !important;
}

#pageBg input[type="button"].reload {color: #FFF;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;padding: 0.25em 1em;margin: 0.5em 0;background-color: transparent;border-radius: 6px;border: solid 1px #FFF;display: inline-block;text-align: left;
}
#pageBg p.button{text-align: center;}
#pageBg p.button a{
    border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  background-color: #0c50a1;
  color: #FFF;
  display: inline-block;
  margin: 0.25em auto; 
  padding: 0.25em 0.5em;
  font-weight: bold;
}
#pageBg .page_feed{width: 100%;}
#pageBg .page_feed .text-right{text-align: right;}
#pageBg .Crumb{max-width: 1280px;text-align: left;font-size: 12px;margin: 0 auto;padding:0.5em;}
#pageBg .page_feed a {font-weight: bold;border: solid 1px;padding: 0 0.5em;line-height: 30px;height: 30px;border-radius: 6px;display: inline-block;
}
#pageBg .ad_carsensor{
 display: block;
 border: solid 1px #CCC;
 width: 300px;
 height: 250px;
 margin: 0 auto;
}
#pageBg .ad_carsensor img{display: block;}
#pageBg .ad_carsensor .logo{margin: 50px auto 20px;}
#pageBg .ad_carsensor a img{
 width: 276.5px;
 height: 40px;
 margin: 0 auto;
}
#pageBg > .live_pagehead{background-color: #FFF;color: #222;text-align: center;width: 100%;
}
#pageBg > .live_pagehead h1 a {background-image: url(https://wc.home-tv.co.jp/live/images/logo.png);-webkit-background-size: 264.8px 40px;background-size: 264.8px 40px;width: 264.8px;height: 40px;
background-repeat: no-repeat;
display: block;
margin: 0 auto;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;margin: 5px auto;
}
#alllist{max-width: 1024px;margin: 0 auto;}
#alllist > h2{text-align: left;}
#alllist > div > div{padding: 0.5em}

/*INDEX01*/
#pageBg .index01,#pageBg .index04,
#pageBg .CategoryArea {background-color: #000;
}
#pageBg .index01,#pageBg .index01 a,
#pageBg .index04,#pageBg .index04 a,
#pageBg .CategoryArea,#pageBg .CategoryArea a{color: #FFF;}
#pageBg .twi_spre .evt-post-contents .post-content .table-01 tr td a{color: rgb(27, 149, 224);word-break: break-all;}
#pageBg .index01 .nav {max-width: 1280px;margin: 0 auto;padding: 0.5em 0;
}
#pageBg .index01 .nav a {color: #FFF;
}
#pageBg .CommentArea .col-md-2 {padding: 0 10px 10px 0;
}
#pageBg .CommentArea{color: #CCC;text-align: left;}
#pageBg .CommentArea h3 a {font-weight: bold;color: #FFF;text-decoration: underline;font-size: 18px;
}
#pageBg .CommentArea p{font-size: 14px;}
#pageBg .CommentArea p.small{font-size: 12px;}
#pageBg .CommentArea .date {font-size: 12px;}
#pageBg .video .small {color: #CCC;font-size: 12px;}
#pageBg .video{position: relative;}

/*INDEX02*/
h2{font-size: 20px;font-weight: bold;padding: 1em 0 0.5em;}
.index02 #ranklist{background-color: #FFF;}
#ranklist > .ranking-item{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;max-width: 1280px;margin: 0 auto;letter-spacing: -.4em;flex-flow: row wrap;
}
#ranklist > .ranking-item > div{
 display: inline-block;
width: 320px;
 letter-spacing: normal;
}
#ranklist > .ranking-item > div > a > img{
  max-width: 320px;
}
.index02 h2 span.normal{font-weight: normal;}

/*INDEX03*/
.index03{padding: 2em 0;}
.index03 h2 {font-weight: bold;font-size: 34px;padding: 0.5em 0 0.2em;line-height: 1em;color: #000;
}
.index03 h2 span {display: block;font-size: 14px;font-weight: normal;
}
.index03 .topicsList{max-width: 960px;margin: 0 auto;background-color: #f7f7f7;
}
.index03 .topicsList > li{text-align: left;padding: 1em;}
.index03 .topicsList > li > img{display: block;margin: 1em auto;}
.index03 .topicsList li p.date, .index03 .subtopics p.date {font-size: 0.8em;color: #666;
}
.index03 .back_btn{padding: 1em;}
.index03 .back_btn a{display: block;margin: 0 auto;background-color: #1385B8;color: #FFF;font-weight: bold;width: 200px;height: 40px;line-height: 40px;text-align: center;}
.index03 .nav{padding: 1em;}

/*INDEX04*/
.index04 h2{font-size: 34px;padding: 0.5em 0 0.2em;line-height: 1em;font-weight: bold;
}
.index04 h2 span {display: block;font-size: 14px;font-weight: normal;
}
.index04 h2 img {width: 360px;display: block;margin: 0 auto 5px;
}
.index04 .timetable2018 h3{background-color: #F2F2F2;}
.index04 .timetable2018 hr{border-color: #DDD;} 
.index04 iframe{display: block;margin: 0 auto;padding: 0;
}
.index04 .timetable2018{max-width: 1280px;margin: 0 auto;display: block;color: #222;
}
.index04 .timetable2018 > .row > .col-md-2{border: solid 1px #DDD;line-height: 1.4em;
}
.index04 .timetable2018 .holiday{opacity:0.5;}
.index04 .timetable2018 #mon h4,
.index04 .timetable2018 .jump .mon{background-color: #009bff;}
.index04 .timetable2018 #tue h4,
.index04 .timetable2018 .jump .tue{background-color: #30d576;}
.index04 .timetable2018 #wed h4,
.index04 .timetable2018 .jump .wed{background-color: #e9cc0f;}
.index04 .timetable2018 #thu h4,
.index04 .timetable2018 .jump .thu{background-color: #f08323;}
.index04 .timetable2018 #fri h4,
.index04 .timetable2018 .jump .fri{background-color: #f04f3e;}
.index04 .timetable2018 #sat h4,
.index04 .timetable2018 .jump .sat{background-color: #a861c5;}
.index04 .timetable2018 #sun h4,
.index04 .timetable2018 .jump .sun{background-color: #5255cd;}
.index04 .timetable2018 h5,
.index04 .timetable2018 p{text-align: left;padding: 0 0.25em 0.5em;font-size: 12px;
}
.index04 .timetable2018 .time{color: #FFF;background-color: #244480;font-weight: bold;display: block;text-align: center;font-size: 12px;width: 40%;margin: 0 0 0.5em;
}
.index04 .tablefixed > .fixed{background-color: #fff;}
.index04 .tablefixed > .fixed,
.index04 .tablefixed > .fixed > img{width: 182.8px;display: block;margin: 0 auto;}
.index04 .tablefixed > .fixed > img.castimg{width: 60%;
}
.index04 .tablefixed .fixed{background-color: #fff;margin: 0 auto;padding: 0;
}
.index04 .tablefixed .fixed h4{position: -webkit-sticky;position: sticky;top: 0;margin: 0;border-bottom: solid 1px #DDD;color: #FFF;padding: 0.1em 0;font-size: 18px;text-align: center;
}
.index04 .tablefixed > .fixed > img{display: block;margin: 0 auto;}
.index04 #access h2 img {width: 360px;display: block;margin: 0 auto 5px;
}

/*#newlist*/
#newlist,#ranklist > .ranking-item{max-width: 1280px;margin: 0 auto;}
#newlist div,#ranklist > .ranking-item > div{text-align: center;padding: 0 5px 15px;}
#newlist div img,#ranklist > .ranking-item > div img{width: 100%;}
#newlist div p,#ranklist > .ranking-item > div p{text-align: left;width: 100%;padding: 0 0.4em;position: relative;}
/*#ranklist > .ranking-item > div p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}*/
#newlist div p span.new,#newlist div p span.vrlabel{
 position: absolute;
 top:0px;
 right:0px; 
 color: #FFF;
 font-size: 12px;
 padding: 0em 1em;
}
#newlist div p,#newlist div p a{color: #FFF;font-size: 14px;/*white-space: nowrap;overflow: hidden;text-overflow: ellipsis;*/}
#newlist div p span.new{background-color: #F00;}
#newlist div p span.vrlabel{background-color: #0068b6;}
#newlist div p.date,.ranking-item div p.date{font-size: 0.8em;color: #CCC;}
/*#live-frame{padding: 10px;}*/

/*pgmlineup*/
#pgmlineup .content{
 max-width: 1280px;
 margin: 0 auto;
 text-align: left;
}
#pgmlineup .content > .article:before,
#pgmlineup .content > .article:after{content: " ";display: table;
}
#pgmlineup .content > .article:after {clear: both;
}
#pgmlineup .content > .article {*zoom: 1;border-bottom: solid 1px #CCC;
}
/*#pgmlineup .content > .article h3{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}*/
#pgmlineup .content > .article >.video img{
 display: block;
 margin: 0;
}

/*ristorante,mimiyori,carsensor,diy*/
.ristorantecast p{color: #988E78;padding: 0.2em 0.5em 0.5em;text-align: left;}
.mimiyori h4,.diy > .row > div h4{
 color: #f3981c;
 font-weight: bold;
 border-top: solid 2px #30BCEF;
 border-bottom: solid 2px #30BCEF;
 padding: 0 0.5em;
 margin-bottom: 0.4em;
}
.ristorantecast h2,.ristorantecast h3,.ristoranterecipe h4,
.carsensorcast h2,.carsensorcast h3{
 font-weight: bold;
}
.ristorantecast h2,.ristorantecast h3,.ristoranterecipe h4{
 color: #C48F9D;
}
.carsensorcast img {
 border-radius: 60px;
 height: 120px;
 width: 120px;
}
.carsensorcast h2{color: #fe4360;}
.carsensorcast h3,.carsensorcast p{color: #1c9ac2;}
.carsensorcast a,.carsensorcast a *{color: #666;}
.ristorantecast h2,.ristoranterecipe h4{
 border-top: solid 2px #988E78;
 border-bottom: solid 2px #988E78;
 padding: 0 0.5em;
 margin-bottom: 0.4em;
}
.carsensorcast h2{
 border-top: solid 2px #fe4360;
 border-bottom: solid 2px #fe4360;
 padding: 0 0.5em;
 margin-bottom: 0.4em;
}
.diy > .row > div{padding: 1em;}
.diy > .row > div,.diy > .row > div *{font-size: 16px;text-align: left;line-height: 1.7em;}
.diy > .row > div > .gallery{margin: 1em auto;}
.row > div > .gallery > div{padding: 5px;}

/*hirohara*/
.hirohara_sp2019 h4,.hirohara_sp2019 h5{font-weight: bold;}
.hirohara_sp2019 h5{font-size: 16px;}
.hirohara_sp2019 h4{margin: 1em 0 0.5em;}
.hirohara_sp2019 .location .shop{background-color: #E6F1FA;padding: 0.5em;border-radius: 6px;margin-bottom: 0.5em;
}
.hirohara_sp2019 .location .shop .comment,
.hirohara_sp2019 .location .shop .comment p{text-align: left;
}
.hirohara_sp2019 .menu ul.List li{background-color: rgba(255,255,255,0.95);
background-image: url(../../harajuku/stripe.gif);
-webkit-background-size: 15px 15px;
background-size: 15px 15px;
border-left: solid 8px #bfaff7;
padding: 10px;
position: relative;
border-bottom: solid 1px #FFF;
}
.hirohara_sp2019 .menu ul.List li a{color: #5e5e5e;background-color: #FFF;line-height: 40px;width: 100%;display: block;padding: 0 1em 0 2.5em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}
.hirohara_sp2019 .List li a .coron{position: absolute;top:center;left:1.5em;line-height: 40px;}
.mimiyorisyokudo .evt-post-contents{text-align: left;max-width:860px;margin: 0 auto;}
.mimiyorisyokudo .evt-post-contents h3 {font-size: 1.2rem;font-weight: bold;position: relative;color: #f6750f;margin:1em 0 0.5em;}
.mimiyorisyokudo .evt-post-contents .post-content .table-01,
.twi_spre .evt-post-contents .post-content .table-01{border-collapse: collapse;border-spacing: 0;background-color: #FFF;width: 100%;}
.mimiyorisyokudo .editor-contents{margin: 1em auto 0;}
.mimiyorisyokudo .table-01 th,
.mimiyorisyokudo .table-01 td,.twi_spre > .evt-post-contents .post-content .table-01 tr th,
.twi_spre .evt-post-contents .post-content .table-01 tr td  {padding: 1em;border: 1px solid #b6c4d1;line-height: 1.55;color: #666;}
.mimiyorisyokudo .table-01 th,.mimiyorisyokudo .table-01 td{font-size: 1.2rem;}
.mimiyorisyokudo .table-01 th,.twi_spre .evt-post-contents .post-content .table-01 tr th{background-color: #f6750f;color: #FFF;font-weight: normal;}
.twi_spre .evt-post-contents .post-content .table-01 tr th{white-space: nowrap;}
.leisure .editor-area{max-width:860px;margin: 0 auto;padding: 1em 0;text-align: left;font-size: 16px;}
.leisure .editor-area p{margin-bottom: 0.5em;line-height: 1.7em;}
.leisure .editor-area p.onairTitle {font-size: 18px;font-weight: bold;margin-bottom: 0.5em;color: #f6750f;}
.leisure .editor-area .column,.leisure .editor-area .column p{font-size: 14px;}
.leisure .editor-area .column img{display: block;margin: 0 auto;}
.leisure .editor-area .column h3{
  font-size: 1.4em;
  line-height: 1.55;
  margin-bottom: 0.5em;
  color: #f6750f;
}
.leisure .editor-area .column h3,.leisure .editor-area .column h4{font-weight: bold;}
.leisure .editor-area .column .comment{padding: 1em 0.5em;}

.twi_spre > .evt-post-contents > h3{font-weight: bold;}

/*homekokoyakyu*/
.yakyu_wrap{ margin: 0em 1.5rem; padding-top: 2em;}
.yakyu_youtube { position: relative; height: 0; padding-bottom: 56.25%; overflow: hidden;}
.yakyu_youtube iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%;}
.mgn {margin: 3em 0;}
.mgn1 {padding: 1.5em 0;}
.yakyu_nk-link { background: #1385b8; font-size: 1.5em; font-weight: bold; color: #fff; padding: 1em 6em; border-radius: 20px; margin: 0.5em;}

/*For PC---------------------------------------*/
@media screen and (min-width: 750px){
 .SPblock_ad,.SPblock_ad *{display: none;}
 .PCblock_ad{
  max-width: 748px;
  display: block;
  margin: 0 auto;
  padding: 10px;
 }
 .responsive_table .PCblock_ad{width:auto;}
 .text-center{text-align: center;}
 .text-right,.diy > .row > div .text-right{text-align: right;}
 body,html{min-width: 1280px;}
 .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: table-cell;/*overflow: hidden;*/vertical-align: top;}
 .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,#pageBg .pagehead,#pageBg .index01 .nav,#pageBg .index01 > .row,#pageBg .CategoryArea > .row{width: 1280px;}
 #header{margin: 0 auto;}
 #header .row .col-md-3 {padding-top: 10px;}
 #header .row .col-md-3,#pageBg .pagehead p{text-align: left;}
 #header > .row > .advertising{padding-left: 18.667px;}
 #header > .row > .advertising > .PCblock{background-color: #D9E2E9;width: 728px;height: 90px;}
 .search-text{margin: 30px 0 0 0;}
 #pageBg{background-image: url(../../images/bg_default.jpg);
overflow: hidden;
background-position: 50% 0;
background-repeat: no-repeat;
background-color: #e2e8ee;
 }
 #pageBg .pagehead{padding: 5px 0;}
 #pageBg #pagetop a:hover{
  background-color: #0c50a1;
  color: #FFF;
 }
 #pageBg input[type="button"].reload{margin: 0.5em 1em;}
 #pageBg input[type="button"].reload:hover{text-decoration: underline;cursor: pointer;cursor: hand;}
 #pageBg p.button a:hover{background-color: #FFF;color: #0c50a1;}
 #pageBg p.brcaution{text-align: center;}
 #pageBg #newlist div img{max-width: 410px;}
 #pageBg .CategoryArea{padding: 10px 0;}
 #pageBg .CommentArea .btn a span{margin-left: 1em;}
 #pageBg .CategoryArea > .row > .col-md-8{padding-right: 2em;}
 #pageBg .CategoryArea > .row > .col-md-4 .linkbtn{transition: 0.1s ;}
 #pageBg .CategoryArea > .row > .col-md-4 .linkbtn:hover{background-color: #005C85;}
 #pgmlineup .content{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-flow: row wrap;
  letter-spacing: -.4em;
 }
 #pgmlineup .content > *{letter-spacing: normal;}
 #pgmlineup .content > .article{
  display: inline-block;
  letter-spacing: normal;
  width: 20%;
  vertical-align: top;
  padding: 0 0.5em 2em;
  border: none;
 }
 #pgmlineup .content > .article >.video{
  width: 100%;
  display: block;
  margin: 0 auto 10px;
  float: none;
 }
 #pgmlineup .content > .article a:hover{text-decoration: underline;}
 #pgmlineup .content > .article p.date{font-size: 0.75em;}
 .sharebox{margin: 1em 0;}
 #pageBg #newlist div p a:hover,#pageBg #newlist a:hover .bold,#ranklist > .ranking-item > div p a:hover,#alllist a:hover,#pageBg .CategoryArea a:hover{text-decoration: underline;}
 #pageBg table.jasrac{margin-top: 2em;}
 #pageBg table.jasrac td{padding: 0 2em;}
 #pageBg .index01 .CommentArea .col-md-2 img{max-width: 150px;}
 #pageBg .index01 .CommentArea h3{font-size: 16px;word-wrap: break-word;}
 #pageBg .index01 .video,#pageBg .index01 .CommentArea{overflow: hidden; word-wrap: break-word;white-space: normal;}
 #pageBg .index01 .col-md-3{padding-left: 20px;}
 #ranklist a p:hover{text-decoration: underline;}
 #ranklist a p.date:hover{text-decoration: none;}
 #ranklist{padding-bottom: 1em;}
 #ranklist > .ranking-item > div p{display: block;min-width: 100%;}
 .index04 h2{padding: 20px 0 10px;}
 .index04 .tablefixed > .fixed{display: table-cell;letter-spacing: normal;border: solid 1px #DDD;
  }
.index04 .tablefixed{display: table;table-layout: fixed;border-collapse: collapse;
  }
 /*ristorante*/
 .ristoranterecipe .howto .col-md-4,.mimiyori .howto .col-md-4,.hirohara_sp2019 .howto .col-md-4{float: right;}
 .ristorantecast{border: double 4px #C48F9D;padding: 5px;}
 .carsensorcast{border: double 4px #fe4360;padding: 5px;}
 .ristorantecast h2,.ristorantecast h3,.ristoranterecipe h4{color: #C48F9D;font-weight: bold;}
 .ristorantecast h2,.ristoranterecipe h4{border-top: solid 2px #988E78;border-bottom: solid 2px #988E78;padding: 0 0.5em;margin-bottom: 0.4em;}
 .ristorantecast h3{font-size: 16px;}
 .ristoranterecipe,.mimiyori,.hirohara_sp2019{width: 1280px;margin: 10px auto;}
 .ristoranterecipe,.ristoranterecipe p,.mimiyori,.mimiyori p,.hirohara_sp2019,.hirohara_sp2019 p{text-align: center;}
 .ristoranterecipe h4,.mimiyori h4,.hirohara_sp2019 h4{font-size: 18px;text-align: left;}
 .ristoranterecipe .howto p,.ristoranterecipe .material p,.mimiyori .howto p,.mimiyori .material p{font-size: 16px;text-align: left;margin: 0.5em 1em;line-height: 1.7em;}
 .ristoranterecipe .howto .col-md-8,.mimiyori .howto .col-md-8,.hirohara_sp2019 .howto .col-md-8{padding-right: 100px;}
 .ristoranterecipe .howto .recipe p,.mimiyori .howto .recipe p{text-indent: -1em;padding-left: 1em;}
 .ristoranterecipe .row,.mimiyori .row,.hirohara_sp2019 .row{display: block;}
 .hirohara_sp2019 .location .shop .comment{padding-left: 1em;}
 .hirohara_sp2019 a:hover{text-decoration: underline;}
 /*mimiyorisyokudo*/
 .mimiyorisyokudo .evt-post-contents .post-content{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;}
 .mimiyorisyokudo .evt-post-contents .post-content .backnumber2-image{width: 40%;padding:0 30px 30px 0;}
 .mimiyorisyokudo .table-01 th{width: 20%;text-align: center;}

/*homekokoyakyu*/
.yakyu_float-left{ float:left; width: 49.5%;}
.yakyu_float-right{ float: right; width: 49.5%;}
.yakyu_wrap:after{ display: block; clear: both; content: "";}
}
/*For SmartPhone---------------------------------------*/
@media screen and (max-width: 750px){
 .PCblock_ad,.PCblock_ad *{display: none;}
 .SPblock_ad{
  width: 340px;
  display: block;
  margin: 0 auto;
  padding: 10px;
  text-align: center;
 }
 .index04 .tablefixed > .fixed{width: 100%;}
#header > .sp_row > .col-md-2,#header > .sp_row > .col-md-3{width: 33.3%;}
#headerBg .nav,#headerBg .nav{margin-top: 5px;}
#headerBg .nav,#headerBg .nav *{font-size: 10px;}
 .search-text #headerBg .nav{padding: 0 1em;}
 .search-text{width: 100%;}
 .search-text form{width: 100%;margin: 10px 0 0;}
 .search-text form .input-text{width: 80%;}
 .search-text form .input-submit{float: right;width: 20%;}
 #alllist > div p{padding: 0 0.5em;text-align: left;}
 .sharebox{margin: 1em auto;}.scroll{overflow: auto;white-space: nowrap;}.scroll::-webkit-scrollbar{height: 5px;}.scroll::-webkit-scrollbar-track{background: #F1F1F1;}.scroll::-webkit-scrollbar-thumb {background: #BCBCBC;}#pageBg{width: 100%;}#pageBg h1.logo a{width: 116.6px;height: 35px;-webkit-background-size: 116.6px 35px;background-size: 116.6px 35px;margin: 0 0 0 10px;float: left;display: block;}
 #pageBg p,#pageBg h2{text-align: left;padding: 0 0.25em;}
 #pageBg .scroll table th,#pageBg .scroll table td{padding: 0.25em 0.5em;}
 #pageBg .Crumb{padding: 0.5em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
 #pageBg p.brcaution{text-align: left;padding: 0 1em;}
 #pageBg #newlist div p,#ranklist > .ranking-item > div p,#alllist > div p{font-size: 10px;}
 #pageBg input[type="button"].reload{display: block;margin: 0.5em auto;}
 #pageBg .CategoryArea{padding: 10px;}
 #pageBg .CategoryArea > .row > .col-md-8{margin-bottom: 1em;}
 #pageBg .CommentArea .btn a span{display: none;}
 #pgmlineup .content > .article{font-size: 12px;}
 #pgmlineup .content > .article >.video{float: left;max-width: 35%;padding-right: 1em;}
 #pageBg .allpgmlist > div{width: 33.3%;}
 #pageBg #virtual{text-align: left;padding: 0 0.5em;}
 #pageBg #virtual .download{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;
 }
 #pageBg #newlist div p,#alllist > div p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
 #pageBg .page_feed{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;letter-spacing: -.4em;flex-flow: row wrap;margin: 1em 0;}
 #pageBg .page_feed .col-md-6{display: inline-block;width: 50%;letter-spacing: normal;}
 #pageBg table.jasrac td{display: block;width: 100%;}
 #pageBg .index01 .twi_spre{max-width: 300px;margin: 0 auto;}
 #pageBg .index01 .video{width: 320px;margin: 0 auto;overflow: hidden;display: block;}
 #pageBg .index02 h2{font-size: 18px;left: 1.4em;padding: 1em 0.25em 0.5em;}
 #ranklist > .ranking-item > div{width: 50%;}#pageBg .timetable2018 .jump{width: 100%;table-layout: fixed;border-collapse: collapse;}#pageBg .index04 h2{font-size: 24px;}#pageBg .timetable2018 .jump a{font-weight: bold;font-size: 12px;width: 100%;display: block;line-height: 40px;}#pageBg .tablefixed > .fixed h4{border-top: solid 1px #DDD;border-bottom: solid 1px #DDD;}
 /*ristorante*/
 .ristorantecast,.carsensorcast{margin: 1em 0 0;}
 .ristorantecast h3,.carsensorcast h3{font-size: 16px;}
 .ristoranterecipe,.mimiyori{margin: 10px auto;padding: 0 1em;}
 #Episode .ristoranterecipe,#Episode .ristoranterecipe p,
 #Episode .mimiyori,#Episode .mimiyori p{font-size: 14px;}
 .ristoranterecipe h4,.mimiyori h4{font-size: 16px;text-align: left;}
 .ristoranterecipe .howto p,.ristoranterecipe .material p,
 .mimiyori .howto p,.mimiyori .material p {text-align: left;margin: 0.5em 0em;line-height: 1.7em;}
 .ristoranterecipe .howto .recipe p,.mimiyori .howto .recipe p{text-indent: -1em;padding-left: 1em;}
 /*hirohara*/
 .hirohara_sp2019 .menu ul{padding: 0 1em;text-align: left;}
 .hirohara_sp2019 .menu small{display: block;}
 /*mimiyorisyokudo*/
 .mimiyorisyokudo {padding: 1em;}
 .mimiyorisyokudo .table-01 th{width: 30%;}
 .mimiyorisyokudo .table-01 th,.mimiyorisyokudo .table-01 td {font-size: 1rem;}
 .leisure .editor-area{padding: 1em;}
.responsive_table table th,.responsive_table table td{vertical-align: top;text-align: left;display: block;width: 100%;}
.responsive_table table th{font-weight: bold;white-space: nowrap;}
.responsive_table table td{padding: 0 0.5em 0.5em;line-height: 1.7em;}
.responsive_table table td.coron{display: none;}

/*homekokoyakyu*/
.yakyu_float-right{margin-top: 1.5em;}
.yakyu_nk-link { background: #1385b8; font-size: 1.5em; font-weight: bold; color: #fff; padding: 1em 3.5em; border-radius: 10px; margin: 0.5em;}
}