@charset utf-8;

@import "../common.css";

/*---------------------------------------------------------*/
#main {
  margin:0 auto;
  padding:0 0 30px 0 !important;
  max-width:1000px;
  font-weight:bold;
  color:#000 !important;
  text-align:center;
}

#main h1 img {
    width:100% !important;
}

#main p {
  padding:10px;
  color:#000 !important;
}

#main .date {
  text-align:center;
  font-size:125%;
}


/*---------------------------------------------------------*/
#point {
	  max-width:1000px;
  margin:0 auto;
}
#point h2 {

  text-align:center;
  background:  url(tit_bg.png) 0 0 repeat-x;
}
.keisenarea{
position: relative;
width: 100%;
}

.keisensp1{
	position: absolute;
	top: 0;
	margin-top: -8%;
}
.keisensp2{
	position: absolute;
	top: 0;
	margin-top: -10.5%;
}
.keisensp4{
	position: absolute;
	top: 0;
	margin-top: -10.5%;
}
.keisenpc1{
	position: absolute;
	top: -45px;
}
.keisenpc2{
	position: absolute;
	top: -90px;
}
.keisenpc4{
	position: absolute;
	top: -55px;
}
#point .titles{

	padding: 50px 0 75px 0;
	text-align: center;
}
#point h3 {
  padding:20px;
  text-align:center;
  background:#b72e22;
  color:#fff;
  font-size:22px;
  line-height: 22px;
  font-weight:bold;
}
#point h3.first{
padding-top: 30px;
}
#point p {
  padding:10px 0;
  text-align: center;
}

.ofcourse{
	padding-top: 20px;
text-align: center;
padding-bottom: 60px;
}
.get{
  text-align:center;
  background:  url(tit_bg2.png) 0 0 repeat-x;
  padding-bottom: 20px;
}

#point p.btn {
  text-align:center;
}
#point .date {
  text-align:center;
  font-size:125%;
}

/*---------------------------------------------------------*/
#detail {
  max-width:700px;
  margin:0 auto;
  background:#eee;
  padding:10px;
  padding-bottom:20px;
}

#detail h3 {
  padding:10px;
  background:#666;
  color:#fff;
  font-size:22px;
  font-weight:bold;
  text-align:center;
}

#detail p {
  padding:10px 0;
}
#detail p.btn {
  text-align:center;
}

#detail .date {
  text-align:center;
  font-size:125%;
}


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




#footer {
  max-width:960px;
  margin:1px auto 0;
  padding:20px;
  background:#000;
  text-align:center;
  color:#fff;
}

.pc {display:block;}
.sp {display:none;}
.sptb {display:none;}


@media only screen and (max-width: 1060px) {

.sptb {display:block;}


.keisenpc1{
	position: absolute;
	top: -40px;
}
.keisenpc2{
	position: absolute;
	top: -90px;
}
.keisenpc4{
	position: absolute;
	top: -45px;
}

}

@media only screen and (max-width: 768px) {


.keisenpc1{
	position: absolute;
	top: -32px;
}
.keisenpc2{
	position: absolute;
	top: -35px;
}
.keisenpc4{
	position: absolute;
	top: -35px;
}
#point p {
  text-align: left;
  padding: 10px;
}
}


@media only screen and (max-width: 600px) {
#main {

}
#main p {
  font-size:89%;
}

#lead {
  padding:10px 5px;
}

#point h3 {}


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

#footer {
}

}