@charset "utf-8";

/* --------------
 base
-------------- */
.ifsp {display: none;}

body {
	min-width: 768px;
}

/* --------------
 modules css
-------------- */


/* ---------- float */
.fll { float: left;}
.flr { float: right;}
.flc { margin: auto;}


/* ---------- width */
.wd5 {width: 5% !important;}
.wd10 {width: 10% !important;}
.wd15 {width: 15% !important;}
.wd20 {width: 20% !important;}
.wd25 {width: 25% !important;}
.wd30 {width: 30% !important;}
.wd33 {width: 33% !important;}
.wd35 {width: 35% !important;}
.wd40 {width: 40% !important;}
.wd45 {width: 45% !important;}
.wd49 {width: 49% !important;}
.wd50 {width: 50% !important;}
.wd53 {width: 53% !important;}
.wd55 {width: 55% !important;}
.wd60 {width: 60% !important;}
.wd65 {width: 65% !important;}
.wd70 {width: 70% !important;}
.wd75 {width: 75% !important;}
.wd80 {width: 80% !important;}
.wd85 {width: 85% !important;}
.wd90 {width: 90% !important;}
.wd95 {width: 95% !important;}
.wd100 {width: 100% !important;}



/* =base
---------------------------------------------------- */
#wrapper{
	/*width:1000px;*/
	width: 100%;
	max-width: 1200px;
	margin:0 auto;
}


/* =header
-------------------------------------------------------------- **/
#header {
	width: 100%;
}

#headInfoBox{
}


/* =siteHeader
---------------------------------------------------- */
#siteHeader {
	background-image: url(../img/header-hero.png?1004a);
	/*background-image: url(https://www.ultra-expo.com/prism/2021/wp-content/uploads/2020/10/header-z.png);*/
	background-repeat: no-repeat;
	background-position: 50.5% top;
	background-size: 31.5% auto;
}

#logo{
	width: 35%;
}
#headInfo{
	float:right;
	width: 35%;
	margin-top:20px;
}




#headComment{
	clear:both;
}

/* =globalNav
---------------------------------------------------- */
#globalNav{	
	margin-bottom: 10px;
	position:relative;
	line-height: 1;
}

@media screen and (min-width: 1000px) { /*以上の時*/
	#globalNav ul {
		font-size: 1.3em;
	}
}

#globalNav ul {
	text-align: center;
	position:relative;
	margin: -17px 0;
	display: flex;
	justify-content: center;
}
#globalNav li {
}

#globalNav li a{
	font-size: 1.5em;
	padding: 17px 10px;
}

@media screen and (max-width: 1100px) { /*以下の時*/

#globalNav ul{
	font-size: 1.6vw;
}
}


#globalNav li:hover a {
	color: #FFBC2C;
}
#globalNav li:hover a,
#globalNav li.active a {
	background: rgba(0,0,0,.3);
}


/* =contents
------------------------------------------ */
.main{
	float:left;
	width:75%;
}
.contents{
	min-height:330px;
}

.contents h2{	margin-top:30px;}

.contents>h2:first-child,
.contents article:first-child h2,
.contents .firstCont h2{
	margin-top:0px;
}

.main .contents .alignleft {
	float: left;
}
.main .contents .alignright {
	float: right;
}

.clm2, .clm3, .clm4, .clm5, .clm6, .clm7 {
	display: flex;
	flex-flow: row wrap;
	align-items: stretch;
	margin-left: -10px !important;
}
.clm2 > * {
	width: calc((100% / 2) - 10px );
}
*::-ms-backdrop, .clm2 > * {
  width: calc(50% - 10px); /* IE11 */
}
.clm3 > * {
	width: calc((100% / 3) - 10px );
}
*::-ms-backdrop, .clm3 > * {
  width: calc(33.33% - 10px); /* IE11 */
}
.clm4 > * {
	width: calc((100% / 4) - 10px );
}
*::-ms-backdrop, .clm4 > * {
  width: calc(25% - 10px); /* IE11 */
}
.clm5 > * {
	width: calc((100% / 5) - 10px );
}
*::-ms-backdrop, .clm5 > * {
  width: calc(20% - 10px); /* IE11 */
}
.clm6 > * {
	width: calc((100% / 6) - 10px );
}
*::-ms-backdrop, .clm6 > * {
  width: calc(16.66% - 10px); /* IE11 */
}

.clm2 > *, .clm3 > *, .clm4 > *, .clm5 > *, .clm6 > * {
	margin-left: 10px;
}

.clm2 > * >a, .clm3 > * >a, .clm4 > * >a, .clm5 > * >a, .clm6 > * >a {
	position: relative;
	display: block;
	height: 100%;
}
/* single_pager */
.single_pager{
	width:100%;
}
.single_pager li.prev{
	float:right;
}
.single_pager li.next{
	float:left;
}

#ticket .tblTicket th{
	width:200px;
}



/* =sidebar
------------------------------------------ */
.sidebar{
	float:right;
	width:23%;
  padding: 10px;
}



/* =footer
---------------------------------------------------- */
#siteFooter{
	/*min-width:1000px;*/
	width: 100%;
	padding-top:15px;
}
#copyright{
	margin-top:10px;
}

.footwrap {
	padding: 1%;
}
.footwrap h2 {
	margin-bottom: 1rem;
}

/* =pageTop
-------------------------------------------------------------- **/
#pageTop {
	margin:auto;
	bottom: 30px;
	right:5%;
}
#pageTop a {
	width: 55px;
	height: 65px;
	text-indent:-9999px;
	float:right;
	opacity: .7;
}
#pageTop:after{
	content:'';
	display:block;
	clear:both;
}

#pageTop a:hover {
	opacity: 1;
}




#voice {
	position: relative;
	width: 25%;
	margin: auto;
}
#voice #voiceBtn {
	float: left;
	position: relative;
	z-index: 100;
	cursor: pointer;
}
#voice #voice-catch1,
#voice #voice-catch2 {
	position: absolute;
	opacity: 0;
	height: 100%;
	right: 0;
}



#qa .contents h2 {
	font-size: 1.1em;
}
#qa .contents h2:nth-of-type(n+2) {
	margin-top: 2rem;
}