@charset "utf-8";


.backEH {
  margin: 15px auto 10px;
  width:90%;
  text-align: right;
  font-size:12px;
}
.backEH:before {
  content:"";
  display:inline-block;
  margin-right:5px;
  background:url(../image/ico_lArrow.png);
  background-size:10px 12.5px;
  width:10px;
  height:12.5px;
  vertical-align:middle;
}



/********************************

 MainVisual

********************************/

#mainVisual {
  margin:0 auto;
  width:100%;
  padding-top:61.40625%;
  background:url(../../image/bg_main-sp.jpg) top center no-repeat;
  background-size:contain;
}
#mainVisual .inner {
  margin:0 auto;
  width:90%;
  text-align:center;
}
#mainVisual .inner h1 {
  margin-top:-61.40625%;
  width:100%;
  
}
#mainVisual .inner h2 {
  margin-top:3.125%;
  font-size:24px;
  font-weight:bold;
  line-height:1.2em;
}



/********************************

 Catch

********************************/

#catch {
  margin:0 auto;
  width:100%;
  background:#000;
  background-size:cover;
}
#catch p {
  margin:0 auto;
  padding:4.6875% 0;
  width:90%;
  font-size:18px;
  text-align:center;
  color:#fff;
  line-height:1.5em;
}
#catch strong {font-weight:normal;}



/********************************

 Main

********************************/

#container {
  margin:0 auto;
  width:100%;
}
#container h2 {
  margin:15px 0;
  width:100%;
  font-size:24px;
  font-weight:bold;
  color:#bf0015;
  text-align:center;
}
#container .arr-end {
  margin:0px auto 20px;
  width:90%;
  font-size:11px;
  font-weight:bold;
  text-align:left;
}


/********************************

 schedule

********************************/

table {
  margin:0 auto;
  width:90%;
}
table tr {
  padding:0 2%;
  width:96%;
  font-size:16px;
  color:#fff;
  background-color:#525252;
}
table tr th {
  padding:1em 0;
  width:32.5%;
  font-size:10px;
  text-align:center;
}
table tr th:first-child {
  width:35%;
}


/********************************

 place -schedule-

********************************/

.wrap {
  overflow:hidden; /*Clearfix*/
  margin:0 auto 30px;
  padding-bottom:20px;
  width:90%;
  background-color:#f1f1f1;
}

.wrap dl {
  overflow:hidden; /*Clearfix*/
  padding:20px 2%;
  width:96%;
  display:table;
}
.wrap dl dt,
.wrap dl dd {
  display:table-cell;
  vertical-align:middle;
  width:38.5%;
}
.wrap dl dt {
  position:relative;
  margin:0 3%;
  padding:0 0 0 4%;
  width:22%;
  font-size:16px;
  font-weight:bold;
  line-height:1.2em;
  background:url(../image/ico_circle.png) 1% center no-repeat;
  background-size:10px 10px;
}
.wrap dl dt .spSmall {font-size:12px;}
.wrap dl dt.hsr {
  padding-top:0px; 
  background-position:1% 5px;
}
.wrap dl dt.hsr:before {
   top:3px;
}
.wrap dl dt.hsr:after {
   top:7px;
}

.wrap dl dt {width:35%;}

.wrap dl dt dd {
  clear:both;
  height:80px;
  font-size:16px;
}
.wrap dl dd {
  width:65%;
  font-size:16px;
}
.wrap p {
  margin:0 auto;
  width:90%;
  text-align:center;
  line-height:1.5em;
}

.days-rec {
  overflow:hidden; /*Clearfix*/
  width:100%;
  font-size:18px;
}
.days-rec li {
  float:left;
  width:50%;
  text-align:center;
}
.days-rec li:nth-child(3) {
  padding-top:0;
  width:180px;
  text-align:center;
  line-height:1.5em;
}
.days-rec span.month {font-size:24px;}
.days-rec span.dotw {font-size:16px;}



/********************************

 btn -schedule-

********************************/

.contact {
  margin:0 auto;
  width:90%;
  text-align:center;
}
.contact p {
  display:inline-block;
  padding:6px 7px;
  width:50%; 
  font-size:12px;
  line-height:1.5em;
  border:1px solid #ccc;
  background-color:#fff;
}
.contact p a {
	text-decoration:underline;
}

.btnActive {
  margin:0 auto;
  width:50%;
  text-align:center;
}
.btnActive a {
  display:inline-block;
  padding:20px 0;
  width:100%;
  color:#fff; 
  font-size:16px;
  font-weight:bold;
  background:url(../image/img_toDetail.png) 90% center no-repeat #ca0813;
  background-size:10px 12px;
}

.btnOff {
  margin:0 auto;
  width:50%;
  text-align:center;
}
.btnOff p {
  display:inline-block;
  padding:20px 0;
  width:100%;
  color:#fff; 
  font-size:16px;
  font-weight:bold;
  background-color:#cdcdcd;
}



/********************************

 footer

********************************/

