@charset "UTF-8";
/*html body div { border:1px solid #A0A; }
/* -----------------------------------------------
xs
----------------------------------------------- */
#xs_contents           { width:950px; margin:0 auto; }
#xs_contents .xs_inner { width:870px; margin:0 auto; }
#xs_contents * {
	font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
}
#xs_contents .xs_profile * {
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
}

/* -------------------------------------------- */
/*#contents a:hover img,*/
.xs_btn a:hover
{
	opacity:.60;
	filter:alpha(opacity=60);
	-ms-filter:"alpha(opacity=60)";
}
/* -------------------------------------------- */
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

/* ==== xs_header ==== */
#xs_header {
	background:url(../images/main_bg_01.jpg);
	background-size:cover;
	margin: 0 0 40px;
}
#xs_header img { max-width: 100%; padding: 75px 25px; }

/* ==== gundam ==== */
.gundam{
	background:url(../images/main_bg_02.jpg);
	background-size:cover;
	text-align:center;
	padding: 40px 0 60px 0;
}

.gundam_01{ margin: 0 auto 40px ; }
.gundam_02{ margin: 0 auto 20px ; }
.ultira {
	display:block;
	box-sizing: border-box;
	max-width: 870px;
	background-color: rgba( 0, 0, 0, 0.3 );
	border: solid 2px #b2b2b2;
	padding: 19px 19px 0;
}
.ultira p {
	color:#FFF;
	font-size:14px;
	text-align:left;
	margin: 0 0 20px;
}
.btn {
	background-color: #fff;
	max-width: 830px;
	position: relative;
	margin: 0 0 20px;
}
.btn a {
	display: block;
	text-align: center;
	color: #000;
	font-weight: bold;
	line-height: 40px;
	text-decoration: none;
	background-image: url("../images/btn_01.png");
	background-repeat: no-repeat;
	background-position: right 4px bottom 4px;
}
.btn :hover {
	color: #fff;
	background-color: #000;
	border: solid 2px #fff;
	line-height: 36px;
	background-image: url("../images/btn_02.png");
	background-repeat: no-repeat;
	background-position: right 2px bottom 2px;
}

/* ==== xs_wrapper ==== */
.xs_wrapper {
	background-color: #000;
	padding: 0 0 20px 0;
	margin: 0 0 40px 0;
}

/* ==== title ==== */
.xs_wrapper h2 {
	text-align: center;
	background-color: #a01e1e;
	max-width: 870px;
	padding: 15px 0;
	margin: 0 auto 25px;
}

.title_01 {
	display:block;
	padding:15px;
	background-color: #e50011;
	margin: 0 0 40px;
}

.title_03 {
	display: block;
	text-align: center;
	background-color: #a01e1e;
	max-width: 870px;
	height: 45px;
	padding: 15px 0 0 0;
	margin: 0 auto;
}
.title_04 {
	display: block;
	text-align: center;
	background-color: #a01e1e;
	max-width: 870px;
	height: 40px;
	padding: 10px 0 0 0;
	margin: 0 auto 40px;
}

