/* ------------------------------------------------------------ piece-bell ------------------------------------------------------------ */

#modal.en * { word-break: break-word !important; text-align: justify; }


html { }
body { height: 100%; font-family:"ヒラギノ角ゴ Pro w3","Hiragino Kaku Gothic Pro","Meiryo","メイリオ","Osaka","ＭＳ Ｐゴシック","MS P Gothic","Arial",sans-serif; }
#enter { color: #fff; }
#enter .btns a,
#enter .btns input[type="submit"] { vertical-align: middle; display: inline-block; color: #fff; width: 280px; border-radius: 30px; border: none;
	background: #ce1e64;
	height: 60px;
	line-height:60px;
	margin: 5px;
	min-width: inherit;
	text-align: center;
}
#enter .btns a { background: #ce1e64; }
#enter .btns a.back { background: #888888; }


#enter { display: flex; height: 100%;}
#enter .header { text-align: center; }
#enter .header img { padding: 0 0 20px; }

#modal {  height: 100%;}
#enter section#left { width: 60%; }
#enter section#left.live1 { background: url(../images/live/live1.jpg) no-repeat center center; background-size: cover; }
#enter section#left.live2 { background: url(../images/live/live3.jpg) no-repeat center center; background-size: cover; }
#enter section#left.live3 { background: url(../images/live/live2.jpg) no-repeat center center; background-size: cover; }

#enter section#right { width: 40%; padding: 6% 4%;}
#enter section#right { background: #000; }
#enter section#right h1 { text-align: center; padding: 0 0 40px; font-size: 20px; }
#enter section#right h1 span { display: inline-block; }
#enter section#right p { line-height: 180%; font-size: 16px;}
#enter section#right h3 { font-size: 27px; padding: 0 0 20px; line-height: 150%; text-align: center; }
#enter section#right h3 span { display: inline-block; }
#enter section#right .btns { text-align: center; padding: 40px 0 50px; }
#enter section#right .btns p { text-align: center; background: #b3b3b3 ; color: #fff; width: 300px; padding: 15px 0; border-radius: 30px; margin: 0 auto;}
#enter section#right .btns a { text-decoration: none; }


#enter section#left.enter1 { background: url(../images/spot/enter_01.jpg) no-repeat center center; background-size: cover; }
#enter section#left.enter2 { background: url(../images/spot/enter_03.jpg?220923) no-repeat center center; background-size: cover; }
#enter #right .icn { text-align: center; padding: 0 0 20px; }

@media only screen and (max-width: 1100px) {
	#enter section#left ,#enter section#right { width: 50%; }
	#enter section#right h1 { text-align: center; padding: 0 0 30px; font-size: 16px; line-height: 160%;}
	#enter section#right h3 { font-size: 20px; padding: 0 0 20px; line-height: 150%; text-align: center; }
	#enter section#right p { line-height: 200%; font-size: 14px;}
} 

/* ----------------------------- mobile ------------------------------- */
@media only screen and (max-width: 768px) {
	#enter { display: block; }
	#enter section#left { width: 100%; }
	#enter section#right { width: 92%; padding: 6% 4% 20%;}
	#enter section#left { height: 250px; }
	
	#enter section#right h1 { text-align: center; padding: 0 0 30px; font-size: 16px; line-height: 160%;}
	#enter section#right h3 { font-size: 20px; padding: 0 0 20px; line-height: 150%; text-align: center; }
	#enter section#right p { line-height: 180%; font-size: 14px;}

}