@charset "utf-8";
body, html{
  margin: 0px;
  width: 100vw;
  height: 100%;
  padding: 0px;
}
#all {
    height: 100%;
    margin: 0px;
    padding: 0px;
    background-color: #ffffff;
    background-image:url('../bg/showtime/1.png');
    background-repeat:no-repeat;
    background-size: 100vw;
    background-position:left top;
    position: relative;
}
.div1-c1{
	width: 100vw;
	height: auto;
	left:0px;
        position: relative;
	display: flex;
        justify-content: center;    
        align-items: center; 
}

.div2{
	display: flex;
        justify-content: center;    
        align-items: center; 
}

#d1 #n1 #n1-1 {
	height:auto;
	width:100vw;
	float: left;
}
#n2 #n2-1 {
	height:auto;
	width:100vw;
	float: left;
}



#div_b {
	top:0px;
	left:0px;
	height:auto;
        max-width:100vw;
        background-image:url("../bg/0.png");
}
#div_b #showtimeId {
  background: #003d79;
  color: #fafafa;
  margin: 15px;
  width: 280px;
  max-width: 90vw;
  height: 3em;
  font-size: 1em;
  padding: 15px;
  position: relative;
  border-radius: 8px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  display: flex;
  justify-content: center;    
  align-items: center;  
}



.theater_btn1,
.theater_btn2,
.theater_btn3,
.theater_btn4,
.theater_btn5,
.theater_btn6,
.theater_btn7,
.theater_btn8,
.theater_btn9,
.theater_btn10,
.theater_btn11,
.theater_btn12,
.theater_btn13,
.theater_btn14,
.theater_btn15,
.theater_btn16,
.theater_btn17,
.theater_btn18,
.theater_btn19,
.theater_btn20,
.theater_btn21,
.theater_btn22,
.theater_btn23,
.theater_btn24,
.theater_btn25 {
        width:100vw;
	display: flex;
        justify-content: center;    
        align-items: center; 
        color:white;
        font-size: 1.3em;
        text-align :center;
        font-weight: 900;
}

.time_btn1,
.time_btn2,
.time_btn3,
.time_btn4,
.time_btn5,
.time_btn6,
.time_btn7,
.time_btn8,
.time_btn9,
.time_btn10,
.time_btn11,
.time_btn12,
.time_btn13,
.time_btn14,
.time_btn15,
.time_btn16,
.time_btn17,
.time_btn18,
.time_btn19,
.time_btn20,
.time_btn21,
.time_btn22,
.time_btn23,
.time_btn24,
.time_btn25 {
        width:100vw;
        justify-content: center;    
        align-items: center;
        color:white;
        font-size: 1.1em;
        font-weight: 700;
        line-height:1.5;
        letter-spacing: 1px;   
        text-align :center;
}

#theater_1,
#theater_2,
#theater_3,
#theater_4,
#theater_5,
#theater_6,
#theater_7,
#theater_8,
#theater_9,
#theater_10,
#theater_11,
#theater_12,
#theater_13,
#theater_14,
#theater_15,
#theater_16,
#theater_17,
#theater_18,
#theater_19,
#theater_20,
#theater_21,
#theater_22,
#theater_23,
#theater_24,
#theater_25 {
	height:auto;
	max-width:100vw;
        left:0px;
	top:0px;
        margin:3px;
}

#theater_1 #theater-1,
#theater_2 #theater-2,
#theater_3 #theater-3,
#theater_4 #theater-4,
#theater_5 #theater-5,
#theater_6 #theater-6,
#theater_7 #theater-7,
#theater_8 #theater-8,
#theater_9 #theater-9,
#theater_10 #theater-10,
#theater_11 #theater-11,
#theater_12 #theater-12,
#theater_13 #theater-13,
#theater_14 #theater-14,
#theater_15 #theater-15,
#theater_16 #theater-16,
#theater_17 #theater-17,
#theater_18 #theater-18,
#theater_19 #theater-19,
#theater_20 #theater-20,
#theater_21 #theater-21,
#theater_22 #theater-22,
#theater_23 #theater-23,
#theater_24 #theater-24,
#theater_25 #theater-25 {
	height:auto;
	width:90vw;
}

#movie_time_1,
#movie_time_2,
#movie_time_3,
#movie_time_4,
#movie_time_5,
#movie_time_6,
#movie_time_7,
#movie_time_8,
#movie_time_9,
#movie_time_10,
#movie_time_11,
#movie_time_12,
#movie_time_13,
#movie_time_14,
#movie_time_15,
#movie_time_16,
#movie_time_17,
#movie_time_18,
#movie_time_19,
#movie_time_20,
#movie_time_21,
#movie_time_22,
#movie_time_23,
#movie_time_24,
#movie_time_25 {
	height:auto;
	max-width:100vw;
        justify-content: center;    
        align-items: center;  
}


#movie_time_1 #time-1,
#movie_time_2 #time-2,
#movie_time_3 #time-3,
#movie_time_4 #time-4,
#movie_time_5 #time-5,
#movie_time_6 #time-6,
#movie_time_7 #time-7,
#movie_time_8 #time-8,
#movie_time_9 #time-9,
#movie_time_10 #time-10,
#movie_time_11 #time-11,
#movie_time_12 #time-12,
#movie_time_13 #time-13,
#movie_time_14 #time-14,
#movie_time_15 #time-15,
#movie_time_16 #time-16,
#movie_time_17 #time-17,
#movie_time_18 #time-18,
#movie_time_19 #time-19,
#movie_time_20 #time-20,
#movie_time_21 #time-21,
#movie_time_22 #time-22,
#movie_time_23 #time-23,
#movie_time_24 #time-24,
#movie_time_25 #time-25 {
	height:auto;
	width:98vw;
}