﻿@charset "utf-8";

/* ------------------------------------- 
 *  style css (共通タグ呼び出し)
 * ------------------------------------- */
@import url(../../css/stylem.css);

/* ------------------------------------- 
 *
 *  日程・会場 css
 *
 * ------------------------------------- */

@media print, screen and (min-width: 768px) {
}

@media screen and (max-width: 767px) {
  .schedule-wrapper{
    width: 100%;
  }
  .schedule-wrapper2{
    width: 100%;
  }

  .schedule-submenu-item .content-link-point1{
    display:block;
    float:left;
    line-height:1.5em;
  }
  .schedule-body-place { /* 各地域 for TV・チケット情報 */
    width:100%;
  }
  .schedule-body-place2 { /* 各地域 for 会場別日程表 */
    width: 100%;
  }
  .schedule-list-date {
    width: 80px;
  }
  .schedule-list-category {
    width: 100px;
  }
  .schedule-list-text {
    margin: 0% 0% 0% 5%;
    width: 95%;
  }

  .schedule-place-name {
    padding: 2px 0px 2px 8px;
  }

  .schedule-td, .schedule-tdE, .schedule-td-label, .schedule-tdE-label, .schedule-td-team, .schedule-tdE-team, .schedule-tdE-ticket, .schedule-tdE-icon {
    padding: 2px 1px 2px 1px;
  }
  .schedule-td-team,
  .schedule-tdE-team {
    white-space:normal;
  }

  .schedule-tdE-label .schedule-ticket-kj{
  width:auto;
  }

  #schColWeek{
    display:none;
  }
  .schedule-tablewrapper {
    width:100%;
  }
  .schedule-table-half {
    margin: 2px 0px 4px 20px;
    width:90%;
  }
  #scheduleTablePC, #scheduleTablePCM, #scheduleTablePCW{
    display:none;
  }
  #scheduleBlockSP, #scheduleBlockSPW{
    width:100%;
    display:block;
    float:left;
  }
  #scheduleTableSP, #scheduleTableSPW{
    width:100%;
  }

  .schedule-table-kj{
    width:100%;
  }

  .schedule-tab-wrapper {
    display: block;
    width:100%;
    height:auto;
    padding: 0px 0px 0px 5px;
    background-image:none;
    background-color:#e0efff;
    border:1px solid #606060;
  }
  .schedule-tab {
    display: block;
    height: 31px;
    float: left;
    background-image:none;
    padding: 0px 0px 0px 4px;
  }
  .schedule-tab-space {
    display: block;
    width: 2px;
    float: left;
    overflow: hidden;
  }
  .schedule-tab-link {
    display: block;
    border-radius:4px;
    border:1px solid #808080;
    background-color:#f0f0f0;
    line-height: 20px;
    padding: 2px 4px 2px 2px;
    cursor: pointer;
  }
  a:link.schedule-tab-link, a:visited.schedule-tab-link {
    color: #ffffff;
  }
  a:hover.schedule-tab-link {
    color: #AA0000;
  }

  .sitemap-wrapper{
    background-image: url(../../images/content/content_bg.gif);
    width:100%;
  }
  .schedule-tm-body{
    width:100%;
    height:auto;
  }
  .schedule-tm-line1, .schedule-tm-line2 {
    display:none;
  }
  .schedule-tm-vsplit{
    width:100%;
    background-color:transparent;
    background-image: url(../../images/content/content_split.gif);
    height: 1px; background-position: left -4px;
  }
  .po-caption1{
    padding-left: 10px;
    overflow:visible;
    height:auto;
  }
  .po-caption2{
    overflow:visible;
    height:auto;
    text-align: right; margin: 0px 20px 5px 0px;
  }
  .po-margin1{
    margin-left: 10px;
  }
  .po-margin2{
    margin-left: 15px;
  }
  .tnmt-table {
    margin-left: 15px;
  }
  .tnmt-text, .tnmt-time {
    font-size:0.9em;
  }

  .index-photo {
    -moz-background-size:100% auto;
    background-size:100% auto;
  }
  #slideshow-container  { width:100%;  margin: 0px auto 0px auto;
  }
  #slideshow-container img { width:100%; height:auto;}

  .schedule-po-resultimg{
    width: 100%;
    height: auto;
  }
  .schedule-po-resultblock-l{
    display:block;
    width: 100%;
    height: auto;
    float:left;
  }
  .schedule-po-resultblock-r{
    display:block;
    width: 100%;
    height: auto;
    float:left;
  }

}
@media screen and (max-width: 534px) {
  .po-caption1{
    font-size:1.5em;
  }
}
@media screen and (max-width: 399px) {
  .schedule-caption1 { /* 第○○回 日本ハンドボールリーグ */
    font-size: 1.3em;
  }
  .schedule-po-resultblock-r{
    font-size:0.9em;
  }
}