@charset "utf-8";
/* CSS Document */
 ul.gallist {
	 font-size:0;
	 text-align:left;
}
 ul.gallist li  {
	 font-size:12px;
	 text-align:center;
	 color:#00000;
	 margin-bottom:30px !important;
}
 ul.gallist li a{
	 position:relative;
	 display:block;
}
.nextsche{
	position:absolute;
	bottom:0;
	left:0;
	z-index: 1;
	width:100%;
	height:70px;
	color:#ffffff;
	text-align:left;
}

.nextsche span{
	display:inline-block;
	width:50px;
	height:70px;
	background-size:cover;
	border:none !important;
	text-align:center;
}
.nextsche .iconToday{
	background:url(/images/sche_bg.png) no-repeat;
	background-size:cover;
	height:50px;
	padding-top:20px;
}

.nextsche .iconAfter{
	background:url(/images/sche_bg2.png) no-repeat;
	background-size:cover;
height: 60px;
    padding-top: 10px;
}

.nextsche .iconNewface{
	color:#FF0000;
	background:url(/images/sche_bg3.png) no-repeat;
	background-size:cover;
	height:50px;
	padding-top:20px;
}

 ul.gallist li img {
    max-width: 100%;
    max-height: 100%;
	 display:block;
	 border-radius:0px;
	 overflow:hidden;
}
 ul.gallist li h3 {
	 font-size:16px;
	 color:#ffffff;
/*	 height:30px;*/
	 float:left;
	 text-align:left;
	 padding-top:6px;
}
 ul.gallist li .bottomBox .iconNew img{
	height: 30px;
    vertical-align: bottom;
}
 ul.gallist li .bottomBox{
	 padding-top:5px;
}

 ul.gallist li h4 {
	 color:#ffffff;font-size:14px;
}
 ul.gallist li h5 {
	 color:#ffffff;font-size:16px;
}
 ul.gallist li p {
	 	 font-size:11px;
	 padding:5px 0;
	 color:#ffffff;
	 text-align:left;
}
.iconBox{
    margin-top: 8px;
}
.iconBox .type{
	font-size:0;
	text-align:left;
	height:60px;
	overflow-y:scroll;
}
.iconBox .type li{
	font-size:12px;
	display:inline-block;
	text-align:center;
	width:calc(100%/3 - 6px);
	margin:3px !important;
	verical-align:top;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cc1c79+0,e271c4+49,cc1c79+100 */
background: rgb(204,28,121); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(204,28,121,1) 0%, rgba(226,113,196,1) 49%, rgba(204,28,121,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(204,28,121,1) 0%,rgba(226,113,196,1) 49%,rgba(204,28,121,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(204,28,121,1) 0%,rgba(226,113,196,1) 49%,rgba(204,28,121,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc1c79', endColorstr='#cc1c79',GradientType=0 ); /* IE6-9 */
	border:1px solid rgb(204,28,121);
	box-sizing: border-box;
	color:#ffffff;
	padding:3px 0;
}
.iconBox .type li.otherColor{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ea9f2e+0,fff987+51,ea9f2e+100 */
background: rgb(234,159,46); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(234,159,46,1) 0%, rgba(255,249,135,1) 51%, rgba(234,159,46,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(234,159,46,1) 0%,rgba(255,249,135,1) 51%,rgba(234,159,46,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(234,159,46,1) 0%,rgba(255,249,135,1) 51%,rgba(234,159,46,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea9f2e', endColorstr='#ea9f2e',GradientType=0 ); /* IE6-9 */
	border:1px solid rgb(234,159,46);
	color:rgba(187,4,26,1);
}

@media screen and (max-width: 667px) {
.iconBox .type li{
	font-size:12px;
	display:inline-block;
	text-align:center;
	width:calc(100%/2 - 6px);
	margin:3px;
	verical-align:top;
}
ul.gallist li h3 {
    font-size: 14px;
}
}
#searchBox{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
z-index: 1000001 !important;
	text-align:center;
display:block;
}
#searchBox{
display:none;
}
#closeSheet{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,.7);
z-index: 1000002 !important;
}
#searchBox dl{
position:relative;
	top:0;
	left:0;
	z-index: 1000010 !important;
	border-radius:10px;
	border:1px solid #666666;
	width:70%;
	margin:auto;
	margin-top:150px;
	background-color:#ffffff;
	box-shadow:1px 1px 5px rgba(0,0,0,.6);
	text-align:center;
font-size:24px;padding:50px;
	line-height:2;
	color:#000000;
}
#openSearch img{
	    width: 340px;
    margin: 20px auto;
	cursor:pointer;
}
#searchBox dl dt{
	color:#af1b43;
	text-align:left;
}
#searchBox dl dd{
	margin-bottom:20px;
	text-align:left;
}
#searchBox dl dd span{
	color:#af1b43;
	display:block;
	text-align:left;
}
#searchBox dl dd a{
	display:inline-block;
	color:#000000;
	margin-right:20px;
}
label {
    font-size: 20px;
    margin-right: 20px;
	display:inline-block;
}
#searchBox dl input[type="checkbox"] {
    transform: scale(2);
    margin-right: 10px;
}
#searchBox p,
.btArea input[type=button].close,
.btArea input[type=submit]#gosearch{
	font-size:30px;
	display:inline-block;
	margin:auto;
	color:#ffffff;
	padding:5px 20px;
	border-radius:5px;
