@charset "UTF-8";
* { margin : 0 ; padding : 0 ; }
body { 
text-align: center; /* center on ie */
width: 100%;
font-size: 14px;
line-height: 18px;
color:#000;
font-family:"Meiryo","DFP太丸ゴシック体","ヒラギノ丸ゴ pro W4","ＭＳ Ｐゴシック",sans-serif,"Osaka‐等幅";
}

@font-face {
  font-family:'mplus-1c-black';
  src: url('fonts/mplus-1c-black-sub.eot') format('eot');
  src: url('fonts/mplus-1c-black-sub.woff') format('woff');
  src: url('fonts/mplus-1c-black-sub.ttf') format('truetype');
}

a {color:#0168db;text-decoration:none;}
a:link {color:#0168db;text-decoration:none;}
a:visited {color:#0168db;text-decoration:none;}
a:hover {color:#339bc1;text-decoration:none;}
a:active {color:#339bc1;text-decoration:none;}

.background-hack {
    z-index                 : -1;
    background-color        : #cccccc;
    background-image        : url('http://www.stancepunks.com/69/2014/img/201269photo-s.png');
    background-repeat       : no-repeat;
    background-size         : 100% auto;
    background-position: bottom;
    position                : fixed;
    top                     : 0;
    left                    : 0;
    right                   : 0;
    bottom                  : 0;
}


h2{
font-family: 'Londrina Shadow', 'cursive';
font-size:30px;
line-height:30px;
}

h3{
font-family: 'Londrina Shadow', 'cursive';
font-size:42px;
line-height:45px;
}
 
 .content{
 width: 280px;
 margin: 0 auto;
 padding: 0 20px 0 20px;
 text-align: left;
 }
 
 .fit{ width:280px;height:auto;}
 .map{ width:280px;height:auto;}

  
 /* ピンク */
 #bg-pink{
 margin: 0 auto;
 background:rgba(255,0,144,0.95);
 height:auto;
 padding:20px 0 20px 0;
 width:100%;
  }
   .jct01{
 background-image:url(http://www.stancepunks.com/69/2014/img/69rw.png);
 background-repeat: repeat-x;
background-position: center;
filter:alpha(opacity=95);
-moz-opacity:0.95;
-khtml-opacity:0.95;
opacity:0.95;
height:56px;
 width:100%;
 }
 
 header{
  margin: 0 auto;
  width:100%;
 }
 
 #timpow{
 clear:both;
 width:280px;
 height:auto;
 margin:0 auto ;
 }
 
  #timetable{
 clear:both;
 width:280px;
 height:auto;
 margin:0 auto ;
 }
 
 #title{
 clear:both;
 width:280px;
 height:auto;
 margin:	0 auto ;
 }

 
 nav{
 clear:both;
 margin:0 auto;
 width:280px;
 }

nav ul{
width:100%;
}

.menu-list{
  text-align:center;
list-style:none;
font-size:40px;
line-height:40px;
font-family: 'Wendy One', 'sans-serif';
}

.menu-list a {color:#000;text-decoration:none;}
.menu-list a:link {color:#000;text-decoration:none;}
.menu-list a:visited {color:#000;text-decoration:none;}
.menu-list a:hover {color:#fff;text-decoration:none;}
.menu-list a:active {color:#fff;text-decoration:none;}

 .sns{
 clear:both;
 margin:0 auto;
 width:280px;
 text-align:center;
 }
 
 .tw{
margin:20px 0px 40px 0;
width:100px;
 height:20px;
list-style:none;
float:left;
}

 .fb{
margin:20px 0px 40px 0px;
width:150px;
 height:20px;
list-style:none;
float:right;
}
 
 #banner{
  margin: 10px 0 0 0;
color:#ff0090;
padding:5px 0 5px 0;
background:#fff;
text-align:center;
font-size:29px;
line-height:32px;
font-family: 'mplus-1c-black';
clear:both;
 }

 #banner2{
 margin: 0 0 70px 0;
padding:5px 0 5px 0;
color:#fff;
text-align:center;
clear:both;
font-family: 'mplus-1c-black';
font-size:16px;
line-height:18px;
 }
 


 /* ブルー */
 
  #bg-blue{
 margin: 0 auto;
 background:#25adca;
  background:rgba(37,173,202,0.95);
 height:auto;
 width:100%;
 padding:20px 0 40px 0;
 }

.head{
padding:5px;
background:#ffea00;
text-align:center;
margin:50px 0 20px 0;
clear:both;
}

.cast{
padding:5px;

text-align:center;
margin:30px 0 10px 0;
clear:both;
}

.omt {
clear:both;
padding:100px 0 70px 0;
text-align:center;
width:100%;
height:100px;
font-size:30px;
line-height:32px;
font-family: 'Slackey', 'cursive';
text-shadow: 2px 2px 5px #5c5c5c;
}
  
 .abouts{
 margin:50px 0px 100px 0px;
 font-weight:bold;
 color:#fff;
 font-size: 16px;
line-height: 22px;
 }
 
 
 /* グリーン */
 #bg-green{
   background:rgba(108,211,154,0.95);
 height:auto;
 width:100%;margin:;
  padding:20px 0 40px 0;
 }
 
 
 .information{
 margin:50px 0px 100px 0px;
 font-weight:none;
 color:#000;
 font-size: 16px;
line-height: 22px;
 }
 
 
 .jct02{
 background-image:url(http://www.stancepunks.com/69/2014/img/69wb.png);
 background-repeat: repeat-x;
background-position: center;
height:56px;
 width:100%;
 filter:alpha(opacity=95);
-moz-opacity:0.95;
-khtml-opacity:0.95;
opacity:0.95;
 } 

 .jct03{
 background-image:url(http://www.stancepunks.com/69/2014/img/69gy.png);
 background-repeat: repeat-x;
background-position: center;
height:56px;
 width:100%;
 filter:alpha(opacity=95);
-moz-opacity:0.95;
-khtml-opacity:0.95;
opacity:0.95;
 } 

 .jct04{
 background-image:url(http://www.stancepunks.com/69/2014/img/69yr.png);
 background-repeat: repeat-x;
background-position: center;
height:56px;
 width:100%;
 filter:alpha(opacity=95);
-moz-opacity:0.95;
-khtml-opacity:0.95;
opacity:0.95;
 } 
 
 
 /* イエロー */
 #bg-yellow{
 background:rgba(255,234,0,0.95);
 height:auto;
 width:100%;
 padding:20px 0 40px 0;
 }
 
 .cast-logo{clear:both;margin:0 0 50px 0;text-align:center;}
 
 #sp{ margin : 10px 0px 20px 0px;text-align:center;}
 #afr{ margin : 10px 0px 20px 0px;text-align:center;}
 #ff{ margin : 20px 0px 0px 0px;text-align:center;}
 #fg{ margin : 50px 0px 0px 0px;text-align:center;}
 #h61{ margin : 40px 0px 0px 0px;text-align:center;}
 #sz{ margin : 40px 0px 0px 0px;text-align:center;}
 #tsb{ margin : 40px 0px 0px 0px;text-align:center;}
 #wfy{ margin : 40px 0px 0px 0px;text-align:center;}
 #mm{ margin : 40px 0px 0px 0px;text-align:center;}
 #qt{ margin : 40px 0px 0px 0px;text-align:center;}
 #ld{ margin : 40px 0px 0px 0px;text-align:center;}
 #lk{ margin : 40px 0px 0px 0px;text-align:center;}
 #sh{ margin : 40px 0px 0px 0px;text-align:center;}
 #ct{ margin : 0px 0px 40px 0px;text-align:center;}
 #ut{ margin : 0px 0px 40px 0px;text-align:center;}
 #eh{ margin : 0px 0px 0px 0px;text-align:center;}
 #ns{ margin : 40px 0px 0px 0px;text-align:center;}
 #dp{ margin : 40px 0px 0px 0px;text-align:center;}
 #mk{ margin : 40px 0px 0px 0px;text-align:center;}
 #nbc{ margin : 40px 0px 0px 0px;text-align:center;}  
  
 /* レッド */
  #bg-red{
 min-height:300px;
 width:100%;
 padding:20px 0 40px 0;
 }
 
 footer{
 width:100%;
 height:30px;
 background:#000;
 padding:10px 0 0 0;
 font-size:10px;
 }
 
 #page-top {
	position: fixed;
	bottom: 30px;
	margin-left: 0px;
	background:#fff;
	box-shadow: 0px 2px 3px 2px rgba(0,0,0,0.4);
	font-size:30px;
line-height:30px;
font-weight:bold;
padding:3px;
color:#ff0090;
cursor: pointer
}

@media screen and (min-width : 480px){
  /* 最小幅 480px 以上の指定 */
  .content{
 width: 460px;
 margin: 0 auto;
 padding: 0 20px 0 20px;
 text-align: left;
 }
 
#banner{
font-size:26px;
line-height:28px;
 }

#banner2{
font-size:14px;
line-height:16px;
 }

 #bg-red{
 min-height:400px;
 }

.background-hack {
    background-image        : url('http://www.stancepunks.com/69/2014/img/201269photo480.png');
}

}


