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

/* -------------------------------------------------

newyear/index.php CSS

------------------------------------------------- */
.red{
	color:#f00;
}
.newyearArea{
	padding:20px;
}
.newyearArea > div:not(:first-child){
	margin-top: 15px;
}
.spScroll table{
	width: 100%;
	border-collapse: collapse;
}
.spScroll table th,
.spScroll table td{
	text-align: center;
	border:1px solid #ddd;
	font-weight: normal;
}
.spScroll table th{
	background-color: #eee;
}
.spScroll table tr:nth-child(2) td{
	background-color: #f8f8f8;
}
.newyearArea > div table tr:nth-child(2) th{
	width: calc(100% / 5);
}
.newyearArea > div table tr td{
	width: calc(100% / 5);
}
.hatsuuri{
	color:#fff;
	background-color: #e93e41;
	line-height: 100%;
	font-size: 0.7em;
	padding: 4px 4px 3px;
	margin: 0 0 5px;
	display: block;
}
.tdRed{
	background-color:#ffdada;
}
.sipeText{
	display: none;
}
.notes{
  text-align:right;
  margin-top:10px;
}
/* SP縦向き */
@media screen and (max-width:640px) and (orientation: portrait) {
.spScroll{
	width: 100%;
	overflow-x: scroll;
}
.spScroll table{
	width: 650px;/* 店舗数によって変更 */
	margin-bottom: 10px;
}
.sipeText{
	font-size: 0.9em;
	display: block;
}
.notes{
  text-align:left;
	font-size: 0.9em;
  text-indent: -1em;
  padding-left: 1em;
}
}

/* -------------------------------------------------

bannerArea02

------------------------------------------------- */
.bannerArea02{
	height:auto;
	margin:20px 0 0;
}
.bannerArea02 p{
	width: calc(50% - 10px);
	float:left;
}
.bannerArea02 p:nth-child(2){
	margin-left:20px;
}
.bannerArea02 p a img{
	width:100%;
}
.bannerArea02 p a:hover{
	opacity: 0.7;
}
/* SP縦向き */
@media screen and (max-width:640px) and (orientation: portrait) {
.bannerArea02{
	margin:0;
}
.bannerArea02 p{
	margin:10px 0 0;
	width: 100%;
	float: none;
}
.bannerArea02 p:nth-child(2){
	margin-left:0;
}
}