@charset "utf-8";

*{
margin:0;
padding:0;
}

html {
/*overflow-y: scroll;*/
/*border-top: solid 5px #c23a35;*/
/*background:url(../images/bg.jpg) repeat-x 0 bottom;*/
}

a{
text-decoration:none;
/*color:#e43834;*/
}

a:hover {
text-decoration:none;
/*color:#e43834;*/
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}

article, aside, canvas, footer, header, hgroup, nav, section, figure, figcaption {
display: block;
margin: 0;
padding: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

caption, th	{
text-align: left;
}

q:before ,q:after {
content: '';
}

object, embed {
vertical-align: top;
}

hr, legend {
display: none;
}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}

img, abbr, acronym, fieldset {
border: 0;
vertical-align: bottom;
}

li {
list-style-type: none;
}

/*------------ fontStyle------------*/
body {
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Helvetica,Arial,sans-serif;
/*letter-spacing:1px;*/
font-size: 14px;
line-height: 240%;
color:#333;
letter-spacing:1px;
-webkit-text-size-adjust:100%;
}

/*-----------------------------------------------------------------------------------------------------------clearfix-----------------*/

.clearfix{ /zoom:1; }
.clearfix:after{ content : ''; display : block; clear : both; height:0; }
.clearfix{ overflow:hidden; }

/*--------------------------------------------------------------------------------------------------------------jsMessage----------*/

#msg_js{
background: none repeat scroll 0 0 #F00;
color: #FFF;
display: block;
line-height: 1.4;
opacity: 0.7;
padding: 12px 0;
position: absolute;
text-align: center;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
}

.pcnon {
	display: none;
}
div.spologo {
	display: block;
	background: #fdfcfc;
	padding: 0 5px;
}

.yycountdown-box{
  text-align:center;
  margin:10px 0;
  color:#000000;
}

#timer .yycountdown-box .yyc-day{
  font-size:3.0em;
  color:#e43934;
  font-family: 'GFS Didot', serif;
}
#timer .yycountdown-box .yyc-hou{
  font-size:3.0em;
  color:#e43934;
  font-family: 'GFS Didot', serif;
}
#timer .yycountdown-box .yyc-min{
  font-size:3.0em;
  color:#e43934;
  font-family: 'GFS Didot', serif;
}
#timer .yycountdown-box .yyc-sec{
  font-size:3.0em;
  color:#e43934;
  font-family: 'GFS Didot', serif;
}

#timer .yycountdown-box .yyc-day-text,
#timer .yycountdown-box .yyc-hou-text,
#timer .yycountdown-box .yyc-min-text,
#timer .yycountdown-box .yyc-sec-text{
  font-size:1.0em;
  font-family: 'GFS Didot', serif;
}

#sakemarche {
	text-align:center;
	font-size:36px;
	margin-bottom:5px;
	font-family: 'GFS Didot', serif;
}

#sakemarche span{
	color:#e43934;
	font-family: 'GFS Didot', serif;
}

#sakemarcheDate{
	text-align:center;
	font-size:20px;
	margin-bottom:0px;
	font-family: 'GFS Didot', serif;
}


@media only screen and (max-width: 750px) {
	.spnon {
		display: none;
	}
	div.spologo li img {
		max-width: 300px;
	}
	#sakemarche {
		text-align:center;
		font-size:24px;
		margin-bottom:5px;
	}

	#sakemarche span{
		color:#e43934;
	}

	#sakemarcheDate{
		text-align:center;
		font-size:14px;
		margin-bottom:0px;
	}
}