@media screen and (min-width : 768px){
  /* 最小幅 768px 以上の指定 */
.content{
 width: 700px;
 margin: 0 auto;
 padding: 0 20px 0 20px;
 text-align: left;
 }

.fit{ width:100%;height:auto;}
 .map{ width:600px;height:auto;}
 /* ピンク */
 #bg-pink{
 margin: 0 auto;
 height:auto;
 padding:20px 0 20px 0;
 width:100%;
  }
 
 header{
  margin: 0 auto;
  width:100%;
 }
 
 #timpow{
 width:360px;
 }

 #timetable{
 width:480px;
 }
  
 #title{
 width:520px;
 }

 nav{
 width:100%;
 }

nav ul{
width:460px;
margin:0 auto;
}

.menu-list{
  float:left;
  margin:10px 20px 10px 20px;
}

#banner{
font-size:36px;
line-height:38px;
 }

#banner2{
font-size:20px;
line-height:22px;
 }
 
 
 /* イエロー */

 .cast-logo{clear:both;margin:0 auto;width:640px;}

 #sp{ margin : 100px 20px 10px 20px;float:left;}
 #afr{ margin : 0px 20px 10px 20px;float:left;}
 #ff{ margin : 10px 20px 10px 20px;float:left;}
 #fg{ margin : 20px 20px 20px 20px;float:left;}
 #h61{ margin : 30px 20px 30px 20px;float:left;}
  #ld{ margin : 20px 20px 10px 20px;float:left;}
 #lk{ margin : 80px 20px 10px 20px;float:left;}
 #sh{ margin : 10px 20px 10px 20px;float:left;}
 #sz{ margin : 110px 20px 20px 20px;float:left;}
 #tsb{ margin : 10px 20px 10px 20px;float:left;}
 #wfy{ margin : 10px 20px 10px 20px;float:left;}
 #mm{ margin : 100px 20px 90px 20px;float:left;}
  #qt{ margin : 40px 20px 40px 20px;float:left;}
