/* CSS Reset */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
*,*::before,*::after{box-sizing:border-box}ul[class],ol[class]{padding:0}body,h1,h2,h3,h4,p,ul[class],ol[class],figure,blockquote,dl,dd{margin:0}body{min-height:100%h;scroll-behavior:smooth;text-rendering:optimizeSpeed;line-height:1.5}ul[class],ol[class]{list-style:none}a:not([class]){text-decoration-skip-ink:auto}img{max-width:100%;display:block}article>*+*{margin-top:1em}input,button,textarea,select{font:inherit}img:not([alt]){filter:blur(10px)}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}
div.contents-ga-overflow-suruyo > * { -webkit-transform: translateZ(0px); }

html,body	{ height: 100%; padding: 0; margin: 0; }
body	{ color: #000; background-color: #ffffff; font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
a	{ text-decoration: none; }
.center	{ text-align: center; }

/* ------------ HEADER ------------- */
header	{ width: 100%; height:50px; position: fixed; top:0; left:0; display: -webkit-flex; display: flex; justify-content: center; align-items: center; z-index: 99; background-color: #fff; }
header > h1	{ width: 180px; }
header > h1 img	{ width: 100%; vertical-align:bottom; line-height: 0; }
.headermargin	{ display: block; width: 100%; height:50px; margin: 0; padding: 0; }
.subheader	{ display: block; width: 100%; height:50px; margin: 0; padding: 0; }

/* ------------ DRAWR MENU ------------- */
.drwrapper	{ height: 100%; overflow-x: hidden; position: relative; }
.overlay	{ content: ""; display: block; width: 0; height: 0; position: absolute; top: 0; left: 0; z-index: 10; opacity: 0; transition: opacity .5s; }
.overlay.open	{ width: 100%; height: 100%; opacity: 1; background-color: rgba(0,0,0,0); position: fixed; }
.menu-trigger	{ display: inline-block; width: 24px; height: 19px; vertical-align: middle; cursor: pointer; position: fixed; top: 15px; left: 15px; z-index: 100; }
.menu-trigger span	{ display: inline-block; box-sizing: border-box; position: absolute; left: 0; width: 100%; height: 3px; background-color: #000; transition: all .5s; transform: translateX(0); transition: all .5s; }
.menu-trigger.active	{ transition: all .5s; }
.menu-trigger.active span	{ background-color: #000; }
.menu-trigger span:nth-of-type(1)	{ top: 0; }
.menu-trigger.active span:nth-of-type(1)	{ transform: translateY(8px) rotate(-45deg); }
.menu-trigger span:nth-of-type(2)	{ top: 8px; }
.menu-trigger.active span:nth-of-type(2)	{ opacity: 0; }
.menu-trigger span:nth-of-type(3)	{ bottom: 0; }
.menu-trigger.active span:nth-of-type(3)	{ transform: translateY(-8px) rotate(45deg); }
nav.sp	{ display: block; width: 100%; height: calc(100vh - 50px); margin: 50px 0 0; padding: 0; background-color: #f1eee5; position: fixed; top: 0; left: 0; z-index: 90; transform: translate(-100%); transition: all .5s; overflow: auto; }
nav.sp.open	{ transform: translateZ(0); }
nav.sp .menuinner	{ position: relative; }

/* ------------ MENU SEARCH ------------- */
.menu-search	{ padding: 15px 15px 0; }
.menu-search > select	{ border: 2px solid #3879D9; padding: 3px 10px; border-radius: 3px; background-color: #fff; height: 2.3em; width: 100%; }
.search_container	{ position: relative; box-sizing: border-box; border: 2px solid #3879D9; padding: 3px 10px; border-radius: 3px; background-color: #fff; height: 2.3em; width: 100%; overflow: hidden; margin: 5px 0; }
.search_container input[type="text"]	{ border: none; height: 2.0em; }
.search_container input[type="text"]:focus	{ outline: 0; }
.search_container input[type="submit"]	{ cursor: pointer; font-family:"Font Awesome 5 Free"; font-weight: 900; border: none; background: #3879D9; color: #fff; position: absolute; width: 3.5em; height: 3.0em; right:0px; top: -7px; outline : none; }

.menu-box	{ padding: 15px 15px 0; display: -webkit-flex; display: flex; justify-content: space-between; }
.menu-box > a	{ color:#3879d9; width: calc(33% - 5px); background-color: #fff; border-radius: 3px; padding: 10px; text-align: center;  }
.menu-box > a > i	{ font-size: 2.6rem; }
.menu-box > a > span	{ display: block; text-align: center; font-size: .7rem; text-decoration: none; padding: 5px 0 0; }

.menu-mainlist	{ padding: 15px 0 0; }
.menu-mainlist > ul	{ display: -webkit-flex; display: flex; flex-direction: column; padding: 0; margin: 0; }
.menu-mainlist > ul > li	{ list-style: none; padding: 0 0 1px; margin: 0; }
.menu-mainlist > ul > li > a	{ display: block; width: 100%; position: relative; padding: 14px 15px 14px 25px; color:#3879d9; font-size: 1rem; line-height: 1; font-weight: 700; background-color: #fff; }
.menu-mainlist > ul > li > a:after	{ content:""; position: absolute; top:15px; right:20px; display: inline-block; width: 15px; height: 15px; border-top: 4px solid #3879d9; border-right: 4px solid #3879d9; transform: rotate(45deg); }

.menu-member	{ padding: 0 0 15px; }
.menu-member > ul	{ display: -webkit-flex; display: flex; justify-content: space-between; padding: 15px 15px 0; margin: 0;  }
.menu-member > ul > li	{ width: calc(50% - 5px); list-style: none; padding: 0; margin: 0; }
.menu-member > ul > li > a	{ display: block; text-align: center; width: 100%; padding: 10px; color:#fff; font-size: .8rem; font-weight: 700; background-color: #3879d9; border-radius: 3px; }

.menu-sublist	{ padding: 0; }
.menu-sublist > ul	{ display: -webkit-flex; display: flex; flex-direction: column; padding: 0; margin: 0; border-bottom: 1px solid #fff; }
.menu-sublist > ul > li	{ list-style: none; padding: 0; margin: 0; }
.menu-sublist > ul > li > a	{ display: block; width: 100%; position: relative; padding: 12px 10px 12px 40px; color:#3879d9; font-size: .9rem; line-height: 1; font-weight: 400; border-top: 1px solid #fff; }
.menu-sublist > ul > li > a:after	{ content:""; position: absolute; top:13px; left:20px; display: inline-block; width: 10px; height: 10px; border-top: 3px solid #3879d9; border-right: 3px solid #3879d9; transform: rotate(45deg); }

.menu-copy	{ padding: 15px 15px 30px; background-color: #fff; }
.menu-copy > p	{ font-size: .6rem; color:#333; line-height: 1.4; padding: 0 0 5px; }



section.content	{ margin: 0; padding: 0; background-color: #f1eee5; }
.pgbtn	{ padding: 15px 15px 10px; }
.pgbtn > a	{ display: block; text-align: center; width: 100%; padding: 15px 10px; color:#fff; font-size: 1rem; font-weight: 700; letter-spacing:.1rem; background-color: #3879d9; border-radius: 5px; }
.pgbtn > a > i	{ font-size: 1.2rem; }
.mobtn	{ padding: 5px 15px 0; }
.mobtn > a	{ display: block; text-align: center; width: 100%; padding: 10px; color:#3879d9; font-size: 1rem; font-weight: 700; letter-spacing:.1rem; background-color: #b7d4ff; border-radius: 5px; }
.mobtn > a > i	{ font-size: 1.2rem; }
.grbtn	{ padding: 0 15px 15px; }
.grbtn > a	{ display: block; text-align: center; width: 100%; padding: 10px; color:#f9ed2b; font-size: 1rem; font-weight: 700; letter-spacing:.1rem; background-color: #1f6d0d; border-radius: 5px; }
.grbtn > a > i	{ font-size: 1.2rem; }

/* ------------ PAGINATION ------------- */
.pagination	{ text-align: center; padding: 15px 0 30px; }
.pagination > ul	{ list-style: none; display: inline-block; padding: 0; margin: 0 auto; }
.pagination > ul li	{ display: inline; text-align: center; }
.pagination > ul li a	{ float: left; display: block; font-size: .9rem; font-family: 'Roboto', sans-serif; font-weight: 700; text-decoration: none; padding: 4px 13px; color: #fff; margin-left: -1px; border: 1px solid transparent; line-height: 1.5; border-color: #f0f4f5; color: #4285F4; background: #fff; }
.pagination > ul li a.active	{ cursor: default; outline: none; }
.pagination > ul li a:hover	{ background: #eee; }
.pagination > ul li:first-child a	{ -moz-border-radius: 6px 0 0 6px; -webkit-border-radius: 6px; border-radius: 6px 0 0 6px; }
.pagination > ul li:last-child a	{ -moz-border-radius: 0 6px 6px 0; -webkit-border-radius: 0; border-radius: 0 6px 6px 0; }
.pagination > ul li a.active, 
.pagination > ul li a:active	{ border-color: #4285F4; background: #4285F4; color: #fff; }


.daymenu { width: 100%; overflow: auto; white-space: nowrap; padding: 0; margin: 0; }
.daymenu > ul	{  display: -webkit-flex; display: flex; padding: 0 15px 15px; margin: 0; }
.daymenu > ul > li	{ list-style: none; padding: 0; margin: 0; border: 1px solid #1451ab; border-right: 0 solid #fff; }
.daymenu > ul > li > a	{ color:#363636; min-width: 74px; display: -webkit-flex; display: flex; flex-direction: column; padding: 10px 5px; text-align: center; line-height: 1; background-color: #fff; }
.daymenu > ul > li > a > strong	{ font-size: .8rem; font-weight: 700; padding: 0 0 5px; }
.daymenu > ul > li > a > strong > b	{ font-size: 1rem; font-weight: 700; }
.daymenu > ul > li > a > span	{ font-size: 1.2rem; font-weight: 700; color:#363636; }
.daymenu > ul > li > a.sat > span	{ color:#15429e; }
.daymenu > ul > li > a.sun > span	{ color:#ab1c11; }
.daymenu > ul > li > a.current	{ background-color: #1451ab; }
.daymenu > ul > li > a.current, 
.daymenu > ul > li > a.current > span	{ color:#fff; }

.head-border	{ display: flex; color:#000; font-size: 1rem; line-height: 1; font-weight: 700; letter-spacing:.1rem; width: 100%; text-align: center; padding: 10px 15px; align-items: center; }
.head-border:before, 
.head-border:after	{ content: ""; height: 1px; flex-grow: 1; background-color: #000; }
.head-border:before	{ margin-right: 1rem; }
.head-border:after	{ margin-left: 1rem; }
.titleh3	{ color: #4d4d4d; font-size: 1.1rem; line-height: 1; font-weight: 700; text-align: center; padding: 10px 15px; align-items: center; background-color: #ffcc33; margin: 10px 0; }

.program_topic	{ padding: 0 0 15px; }
.program_topic > ul	{ display: -webkit-flex; display: flex; flex-wrap: wrap; padding: 0 15px; margin: 0; }
.program_topic > ul > li	{ list-style: none; padding: 0; width: calc(100% / 3 - 6px); margin: 0 9px 10px 0; background-color: #fff; border-radius: 3px; border: 3px solid #fff; }
.program_topic > ul > li:nth-child(3n)	{ margin: 0 0 10px; }

.pgimg img	{ width: 100%; }
.pgtitle	{ font-size: .9rem; font-weight: 700; color:#363636; padding: 5px 5px 0; text-align: left; }
.pginfo	{ font-size: .75rem; font-weight: 400; color:#363636; padding: 5px; text-align: left; }
.pgmor	{ font-size: .6rem; font-weight: 400; color:#363636; padding: 0 5px 5px; text-align: right; border-top: 1px solid #ccc; }

.program_now	{ padding: 0 0 15px; }
.ch_set	{ border-bottom: 1px dotted #ccc; padding: 0; margin: 0 15px; }
.ch_set > a	{ display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; background-color: #fff; padding: 10px; }
.ch_set > a > p	{ font-size: 2rem; font-weight: 700; line-height: 1; font-family: 'Roboto', sans-serif; color: #b8b1ab; width: 35px; text-align: center; }
.ch_set > a > dl	{ width: calc(100% - 45px); display: -webkit-flex; display: flex; flex-direction: column; }
.ch_set > a > dl > dt	{ font-size: .8rem; font-weight: 400; line-height: 1; color: #000; padding: 0 0 5px; }
.ch_set > a > dl > dd	{ font-size: .9rem; font-weight: 700; line-height: 1.3; color: #333; }

.program_ranking	{ padding: 0 0 15px; }
.ch_rank	{ padding: 0 0 5px; margin: 0 15px; }
.ch_rank > a	{ display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; background-color: #fff; padding: 10px; border-radius: 3px; }
.ch_rank > a > p	{ font-size: 2rem; font-weight: 700; line-height: 1; font-family: 'Roboto', sans-serif; color: #1451ab; width: 35px; text-align: center; }
.ch_rank > a > ul	{ width: calc(100% - 45px); display: -webkit-flex; display: flex; flex-direction: column; padding: 0; margin: 0; }
.ch_rank > a > ul > li	{ font-size: .9rem; font-weight: 700; line-height: 1.4; color: #333; list-style: none; padding: 0; }

/* PROGRAM DETAIL */
.detail-content	{ width: 100%; }
.detail-content .content-inner	{ padding: 0 0 30px; }
.detail-content .content-inner > h4	{ color: #4d4d4d; font-size: 1rem; line-height: 1; font-weight: 700; padding: 15px 0 5px; margin: 0 15px; }
.detail-content .detail-content-main	{ padding: 0 15px 15px; }
.detail-content .detail-content-main > h2	{ color: #4d4d4d; font-size: 1.3rem; line-height: 1.3; font-weight: 700; margin: 0; padding: 10px 0; }
.detail-content .detail-content-main .dtinfo	{ padding: 0; margin: 0; display: -webkit-flex; display: flex; flex-direction: column; }
.detail-content .detail-content-main .dtinfo > li	{ color: #4d4d4d; font-size: .8rem; line-height: 1; padding: 0 0 10px; }
.detail-content .detail-content-main .tvstation	{ display: -webkit-flex; display: flex; padding: 0; margin: 0; }
.detail-content .detail-content-main .tvstation > a	{ width: 100%; background-color: #fff; padding: 10px 15px; text-decoration: none; line-height: 1.2; text-align: left; overflow: hidden; }
.detail-content .detail-content-main .tvstation > a .ch_number	{ font-size: 1rem; color:#0066ff; font-weight: bold; display: block; padding: 0 0 2px 12px; position: relative; }
.detail-content .detail-content-main .tvstation > a .ch_number::before	{ content: ""; position: absolute; top:5px; left: 0; width: 6px; height: 6px; border-top: 2px solid #0066ff; border-right: 2px solid #0066ff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.detail-content .detail-content-main .tvstation > a .ch_name	{ color:#000000; font-size: .8rem; display: block; padding: 0 0 0 12px; white-space: nowrap; }
.detail-content .detail-content-main .operation	{ padding: 0; margin: 0; display: -webkit-flex; display: flex; justify-content: space-between; }
.detail-content .detail-content-main .operation > li	{ width: calc(100% / 3 - 5px); padding: 10px 0; }
.detail-content .detail-content-main .operation > li > a	{ display: block; padding: 8px 5px; width: 100%; text-align: center; font-size: .8rem; font-weight: 700; color:#fff; background-color: #000; border-radius: 5px; }
.detail-content .detail-content-main .operation > li > a.omakase	{ background-color: #2b8a15; }
.detail-content .detail-content-main .operation > li > a.kininaru	{ background-color: #23689e; }
.detail-content .detail-content-main .operation > li > a.royoyaku	{ background-color: #d64106; }
.detail-content .detail-content-main .tvimg	{ width: 100%; }
.detail-content .detail-content-main .tvimg img	{ width: 100%; vertical-align:bottom; line-height: 0; }
.detail-content .detail-content-info	{ padding: 15px; border-top: 1px solid #ccc; background-color: #fff; }
.detail-content .detail-content-info > strong	{ display: block; color: #4d4d4d; font-size: 1rem; line-height: 1; font-weight: 700; padding: 0 0 5px; }
.detail-content .detail-content-info > p	{ display: block; color: #000; font-size: .9rem; line-height: 1.5; padding: 0; margin: 0; }
.detail-content .detail-content-info .pginfo	{ padding: 10px 0 0; margin: 0; display: -webkit-flex; display: flex; flex-wrap: wrap; }
.detail-content .detail-content-info .pginfo > li	{ color: #4d4d4d; font-size: .8rem; line-height: 1; padding: 5px 10px; background-color: #ccc; margin: 0 5px 0 0; white-space: nowrap; }
.detail-content .detail-content-info .pginfo-link	{ padding: 0; margin: 0; display: -webkit-flex; display: flex; flex-wrap: wrap; }
.detail-content .detail-content-info .pginfo-link > li	{ padding: 0 10px 0 0; }
.detail-content .detail-content-info .pginfo-link > li > a	{ color: #3879d9; position: relative; white-space: nowrap; font-size: .85rem; padding: 0 0 0 10px; }
.detail-content .detail-content-info .pginfo-link > li > a::before	{ content: ""; position: absolute; top:6px; left: 0; width: 6px; height: 6px; border-top: 2px solid #0066ff; border-right: 2px solid #0066ff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.detail-content .detail-content-info .pginfo-link2	{ padding: 0 0 40px; margin: 0; display: -webkit-flex; display: flex; flex-wrap: wrap; }
.detail-content .detail-content-info .pginfo-link2 > li	{ padding: 5px 5px 5px 0; }
.detail-content .detail-content-info .pginfo-link2 > li > a	{ color: #3879d9; position: relative; white-space: nowrap; font-size: .8rem; padding: 3px 12px; border-radius: 50px; border: 1px solid #ccc; }

/* COMMUNICATION */
.communication-main	{ background-color: #fff; padding: 0; }
.communication-main h2	{ color: #4d4d4d; font-size: 1.1rem; line-height: 1; font-weight: 700; text-align: left; padding: 10px 15px; align-items: center; background-color: #ffcc33; margin: 0; }
ul.communication-cate	{ padding: 15px 0 10px; margin: 0 15px; display: -webkit-flex; display: flex; justify-content: space-between; }
ul.communication-cate > li	{ padding: 0; width: 50%; }
ul.communication-cate > li > a	{ display: block; width: 100%; color: #3879d9; background-color: #fff; position: relative; white-space: nowrap; text-align: center; font-size: .9rem; font-weight: 700; padding: 5px; border: 1px solid #ccc; }
ul.communication-cate > li:last-child > a	{ border-left: 0 solid #ccc; }
ul.communication-cate > li > a.current	{ color: #fff; border: 1px solid #3879d9; background-color: #3879d9; }
ul.communication-link	{ padding: 0 0 10px; margin: 0 15px; display: -webkit-flex; display: flex; justify-content: space-between; }
ul.communication-link > li	{ padding: 0; width: calc(100% / 3 - 3px); }
ul.communication-link > li > a	{ display: block; width: 100%; color: #3879d9; background-color: #fff; position: relative; white-space: nowrap; text-align: center; font-size: .8rem; padding: 3px 5px; border-radius: 50px; border: 1px solid #ccc; }
ul.communication-link > li > a.current	{ color: #fff; border: 1px solid #3879d9; background-color: #3879d9; }

.ranking_list	{  padding: 15px 0 40px; }
.ranking_list .ch_setrc	{ display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; background-color: #fff; padding: 10px; margin: 0 15px 5px; }
.ranking_list .ch_setrc > p	{ font-size: 2rem; font-weight: 700; line-height: 1; font-family: 'Roboto', sans-serif; color: #b8b1ab; width: 35px; text-align: center; }
.ranking_list .ch_setrc > p.rc01	{ color:#9d7300; }
.ranking_list .ch_setrc > p.rc02	{ color:#808080; }
.ranking_list .ch_setrc > p.rc03	{ color:#845134; }
.ranking_list .ch_setrc > dl	{ width: calc(100% - 45px); display: -webkit-flex; display: flex; flex-direction: column; }
.ranking_list .ch_setrc > dl > dt	{ font-size: .9rem; font-weight: 700; line-height: 1.3; color: #000; padding: 0 0 5px; display: -webkit-flex; display: flex; justify-content: space-between; }
.ranking_list .ch_setrc > dl > dt > a	{ color: #3879d9; }
.ranking_list .ch_setrc > dl > dt > span	{ padding: 0 0 0 10px; font-weight: 400; white-space: nowrap; }
.ranking_list .ch_setrc > dl > dd	{ font-size: .8rem; font-weight: 400; line-height: 1.3; color: #333; }
.ranking_list .ch_setrc > dl > dd > a	{ color: #3879d9; }

.detail-content .detail-communication	{ padding: 0; border-radius: 10px; margin: 0 15px 15px; background-color: #eee385; display: -webkit-flex; display: flex; flex-direction: column; border: 2px solid #eee385; }
.detail-content .detail-communication .detail-commu__ttl	{ padding: 10px 15px; border-bottom: 1px solid #f1eee5; border-radius: 10px 10px 0 0; }
.detail-content .detail-communication .detail-commu__ttl .commu_name	{ color: #4d4d4d; font-size: .9rem; line-height: 1.3; font-weight: 700; text-align: left; padding: 0 0 5px; margin: 0; }
.detail-content .detail-communication .detail-commu__ttl .commu_date	{ color: #4d4d4d; font-size: .8rem; line-height: 1; text-align: left; }
.detail-content .detail-communication .detail-commu__niy	{ padding: 15px; background-color: #fff; border-radius: 0 0 10px 10px; }
.detail-content .detail-communication .detail-commu__niy strong	{ display: block; color: #4d4d4d; font-size: 1rem; line-height: 1; font-weight: 700; padding: 0 0 5px; }
.detail-content .detail-communication .detail-commu__niy p	{ display: block; color: #000; font-size: .8rem; line-height: 1.5; padding: 0; margin: 0; }

/* PROGRAM LIST */
.program_list__wrapper	{ overflow: auto; height: calc(100% - 100px);  position: relative; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; }
.program_list__wrapper::-webkit-scrollbar	{ width: 10px; height: 10px; }
.program_list__wrapper::-webkit-scrollbar-track	{ background: #afddf8; }
.program_list__wrapper::-webkit-scrollbar-thumb	{ background:#00a2ff; }

table.program_list	{ border-collapse: collapse; border-spacing: 0; }
table.program_list th,table.program_list td	{ vertical-align: top; padding: 0; }
.program_list__blank	{ position: sticky; position: -webkit-sticky; top: 0; left: 0; color: #fff; background: #e5e5e5; }
.program_list__blank:before	{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-right: 1px solid #808080; }
.program_list__fixed__tvstation,
.program_list__fixed__time	{ position: sticky; position: -webkit-sticky; top: 0; left: 0; color: #fff; }
.program_list__blank	{ z-index: 20; }
.program_list__fixed__tvstation	{ z-index: 10; }
.program_list__fixed__time	{ z-index: 1; }

.program_list__time	{ display: -webkit-flex; display: flex; flex-wrap: wrap; padding: 0; margin: 0; width: 30px; }
.program_list__time > li	{ width: 100%; text-align: center; background-color: #919191; height: 300px; border-bottom-style: solid; border-bottom-color: #ffffff; border-bottom-width: 5px; position: relative; padding-top: 5px; }
.program_list__time > li > p	{ color: #ffffff; text-align: center; font-weight: bold; font-size: .85rem; line-height: 1; position: sticky; position: -webkit-sticky; top: 53px; left: 0; padding: 0; margin: 0; }

.program_list__tvstation	{ display: -webkit-flex; display: flex; padding: 0; margin: 0; }
.program_list__tvstation > a	{ width: 150px; max-height: 48px; background-color: rgba(229,229,229,1); border-right: 1px solid #808080; padding: 5px; text-decoration: none; line-height: 1.2; text-align: left; overflow: hidden; }
.program_list__tvstation > a .ch_number	{ font-size: 1rem; color:#0066ff; font-weight: bold; display: block; padding: 0 0 2px 12px; position: relative; }
.program_list__tvstation > a .ch_number::before	{ content: ""; position: absolute; top:5px; left: 0; width: 6px; height: 6px; border-top: 2px solid #0066ff; border-right: 2px solid #0066ff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.program_list__tvstation > a .ch_name	{ color:#000000; font-size: .8rem; display: block; padding: 0 0 0 12px; white-space: nowrap; }

.program_list__detail	{ display: -webkit-flex; display: flex; padding: 0; margin: 0; align-items: flex-start; }
.program_list__detail .program__channel { width: 150px; border-right: 1px solid #333333; display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: flex-start; }
.program_list__detail .program__channel > a	{ width: 100%; padding: 2px 4px; margin: 0; color:#000000; font-size: .75rem; text-align: left; line-height: 1.3; text-decoration: none; border-top: 1px solid #333333; position: relative; }
.program_list__detail .program__channel > a:first-child	{ border-top: 0 solid #333333; }
.program_list__detail .program__channel > a:last-child	{ border-bottom: 1px solid #333333; }
.program_list__detail .program__channel > a > p	{ position: sticky; position: -webkit-sticky; top: 53px; left: 0; padding: 0; margin: 0; }
.program_list__detail .program__channel > a > p > span	{ display: inline-block; margin: 0 2px 0 0; color: #ffffff; background-color: #a7a7a7;text-align: center; vertical-align: top; font-size: .7rem; line-height: 1; padding: 1px 4px; }

.modal-wrapper	{ z-index: 999; position: fixed; top: 0; right: 0; bottom: 0; left: 0; padding: 30px 0 0; text-align: center }
.modal-wrapper:not(:target)	{ opacity: 0; visibility: hidden; transition: opacity .3s, visibility .3s; }
.modal-wrapper:target	{ opacity: 1; visibility: visible; transition: opacity .4s, visibility .4s; }
.modal-wrapper::after	{ display: inline-block; height: calc(var(--vh, 1vh) * 100 - 90px); margin-left: -.05em; vertical-align: middle; content: "" }
.modal-wrapper .modal-window	{ display: inline-block; z-index: 40; position: relative; width: 90%; height: calc(var(--vh, 1vh) * 100 - 60px); padding: 20px; border-radius: 3px; background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, .8); vertical-align: middle }
.modal-wrapper .modal-window .modal-content	{ height: calc(var(--vh, 1vh) * 100 - 100px); overflow-y: auto; text-align: left; position: relative; border: 0; }
.modal-overlay	{ z-index: 30; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, .4) }
.modal-wrapper .modal-close	{ z-index: 40; position: absolute; top: 0; right: 0; width: 35px; color: #95979c !important; font-size: 20px; font-weight: 700; line-height: 35px; text-align: center; text-decoration: none; text-indent: 0 }
.modal-wrapper .modal-close:hover	{ color: #2b2e38 !important }

#present-moment	{ position: absolute; left: 0; z-index: 5; /* margin-top:-100px; padding-top:100px; */ }
#present-moment .present-moment__inner	{ background-color: #ff0000; height: 1px; width: 100%; overflow: visible; display: flex; align-items: center; }
#present-moment .present-moment__inner > span	{ display: inline-block; background-color: #ff0000; color: #fff; font-size: 10px; line-height: 1; padding: 3px 0 3px 6px; }
#present-moment .present-moment__inner::after	{ content: ''; width: 0; height: 0; border-style: solid; border-width: 8px 0 7px 10px; border-color: transparent transparent transparent #ff0000; }
#present-moment #now	{ margin-top:-82px; padding-top:82px; }

.page_top	{ display: block; z-index: 6; padding: 0; margin: 0; position: fixed; right:20px; bottom:20px; }
.page_top > a	{ display: block; background: #ff0000; border-radius: 3px; box-shadow: 2px 2px 5px rgba(0,0,0,0.6); padding: 10px; text-align: center; color:#ffffff; font-size: .8rem; line-height: 1.2; font-weight: 700; text-decoration: none;  }


/* HELP PAGE */
.helpset	{ display: -webkit-flex; display: flex; flex-direction: column; margin: 0 15px; padding: 10px 0 0; }
.helpset > h3	{ width: 100%; font-size: 1rem; font-weight: 700; line-height: 1.3; padding: 5px 0; }
.helpset > ul	{ width: 100%; padding: 12px 12px 4px 2rem; margin: 0; background-color: #fff; }
.helpset > ul > li	{ padding: 0 0 8px; margin: 0; font-size: .9rem; line-height: 1.3; }
.helpset > ul > li a	{ color: #3879d9; }

/*  ADD PAGE */
ul.stcount	{ list-style-type: none; display:table; width:100%; padding:0; margin:0; overflow:hidden; }
ul.stcount li	{ font-family: 'Roboto', sans-serif; font-size: .7rem; text-align: center; display:table-cell; position:relative; background: #504944; padding: 10px 10px 10px 15px; color: #fff; }
ul.stcount li:last-child	{ padding-right: 1em; }
ul.stcount li:last-child:before,
ul.stcount li:last-child:after	{ display:none; }
ul.stcount li:before,
ul.stcount li:after	{ content: ""; position: absolute; width: 0; height: 0; margin: auto; }
ul.stcount li:before	{ top:-22px; right:-10px; border-style: solid; border-color: transparent transparent transparent #fff; border-width: 40px 0 40px 20px; z-index: 3; }
ul.stcount li:after	{ top:-22px; right:-8px; border-style: solid; border-color: transparent transparent transparent #504944; border-width: 40px 0 40px 20px; z-index: 3; }
ul.stcount li.current	{ background: #9bbb30; font-weight: bold; }
ul.stcount li.current:after	{ border-color: transparent transparent transparent #9bbb30; }
.frame-contents	{ margin: 5px 15px 0; padding: 0; background-color: #fff; border-radius: 5px; color: #4d4d4d; font-size: .8rem; line-height: 1.4; }
.step	{ display: -webkit-flex; display: flex; flex-direction: column; padding: 10px 0 0; }
.step b	{ font-family: 'Roboto', sans-serif; font-size: 2rem; line-height: 1.3; font-weight: 700; text-align: center; }
.step span	{ font-size: 1.2rem; line-height: 1.3; font-weight: 700; text-align: center; padding: 0 0 10px; }
.frame-contents .step	{ background: #9bbb30; border-radius: 5px 5px 0 0; }
.frame-contents .step span	{ color:#fff; }
p.adtopbold	{ padding: 15px; font-weight: 700; }
ul.stcomm	{ list-style-type: none; display:table; width:100%; padding:0; margin:0 0 15px; overflow:hidden; }
ul.stcomm li	{ font-size: .7rem; text-align: center; display:table-cell; position:relative; background: #3879d9; padding: 10px 5px; color: #fff; border-right: 1px solid #fff; }
ul.stcomm li a	{ color:#ffffff; text-decoration: none; }
ul.stcomm li:last-child	{ border-right: 0; }
ul.stcomm li.current	{ background: #9bbb30; font-weight: bold; }

.must-atent	{ font-size: .8rem; display: block; text-align: center; padding: 0 0 5px; margin: 0; }
.kiyaku	{ }
.kiyaku iframe	{ width: 100%; overflow: auto; }
.attention	{ color:#ff0000; }

.addchbk	{ color:#3879d9; font-size: .9rem; line-height: 1.6; font-weight: 700; text-align: center; }
.addchbk2	{ color:#000000; font-size: .9rem; line-height: 1.6; font-weight: 700; }
.addset	{ border-top: 1px solid #ccc; padding: 10px 15px; }
.addset.error	{ background-color: #ffdbdb; }
.addset > h4	{ color: #4d4d4d; font-size: 1rem; line-height: 1.3; font-weight: 700; margin: 0; padding: 0 0 10px; }
.addset > h5	{ color:#3879d9; font-size: .9rem; font-weight: 700; }
.addset > button	{ width: 100%; text-align: center; font-weight: 700; }
.addset > a.back	{ }

.txfmset	{ padding: 0 0 10px; }
.txfmset input[type="text"], 
.txfmset input[type="password"]	{ width: 100%; padding: 5px; border: 2px solid #3879d9; border-radius: 5px; }
.txfmset p	{ font-size: .8rem; padding: 3px 0 0; }
.txfmset > ul	{ padding: 0 0 0 1rem; margin: 0; }
.txfmset > ul > li	{ font-size: .7rem; padding: 3px 0 0 0; }
.txfmset > dl	{ display: -webkit-flex; display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; }
.txfmset > dl > dt	{ width: calc(100% - 1.2rem); padding: 0 0 3px;  }
.txfmset > dl > dd	{ white-space: nowrap; width: 1.2rem; text-align: center; padding: 0 0 3px; }
.btmaten	{ font-size: .7rem; padding: 10px 15px; }
.btmaten .img	{ text-align: center; }
.btmaten .img img	{ margin: 0 auto; }
.attentionset	{ font-size: .7rem; padding: 10px; border-radius: 5px; background-color: #f5f2ef; }
.errorMessage	{ padding: 10px; border: 2px solid #ff0000; background-color: #ffdbdb; margin: 0 10px 15px; }
.errorMessage > strong	{ color:#ff0000; font-size: 1rem; font-weight: 700; display: block; padding: 0 0 5px; }
.errorMessage > p	{ color:#000; font-size: .8rem; font-weight: 700; display: block; padding: 0 0 5px; }
.lastMessage	{ padding: 10px; border: 2px solid #cccccc; background-color: #fff; margin: 0 0 15px; }
.lastMessage > strong	{ color:#000; font-size: 1rem; font-weight: 700; display: block; padding: 0 0 5px; }
.lastMessage > p	{ color:#000; font-size: .8rem; font-weight: 700; display: block; padding: 0 0 5px; }
.erMes	{ padding: 10px; margin: 0; }
.erMes > strong	{ color:#ff0000; font-size: .9rem; font-weight: 700; display: block; padding: 0; text-align: center; }
.txcheck	{ font-size: .9rem; width: 100%; padding: 8px; margin: 0 0 5px; border: 2px solid #3879d9; border-radius: 5px; text-align: center; background-color: #ffffe7; }

.colorChip	{ font-size: 1px; line-height: 1; margin: 0; border: 1px solid #999; width: 25px; height: 16px; display: block; }
.palettelist	{ width: 100%;  }
.palettelist td	{ padding: 5px; border-top: 1px dotted #ddd; }

.snsicon	{ display:table; width: 100%; padding: 0 0 10px; }
.snsicon a	{ display:table-cell; padding: 8px 5px; text-align: center; font-size: 15px; line-height: 1; color:#ffffff; text-decoration: none; width: calc(100% / 3); }
.snsicon a img	{ width: 15px; height:15px; margin: 0 auto; vertical-align:bottom; line-height: 1; }
.snsicon a.icfb	{ background: #3b5998; }
.snsicon a.ictw	{ background: #55acee; }
.snsicon a.icli	{ background: #01b833; }

/* PULLDOWN */
.pullwrapper	{ width: 100%; height:100%; display: -webkit-flex; display: flex; justify-content: center; align-items: center; padding: 0 10px; }
.pullwrapper ul	{ display: -webkit-flex; display: flex; justify-content: space-between; padding: 0; margin: 0; width: 100%; }
.pullwrapper ul li	{ width: calc(100% / 3 - 5px)!important; padding: 0; margin: 0; list-style: none; overflow: hidden; }
.pullwrapper ul li .select { position: relative; width: 100%; border: #ccc solid 2px; border-radius: 4px; }
.pullwrapper ul li .select::after	{ content: ''; position: absolute; top: 12px; right: 6px; width: 0; height: 0; border: none; border-top: 8px solid #1451ab; border-right: 5px solid transparent; border-left: 5px solid transparent; }
.pullwrapper ul li .select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; width: 100%; height: 30px; line-height: 30px; font-size: 12px; box-sizing: border-box; padding-left: 5px; border: none; background-color: transparent; border-radius: 0; outline: none; }


/* ニュース報道 */
.program_list__detail .program__channel > a.genre__01	{ background-color: #fae9fc; }
.program_list__detail .program__channel > a.genre__01 > p > span	{ background-color: #cc81d7; }
/* スポーツ */
.program_list__detail .program__channel > a.genre__02	{ background-color: #f9ffe5; }
.program_list__detail .program__channel > a.genre__02 > p > span	{ background-color: #9dae61; }
/* 情報ワイドショー */
.program_list__detail .program__channel > a.genre__03	{ background-color: #e0f3ff; }
.program_list__detail .program__channel > a.genre__03 > p > span	{ background-color: #649dc1; }
/* ドラマ */
.program_list__detail .program__channel > a.genre__04	{ background-color: #fff1f1; }
.program_list__detail .program__channel > a.genre__04 > p > span	{ background-color: #ba5959; }
/* 音楽 */
.program_list__detail .program__channel > a.genre__05	{ background-color: #fff6e8; }
.program_list__detail .program__channel > a.genre__05 > p > span	{ background-color: #dfaf65; }
/* バラエティー */
.program_list__detail .program__channel > a.genre__06	{ background-color: #e9eaff; }
.program_list__detail .program__channel > a.genre__06 > p > span	{ background-color: #6a6ed1; }
/* 映画 */
.program_list__detail .program__channel > a.genre__07	{ background-color: #ebf9fe; }
.program_list__detail .program__channel > a.genre__07 > p > span	{ background-color: #4da0bd; }
/* アニメ特撮 */
.program_list__detail .program__channel > a.genre__08	{ background-color: #fffce9; }
.program_list__detail .program__channel > a.genre__08 > p  > span	{ background-color: #d5be30; }
/* ドキュメンタリー教養 */
.program_list__detail .program__channel > a.genre__09	{ background-color: #e2ffe9; }
.program_list__detail .program__channel > a.genre__09 > p  > span	{ background-color: #52b56a; }
/* 劇場公演 */
.program_list__detail .program__channel > a.genre__10	{ background-color: #f1ffee; }
.program_list__detail .program__channel > a.genre__10 > p  > span	{ background-color: #44c628; }
/* 趣味教育 */
.program_list__detail .program__channel > a.genre__11	{ background-color: #fdffef; }
.program_list__detail .program__channel > a.genre__11 > p  > span	{ background-color: #aec225; }
/* 福祉 */
.program_list__detail .program__channel > a.genre__12	{ background-color: #f9f9f9; }
.program_list__detail .program__channel > a.genre__12 > p  > span	{ background-color: #a2a2a2; }
/* その他 */
.program_list__detail .program__channel > a.genre__13	{ background-color: #ffffff; }
.program_list__detail .program__channel > a.genre__13 > p  > span	{ background-color: #a7a7a7; }
/*  */
.program_list__detail .program__channel > a.genre__14	{ background-color: #c1c1c1; }
.program_list__detail .program__channel > a.genre__14 > p  > span	{ background-color: #808080; }
/*  */
.program_list__detail .program__channel > a.genre__15	{ background-color: #c1c1c1; }
.program_list__detail .program__channel > a.genre__15 > p  > span	{ background-color: #808080; }
/* 終了 */
.program_list__detail .program__channel > a.past	{ background-color: #c1c1c1; }
.program_list__detail .program__channel > a.past > p  > span	{ background-color: #808080; color:#c1c1c1; }





/* INFO */
.infoArea	{ display: block; padding: 10px; }
.infoArea > h2	{ display: block; font-size: 18px; font-weight: 700; text-align: center; }
.timeList	{ padding: 10px 0 0; }
.timeList > dl	{ display: -webkit-flex; display: flex; flex-direction: column; background-color: #fff; border-radius: 5px; margin: 0 0 10px; }
.timeList > dl > dt	{ padding: 10px 10px 5px; border-bottom: 1px solid #eee; font-size: 14px; line-height: 1; }
.timeList > dl > dd	{ padding: 10px; font-size: 15px; line-height: 1.45; }
.timeList > dl > dd a	{ display: block; }

.infodetail	{ background-color: #fff; border-radius: 5px; margin: 0 0 10px; padding: 15px; }
.infodetail h3	{ font-size: 20px; line-height: 1.5; padding: 0; margin: 0 0 10px; }
.infodetail p	{ font-size: 14px; line-height: 1.5; }