background: #b20815; /* Old browsers */
}
ul.sort{
	padding:5px 0; 
font-size:0;}
ul.sort li {
	font-size:12px;
    display: inline-block;
    width: calc(100%/8 - 10px);
	padding:10px 0;
    border: 1px solid #cccccc;
    margin: 0 2px;
    border-radius: 3px;
    background-color: rgba(0,0,0,.3);
}
ul.sort li  a{
display:block;
padding:10px 0;
}
ul.sort li.active {
	background-color: #b20815;
    border-radius: 3px;
}
ul.sort li:active  a{
display:block;
padding:10px 0;
}
	#openSearch{
		text-align:center;
		padding:10px;
	}
	#openSearch span{
		padding:10px;
		font-size:14px;
		color:#ffffff;
		display:inline-block;
		margin:auto;
		background-color:;
		border-radius:2rem;
		background-color:rgb(228,4,4);
	}
	
@media screen and (max-width: 667px) {
#searchBox{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
z-index: 1000001 !important;
	text-align:center;
display:block;
}
#closeSheet{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
z-index: 1000002 !important;
	background-color:rgba(255,255,255,.7);
}
#searchBox{
display:none;
}
#searchBox dl{
position:relative;
	top:0;
	left:0;
	z-index: 1000010 !important;
	border-radius:10px;
	border:1px solid #666666;
	width:85%;
	margin:auto;
	margin-top:20px;
	background-color:#ffffff;
	box-shadow:1px 1px 5px rgba(0,0,0,.6);
	text-align:center;
font-size:14px;padding:20px;
	line-height:2;
}
#openSearch img{
    width: 210px;
    margin: 5px auto;
	cursor:pointer;
}
#searchBox dl dt{
	color:#b6085d;
	text-align:left;
}
#searchBox dl dd{
	margin-bottom:20px;
	text-align:left;
}
#searchBox dl dd span{
	color:#b6085d;
	display:block;
	text-align:left;
}
#searchBox dl dd a{
	display:inline-block;
	color:#000000;
	margin-right:20px;
}
label {
    font-size: 14px;
    margin-right: 14px;
	display:inline-block;
}
.btArea input[type=button].close,
.btArea input[type=submit]#gosearch,
#searchBox p{
	display:inline-block;
	font-size:16px;
	margin:auto;
	color:#ffffff;
	padding:5px 20px;
	border-radius:5px;
background: rgb(228,4,4); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(228,4,4,1) 0%, rgba(187,4,26,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(228,4,4,1) 0%,rgba(187,4,26,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(228,4,4,1) 0%,rgba(187,4,26,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e40404', endColorstr='#bb041a',GradientType=1 ); /* IE6-9 */
}
#searchBox dl input[type="checkbox"] {
    transform: scale(1.5);
    margin-right: 10px;
}
ul.sort{
font-size:0;
	padding:5px 2px;
}
ul.sort li {
	font-size:11px;
    display: inline-block;
    width: calc(100%/4 - 6px);
border: 1px solid #cccccc;
    margin: 1px;}
ul.sort li  a{
display:block;
padding:8px 0;
}
ul.sort li.active {
}
ul.sort li:active a{
display:block;
}
	}