#ct{ margin : 90px 20px 50px 20px;float:left;}
 #ut{ margin : 10px 20px 50px 20px;float:left;}
 #eh{ margin : 10px 20px 0px 20px;float:left;}
 #ns{ margin : 80px 20px 80px 20px;float:left;}
 #dp{ margin : 0px 20px 10px 20px;float:left;}
 #mk{ margin : 40px 20px 60px 20px;float:left;}
 #nbc{ margin : 0px 20px 30px 20px;float:left;}

 #bg-red{
 min-height:750px;
 }

.background-hack {
    background-image        : url('http://www.stancepunks.com/69/2014/img/201269photo768.png');
}


}


@media screen and (min-width : 1024px){
  /* 最小幅 1024px 以上の指定 */
  .content{
 width: 960px;
 margin: 0 auto;
 padding: 0 20px 0 20px;
 text-align: left;
 }
 
 /* ピンク */
  #bg-pink{
 width:100%;
  }
  
 #timpow{
 float:left;
 clear:none;
 width:382px;
 height:424px;
 margin:0px 0 0 0 ;
 }
 
  #timetable{
  margin:0 auto;
 width:640px;
 height:980px;
 }
 
 #title{
 clear:none;
 float:right;
 width:550px;
 height:233px;
 margin:30px 0 0 0 ;
 }

 nav{
 clear:none;
 float:right;
margin:0 0 0 0;
width:440px;
 }

nav ul{
clear:both;
margin:40px 0 0 0;
}

.menu-list{
margin:20px 10px 0 20px;
}

 .tw{
margin:30px 0px 30px 0;
}

 .fb{
margin:30px 0px 30px 0px;
}
 
  #banner{
margin: 0px 0 0 0;
font-size:52px;
line-height:56px;
 }

 #banner2{
 margin: 0 0 50px 0;
font-size:29px;
line-height:32px;
 }

.cast-logo{clear:both;margin:0 0 50px 0;width:960px;}
 
 #sp{ margin : 100px 20px 80px 20px;float:left;}
 #afr{ margin : 0px 20px 0px 20px;float:left;}
 #ff{ margin : 80px 20px 80px 20px;float:left;}
 #fg{ margin : 20px 20px 10px 20px;float:left;}
 #h61{ margin : 40px 20px 10px 20px;float:left; }
 #ld{ margin : 40px 20px 10px 20px;float:left; }
 #lk{ margin : 60px 20px 10px 20px;float:left; }
 #sh{ margin : 0px 20px 0px 20px;float:left; }
 #sz{ margin : 70px 20px 80px 20px;float:left; }
 #tsb{ margin : 0px 20px 0px 20px;float:left;}
 #wfy{ margin : 40px 20px 50px 20px;float:left;}
 #mm{ margin : 120px 20px 140px 20px;float:left;}
 #qt{ margin : 85px 20px 40px 20px;float:left;}
 #ct{ margin : 80px 20px 40px 20px;float:left;}
 #ut{ margin : 0px 20px 40px 20px;float:left;}
 #eh{ margin : 0px 20px 0px 20px;float:left;}
 #ns{ margin : 40px 20px 70px 20px;float:left;}
 #dp{ margin : 60px 20px 90px 20px;float:left;}
 #mk{ margin : 130px 20px 30px 20px;float:left;}
#nbc{ margin : 0px 20px 0px 20px;float:left;}

 #bg-red{
 min-height:650px;
 }

.background-hack {
    background-image        : url('img/201269photo.png');
}


}