footer {
  margin:50px auto 0;
  width:90%;
}
.backTop {
  width:100%;
  text-align:center;
  margin-bottom:20px;
}
.backTop a {
  padding:25px 0;
  width:80%;
  font-size:12px;
  font-weight:bold;
  background-size:8px;
  background-color: #f1f1f1;
  border: none;
  line-height:1;
}
.backTop a.btnStyle03 span {
  display:block;
  padding:0; /*btnStyle03 padding reset*/
  width:100%;
  background-position:15px center;
}
.pT {display:none;}


/*0229追加*/
.end {
	font-size:12px;
	color:#bf0015;
}


.btnOff {
  width:80%;
  text-align:center;
}

.btnOff span {
  display:inline-block;
  width:186px;
  height:50px;
  line-height:50px;
  color:#ffffff; 
  font-size:11px;
  box-sizing:border-box;
  background-color:#cdcdcd;
}


.Last{
	margin:30px auto 0;
	width:100%;
	}
	
	
.Last a span{
	margin-right:2px;
	}	
	
.Last a{
	margin:0 auto;
	width:60%;
	display:block;
	text-align:center;
	background-color:#CC0000;
	color:#ffffff;
	padding:10px 0;
	border-radius:5px;
	}	
	
	
.Last a:hover {
  -ms-opacity: 0.6;
  -o-opacity: 0.6;
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
  -ms-transition: opacity 0.4s ease-out;
  -o-transition: opacity 0.4s ease-out;
  -webkit-transition: opacity 0.4s ease-out;
  -moz-transition: opacity 0.4s ease-out;
  transition: opacity 0.4s ease-out;
}	


/********************************

 iphone5 Landscape

********************************/

@media screen and (max-width:568px){
  
#mainVisual .inner h2 {font-size:20px;}
#catch p {font-size:18px;}

.wrap dl dt {font-size:14px;}
.days-rec span.month {font-size:18px;}
.days-rec {font-size:14px;}
.days-rec span.dotw {font-size:14px;}

}


/********************************

 iphone4 Landscape

********************************/

@media screen and (max-width:480px){
  
#mainVisual .inner h2 {font-size:18px;}
#catch p {font-size:16px;}

.days-rec span.month {font-size:16px;}
.days-rec {font-size:12px;}
.days-rec span.dotw {font-size:12px;}
}




/********************************

 iphone6 Plus Portrait

********************************/

@media screen and (max-width:414px){
  
#mainVisual .inner h2 {
  font-size:15px;
}
#catch p {font-size:13px;}

.wrap dl dt {font-size:12px;}
.wrap dl dt .spSmall {font-size:10px;}
.wrap dl dt dd {font-size:16px;}
.wrap dl dd {font-size:16px;}

.wrap dl dt.hsr {
  background-position:1% 3px;
}
.days-rec span.month {font-size:12px;font-weight:bold;}
.days-rec {font-size:10px;font-weight:bold;}
.days-rec span.dotw {font-size:10px;font-weight:bold;}

}



/********************************

 iphone6 Portrait

********************************/

@media screen and (max-width:375px){
  
#mainVisual .inner h2 {
  font-size:14px;
}
#catch p {
  font-size:12px;
}

.wrap dl dt {
  padding:0 0 0 5%;
}
}



/********************************

 iphone5/4 Portrait

********************************/

@media screen and (max-width:320px){

#mainVisual .inner h2 {
  font-size:12px;
}
#catch p {font-size:10px;}

#container h2 {font-size:15px;}
table tr th {font-size:12px;}

.contact p {font-size:10px;}
.days-rec span.month {font-size:12px;font-weight:bold;}
.days-rec {font-size:10px;font-weight:bold;}
.days-rec span.dotw {font-size:10px;font-weight:bold;}
.wrap dl dt.hsr {background-position:0% 3px;}
.wrap dl dt {
  font-size:12px;
}
.wrap dl dt .spSmall {font-size:11px;}


}

/********************************

 contact

********************************/

.contact_top {
  margin:0 auto 30px;
  padding:5%;
  width:80%;
  background-color:#f8f8f8;
}
.contact_top h4 {
  margin-bottom:5px;
  font-size:18px;
  font-weight:bold;
}
.contact_top ul li {
  padding-left:1em;
  text-indent:-1em;
  font-size:14px;
  line-height:1.5em;
}
.contact_top p {
  margin-top:30px;
  font-size:12px;
}
.contact_top dl {
  display:table;
  margin-top:5px;
  width:100%;
  font-size:12px;
}
.contact_top dl dt,
.contact_top dl dd {
  display:table-cell;
  vertical-align:middle;
  line-height:1;
}
.contact_top dl dt {width:5em;}
.contact_top dl.mail dt {width:4em;}

/*0404追加*/
.end {
	padding-top:20px;
	font-size:14px;
	font-weight:bold;
	color:#bf0015;
}

.btnReport {
  margin:0 auto;
  width:50%;
  text-align:center;
}
.btnReport a {
  display:inline-block;
  line-height:1.5em;
  padding:20px 0;
  width:100%;
  color:#fff; 
  font-size:16px;
  font-weight:bold;
  background:url(../image/img_toDetail.png) 90% center no-repeat #a07a45;
  background-size:10px 12px;
}


.S6info{
	width:90%;
	text-align:center;
	margin:30px auto 50px;
	font-size:15px;
	font-weight:bold;
	}
  
  /*20170320今井追加*/  
.prizewinner{
  text-decoration:underline;}