/* mobile */

/* ipad横 */
@media screen and (max-width:1023px) {
}

/* ipad縦 */
@media screen and (max-width:767px) {
  html {
    -webkit-text-size-adjust: 100%;
  }
  #header {
    width: 100%;
    background-position: 10px 0;
  }
  #header h1 {
    margin-left: 70px;
  }
  #header p {
    margin-left: 70px;
  }
  /* menu style */
  #menu ul {
    width: 720px;
  }
  /* footer style */
  #footer h1 {
    width: 100%;
  }

  /* body */
  #body {
    width: 720px;
  }
  #main {
    float: none;
    width: 100%;
  }
  #side {
    float: none;
    width: 100%;
  }

  /* top */
  .top_timetable {
    width: 700px;
  }

  /* live */
  .live_streaming {
    width: 640px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  .live_streaming a {
    width:100% !important;
  }

  /* vod */
  .vod_timetable {
    width: 700px;
  }
  .video_box {
    width: 640px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  /* search */
  .search_table {
    width: 700px;
  }
  .search_table th {
    width: 180px;
  }
  .search_select,
  .search_speaker,
  .search_input {
    font-size: 16px;
  }
  .btm200 {
    font-size: 16px;
  }
}

/* iPhone6Plus横 */
/*
@media (max-width:736px) {
  */
@media screen and (max-width:735px) {
}

/* iPhone6横 */
@media screen and (max-width:666px) {
  #menu ul {
    width: 100%;
  }
  #body {
    width:100%;
  }

  /* top */
  .top_live_icon {
    width:100%;
    height:auto;
  }
  .top_live_icon img {
    width:100%;
    height:auto;
  }

  .top_timetable {
    width: 620px;
  }

  /* live */
	.livebanner {
	  display:block;
	  margin:20px auto;
    max-width:100%;
    height:auto;
	}
	.livebanner img {
    width:100%;
   height:100%;
  }
  .live_streaming {
    width: 320px;
  }
  .live_streaming iframe {
    width: 320px;
    height: 213px;
  }

  /* vod */
  .vod_timetable {
    width: 624px;
  }
  .video_box {
    width: 320px;
    height: auto;
  }

  /* search */
  .search_table {
   width: 620px;
  }
  .search_table th {
    width: 120px;
  }

  .search_select {
    width: 481px;
  }
  .search_speaker {
    width: 385px;
  }
  .search_input {
    width: 469px;
  }
}

/* スマフォ横 */
@media screen and (max-width:639px) {
  /* videog */
  .videog {
    width:480px;
    height:270px;
  }
}

/* iPhone5以下の横 */
@media screen and (max-width:479px) {
  #header {
    background-image: none;
  }
  #header h1,
  #header p {
    margin-left: 10px;
  }


  /* videog */
  .videog {
    width:360px;
    height:210px;
  }
}

/* iPhone6Plus縦 */
@media screen and (max-width:414px) {
  #header h1 {
    font-size: 22px;
  }
  /* menu style */
  #menu ul {
/*    width: 393px;*/
    margin-left: auto;
    margin-right: auto;
  }
  #menu li {
    width: calc(50% - 2px);
  }
  #menu li:nth-child(1), #menu li:nth-child(2) {
    margin-bottom: 0;
  }
  #menu li:nth-child(2n) {
    border-right: 1px solid rgba(255,255,255,1);
  }

  /* footer style */
  #footer h1 {
    width: 100%;
  }

  /* body */
  #body {
/*    width: 390px;*/
  }

  /* テーブル */
  .top_timetable {
    width: 380px;
  }
  .top_timetable th:nth-child(1) {
    width: 30px;
  }
  .top_timetable th:nth-child(2) {
    width: 60px;
  }
  .top_timetable th:nth-child(3) {
    width: 100px;
  }
  .top_timetable th:nth-child(4) {
    width: auto;
  }

  /* live */