/* ==== move ==== */
.move {
	display: block;
	text-align: center;
	max-width: 870px;
	margin: 0 auto 40px;
	font-weight: bold;
	font-size: 16px;
	color: #fff;
}
.move_list {
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.move_list li {
	display: inline-block;
	box-sizing: border-box;
	border: solid 2px #b2b2b2;
	width: 425px;
	margin: 0 0 20px;
	padding: 40px 0;
}
.move_list img {
	margin: 0 0 20px;
}
.screen {
	display: block;
	max-width: 870px;
	margin: 0 auto;
	font-weight: bold;
	font-size: 16px;
	color: #fff;
}
.screen_list {
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.screen_list :last-child {
	background-color: #b2b2b2;
	color: #000;
	border: none;
}
.screen_list li {
	display: block;
	text-align: center;
	box-sizing: border-box;
	border: solid 2px #b2b2b2;
	width: 278px;
	line-height: 60px;
	margin: 0 0 18px 0;
}
.charge_01 {
	text-align: center;
}
.charge_01 div {
	display: block;
	box-sizing: border-box;
	border: solid 2px #a01e1e;
	max-width: 870px;
	margin: 0 auto 20px;
	color: #fff;
	font-size: 32px;
	font-weight: bold;
	line-height: 70px;
}
.charge_01 div span {
	font-size: 18px;
}
.charge_01 p {
	display: block;
	max-width: 870px;
	text-align: left;
	margin: 0 auto;
	color: #666666;
}


/* ==== g_reconguista ==== */
.g_reconguista {
	background-color: #000;
	padding: 40px 0;
	text-align: center;
	color: #fff;
	/*margin: 0 0 60px 0;*/
}
.g_reconguista_logo {
	display: block;
	margin: 0 auto 25px;
}
.g_reconguista_contents {
	margin: 0 0 40px;
}
.left {
	width: 48%;
	float: left;
}
.right {
	width: 49%;
	float: right;
}
.right div {
	display:block;
	background-color: #333333;
	width: 100%;
	line-height: 40px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	margin-bottom:5px;
}
.right p {
	box-sizing: border-box;
	border: solid 2px #b2b2b2;
	width: 100%;
	margin: 0 0 10px;
	text-align: center;
	line-height: 32px;
}
.right h3 {
	width: 100%;
	background-color: #ebe1a8;
	line-height: 36px;
	margin: 0;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 10px;
}
.right ul {
	width:100%;
	margin:0 0 10px;
}
.right li {
	display: inline-block;
	box-sizing: border-box;
	border: solid 2px #b2b2b2;
	width: 49%;
	margin: 0 0 5px;
	text-align: center;
	line-height: 32px;
}
.right_screen_list :last-child{
	background-color: #333;
	color: #fff;
	border: none;
	font-weight: bold;
	line-height: 36px;
}
.right img { margin: 0 0 20px;}
.story { display: block; text-align: left; }
.story h3 {
	font-size: 16px;
	font-weight: bold;
	border-bottom: solid 1px #fff;
	padding-bottom: 10px;
	margin: 0 0 20px;
}
.story p {
	margin: 0 0 40px;
}
.btn_02 {
	text-align: center;
	box-sizing: border-box;
	border: solid 2px #c0a334;
	max-width: 870px;
	margin: 0 0 20px;
}
.btn_02 a {
	display:block;
	color: #c0a334;
	font-weight:bold;
	line-height:20px;
	text-decoration:none;
	padding:15px;
}
.btn_02 :hover {
	text-align: center;
	color: #000;
	line-height: 20px;
	background-color: #c0a334;
	padding:15px;
}
.charge_left {
	float: left;
	width: 432px;
	border-right: solid 1px #666;
	line-height: 30px;
}
.charge_right {
	float: right;
	width: 433px;
	line-height: 30px;
}
.charge_02 {
	text-align: center;
	max-width: 870px;
	margin-bottom:20px;
	border:2px solid #a01e1e;
}
.charge_02 h2 {
	text-align: center;
	background-color: #a01e1e;
	max-width: 870px;
	padding:15px 0;
}
.charge_02 div { padding:15px 0 12px; }
.charge_02 div p {
	display: block;
	margin: 0 auto;
	color: #fff;
	font-size: 32px;
	font-weight: bold;
}
.charge_02 span {
	font-size: 18px;
}
.info{
	display: block;
	max-width: 870px;
	text-align: left;
	margin: 0 auto;
	color: #666666;
	font-size: 14px;
	font-weight: normal;
}
small {
	display: block;
	text-align: center;
	color: #666666;
	padding-top:20px;
}

/* ===== */
.xs_price h3,
.xs_footer h2 { width:160px; padding:0 10px 0 0; float:left; }

/* xs_footer ==== */
.xs_footer    { padding:30px 0; }
.xs_footer p  { color:#FFF; padding:12px 0 0 0; font-size:18px; }
#EVENT img { width:auto; }

/* ============================================ */

/* pc/sp */
.xs_pc { display:block; }
.xs_sp { display:none; }
/**************************************************/
@media screen and (max-width:640px){

/* pc/sp */
.xs_profile li br,
.xs_pc { display:none; }
.xs_sp { display:block; }

#xs_contents { width:100%; }
#xs_contents .xs_inner { max-width:100%; padding:0; margin: 0;}
#xs_contents .xs_inner a { text-decoration: none;}

/* xs_header ==== */
#xs_header { margin: 0 0 20px; }
#xs_header img { max-width: 90%; padding: 10% 5%;}


/* xs_wrapper ==== */
.gundam { padding: 5%; }
.gundam_01{ margin: 0 0 10px;}
.gundam_02{ margin: 0 0 10px;}
.btn a { color: #000 !important; }
.btn :hover { color: #fff !important;}
.xs_wrapper { background-color: #000; padding: 0 20px 20px; margin: 0 0 30px 0; }
.xs_wrapper h2 { padding:13px 0; margin-bottom:20px; }
.xs_wrapper h2 img { height:24px; }
.move{ margin: 0 0 10px; }
.move_list li { width: 100%; margin: 0 0 20px; padding: 20px 0; font-size: 14px;}
.move_list li h3 { margin: 0 0 10px;}
.screen { margin: 0 0 10px;}
.screen_list li { width: 100%; margin: 0 0 10px; line-height: 40px;}
.charge_01 p { padding: 0 0 30px;}
.title_04 { margin: 0 0 20px; }
.title_04 h2 { width: 80%; margin: 0 auto; }
.g_reconguista { padding: 5%; }
.g_reconguista_logo { width: 90%; }
.g_reconguista_contents { width: 100%; margin: 0 0 20px;}
.left { width: 100% }
.left img {  margin: 0 0 20px; }
.right { width: 100% }
.right li { width: 100%; }
.right p { font-size: 14px; height: 45px; line-height: 40px; padding: 5px 0 0;}
.btn_02 a { color: #c0a334 !important; }
.btn_02 :hover { color: #000 !important;}
.charge_left { width: 50%;}
.charge_right { width: 49%;}
.charge_02 h2 img { height:24px; }
.ultira { width: 100%; padding: 5%; }
.btn { margin: 0; }
.story p { margin: 0 0 20px; }
.story p:last-child { margin: 0 0 30px; }
.info{ margin: 0 0 20px 0; }
/* photo */
.xs_photo h2  { font-size:18px; }

/* ticket */
.xs_ticket .xs_ticket_btn,
.xs_ticket h2 { width:auto; }
.xs_ticket p  { font-size:14px; }
/* .xs_ticket li { position: relative; }
.xs_ticket .schedule_btn_sp { position:absolute; right: 0; bottom: 0px; } */

.xs_ticket .schedule_img_sp { width:80%; float:left; margin: 0 0 0 0; display:block; }
.xs_ticket .schedule_btn_sp { width:20%; margin : 0 0 0 0;}


/* xs_price */
.xs_price  h4 { width:auto; padding:15px 0; }
.xs_price  p  { font-size:12px; text-align:center; }

/* xs_profile */
.xs_profile h3 { position:relative; font-size:19px; }
.xs_profile strong { padding-top:10px; float:none; width:50%; padding:0 0 10px; margin:0 auto; }
.xs_profile p      { padding-top:10px; font-size:15px; }

/* ===== */
.xs_price  h3,
.xs_footer h2 { width:auto; float:none; }

/* xs_footer ==== */
#xs_contents .xs_inner.xs_footer { padding:30px 0; }
.xs_footer p  { font-size:16px; text-align:center; }

}
/**************************************************/
@media screen and (max-width:480px){


}
/**************************************************/