@charset "UTF-8";

/***********************************************/
/* CALENDER */
/***********************************************/
.calender {
	display:block;
	margin-top:80px;
	padding-top:15px;
	padding-bottom: 20px;
	overflow:hidden;
	height: auto;
	width: 100%;
	text-align:center;
}
@media screen and (max-width: 660px) {
.calender {
	margin-top:20px;
}
}
.Today {
	font-weight: bold;
	color: #000;
	display: block;
	background-color: #fdca08;
}
li.holiday .Today {
	color: #fdca08!important;
	font-weight: bolder;
	background-color: #900!important;
}
*:first-child+html span.Today {
	border-top: 1px;
	border-bottom: 1px;
	border-left: 1px;
	border-right: 1px;
}
.deli {
	background-color: #900;
	color: #FFFFFF;
}
li.openingsale {
	color: #FFFFFF;
	font-weight: bolder;
	background-color: #900;
}
li.holiday {
	color: #FFFFFF;
	font-weight: bolder;
	background-color: #900!important;
	border-top: thin solid #900;
	border-bottom: thin solid #900;
	border-left: thin solid #900;
	border-right: thin solid #900;
}
li.Sun {
	color: #900!important;
	border-top: thin solid #900!important;
	border-bottom: thin solid #900!important;
	border-left: thin solid #900!important;
	border-right: thin solid #900!important;
}
li.Sat {
	color: #336699;
	border-top: thin solid #336699!important;
	border-bottom: thin solid #336699!important;
	border-left: thin solid #336699!important;
	border-right: thin solid #336699!important;
}
li.undefined {

}

#today-shop-status img {
	display:block;
	margin:30px auto 0;
	height: auto;
	max-width:320px;
	width: 100%;
	text-align:center;
}

/*ui*/
div.cal_wrapper {
	height: auto;
	width:100%;
	padding: 0px 0px 0px 0px;
	overflow:hidden;
	position:relative;
}
ul.cal_ui {
	position:absolute;
	top:3%;
	right:5%;
	padding: 12px 0 0;
	width:auto;
	height:auto;
}
ul.cal_ui li {
	display:inline-block;
	width: 42px;
	height: 18px;
	list-style: none;
	background-repeat: no-repeat;
	cursor: pointer;
}
li.cal_prev {
	background-image: url(/img/calender/cal_01.gif);
}
li.cal_to {
	background-image: url(/img/calender/cal_02.gif);
}
li.cal_next {
	background-image: url(/img/calender/cal_03.gif);
}

/*.cal_base*/
div.cal_base {
	clear:both;
	position:relative;
	margin:0 auto;
}
div.cal_base p {
	float:left;
	width: auto;
	height:36px;
	margin-left:5%;
	margin-bottom:5px;
	overflow:hidden;
	line-height: 1;
}
/*.cal_main */
ul.cal_main {
	display:inline-block;
	padding:8px 0 5px;
	width:90%;
	height:auto;
	color:#000;
	border-top:solid 1px #666;
	border-bottom:solid 1px #666;
	background:#FFF;
}
ul.cal_main li {
	width: calc( 3.2% - 2px);
	height:auto;
	text-align: center;
	list-style: none;
	font-size: 16px;
	font-family: 'Josefin Sans', sans-serif;
	display:inline-block;
	overflow: hidden;
	margin-bottom:3px;
	border: solid 1px #fff;
	background:#efefef;
}
div.cal_base p span {
	display:inline-block;
	margin-left:5px;
	color: #666;
	font-weight: bolder;
	font-size: 20px;
	font-family: 'Josefin Sans', sans-serif;
}
div.cal_base .times {
	margin-left:10px;
	margin-right:10px;
	color: #666;
	width: auto;
	font-size: 13px;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}
div.cal_base p .holiday {
	margin-right:8px;
	display:inline-block;
	padding:3px 5px;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #900;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}
div.cal_base p .today {
	display:inline-block;
	padding:3px 5px;
	font-size: 12px;
	color: #000;
	background-color: #fdca08;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}
div.cal_base p .year-month {
	margin-right:8px;
	font-size: 26px;
	letter-spacing:2px;
	padding: 0px 0px 0px 0px;
	margin-left:0px;
	color:#666;
	font-weight: bolder;
	font-family: 'Anton', sans-serif;
}

ul.cal_main li span {
	padding: 2px 0px 4px;
	display: block;
}

@media screen and (min-width: 800px) {
    li.empty-cell {
        display: none !important;
    }
}
@media screen and (max-width: 799px) {
    li.empty-cell {
        visibility: hidden;
    }
}
@media (max-width:1440px){ul.cal_main li{width: calc( 3.2% - 2px);}ul.cal_main li span {padding: 4px 0px;}}
@media (max-width:1199px){ul.cal_main li{width: calc( 6.2% - 2px);}ul.cal_main li span {padding: 4px 0px;}ul.cal_ui { position: static; float:left;margin-left:5%;}}
@media (max-width:800px){.calender {text-align:left;}ul.cal_main{ margin-left:5%}div.cal_base p {height:auto;}ul.cal_main li{width: calc( 14.2% - 2px);font-size: 12px;}ul.cal_main li span {padding: 2px 0px;}div.cal_base p .year-month{font-size: 20px !important;}div.cal_base p span{margin-top:3px;font-size: 14px !important;}div.cal_base .times,div.cal_base p .today,div.cal_base p .holiday{font-size: 12px !important;}div.cal_base p .holiday,div.cal_base p .today {font-size: 10px !important;padding:4px 5px;}}