/*
  .live_streaming {
    width: 320px;
  }
  .live_streaming iframe {
    width: 320px;
    height: 213px;
  }
*/
  .vod_timetable {
    width: 370px;
  }
  .vod_timetable th:nth-child(1) {
    width: 50px;
  }
  .vod_timetable th:nth-child(2) {
    width: 60px;
  }
  .vod_timetable th:nth-child(3) {
    width: 100px;
  }
  .vod_timetable th:nth-child(4) {
    width: auto;
  }
  .vod_timetable a:link, .vod_timetable a:visited {
    display: block;
  }
  .video_box {
    width: 320px;
    height: auto;
  }

  /**/
  .search_table {
    width: 370px;
    margin-left: auto;
    margin-right: auto;
  }
  .search_table table {
    border: none;
  }
  .search_table tr{
    display: block;
    border: none;
  }
  .search_table th, .search_table td {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    display: list-item;
    list-style: none;
    border: none;
  }
  .search_table th {
    text-indent: 10px;
  }
  .search_select {
    width: 370px;
    padding: 4px;
  }
  .search_speaker {
    width: 370px;
    padding: 4px;
  }
  .search_input {
    width: 358px;
    padding: 4px;
  }
}

/* iPhone6縦 */
@media screen and (max-width:375px) {

  #header h1 {
    font-size: 20px;
  }
  #header p {
    font-size: 14px;
  }
  #menu {
    width: 100%;
  }
  #menu ul {
    width: 340px;
  }
  #menu li {
    width: auto;
    border: none;
  }
  #menu li:nth-child(2n) {
    border: none;
  }
  #menu a:link, #menu a:visited {
    width: 170px;
    padding: 0;
    text-align: center;
  }

  #body {
    width:100%;
  }
  .top_timetable {
    width: 330px;
  }
  .top_timetable th:nth-child(1) {
    width: 20px;
  }

  /* vod */
  .vod_timetable {
    width: 331px;
  }

  /* search */
  .search_table {
    width: 340px;
  }
  .search_select {
    width: 340px;
  }
  .search_speaker {
    width: 340px;
  }
  .search_input {
    width: 328px;
  }
}

/* スマフォ縦 360以下 */
@media screen and (max-width:360px) {
  #header h1 {
    font-size: 18px;
  }
  #header p {
    font-size: 12px;
  }
  #menu ul {
    width: 340px;
  }
  #menu a:link, #menu a:visited {
    width: 160px;
  }
  .top_timetable {
    width: 340px;
  }
  .top_timetable th:nth-child(1),
  .top_timetable th:nth-child(2),
  .top_timetable th:nth-child(3),
  .top_timetable td:nth-child(1),
  .top_timetable td:nth-child(2),
  .top_timetable td:nth-child(3) {
    width: auto;
  }
  .top_timetable th:nth-child(4),
  .top_timetable td:nth-child(4) {
    display: none;
  }

  /* vod */
  .vod_timetable {
    width: 324px;
  }
  .vod_timetable th:nth-child(1),
  .vod_timetable th:nth-child(2),
  .vod_timetable th:nth-child(3),
  .vod_timetable td:nth-child(1),
  .vod_timetable td:nth-child(2),
  .vod_timetable td:nth-child(3) {
    width: auto;
  }
  .vod_timetable th:nth-child(4),
  .vod_timetable td:nth-child(4) {
    display: none;
  }

  /* search */
  .search_table {
    width: 320px;
  }
  .search_select {
    width: 320px;
  }
  .search_speaker {
    width: 320px;
  }
  .search_input {
    width: 308px;
  }
}

/* iPhone5以下の縦 */
@media screen and (max-width:320px) {
  #header h1 {
    font-size: 16px;
  }
  #header p {
    font-size: 11px;
  }
  #menu {
    width: 300px;
    }
  #menu ul {
    width: 300px;
  }
  #menu a:link, #menu a:visited {
    width: 150px;
    padding: 0;
  }
  #menu a:link, #menu a:visited {
    font-size: 16px;
  }
  .top_timetable, .vod_timetable {
    width: 280px;
  }

  /* videog */
  .videog {
    width:320px;
    height:180px;
  }
}