@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=Fjalla+One&display=swap');

/*-------------------------------------------------------
9BALL GAMES
Mod : 2023.03.28 MST
---------------------------------------------------------*/

* {
margin: 0;
padding:0;
line-height:1.6;
}

html {font-size: 62.5%;}

body {color:#fff;font-size: 1.5rem;font-family: 'Noto Sans JP', sans-serif;text-align:center;background:#000;}


/* etc
---------------------------------------------------------------------------- */

img{vertical-align:bottom;}
a img{border:none;}

a{color: #fff;text-decoration:underline;overflow:hidden;outline:none;}
a:visited{color:#fff;text-decoration:underline;}
a:hover{color: #f60; text-decoration:underline;}

div:after {content: ".";  clear: both;  display: block;  line-height: 0;  height: 0;  visibility: hidden;  }  
.clearfix:after {content:".";height:0;clear:both;display: block;visibility:hidden;}



.header {width:1200px;margin:auto;padding:50px 0;}
.kv {width:100%;}

#container {padding:0;}
.inner {position:relative;width:1200px;margin:0 auto 0 auto;text-align:left;}

.movie {display:block;width:1000px;height:100%;aspect-ratio:16 / 9;margin:40px auto;}

#title {margin:500px 0 0 0;	}
.photo {margin:50px 0;}
#CD {background:#3b3b3b;}


#schedule {padding:30px 0 20px 0;}

#ticket {width:800px;margin:0 auto 30px auto;padding:20px;border:1px solid #ccc;text-align:left;background:rgba(0,0,0,0.6);}

#ticket h3 {font-size:18px;border-bottom:1px solid #ccc;margin:0 0 30px 0;}
#ticket h4 {font-size:15px;margin:0 0 10px 0;}

.btn_entry a {display:block;width:200px;margin:0 auto 30px auto;padding:10px 20px;background:#333;color:#fff;border-radius:5px;font-size:20px;text-align:center;text-decoration:none;}
.btn_entry a:hover {background:#f60;color:#fff;text-decoration:none;}

.detail {text-align:center;margin:auto;}
.detail h3 {font-size:20px;border-bottom:1px solid #666;padding:0 0 10px 0;margin:0 0 30px 0;}


#news {width:100%;background:#fff;color:#000;}
#news .inner {width:1000px;padding:50px 0;margin:auto;text-align:left;}
#news .inner h2 {font-size:3rem;margin:0 0 30px 0 ;padding:0 0 20px 0;border-bottom:1px solid #666;color:#000;}
#news .inner p.title {font-size:1.8rem;margin:0 0 10px 0 ;}
#news .inner p.title span {font-size:1.2rem;}
#news .inner .pict {width:300px;float:left;margin:0 20px 20px 0;}
#news .inner hr {clear:both;margin:50px 0;border:1px dotted #ccc;}

#news .inner a {color: #000;text-decoration:underline;overflow:hidden;outline:none;}
#news .inner a:visited {color:#000;text-decoration:underline;}
#news .inner a:hover {color: #f60; text-decoration:underline;}


#release {width:100%;background:#222;}
#release .inner{width:1000px;padding:50px 0;margin:auto;text-align:left;}

#release h2 {font-size:2rem;margin:0 0 30px 0 ;padding:0 0 20px 0;border-bottom:1px solid #f90;color:#f90;}
#release h3 {font-size:1.6rem;margin:0 0 10px 0 ;}
#release .lead {font-size:1.6rem;font-weight:bold;padding:30px 0 0 0;}
#release .pict {width:300px;float:left;margin:0 20px 20px 0;}

#goods {width:100%;background:#000;}
#goods .inner {width:1000px;padding:50px 0;margin:auto;text-align:left;}
#goods .inner .pict {width:100%;}

#movie {padding:40px 0 50px 0;background:#222;}
#movie #ch1 {float:left;width:500px;text-align:center;}
#movie #ch2 {float:right;width:500px;text-align:center;}


#twitter {padding:40px 0 30px 0;background:#666;}
#twitter .inner {position:relative;width:900px;height:500px;margin:0 auto 0 auto;text-align:left;}
#twitter .twitter-timeline {display:block;margin:auto;}


footer {background:#000;}
footer .inner {position:relative;width:1000px;margin:0 auto 0 auto;padding:50px 0;text-align:center;}
copyright {font-size:1.2rem;letter-spacing:2px;text-align:center;}



/* Color Stock 
---------------------------------------------------------------------------- */

.red{color:#F00;}
.blue{color:#00C;}
.orange{color:#F60;}
.brown{color:#960;}
.pink{color:#e47fcd;}
.green{color:#1fad70;}
.violet{color:#8e779f;}
.white{color:#ffffff;}