/* .lineupBox */
.lineupBox {
  width: 717px;
  height: 100%;
  margin: 0 auto 100px;
  position: relative;
  overflow-y: hidden;
}
.lineupBox .time {
  width: 95px;
  height: 100%;
  float: left;
  border-right: 2px solid #fff;
  position: relative;
}
.lineupBox .hills,
.lineupBox .cafe {
  width: 620px;
  height: 100%;
  float: left;
  position: relative;
}
.lineupBox .plaza {
  width: 214px;
  height: 100%;
  float: left;
  position: relative;
}
.lineupBox div .head {
  height: 80px;
  border-bottom: 2px solid #fff;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  font-size: 24px;
}
.lineupBox div .head p{
  line-height: 1em;
}
.lineupBox div .head span.iwtitle {
  font-size: 20px;
  display: block;
  margin-top: 10px;
}
.lineupBox div .head span {
  font-size: 16px;
  display: block;
  margin-top: 10px;
}
.lineupBox .time .head {
  font-size: 28px;
  font-weight: bold;
  width: 95px;
}
.lineupBox .hills .head {
  width: 620px;
}

.lineupBox .head a{
  width: 170px;
  height: 45px;
  line-height: 45px;
  background: #ccc;
  display: block;
  margin: 10px auto 0;
  color: #000;
  font-size: 18px;
  font-weight: normal;
}
.lineupBox .date {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  width: 100%;
  background: none!important;
}
.lineupBox .contentBox {
  text-align: left;
  color: #fff;
  text-align: left;
  margin-bottom: 40px;
}
.lineupBox .contentBox p.schedule{
  background: #f39700;
  padding: 0 25px;
  height: 35px;
  line-height: 35px;
  font-weight: bold;
  text-align: left;
  position: relative;
  font-size: 16px;
}
.lineupBox .contentBox.live p.schedule{
  background: #ffff00;
  color: #a83df7;
}
.lineupBox .contentBox.talk p.schedule{
  background: #a83df7;
  color: #fff;
}
.lineupBox .contentBox.special p.schedule{
  background:#f39800;
  color: #fff;
}
.lineupBox .contentBox.tech p.schedule{
  background:#26d0ce;
  color: #fff;
}
.lineupBox .contentBox.white p.schedule{
  background:#cccccc;
  color: #000;
}

.lineupBox .contentBox p.schedule span {
  position: absolute;
  right: 25px;
  top: 0;
}
.lineupBox .contentBox .content {
  width: 570px;
  padding: 20px 25px;
  background: rgba(255,255,255,0.5);
}
.lineupBox .plaza .contentBox .content {
  width: 184px;
  padding: 10px 15px;
  background: rgba(255,255,255,0.5);
}

.lineupBox .contentBox .content p.title {
  line-height: 1.2em;
  font-size: 20px;
	color:#ffff99;
  font-weight: bold; 
}

.lineupBox .contentBox .content p.title2 {
  line-height: 1.2em;
  font-size: 20px;
	color:#0000cc;
  font-weight: bold; 
}

.lineupBox .contentBox .content p.title a{
	color:#ffff99;
}

.lineupBox .plaza .contentBox .content p.title{
  font-size: 15px;
  margin: 0;
}
.lineupBox .contentBox .content p.text {
  font-size: 13px;
  line-height: 1.5em;
}
.lineupBox .contentBox .content p.pic {
  margin-top: 10px;
}
.lineupBox .contentBox .content p.pic2 {
  margin-top: 10px;
}
.lineupBox .contentBox .content p.pic img {
  width: 50px;
  height: 50px;
}
.lineupBox .contentBox .content p.pic2 img {
  width: 45px;
  height: 45px;
}
.lineupBox .contentBox .content.clearfix p.title{
  width: auto;
  float: left;
}
.lineupBox .contentBox .content.clearfix p.text {
  font-size: 13px;
  line-height: 1.5em;
  width: 100%;
  float: left;
}
.lineupBox .contentBox .content.clearfix p.pic{
  float: right;
  margin-top: 0;
  margin-right: -14px;
}
/* box929 */
#box929 {
  height: 812px;
  border: 5px solid #00b7ee;
  margin: 0 auto 100px;
}
#box929 .head{
  height: 80px;
}
#box929.lineupBox .time .head {
  color: #00b7ee;
}
#box929.lineupBox .inner929 {
  height: 100%;
  position: relative;
}

