@charset "UTF-8";

/* -------------------------------- 

	base da1c24

-------------------------------- */
#content {
	width:880px;
	margin:0 auto;
}

#content article {
	width:880px;
	margin:0 auto;
}

#content h2 { font-weight:bold; letter-spacing:0.07rem; margin-bottom:.8rem;}

#content p  {
	line-height:1.8;
	margin-bottom:2.8rem;
	letter-spacing:0.07rem;
}

#content .notes { color: #d00;} /* #da1c24 */
#content .demo { color: #ff00ff;} /* #da1c24 */

/* -------------------------------- 

	common

-------------------------------- */
#content p.comment {
margin-bottom: 1.8rem;
}



.negate {
text-decoration:line-through;
}


/* -------------------------------- 

	style

-------------------------------- */
.logo {
	text-align: center;
}

.page h1.title-unset {
	text-indent:unset;
	white-space:unset;
}

.center {
	text-align: center;
}

a.passportcenter {
float: right;
border: 2px solid #000;
background: #fff;
font-size: 1.4rem;
font-weight: bold;
padding: .7rem 2rem;
}

.commentBlock {
background-color: rgba(225,245,255,0.70);
padding: 1.5rem 3rem;
font-size: 1.4rem;
line-height: 1.6;
overflow: hidden;
}




/* -------------------------------- 

	Passport IMG

-------------------------------- */

/*  passport img */
.passportImg {
	display:flex;
	flex-wrap: wrap; /* 折り返し設定 */
	justify-content:center;
	margin:5rem auto 0;
}
#content .passportImg-img {
	margin: 0 2rem 0 ;
}
#content .passportImg-comment {
	width: 100%; /* 100%にすることで改行扱い */
	text-align: center;
}


/* パスポート要項 */
.passportAbout {
	margin-top:3rem;
}
.passportPrice {
	text-align: right;
}








/* パスポート概要 */
section.passportAbout { width:740px;}



/* -------------------------------- 

	Guidebook

-------------------------------- */

#content p.guidebookImg { 
	width:88rem;
	background-image: url("../images/ticket/img_gb_2023.jpg") ;
	background-position:center;
	line-height:22rem;
	margin:0 auto 2rem;
}

@media  only screen and (-o-min-device-pixel-ratio: 5/4),
							 only screen and (-webkit-min-device-pixel-ratio: 1.25),
							 only screen and (min-device-pixel-ratio: 1.25),
							 only screen and (min-resolution: 1.25dppx) {
#content p.guidebookImg { 
	background-image: url("../images/ticket/img_gb_2023@2x.jpg") ;
	background-size: contain;
}
}


/* -------------------------------- 

	Passport Advance

-------------------------------- */

/* advance */
.advance {	background:#c4c9d4; padding:5rem 8rem 1.5rem 9rem;}

#content h2.advancePattern {
	margin-bottom: 2.5rem;
}

/* advance nav 購入方法は2通り／3通りのナビゲーション */
.advance .advance-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-evenly; /* 3種類の時はspace-between */
}
.advance .advance-nav .advance-nav-item {
  -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
}
.advance .advance-nav .advance-nav-item a {
	display: block;
	width: 18rem;
	height: 18rem;
	line-height: 18rem;
}
#content .advance .advance-nav .advance-nav-item p.textImg {
	margin: 0;
}
#content .advance .advance-nav .advance-nav-item p.textInfo {
	font-size: 1.2rem;
	color: #fff;
	background: rgba(63,163,196,1);
	border-radius: 2rem;
	margin-top: 1rem;
	padding: .1rem 1rem;
	text-align: center;
}
.advance .advance-nav li.advance-nav-item a {
	background-size: 100% auto;
	background-repeat: no-repeat;
}
.advance .advance-nav li.advance_passportcenter a 		{ background-image: url("../images/ticket/bt_passportcenter.png");}
.advance .advance-nav li.advance_passportcenter a:hover { background-image: url("../images/ticket/bt_passportcenter_on.png");}
.advance .advance-nav li.advance_conveni a 				{ background-image: url("../images/ticket/bt_conveni.png");}
.advance .advance-nav li.advance_conveni a:hover		{ background-image: url("../images/ticket/bt_conveni_on.png");}
@media (-webkit-min-device-pixel-ratio: 2),
       (min-resolution: 192dpi),
       (min-resolution: 2dppx) {
	.advance .advance-nav li.advance_passportcenter a 		{ background-image: url("../images/ticket/bt_passportcenter@2x.png");}
	.advance .advance-nav li.advance_passportcenter a:hover { background-image: url("../images/ticket/bt_passportcenter_on@2x.png");}
	.advance .advance-nav li.advance_conveni a 				{ background-image: url("../images/ticket/bt_conveni@2x.png");}
	.advance .advance-nav li.advance_conveni a:hover		{ background-image: url("../images/ticket/bt_conveni_on@2x.png");}
}


