@charset "UTF-8";

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

html{
overflow-x : hidden;
overflow-y : auto;
}

.sp {display: none;}


@media screen and (min-width: 500px), screen and (orientation: landscape) and (min-width: 768px) {


}




@media screen and (max-width: 829px), screen and (orientation: landscape) and (max-width: 830px) {

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

body {font-size:1.4rem;}

img.res {width:100%;}


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

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

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

#news {width:100%;background:#fff;color:#000;}
#news .inner{width:90%;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:none;;margin:0 auto 20px auto;}


#release {width:100%;background:#222;}
#release .inner{width:90%;padding:50px 0;margin:auto;text-align:left;}
#release .pict {width:300px;float:none;margin:0 auto 20px auto;}

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


#twitter {padding:40px 0 30px 0;background:#666;}
#twitter .inner {position:relative;width:90%;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:90%;margin:0 auto 0 auto;padding:50px 0;text-align:center;}
copyright {font-size:1.2rem;letter-spacing:2px;text-align:center;}



/* END
------------------------------------------------------------- */
}