#box929.lineupBox .pm0530 {
  width: 100%;
  height: 60px;
  background: #00b7ee;
  color: #fff;
  text-align: center;
  line-height: 60px;
  position: absolute;
  top: 24px;
	font-size:20px;
}

#box929.lineupBox .pm0600 {
  background: #a83df7;
  position: absolute;
  top: 104px;
}

#box929.lineupBox .pm0630 {
  position: absolute;
  top: 194px;
}

#box929.lineupBox .pm0700 {
  position: absolute;
  top: 264px;
}

#box929.lineupBox .pm0710 {
  position: absolute;
  top:300px;
}

#box929.lineupBox .pm0730 {
  position: absolute;
  top: 360px;
}

#box929.lineupBox .pm0750 {
  position: absolute;
  top: 420px;
}

#box929.lineupBox .pm0750 .content{
  height:65px;
}

#box929.lineupBox .pm0800 {
  position: absolute;
  top: 434px;
}

#box929.lineupBox .pm0830 {
  position: absolute;
  top: 530px;
}

#box929.lineupBox .pm0850 {
  position: absolute;
  top: 580px;
}

#box929.lineupBox .pm0850 .content{
  height:65px;
}

#box929.lineupBox .pm0900 {
  position: absolute;
  top: 600px;
}



#box929.lineupBox .schedule.pm0530 {
  background: none;
  font-size: 18px;
}
#box929.lineupBox .start.pm0530 p{
  font-size: 20px;
  text-align: left;
  text-indent: 70px;
}