/* advance nav テキストボタン */
#content a.button.button-width:link ,
#content a.button.button-width:visited ,
#content a.button.button-width:active {
	display:block;
	width:100%;
	margin:0 auto 1.5rem;
	padding:2rem 0 1.9rem;
	border-radius:0.5rem;
	text-align:center;
	color: #e45384;
	background:#fff;
	font-size:1.9rem;
	border: 1px solid #ed8eae;
}
#content a.button.buttonLeft {
	display:inline-block;
	margin-bottom:1.5rem;
	width: auto;
	padding:0.8rem 2.5rem;
}
#content a.button:hover {
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}


/* -------------------------------- 

	Flow

-------------------------------- */
#content section.trade { margin-top:0; padding:0;}

#content section.trade div {
background:#e2e4ea;
padding: 4rem 8rem;
margin-bottom: .2rem;
overflow: hidden;
}
#content section.trade section { margin-top:0; }






/* -------------------------------- 

	Passport Center

-------------------------------- */
.passportCenter {
}
.passportCenter h1.titlePassportGuidebook { margin-bottom:1rem !important; line-height:2.5rem;	background: url("../images/ticket/tx_venue_pass-guide.png") no-repeat;}
.passportCenter h1.titlePassport { margin-bottom:1rem !important; line-height:2.5rem;	background: url("../images/ticket/tx_venue.png") no-repeat;}

.passportCenter p.comment { margin-bottom:1rem !important;}

@media  only screen and (-o-min-device-pixel-ratio: 5/4),
							 only screen and (-webkit-min-device-pixel-ratio: 1.25),
							 only screen and (min-device-pixel-ratio: 1.25),
							 only screen and (min-resolution: 1.25dppx) {
.passportCenter h1.titlePassportGuidebook { 
	background-image: url("../images/ticket/tx_venue_pass-guide@2x.png") ;
	background-size: contain;
	}
.passportCenter h1.titlePassport { 
	background-image: url("../images/ticket/tx_venue@2x.png") ;
	background-size: contain;
	}
}


/* -------------------------------- 

	TABLE

-------------------------------- */
table.place {
	width:100%;
	margin:0 auto 2.5rem;
	padding:0;
	border-collapse:collapse;
	text-align:left;
}

table.place th ,
table.place td { vertical-align:middle;}

table.place th { width:auto; font-size:1.4rem; font-weight:bold; padding:0.5rem 0;}
table.place th.prefecture { background:#555; color:#fff; padding-left:.7rem; border-right:1px solid #555; border-left:1px solid #555; text-align:center;}
table.place th span { font-size:1.0rem;}
table.place th span.exhibition-site { background: #888; border-radius: 3px; color: #fff; padding: .3rem .5rem; margin:0 0.5rem 0 0; }
table.place th.name { padding:0.7rem 2rem; line-height:1.4; border:1px solid #ccc;}
table.place th.point { width:11%; text-align:center;}

table.place td { font-size:1.2rem; padding:1rem 1.5rem; line-height:1.2; border:1px solid #ccc; }
table.place td span { font-size:1rem;}
table.place td.check {font-size:1.6rem; font-weight:bold; padding:1rem 0.5rem; text-align:center; }

table.place .poAdvance {}

/* limited */
table.place tr.limited th ,
table.place tr.limited td {
	background:#f9e5ec;
}
table.place tr.limited p {
	margin:.4rem 0 0 !important;
	letter-spacing:0 !important;
  background: #e45384 none repeat scroll 0 0;
    color: #fff;
    font-size: 1.2rem;
    padding: 0 0.8rem;
	border-radius:0.2rem;
}
table.place tr.limited p a {
	color:#fff;
	font-weight:bold;
	text-decoration:underline;
}
table.place tr.limited p a:hover {
	color:#f3cbd9;
}


/* -------------------------------- 

	QA

-------------------------------- */
.qa {
}
.qa h1 { line-height:2.6rem;	background: url("../images/ticket/tx_qa.png") ;}

@media  only screen and (-o-min-device-pixel-ratio: 5/4),
							 only screen and (-webkit-min-device-pixel-ratio: 1.25),
							 only screen and (min-device-pixel-ratio: 1.25),
							 only screen and (min-resolution: 1.25dppx) {
.qa h1 { 
	background-image: url("../images/ticket/tx_qa@2x.png") ;
	background-size: contain;
	}
}


.qa dl {
	padding-top: 4rem;
	border-top: 1px solid #ccc;
}
.qa dt,
.qa dd {  
	padding:0 3rem 0 6rem;
}
.qa dt:before {
	content: 'Q.';
	margin: 0 .5rem 0 -2.5rem;
	display: block;
	position: absolute;
}
.qa dt { 
	font-weight: bold;
	margin-bottom: 1.5rem;
}
.qa dd:before {
	content: 'A.';
	margin: 0 .5rem 0 -2.5rem;
	display: block;
	position: absolute;
}
.qa dd { 
	margin-bottom: 4rem;
	padding-bottom: 4rem;
	border-bottom: 1px solid #ccc;
}