/*-- PC表示--*/
@media screen and (min-width:780px) {

  main {
  }
  main h1 {
    font-size:24px;
    text-align:center;
  }
  main .session-list-box {
    background:#f8f8f8;
    padding:15px;
    margin-bottom:20px;
    display:table;
    border-radius:7px;
  }
  main .session-list-box:last-child {
    border-bottom:none;
  }
  main .session-list-box .session-list-date {
    display:table-cell;
    vertical-align:middle;
    width:250px;
    text-align:center;
    border-right:1px solid #eee;
  }
  main .session-list-box .session-list-date p {
    font-size:18px;
    font-weight:bold;
  }
  main .session-list-box .session-list-date p span {
    font-size:15px;
  }
  main .session-list-box .session-list-date .finish {
    display:inline-block;
    border:1px solid #ff0000;
    padding:5px 10px 5px 10px;
    color:#ff0000;
    margin-top:10px;
    font-size:14px;
  }
  main .session-list-box .session-list-date .media-logo {
    margin-top:20px;
    font-size:16px;
    color:#666;
  }
  main .session-list-box .session-list-date .media-logo span {
    font-size:12px;
  }
  main .session-list-box .session-list-image {
    display:table-cell;
    vertical-align:top;
    width:200px;
    text-align:top;
    padding:0 20px 0 20px;
  }
  main .session-list-box .session-list-text {
    display:table-cell;
    vertical-align:top;
    width:500px;
  }
  main .session-list-box .session-list-text h2 {
    font-size:17px;
    margin-bottom:10px;
  }
  main .session-list-box .session-list-text p {
    font-size:14px;
  }
  main .session-list-box .session-list-text .tag {
    font-size:14px;
    color:#666;
    margin:10px 0 10px 0;
  }
  main .session-list-box .session-list-text .tag li {
    display:inline-block;
    margin:0 5px 0 5px 0;
  }
  main .session-list-box .session-list-text .tag li a {
    color:#666;
  }
  main .session-list-box .session-list-text .tag li a:visited {
    color:#666;
  }
  main .session-list-box .session-list-text .detail-btn {
    text-align:right;
    margin:10px 0 10px 0;
  }
  main .session-list-box .session-list-text .detail-btn p {
    display:inline-block;
    background:#0082fb;
    color:#fff;
    padding:7px 10px 7px 10px;
    position:relative;
    font-weight:bold;
  }
  main .session-list-box .session-list-text .detail-btn p a {
    position:absolute;
    color:#fff;
    top:0;
    left:0;
    width:100%;
    height:100%;
  }
  main .session-list-box .session-list-text .detail-btn p:hover {
    opacity:0.8;
  }

}

/*-- SP表示--*/
@media screen and (max-width:780px) {

  main {
    padding:0 10px 0 10px;
  }
  main h1 {
    font-size:24px;
    text-align:center;
  }
  main .page_infomation {
    text-align:center;
    margin:30px 0 30px 0;
  }
  main .session-list-box {
    margin-bottom:30px;
    border-radius:7px;
  }
  main .session-list-box .session-list-date {
    text-align:center;
    background:#f3f3f3;
    padding:13px 0 10px 0;
  }
  main .session-list-box .session-list-date p {
    font-size:24px;
    font-weight:bold;
  }
  main .session-list-box .session-list-date p span {
    font-size:15px;
  }
  main .session-list-box .session-list-date .finish {
    display:inline-block;
    border:1px solid #ff0000;
    padding:5px 10px 5px 10px;
    color:#ff0000;
    margin-top:10px;
    font-size:14px;
  }
  main .session-list-box .session-list-date .media-logo {
    margin-top:20px;
    font-size:16px;
    color:#666;
  }
  main .session-list-box .session-list-date .media-logo span {
    font-size:12px;
  }
  main .session-list-box .session-list-image {
  }
  main .session-list-box .session-list-text {
  }
  main .session-list-box .session-list-text h2 {
    font-size:17px;
    margin-bottom:10px;
  }
  main .session-list-box .session-list-text p {
    font-size:14px;
  }
  main .session-list-box .session-list-text .tag {
    font-size:14px;
    color:#666;
    margin:10px 0 10px 0;
  }
  main .session-list-box .session-list-text .tag li {
    display:inline-block;
    margin:0 5px 0 5px 0;
  }
  main .session-list-box .session-list-text .tag li a {
    color:#666;
  }
  main .session-list-box .session-list-text .tag li a:visited {
    color:#666;
  }
  main .session-list-box .session-list-text .detail-btn {
    text-align:center;
    margin:20px 0 20px 0;
  }
  main .session-list-box .session-list-text .detail-btn p {
    background:#0082fb;
    color:#fff;
    padding:10px 0 10px 0;
    font-size:16px;
    width:100%;
    position:relative;
    font-weight:bold;
  }
  main .session-list-box .session-list-text .detail-btn p a {
    position:absolute;
    color:#fff;
    top:0;
    left:0;
    width:100%;
    height:100%;
  }
  main .session-list-box .session-list-text .detail-btn p:hover {
    opacity:0.8;
  }

}
