@charset "utf-8";

#ohayou {
    margin: 0 auto;
width: 100%;
}
#ohayou .ttl_bg{
	background: #fff;
	margin:0 auto;
	max-width: 1280px;
}
#ohayou .ttl .ttl_inner{
    background: url("../images/header_img.jpg") top center no-repeat;
    padding-top: 26.953%;
    background-size: cover;
}
/*ここから番組バー*/
#ohayou .description{
	background: #e9513a;
	width:100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
#ohayou .icon{
	display: flex;
	align-items: center;
}
#ohayou .logo{
	padding:5px;
	width: 60px;
	height: 60px;
}
#ohayou .name{
	font-size:30px;
	color:#ffffff;	
}
#ohayou .oa{
	margin-left: 30px;
}
#ohayou .date{
    position:relative;
    background:#ffffff;
    padding: 8px 15px;
    text-align:center;
    color: #e9513a;
	font-size:16px;
    font-weight:bold;
}
#ohayou .date:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(255, 255, 255, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:17px;
    border-right-width:17px;
    margin-top: -10px;
    border-right-color:#ffffff;
    right:100%;
    top:50%;
}
/*ここまで*/
#ohayou .clearTxt{
	text-indent: -10000px;
	text-decoration: none;
}
/*------ コンテンツエリア ------*/
#ohayou .contents{
	max-width:1280px;
	margin: 0 auto;
	background: #f7f7f7;padding: 30px;
}
#ohayou .contents>p{
	background:linear-gradient(to top, #b4f3e2, #ffffff);
	border:2px solid #337295;
	border-radius:6px;
	color:#337295;
	width:30%;
	display:block;
	margin:0px auto 20px;
	text-align:center;
	font-size:28px;
	font-family: 'Kiwi Maru', serif;
	box-shadow: 2px 2px 4px gray;
}

/* アコーディオンメニュー */
* {
  list-style: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.ac {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.ac-parent {
  position: relative;
  height: 50px;
  border-bottom: 1px solid #fff;
  background-color: #337295;
  color: #fff;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  font-size: 20px;
}
.ac-parent:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 45%;
	right: 30px;
	width: 10px;
	height: 10px;
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
	transform: translateY(-50%) rotate(45deg);
	transition: .3s;
}
.ac-parent.open:after {
	transform: rotate(225deg);
}
.ac-child {
  display: none;
  padding: 1em;
  background-color: #daedf7;
  text-align: center;
}
#ohayou ul {
	display:flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

#ohayou .movie {
    width: 22%;
    margin: 10px;
}
#ohayou .movie>p{
	font-size: 20px;
	font-weight: bold;
}
#ohayou .movie>a>div{
	position:relative;
}
#ohayou .play{
	position:absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin:0;
	padding:0;
	width: 25%;
	opacity: 0.8;
}
#ohayou .photo{
width:100%;
}
#ohayou .open{
	display:block;
}
/* clearfix */
 /* IE6 */
* html .clrFix { zoom: 1;}
 /* IE7 */
*:first-child+html .clrFix { zoom: 1;}
#footer {
	margin-top: 0 !important;
}