@charset "UTF-8";
header {
  border-bottom: 5px solid #5fc1c7; }

.otakumode {
  overflow: hidden; }
  .otakumode dt {
    float: left; }
    @media only screen and (max-width: 640px) {
      .otakumode dt {
        float: left;
        width: 100%; } }
  .otakumode dd {
    margin-right: 52px;
    float: right; }
    @media only screen and (max-width: 640px) {
      .otakumode dd {
        float: left;
        width: 100%; } }
    .otakumode dd p {
      background: #eee;
      padding: 3px 6px; }

.tab {
  overflow: hidden; }
  @media only screen and (max-width: 640px) {
    .tab {
      width: 100%; } }

.tab li {
  background: #ccc;
  padding: 5px 25px;
  float: left;
  margin-right: 1px; }
  @media only screen and (max-width: 640px) {
    .tab li {
      width: 24%;
      padding: 5px 0px;
      text-align: center;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; } }

.tab li.select {
  background: #5FC1C7;
  color: #fff; }

.content li {
  background: #fff;
  padding: 20px 0; }

.hide {
  display: none; }

/*
.content{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
	overflow: hidden;

	& iframe,object,embed{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}

*/
iframe {
  width: 600px;
  height: 337px; }
  @media only screen and (max-width: 640px) {
    iframe {
      width: 100%;
      height: 360px; } }

#moviemenu h3 {
  font-weight: bold;
  font-family: "A-OTF UD新ゴ Pro DB", sans-serif;
  font-size: 15px;
  line-height: 1.4;
  margin-top: 10px; }
  @media only screen and (max-width: 640px) {
    #moviemenu h3 {
      text-align: left; } }
  #moviemenu h3 span {
    background: #5FC1C7;
    color: #fff;
    padding: 1px 6px;
    margin-right: 5px; }

#moviemenu h4 {
  margin: 10px auto;
  font-size: 13px;
  padding: 2px 10px;
  color: #aaa;
  background: #ccc; }
  @media only screen and (max-width: 640px) {
    #moviemenu h4 {
      text-align: left; } }
  #moviemenu h4.now {
    color: #fff;
    background: #5FC1C7; }

#moviemenu .program {
  overflow: hidden;
  background: #fff;
  margin-top: 5px; }
  #moviemenu .program p {
    font-size: 11px; }
  #moviemenu .program dt {
    float: left;
    background: #eee;
    padding: 2px 10px;
    width: 95px;
    text-align: center; }
    @media only screen and (max-width: 640px) {
      #moviemenu .program dt {
        text-align: left; } }
  #moviemenu .program dd {
    margin-left: 95px;
    padding: 2px 10px; }
    @media only screen and (max-width: 640px) {
      #moviemenu .program dd {
        text-align: left; } }

#moviemenu .program2 {
  overflow: hidden;
  background: #fff;
  margin-top: 5px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #ddd; }

.right {
  text-align: right; }
  @media only screen and (max-width: 640px) {
    .right {
      text-align: center; } }
  .right img {
    margin-right: 52px;
    width: 30%; }
    @media only screen and (max-width: 640px) {
      .right img {
        margin-right: 0px;
        width: 50%; } }

.imgbox {
  text-align: center; }
  .imgbox img {
    width: 50%; }
    @media only screen and (max-width: 640px) {
      .imgbox img {
        margin-right: 0px;
        width: 50%; } }