@charset "utf-8";

@media (min-width: 768px){
.mainArea { background:url(../images/main_bg.jpg) no-repeat !important; background-size:contain !important;}
h1.topTtl{}

h2.dateArea { text-align:right !important;}
h3.eventTtl { margin:20px 0 10px 0;}

.PCdispNone { display:none;}
.fullTop { width:100%; padding:30px 0;}
}


.fullTop .logo { float:left; width:45%; text-align:right;}
.fullTop .ttl { float:right; width:50%; text-align:right;}

.sub h2 {margin-bottom:15px; font-weight:bold; text-shadow:0 0 8px #030023,0 0 8px #030023,0 0 0.8px #030023;}
.place {text-shadow:0 0 8px #030023,0 0 8px #030023,0 0 0.8px #030023;}
 
h3.contH3 { border-bottom:1px solid #666;}
h3.contH3 span { font-size:70%;}

.gallery {
	background:#000;
    border:solid 1px #666;
    -moz-border-radius: 15px;    /* 古いFirefox */
    -webkit-border-radius: 15px; /* 古いSafari,Chrome */
    border-radius: 15px;
}


@media (min-width: 768px){
.pdClear { padding-left:0 !important; padding-right:0 !important;}
h2 span { font-size:180%;}
.sub {text-align:center;}
.sub p { font-weight:bold; font-size:170%;}
.copy {
	background-color: rgba(0,0,0,0.7);
    -moz-border-radius: 15px;    /* 古いFirefox */
   -webkit-border-radius: 15px; /* 古いSafari,Chrome */
   border-radius: 15px;
   border:2px dotted #fff;
}
.copy p { padding:20px; text-align:center; line-height:1.8; font-size:110%;}

.event {background-color: rgba(0,0,0,0.7);
    -moz-border-radius: 15px;    /* 古いFirefox */
   -webkit-border-radius: 15px; /* 古いSafari,Chrome */
   border-radius: 15px;
   border:2px dotted #fff;
   margin-bottom:40px;}
.event h4 { font-size:150%; text-align:center; color:#FF6; padding-top:20px;}
.event p {padding:20px; text-align:center; line-height:1.8; font-size:130%;}
.pcLayoutBox { height:800px;}

.gallery { margin-bottom:50px;}
}

@media (max-width: 767px){
.fullTop { width:100%; padding:10px 0;}
h2 { font-size:130%;}
h2 span { font-size:120% !important;}
.sub p { font-weight:bold; font-size:120%; text-align:left;}
.copy {	background-color: rgba(0,0,0,0.7);
    -moz-border-radius: 15px;    /* 古いFirefox */
   -webkit-border-radius: 15px; /* 古いSafari,Chrome */
   border-radius: 15px;
   border:2px dotted #fff;}
.copy p { padding:20px; text-align:left; line-height:1.5;}

.event {background-color: rgba(0,0,0,0.7);
    -moz-border-radius: 15px;    /* 古いFirefox */
   -webkit-border-radius: 15px; /* 古いSafari,Chrome */
   border-radius: 15px;
   border:2px dotted #fff;
   margin-bottom:40px;}
.event h4 { font-size:150%; text-align:center; color:#FF6; padding-top:20px;}
.event p {padding:20px; text-align:left; line-height:1.8; font-size:130%;}
.spLayoutBox{ height:340px;}
.gallery { margin:0 15px 40px 15px;}
}


/*.eventBg { background:url(../images/event_bg.png) no-repeat; background-size:contain; min-height:300px;}*/
p.caption span { font-size:10px;}
.archives a { color:#0CF !important; text-decoration:underline;}
.archives a:hover { color:#0CF; text-decoration:none;}

@media (min-width: 768px) and (max-width: 991px){
.mainArea { background:url(../images/main_bg.jpg) no-repeat !important; background-size:contain !important;}

}


@media (max-width: 767px) {
.mainArea { background:url(../images/main_bg.jpg) no-repeat !important; background-size:contain !important;}
.SPdispNone { display:none;}
	}





.copyRight { text-align:center; color:#FFF; margin:20px 0;}