@charset "utf-8";
/* CSS Document */

ul.schelist{
list-style-type:none;
margin:15px;
}
ul.schelist li{
margin-bottom:10px;
overflow:hidden;

border:1px solid #073C72;
}
ul.schelist li .datas{
    height: 180px;
    width: 387px;
overflow:hidden;
float:left;
}
ul.schelist li .schedule{
width:755px;
/*
height:247px;
*/
float:left;
text-align:left;
position:relative;
top:5px;
}
ul.schelist li .schedule h4{
/*
width:700px;
height:16px;
text-indent:-10000px;
*/
text-align:left;
padding:0 5px;
}
ul.schelist li .icon{
    height: 20px;
    padding: 4px;
	padding-top:3px;
	padding-right:8px;
	}

ul.schelist li span.type{
	display:block;
}
ul.schelist li .icon img{
display:block;
float:right;
}
ul.schelist li .icon img.today{
display:block;
float:left;
}
ul.schelist li .photo{
    height: 164px;
    margin: 8px;
    overflow: hidden;
	border-radius:3px;
	}
ul.schelist li .photo a,
ul.schelist li .photo a span,
ul.schelist li .photo a span img{
display:block;
}


/*
*/
ul.schelist li .datas .photo a span img{
    height: auto;
    width: auto;
	}
ul.schelist li.tatenaga .datas .photo a span img{
display:block;
width:100%;
height:auto;
}

ul.schelist li.yokonaga .datas .photo a span img{
display:block;
height:100%;
width:auto;
}

ul.schelist li.square .datas .photo a span img{
height:100%;
display:block;
width:100%;
}
ul.schelist li h3{
    font-size: 16px;
    font-weight: bold;
	text-align:left;
    padding: 3px 3px 0;
}
ul.schelist li h3 img{
margin-right:4px;
}
ul.schelist li p{
    font-size: 14px;
    font-weight: normal;
	text-align:left;
    line-height: 1;
    padding: 2px 2px 0;
	}
#layout ul.schelist li div span.type > span {
    display: inline-block;
}
ul.schelist li .schedule table{
}
ul.schelist li .schedule table th,
ul.schelist li .schedule table td{
box-shadow:1px 1px 2px rgba(0,0,0,.8) inset;
text-shadow:1px 1px 2px rgba(0,0,0,1);
}
ul.schelist li .schedule table th{
text-align:center;
width:100px;
padding:10px;
font-size:14px;
font-weight:bold;
margin-bottom:10px;

background-color:#222222;
border:1px solid #333333;
}
ul.schelist li .schedule table td{
text-align:center;
padding-top:10px;
padding-bottom:10px;
font-size:12px;
font-weight:normal;
margin-bottom:10px;

background-color:#222222;
border:1px solid #333333;
}
ul.schelist li .schedule table td.h4{
border:none;
width:inherit;
padding:0px;
}
ul.schelist li .schedule table .sunday{
/*
	background-color:rgba(0,0,0,1);
	background-image: -moz-linear-gradient(rgba(255,255,255,.4), rgba(255,255,255,.6)); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.4)), to(rgba(255,255,255,.6)));	
	background-image: -webkit-linear-gradient(rgba(255,255,255,.4), rgba(255,255,255,.6));	
	background-image: -o-linear-gradient(rgba(255,255,255,.4), rgba(255,255,255,.6));
	background-image: -ms-linear-gradient(rgba(255,255,255,.4), rgba(255,255,255,.6));
*/
	background-color:#222222;
color:#cc0000;
}
ul.schelist li .schedule table .saturday{
/*
	background-color:rgba(0,0,0,1);
	background-image: -moz-linear-gradient(rgba(255,255,255,.4), rgba(255,255,255,.6)); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.4)), to(rgba(255,255,255,.6)));	
	background-image: -webkit-linear-gradient(rgba(255,255,255,.4), rgba(255,255,255,.6));	
	background-image: -o-linear-gradient(rgba(255,255,255,.4), rgba(255,255,255,.6));
	background-image: -ms-linear-gradient(rgba(255,255,255,.4), rgba(255,255,255,.6));
*/
	background-color:#222222;
color:#168AFF;
}


@media screen and (max-width: 667px) {
ul.schelist li {
position:relative;
}
ul.schelist li .schedule{
	width:100%;
	position:static;
}
ul.schelist li .datas {
    float: none;
    margin: auto;
	width:100%;
}
ul.schelist li .icon {
    position: absolute;
    right: 3px;
    top: 3px;
    width: 4em;
}

ul.schelist li .schedule h3 {
	font-size:16px;
padding:0 5px;
}
ul.schelist li .schedule h4 {
    padding: 0 5px;
	font-size:13px;
}
ul.schelist li p {
    padding: 2px 5px 0;
	line-height:1.3;
}
ul.schelist li .iconBox {
padding:0 5px;
}
ul.schelist li .schedule .weekBox{
	width:95%;
	width:calc(100% - 0px);
	overflow:auto;
	-webkit-overflow-scrolling: touch;
}
ul.schelist li .schedule .weekBox table{
/*
*/
	width:180vw;
	display:inline-block;
	margin:5px;
}
ul.schelist li .schedule table th,
ul.schelist li .schedule table td{
font-size:3.5vw;
min-width:100px;
width:40vw;
}
ul.schelist li .datas .photo a span img{
    height: auto;
    width: 100%;
	}
ul.schelist li.tatenaga .datas .photo a span img{
width:100%;
}

ul.schelist li.yokonaga .datas .photo a span img{
display:block;
height:100%;
width:auto;
}

ul.schelist li.square .datas .photo a span img{
height:100%;
display:block;
width:100%;
}


}