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

/*PC:body-------------------------------------*/
@media screen and (min-width:1084px) {

.itemToday {width: 120px; height: 60px; margin: 2px; text-align: center; font-size: 16px; border-radius: 5px; float: left;}
.itemToday a {width: 120px; height: 60px; line-height: 60px; text-decoration: none; color: #FFFFFF; background: #FFC907; border-radius: 5px; float: left;}
.itemToday a:hover {width: 120px; height: 60px; line-height: 60px; text-decoration: none; color: #FFFFFF; background: #FF6699; border-radius: 5px; float: left;}

.itemDay {width: 120px; height: 60px; margin: 2px; text-align: center; font-size: 16px; border-radius: 5px; float: left;}
.itemDay a {width: 120px; height: 60px; border: solid 1px #CCC; line-height: 60px; text-decoration: none; color: #000000; border-radius: 5px; float: left;}
.itemDay a:hover {width: 120px; height: 60px; border: solid 1px #CCC; line-height: 60px; text-decoration: none; color: #FFFFFF; background: #FF6699; border-radius: 5px; float: left;}

.itemDay_sat {width: 120px; height: 60px; margin: 2px; text-align: center; font-size: 16px; border-radius: 5px; float: left;}
.itemDay_sat a {width: 120px; height: 60px; line-height: 60px; text-decoration: none; color: #FFFFFF; background: #0066CC; border-radius: 5px; float: left;}
.itemDay_sat a:hover {width: 120px; height: 60px; line-height: 60px; text-decoration: none; color: #FFFFFF; background: #FF6699; border-radius: 5px; float: left;}

.itemDay_sun {width: 120px; height: 60px; margin: 2px; text-align: center; font-size: 16px; border-radius: 5px; float: left;}
.itemDay_sun a {width: 120px; height: 60px; line-height: 60px; text-decoration: none; color: #FFFFFF; background: #FF7F7F; border-radius: 5px; float: left;}
.itemDay_sun a:hover {width: 120px; height: 60px; line-height: 60px; text-decoration: none; color: #FFFFFF; background: #FF6699; border-radius: 5px; float: left;}

/* schedule */
.scheWrap {width: 100%; max-width: 980px; margin: 0 auto;}
.scheBox {width: 170px; padding: 5px ; margin: 3px 3px 3px 4px; border: solid 1px #FD749E; background: #FFFFFF; border-radius: 5px; float: left;}
.scheImg {width: 170px; height: 227px;position: relative;}
.scheName {width: 170px; height: 26px; line-height: 26px; margin: 5px 0; text-align: center; font-size: 16px; background: #405C3C; color: #FFFFFF; border-radius: 5px;}
.scheTxt {width: 170px; margin-top: 5px; height: 40px; line-height: 20px; text-align: center; font-size: 14px; letter-spacing: -0.05em}
.scheEs {width: 170px; margin-bottom: 5px; height: 30px; line-height: 30px; text-align: center; font-size: 18px; font-weight: bold; color: #FFFFFF; background-color: #F37197;}
.scheEs2 {width: 170px; height: 30px; line-height: 30px; margin: 3px 0; padding: 0 5px; text-align: left; font-size: 14px; background: #FFE434; border: solid 1px #D8BD00; box-sizing: border-box; overflow: hidden; font-weight: bold; color: #125E00;}
.imgSizeSche {width: 170px; height: 227px;}
.newMark {width: 60px; height: 60px; position: absolute; top: 0; right: 0;}

.twiBox {width: 170px; height: 30px; margin: 5px 0; float: left;}
.twiBox a {width: 170px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; background: #43A8F1; color: #FFFFFF; border-radius: 5px; float: left;}
.twiBox a:hover {width: 170px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; background: #FFDF10; color: #FFFFFF; border-radius: 5px; float: left; text-decoration: none;}

}


/*TB:body-------------------------------------*/
@media screen and (min-width: 560px) and (max-width: 1083px) {

.itemToday {width: 94px; height: 40px; margin: 1px; text-align: center; font-size: 16px; border-radius: 5px; float: left;}
.itemToday a {width: 94px; height: 40px; line-height: 40px; text-decoration: none; color: #FFFFFF; background: #FFC907; border-radius: 5px; border: solid 1px #CCC; float: left;}
.itemToday a:hover {width: 94px; height: 40px; line-height: 40px; text-decoration: none; color: #FFFFFF; background: #FF6699; border-radius: 5px; float: left;}

.itemDay {width: 94px; height: 40px; margin: 1px; text-align: center; font-size: 16px; border-radius: 5px; float: left;}
.itemDay a {width: 94px; height: 40px; border: solid 1px #CCC; line-height: 40px; text-decoration: none; color: #000000; border-radius: 5px; float: left;}
.itemDay a:hover {width: 94px; height: 40px; border: solid 1px #CCC; line-height: 40px; text-decoration: none; color: #FFFFFF; background: #FF6699; border-radius: 5px; float: left;}

.itemDay_sat {width: 94px; height: 40px; margin: 1px; text-align: center; font-size: 16px; border-radius: 5px; float: left;}
.itemDay_sat a {width: 94px; height: 40px; line-height: 40px; text-decoration: none; color: #FFFFFF; background: #7FBFFF; border-radius: 5px; border: solid 1px #CCC; float: left;}
.itemDay_sat a:hover {width: 94px; height: 40px; line-height: 40px; text-decoration: none; color: #FFFFFF; background: #FF6699; border-radius: 5px; float: left;}

.itemDay_sun {width: 94px; height: 40px; margin: 1px; text-align: center; font-size: 16px; border-radius: 5px; float: left;}
.itemDay_sun a {width: 94px; height: 40px; line-height: 40px; text-decoration: none; color: #FFFFFF; background: #FF7F7F; border-radius: 5px; border: solid 1px #CCC; float: left;}
.itemDay_sun a:hover {width: 94px; height: 40px; line-height: 40px; text-decoration: none; color: #000000; background: #F3A3BB; border-radius: 5px; float: left;}

/* schedule */
.scheWrap {width: 100%; max-width: 980px; margin: 0 auto;}
.scheBox {width: 130px; padding: 5px ; margin: 3px 3px 3px 4px; border: solid 1px #FD749E; background: #FFFFFF; border-radius: 5px; float: left;}
.scheImg {width: 130px; height: 173px;position: relative;}
.scheName {width: 130px; height: 26px; line-height: 26px; margin-top: 5px; margin-bottom: 5px; text-align: center; font-size: 16px; background: #405C3C; color: #FFFFFF; border-radius: 5px;}
.scheTxt {width: 130px; margin-top: 5px; height: 40px; line-height: 20px; text-align: center; font-size: 12px; letter-spacing: -0.05em}
.scheEs {width: 130px; margin-bottom: 5px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; font-weight: bold; color: #FFFFFF; background-color: #BF7FFF; }
.scheEs2 {width: 130px; height: 30px; line-height: 30px; margin: 3px 0; padding: 0 5px; text-align: left; font-size: 14px; background: #FFE434; border: solid 1px #D8BD00; box-sizing: border-box; overflow: hidden; font-weight: bold; color: #125E00;}
.imgSizeSche {width: 130px; height: 173px;}
.newMark {width:40px; height: 40px; position: absolute; top: 0; right: 0;}

.twiBox {width: 130px; height: 30px; margin: 5px 0; float: left;}
.twiBox a {width: 130px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; background: #43A8F1; color: #FFFFFF; border-radius: 5px; float: left;}
.twiBox a:hover {width: 130px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; background: #FFDF10; color: #FFFFFF; border-radius: 5px; float: left; text-decoration: none;}

}

/*SP:body-------------------------------------*/
@media screen and (max-width: 559px) {

.itemToday {width: 90px; height: 46px; margin: 1px; text-align: center; font-size: 16px; border-radius: 5px; float: left;}
.itemToday a {width: 90px; height: 46px; line-height: 46px; text-decoration: none; color: #FFFFFF; background: #FFC907; border-radius: 5px; border: solid 1px #CCC; float: left;}
.itemToday a:hover {width: 96px; height: 46px; line-height: 46px; text-decoration: none; color: #FFFFFF; background: #FF6699; border-radius: 5px; float: left;}

.itemDay {width: 90px; height: 46px; margin: 1px; text-align: center; font-size: 16px; border-radius: 5px; float: left;}
.itemDay a {width: 90px; height: 46px; line-height: 46px; border: solid 1px #CCC; text-decoration: none; color: #000000; border-radius: 5px; float: left;}
.itemDay a:hover {width: 90px; height: 46px; line-height: 46px; border: solid 1px #CCC; text-decoration: none; color: #FFFFFF; background: #FF6699; border-radius: 5px; float: left;}

.itemDay_sat {width: 90px; height: 46px; margin: 1px; text-align: center; font-size: 16px; border-radius: 5px; float: left;}
.itemDay_sat a {width: 90px; height: 46px; line-height: 46px; text-decoration: none; color: #FFFFFF; background: #7FBFFF; border-radius: 5px; border: solid 1px #CCC; float: left;}
.itemDay_sat a:hover {width: 90px; height: 46px; line-height: 46px; text-decoration: none; color: #FFFFFF; background: #FF6699; border-radius: 5px; float: left;}

.itemDay_sun {width: 90px; height: 46px; margin: 1px; text-align: center; font-size: 16px; border-radius: 5px; float: left;}
.itemDay_sun a {width: 90px; height: 46px; line-height: 46px; text-decoration: none; color: #FFFFFF; background: #FF7F7F; border-radius: 5px; border: solid 1px #CCC; float: left;}
.itemDay_sun a:hover {width: 90px; height: 46px; line-height: 46px; text-decoration: none; color: #FFFFFF; background: #FF6699; border-radius: 5px; float: left;}

/* schedule */
.scheWrap {width: 100%; margin: 0 auto;}
.scheBox {width: 110px; margin: 3px 2px; border: solid 1px #FD749E; background: #FFFFFF; border-radius: 5px; float: left;}
.scheImg {width: 110px; height: 147px; position: relative;}
.scheName {width: 110px; height: 26px; line-height: 26px; margin-top: 5px; margin-bottom: 5px; text-align: center; font-size: 14px; background: #405C3C; color: #FFFFFF;}
.scheTxt {width: 110px; margin: 5px 0px 5px; height: 32px; line-height: 16px; text-align: center; font-size: 12px; letter-spacing: -0.05em}
.scheEs {width: 110px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; font-weight: bold; color: #FFFFFF; background-color: #BF7FFF; bordert-radius: 3px;}
.scheEs2 {width: 110px; height: 30px; line-height: 30px; margin: 3px 0; padding: 0 5px; text-align: left; font-size: 14px; background: #FFE434; border: solid 1px #D8BD00; box-sizing: border-box; overflow: hidden; font-weight: bold; color: #125E00;}
.imgSizeSche {width: 110px; height: 147px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.newMark {width: 40px; height: 40px; position: absolute; top: 0; right: 0;}

.twiBox {width: 110px; height: 30px; margin: 5px 0; float: left;}
.twiBox a {width: 110px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; background: #43A8F1; color: #FFFFFF; border-radius: 5px; float: left;}
.twiBox a:hover {width: 110px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; background: #FFDF10; color: #FFFFFF; border-radius: 5px; float: left; text-decoration: none;}

}