@charset "UTF-8";

/*共通*/

*{
	margin:0;
	padding:0;
}

img{
  max-width: 100%;
}

p{
	margin:0 !important;
}

body{
	width:100%;
}

#pageheader {
    position: relative;
    padding: 10px 15px;
    width: 100%;
    height: 60px;
    background-color: black;
    line-height: 0;
    z-index: 1;
    margin: 0 auto;
    display:table;
}

#pageheader .logo{
	width:30%;
	float:left;
}

#pageheader img {
	width: 80px;
	height:auto;
}

#pageheader .message{
	width:70%;
	font-size:12px;
	float:right;
	left:auto;
	text-align:right;
	color:#FFF;
}

.bg-blue{
  background:#43a2c9;
  color:#fff;
  text-align: center;
}

.poweredby{
	width:100%;
	text-align:center;
	padding:2% 0 5% 0;
}

.poweredby img{
	width:20%;
}

.wrap01 {
    background: #333333;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    font-size: 13px;
}

.wrap01 a {
    color: #fff;
    text-decoration: underline;
}

.wrap10{
  padding-top: 30px;
  padding-bottom: 30px;
}

.wrap10 h3{
  font-size:20px;
  margin:0;
  padding:0;
  margin-bottom:3%;
}

.wrap10 .image img{
  width:80%;
}

footer {
  background-color:#231f20;
  color:#fff;
  bottom:0;
  text-align:center;
  position:relative;
}
div .cpy {
  background-color:#231f20;
  color:#fff;
  bottom:0;
  text-align:center;
  position:relative;
}

div #copyright{
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 12px;
  font-weight: normal;
}

div .topback{
  position: fixed;
  bottom: 60px;
  right: 10px;
}

footer .topback img{
  width: 50px;
  height: auto;
}




ul{
	margin:0;
	padding:0;
}

ul li{
	margin:0;
	padding:0;
	list-style-type:none;
	text-align:left;
}

.wrp{
	width:100%;
	margin:0 auto;
}

.wrp-w90per{
	width:90%;
	margin:0 auto;
}

.fs-50per{font-size:50%;}
.fs-130per{font-size:130%;}

.w90per{width:90%;}

.mt-1per{margin-top:1%;}
.mt-5per{margin-top:5%;}
.mt-10per{margin-top:10%;}

.mb-1per{margin-bottom:1%;}
.mb-3per{margin-bottom:3%;}
.mb-5per{margin-bottom:5%;}
.mb-10per{margin-bottom:10%;}

.pt-5per{padding-top:5%;}

.pb-5per{padding-bottom:5%;}

.title{
}

.title-cpn{
	width:90%;
	margin-right:auto;
	margin-left:auto;
}

.att{
	font-size:0.6em;
}

.spot-btn ul li{
	margin-bottom:3%;
}

.anniversary-wrp1{
	background:#ED1C24;
	text-align:center;
}

.anniversary-wrp2{
	background:#FCAF17;
	text-align:center;
}

.anniversary-wrp3{
	background:#00AEEF;
}

.spot-use{
	border:1px solid #000;
	padding:3%;
}

.code{
	height:100%;
	width:100%;
	margin:0% auto 0% auto;
	text-align:center;
	padding:7% 0 5%;
	color:#000;
	background-image:url(../../img/bg-01.jpg);
  background-repeat: no-repeat;                   
 background-size: 100% auto;
	background-color:#ee7407;
}
.linktext{
	width:100%;
	font-weight:bold;
	font-size:1.2em;
	text-align:center;
	color:#eb7000;
	margin-bottom:3%;
	text-align:right;
}


/*以下にCSSを記述してください。*/
#pageheader {
    padding: 10px 0;
}
.reserve {
	text-align: left;
}
div .topback{
  bottom: 10px;
}
#all-footer .shopButton {
	padding-top: 13px;
}
#pageheader {
    height: 35px;
}
#copyRightArea {
	display: none;
}
div #copyright{
  padding: 20px 0;
}
.titleArea.schedule {
    margin: 2px 0 6px;
}
#mainArea .starttimeArea {
    display: block;
    margin: 7% 3.1% 0;
}