/* margin ----------------------- */
.mt02 { margin-top: 2px !important; } .mr02 { margin-right: 2px !important; } .mb02 { margin-bottom: 2px !important; } .ml02 { margin-left: 2px !important; }
.mt05 { margin-top: 5px !important; } .mr05 { margin-right: 5px !important; } .mb05 { margin-bottom: 5px !important; } .ml05 { margin-left: 5px !important; }
.mt10 { margin-top: 10px !important; } .mr10 { margin-right: 10px !important; } .mb10 { margin-bottom: 10px !important; } .ml10 { margin-left: 10px !important; }
.mt15 { margin-top: 15px !important; } .mr15 { margin-right: 15px !important; } .mb15 { margin-bottom: 15px !important; } .ml15 { margin-left: 15px !important; }
.mt20 { margin-top: 20px !important; } .mr20 { margin-right: 20px !important; } .mb20 { margin-bottom: 20px !important; } .ml20 { margin-left: 20px !important; }
.mt25 { margin-top: 25px !important; } .mr25 { margin-right: 25px !important; } .mb25 { margin-bottom: 25px !important; } .ml25 { margin-left: 25px !important; }
.mt30 { margin-top: 30px !important; } .mr30 { margin-right: 30px !important; } .mb30 { margin-bottom: 30px !important; } .ml30 { margin-left: 30px !important; }
.mt35 { margin-top: 35px !important; } .mr35 { margin-right: 35px !important; } .mb35 { margin-bottom: 35px !important; } .ml35 { margin-left: 35px !important; }
.mt40 { margin-top: 40px !important; } .mr40 { margin-right: 40px !important; } .mb40 { margin-bottom: 40px !important; } .ml40 { margin-left: 40px !important; }
.mt45 { margin-top: 45px !important; } .mr45 { margin-right: 45px !important; } .mb45 { margin-bottom: 45px !important; } .ml45 { margin-left: 45px !important; }
.mt50 { margin-top: 50px !important; } .mr50 { margin-right: 50px !important; } .mb50 { margin-bottom: 50px !important; } .ml50 { margin-left: 50px !important; }
.mt55 { margin-top: 55px !important; } .mr55 { margin-right: 55px !important; } .mb55 { margin-bottom: 55px !important; } .ml55 { margin-left: 55px !important; }
.mt60 { margin-top: 60px !important; } .mr60 { margin-right: 60px !important; } .mb60 { margin-bottom: 60px !important; } .ml60 { margin-left: 60px !important; }
.mt65 { margin-top: 65px !important; } .mr65 { margin-right: 65px !important; } .mb65 { margin-bottom: 65px !important; } .ml65 { margin-left: 65px !important; }
.mt70 { margin-top: 70px !important; } .mr70 { margin-right: 70px !important; } .mb70 { margin-bottom: 70px !important; } .ml70 { margin-left: 70px !important; }
.mt80 { margin-top: 80px !important; } .mr80 { margin-right: 80px !important; } .mb80 { margin-bottom: 80px !important; } .ml80 { margin-left: 80px !important; }
.mt90 { margin-top: 90px !important; } .mr90 { margin-right: 90px !important; } .mb90 { margin-bottom: 90px !important; } .ml90 { margin-left: 90px !important; }
.mt100 { margin-top: 100px !important; } .mr100 { margin-right: 100px !important; } .mb100 { margin-bottom: 100px !important; } .ml100 { margin-left: 100px !important; }


/* padding ----------------------- */
.pt0{ padding-top:0 !important;}	.pr0{ padding-right:0 !important;}	.pb0{ padding-bottom:0 !important;}	.pl0{ padding-left:0 !important;}
.pt5{ padding-top:5px !important;}	.pr5{ padding-right:5px !important;}	.pb5{ padding-bottom:5px !important;}	.pl5{ padding-left:5px !important;}
.pt10{ padding-top:10px !important;}	.pr10{ padding-right:10px !important;}	.pb10{ padding-bottom:10px !important;}	.pl10{ padding-left:10px !important;}
.pt15{ padding-top:15px !important;}	.pr15{ padding-right:15px !important;}	.pb15{ padding-bottom:15px !important;}	.pl15{ padding-left:15px !important;}
.pt20{ padding-top:20px !important;}	.pr20{ padding-right:20px !important;}	.pb20{ padding-bottom:20px !important;}	.pl20{ padding-left:20px !important;}
.pt25{ padding-top:25px !important;}	.pr25{ padding-right:25px !important;}	.pb25{ padding-bottom:25px !important;}	.pl25{ padding-left:25px !important;}
.pt30{ padding-top:30px !important;}	.pr30{ padding-right:30px !important;}	.pb30{ padding-bottom:30px !important;}	.pl30{ padding-left:30px !important;}
.pt35{ padding-top:35px !important;}	.pr35{ padding-right:35px !important;}	.pb35{ padding-bottom:35px !important;}	.pl35{ padding-left:35px !important;}
.pt40{ padding-top:40px !important;}	.pr40{ padding-right:40px !important;}	.pb40{ padding-bottom:40px !important;}	.pl40{ padding-left:40px !important;}
.pt45{ padding-top:45px !important;}	.pr45{ padding-right:45px !important;}	.pb45{ padding-bottom:45px !important;}	.pl45{ padding-left:45px !important;}
.pt50{ padding-top:50px !important;}	.pr50{ padding-right:50px !important;}	.pb50{ padding-bottom:50px !important;}	.pl50{ padding-left:50px !important;}


.br-pc {
	display:block;
}
.br-sp {
	display:none;
}

@media (max-width: 768px) {

	.br-pc {
		display:none;
	}
	.br-sp {
		display:block;
	}
}
@media only screen and (max-width: 360px) {
	div.spologo li img {
		max-width: 100%;
	}
}

.fontb {
	font-weight: bold;
}

.lh14p {
	line-height: 140%;
}

.br-pc {
	display:block;
}
.br-sp {
	display:none;
}
@media (max-width: 768px) {
	.br-pc {
		display:none;
	}
	.br-sp {
		display:block;
	}
}

.txt-l { text-align:left!important; }
.txt-c { text-align:center!important; }
.txt-r { text-align:right!important; }
