/* ---------------------------------------------------------------
   基本設定
--------------------------------------------------------------- */

/* ボックスサイズ */
* {
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
}

/* フォント設定 */
html {
    -ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
color: #333;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.5;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica,
             Verdana, Meiryo, sans-serif;
}

/* フッター下部固定レイアウト */
html {
min-height: 100%;
}
body {
margin: 0;
}
.global-footer {
width: 100%;
background: #ccc;
text-align: center;
}
.copyright {
margin: 0;
padding: .8rem 1rem;
font-size: .75rem;
line-height: 1.3;
}

/* パーツ */
img {
max-width: 100% !important;
width: 100%\9; /* ie8 */
height: auto;
}

.clearfix:after {
content: " ";
display: block;
clear: both;
}

ul {
list-style: none;
margin: 0;
padding: 0;
}

.program-date{
text-align: center;
}

ul li a {
text-decoration: none;
}

em {
font-style: normal;
}

i {
margin-right: .2em;
}


/* ---------------------------------------------------------------
   コンテンツ
--------------------------------------------------------------- */

/* レイアウト枠 */
.global-container {
clear: both;
position: relative;
margin : 0 auto;
width: 100%;
border-top: 1px solid #ccc;
font-size: 62.5%;
}

.container {
margin: 0 auto;
padding-bottom: 3em;
}
@media screen and (min-width: 48.0625em) { /* 769px/16px 769pxから*/
.container {
max-width: 62.5em; /* 1000px */
}
}

.title {
margin-bottom: 1em;
padding: .3em 0 .3em .5em;
/*border-bottom: .1em solid #f4a29a;
color: #24666d;*/
border-bottom: .1em solid #aecf9e;
color: #629b48;
font-size: 1.6rem;
}
@media screen and (min-width: 62.5em) { /* 1000px/16px 1000pxから*/
.title {
padding-left: 0;
}

}



/* 番組表ナビ
------------------------------------------ */

.program-date {
margin: 0 10px;
}
.program-date:after {
content: " ";
display: block;
clear: both;
}
.program-date li {
float: left;
margin-right: 1%;
margin-bottom: 1.3%;
padding: .5em 0;
width: 24.25%;
background-color: #ddd;
border: 1px solid #c2c2c2;
border-radius: .2em;
color: #666;
font-weight: bold;
font-size: .9em;
word-wrap: break-word;
cursor: pointer;
}
.program-date li:hover {
border: 1px solid #e1689b;
}
.program-date li:nth-child(4) {
margin-right: 0;
}
.program-date li.selectprogram {
background-color: #e1689b;
border: 1px solid #e1689b;
color: #fff;
}

@media screen and (min-width: 48.0625em) { /* 769px/16px 769pxから*/
.program-date li {
width: 13.4285%;
font-size: 1em;
}
.program-date li:nth-child(4) {
margin-right: 1%;
}
.program-date li:last-child {
margin-right: 0;
}
}

@media screen and (min-width: 62.5em) { /* 1000px/16px 1000pxから*/
.program-date {
margin: 0 auto;
}
}


/* 番組表
------------------------------------------ */

.program-guide {
margin-top: 1em;
display: none;
font-size: 1rem
}

.program-guide h2 {
margin: 0;
padding: .5em 0 .5em .5em;
/*color: #ee6557;*/
color: #629b48;
font-size: 1.4rem;
}

.program-guide.selectguide {
display: block;
}

/* table */
.program-contents {
width: 100%;
border-collapse: collapse;
color:#666666;
font-size: 1rem
}

.program-contents tr {
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
font-size: 1rem
}
.program-contents th {
padding: .5em;
width: 15%;
background-color: #ffdcf4;
background: repeating-linear-gradient(
-45deg,
#ffdcf4,
#ffdcf4 5px,
#ffd3f1 5px,
#ffd3f1 10px
);
text-align: center;
font-size: 1.25em;
font-family: 'Open Sans', sans-serif;
vertical-align: center;
}
.program-contents td {
padding: .5em;
padding-left: 1em;
vertical-align: center;
}

.program-contents h3 {
margin: .5em 0;
color:#666666;
font-size: 1.15rem;
}
.program-contents h3 a {
/*color: #16a085;*/
color: #0095c0;
text-decoration: none;
}
.program-contents h3 a:hover {
text-decoration: underline;
}
.program-contents p {
margin: .5em 0;
font-size: .9rem;
line-height: 1.4;
}
p.contents-summary {
font-size: 75%;
}
.corners {
margin-left: .5em;
}

@media screen and (max-width: 48em) { /* 768px/16px 768pxまで*/
.program-guide h2 {
margin: 0;
padding: .5em 0 .5em .625em;
background-color: #65ab45;
color: #fff;
font-size: 1.2rem;
}
.program-contents tr {
border-top: 1px solid transparent;
border-collapse: collapse;
}

.program-contents th,
.program-contents td {
display: block;
background:none;
}
.program-contents th {
padding: .5em 1em 0;
width: 100%;
background-color: transparent;
/*color: #ee6557;*/
color: #e1689b;
font-size: 1em;
text-align: left;
}
.program-contents td {
padding: 0 1em;
}
.program-contents h3 {
margin-top: 0;
font-size: 1rem;
}
.program-contents p:last-child {
margin-bottom: 1em;
}
}

@media screen and (min-width: 62.5em) { /* 1000px/16px 1000pxから*/
.program-guide h2 {
padding-left: 0;
}
}





/* お知らせ */

.oshirase {
margin: 1em auto;
padding:0 .8em;
max-width:980px;
}
.oshirase h3 {
margin: 0;
padding:.5em;
background: #aaa;
color: #fff;
font-size: 16px;
font-weight:bold;
border-radius: .3em;
}
.oshirase p{
margin: .5em 0 0 0;
padding: 0 .5em;
font-size: 16px;
}
.oshirase p a {
color: #db0000;
font-weight: bold;
}