@media screen and (max-width: 769px) {
  #mainContents #content #timetable .inner {
    margin-bottom: 50px;
  }
	#mainContents #content #timetable .inner .attention {
		clear:both;
		padding-top:10px;
		font-size:12px;
		color:#fff;
		text-align:center;
	}
  #mainContents #content #contentsHeader {
    margin-bottom: 60px;
  }
  #mainContents #content #contentsHeader h2 {
    text-align: center;
    font-size: 30px;
    line-height: 1em;
    color: #26d0ce;
		height:214px;
    background: url(../img/timetable/sticker.png) no-repeat center 90px;
  }
  #mainContents #content #contentsHeader h2 span {
    font-size: 14px;
    display: block;
    line-height: 1em;
    margin: 10px 0 50px;
    color: #fff;
  }
  #mainContents #content #timetable .inner .anker {
    margin: 0 auto;
  }
  #mainContents #content #timetable .inner .anker p {
    height: 50px;
    line-height: 50px;
  }
  #mainContents #content #timetable .inner .anker p a {
    font-size: 20px;
    height: 46px;
    line-height: 46px;
    border: 2px solid #fff;
    background: url(../img/common/arrow_b_w.png) no-repeat right center;
    background-size: auto 40%;
    background-position-x: 90%;
    text-indent: -0.5em;
  }
  #mainContents #content #timetable .inner .anker p.left a:hover,
  #mainContents #content #timetable .inner .anker p.left a.current{
    border: 2px solid #00b7ee;
    color: #00b7ee;
    background: url(../img/common/arrow_b_b.png) no-repeat right center;
    background-size: auto 40%;
    background-position-x: 90%;
  }
  #mainContents #content #timetable .inner .anker p.right a:hover,
  #mainContents #content #timetable .inner .anker p.right a.current{
    border: 2px solid #e4007f;
    color: #e4007f;
    background: url(../img/common/arrow_b_r.png) no-repeat right center;
    background-size: auto 40%;
    background-position-x: 90%;
  }
  #mainContents #content #timetable .inner .anker a span {
    font-size: 14px;
    margin-left: 1em;
  }
  /* spNavi */
  #mainContents #content #timetable .inner #spNavi {
    width: 100%;
    margin: 20px auto 0;
  }
  #mainContents #content #timetable .inner #spNavi p {
    height: 50px;
    line-height: 50px;
    margin-bottom: 20px;
  }
  #mainContents #content #timetable .inner #spNavi p a {
    display: block;
    font-size: 14px;
    height: 46px;
    line-height: 46px;
    border: 2px solid #fff;
    background: url(../img/common/arrow_b_w.png) no-repeat right center;
    background-size: auto 40%;
    background-position-x: 95%;
    text-indent: -0.5em;
    text-align: center;
    margin-bottom: 10px;
  }
  #mainContents #content #timetable .inner #spNavi p.fs a {
    font-size: 12px;
  }
  #mainContents #content #timetable .inner #spNavi.day929 p a:hover,
  #mainContents #content #timetable .inner #spNavi.day929 p a.current{
    border: 2px solid #00b7ee;
    color: #00b7ee;
    background: url(../img/common/arrow_b_b.png) no-repeat right center;
    background-size: auto 40%;
    background-position-x: 95%;
    text-decoration: none;
  }
  #mainContents #content #timetable .inner #spNavi.day930 p a:hover,
  #mainContents #content #timetable .inner #spNavi.day930 p a.current{
    border: 2px solid #e4007f;
    color: #e4007f;
    background: url(../img/common/arrow_b_r.png) no-repeat right center;
    background-size: auto 40%;
    background-position-x: 95%;
    text-decoration: none;
  }

  #mainContents #content #timetable .inner .spNavi a span {
    font-size: 14px;
    margin-left: 1em;
  }
  /* .lineupBox */
  .lineupBox {
    width: 90%;
    height: auto;
    margin: 0 5% 50px;
    position: static;
    overflow-y: visible;
  }
  .lineupBox#box929,
  .lineupBox#box930 {
    border: none;
    height: auto;
  }
  .lineupBox .time {
    display: none;
  }
  .lineupBox .hills,
  .lineupBox .cafe,
  .lineupBox .plaza {
    width: 100%;
    height: auto;
    float: none;
    border-right:none;
    position: relative;
  }
  .lineupBox .hills .head, 
  .lineupBox .cafe .head,
  .lineupBox .plaza .head {
    width: 100%;
    height: auto!important;
    display: block;
    margin-bottom: 20px;
    padding-bottom: 10px;
  }
  #box929.lineupBox .pm0530 {
    width: auto;
    position: static!important;
    margin-bottom: 20px;
		font-size: 20px;
  }
  .lineupBox .contentBox {
    width: auto;
    position: static!important;
    margin-bottom: 20px;
  }
  .lineupBox .contentBox .content,
  .lineupBox .plaza .contentBox .content {
    width: auto;
  }
  .lineupBox .contentBox .content.clearfix p.title {
    width: 100%;
  }
  .lineupBox .contentBox .content.clearfix p.text {
    width: 100%;
  }
  .lineupBox .contentBox .content.clearfix p.pic {
    width: auto;
    float: right;
  }
  .lineupBox .contentBox .content.clearfix p.pic2 {
    width: auto;
    float: right;
  }
  /*  */
  .lineupBox .am1100 {
    position: static;
    display: none;
  }
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
}
@media screen and (max-width: 376px) {
  #mainContents #content #timetable .inner #spNavi p.fs a {
    font-size: 10px;
  }
}
@media screen and (max-width: 321px) {
  #mainContents #content #timetable .inner #spNavi p.fs a {
    font-size: 9px;
  }
}