@charset "utf-8";
/*-----------------------------------------------
 * a,img,p,center,left
-------------------------------------------------*/
.annivListsWrap a{
	color: var(--color-blue);
}

.annivListsWrap p{
	font-size: var(--fontsize-16);
	line-height: 2;
}
.mainimg img {
	width: 100%;
}
.anniv__center{
	text-align: center;
}
.anniv__left{
	text-align: left;
}

/*-----------------------------------------------
 * Wrap,Lists
-------------------------------------------------*/
.annivListsWrap {
	width: var(--common-in-width);
	max-width: 1600px;
	margin: min(5vw,60px) auto 0;
}
@media screen and (max-width:767px){
	.annivListsWrap {
		max-width: 100%;
		margin: 8vw auto 0;
	}
}

.annivLists {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: min(3.33333vw,40px);	
}
@media screen and (max-width:767px){
	.annivLists {
		gap: 4.5vw 3vw;		
	}
}

.annivListsL {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	gap: min(3.33333vw,40px);	
}
@media screen and (max-width:767px){
	.annivListsL {
		gap: 4.5vw 3vw;		
	}
}

/*-----------------------------------------------
 * navi
-------------------------------------------------*/
.ajLists ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 2vw;
}
@media screen and (min-width: 769px) {
.ajLists li{
	width: 450px;
	margin: 0 20px 20px 0;
}
.ajLists li img{
	width: 450px;
}
.ajLists a:hover{
	opacity: 0.5 ;
	transition: 0.3s ;
}
}
@media screen and (max-width: 768px) {
	.ajLists ul{
		margin-top: 6vw;
	}
	.ajLists li{
		width: 100%;
		margin-bottom: 15px;
	}
	.ajLists li:last-child{
		margin-bottom: 0;
	}
	.ajLists li img{
		width: 100%;
	}
}

/*-----------------------------------------------
 * info
-------------------------------------------------*/
@media screen and (min-width: 769px) {
	.info{
		margin-top: 20px;
	}
}

/*-----------------------------------------------
 * event
-------------------------------------------------*/
#event{
	margin-top: 7.2vw;
}
@media screen and (max-width: 768px) {
	#event{
		margin-top: 11.2vw;
	}
}

.event_info{
	display: inline-block;
	width: 100%;
	height: 400px;
	overflow: auto;
	border: 1px solid;
	border-color: var(--color-blue);
	padding: 25px;
	margin-top: 30px;
}
@media screen and (max-width: 768px) {
	.event_info{
		height: 60vw;
		padding: 5vw;
	}
}

.event_infotit{
	background: linear-gradient(transparent 60%, rgba(var(--color-gold), 30%) 60%);
    font-weight: 800;
}

#event dl{
	font-size: var(--fontsize-16);
    line-height: 2;
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
}
@media screen and (max-width: 768px){
	#event dl{
		margin-top: 10vw;
	}
}

/*-----------------------------------------------
 * satge
-------------------------------------------------*/
.stageimg img{
	width: 100%;
}
.stageimg{
	width: 60%;
	margin: 0 auto;
}
@media screen and (max-width: 768px) {
	.stageimg{
		width: 100%;
	}
}

/*-----------------------------------------------
 * booth
-------------------------------------------------*/
.aj__tit{
	background-color: rgb(var(--color-blue));
    color: #fff;
	font-weight: 700;
	font-size: var(--fontsize-20);
	padding: 0 5px;
}
.aj__line{
	background: linear-gradient(transparent 60%,rgba(var(--color-gold),30%) 60%);
	display: unset;	
}

.boothimg1 img{
	width: 100%;
}
.boothimg1{
	width: 70%;
	margin: 0 auto;
}
@media screen and (max-width: 768px) {
	.boothimg1{
		width: 100%;
	}
}

/*-----------------------------------------------
 * goods
-------------------------------------------------*/
#goods{
	margin-top: 11.2vw;
}
.blankLinkLists__item {
    width: calc(100% / 2)!important;
}
.blankLinkLists{
	justify-content: left !important;
}
@media screen and (max-width: 768px) {
	#goods{
		margin-top: 12.2vw;
	}
	.blankLinkLists__item{
		width: 100% !important;
	
	}
}

/* List */
.goodsLists ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 2vw;
}
@media screen and (max-width: 768px) {
	.goodsLists ul{
		margin-top: 5vw;
	}
}

.goodsLists li{
	position: relative;
	border: 2px solid;
	border-color: var(--color-blue);	
	margin: 0.3vw;
	width: 32%;
	box-sizing: border-box;
}
@media screen and (max-width: 768px) {
	.goodsLists li{
		border: 1px solid;
		width: 100%;
		margin-bottom: 1.3vw;
	}
}

.goodsLists li img{
	width: 100%;
	margin: 1.2vw 0;
}

.goodsListsWrap{
	padding: 1.0vw 1.9vw;
}
@media screen and (max-width: 768px) {
	.goodsListsWrap{
		padding: 2.5vw 3vw;
	}
}

/* in box */
.goods_ftWrap{
	margin-top: 7vw;
}
@media screen and (max-width: 768px) {
	.goods_ftWrap{
		position: relative;
		bottom: 0;
		padding-top: 15vw;
	}
}
.goods_ft{
	position: absolute;
	bottom: 0;
	width: 85%;
	margin-bottom: 1vw;
}
@media screen and (max-width: 768px) {
	.goods_ft{
		width: 100%;
	}
}

/* btn */
.goodsLists a {
    border: 1px solid rgb(var(--color-blue));
    color: rgb(var(--color-blue));
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    padding: min(0.8333vw, 10px);
    position: relative;
    transition: color .4s ease;
}
@media screen and (max-width: 768px) {
	.goodsLists a {
		padding: min(3vw);
	}
}

.goodsLists a:hover {
	color: #fff;
}
.goodsLists a:before {
	content: "";
	background: rgb(var(--color-blue));
    background: linear-gradient(0deg, rgba(var(--color-blue),1) 0%, rgba(var(--color-green),1) 100%);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	transform: scale(1,0);
	transform-origin: top;
	transition: transform .4s var(--easing-outquart);
	z-index: 0
}
.goodsLists a:hover:before {
	transform-origin: bottom;
	transform: scale(1,1)
}

.goods__bg_g {
    background: linear-gradient(transparent 60%, rgba(var(--color-gold), 30%) 60%);
	font-weight: 800;
}

.goodsCo{
	background: rgb(var(--color-blue));
	color: #fff;
	font-weight: 600;
	display: block;
	text-align: center;
}

/*-----------------------------------------------
 * h2
-------------------------------------------------*/
#event h2,
#goods h2{
	position: relative;
	width: 100%;
	height: auto;
	background: linear-gradient(135deg, #6484c9, #64d3df);    
    color: white;
	font-size: 19px;
	font-weight: 800;
}
@media screen and (min-width: 769px) {
	#event h2,
	#goods h2{
		padding: 22px 20px;
	}
}
@media screen and (max-width: 768px) {
	#event h2,
	#goods h2{
		padding: 1.5vw 3.5vw;
		font-size: var(--fontsize-18);
	}
}

.image-layer {
	position: absolute;
	bottom: 0;
	right: 0;
	max-width: 406px;
}
@media screen and (max-width: 768px) {
	.image-layer {
		max-width: 40.3vw;
	}
}



/*-----------------------------------------------
 * indent
-------------------------------------------------*/
.indent{
	display: block;
    padding-left: 1em;
    text-indent: -1em;
}

/*-----------------------------------------------
 * margin,padding
-------------------------------------------------*/
.mt5{
	margin-top: 5px;
}
.mt10{
	margin-top: 10px;
}
.mt20{
	margin-top: 20px;
}
.mt30{
	margin-top: 30px;
}
.mt40{
	margin-top: 40px;
}
.mb10{
	margin-bottom: 10px;
}
.mb20{
	margin-bottom: 20px;
}
.mb30{
	margin-bottom: 30px;
}
.mb40{
	margin-bottom: 40px;
}

.pt10{
	padding-top: 10px;
}
.pt20{
	padding-top: 20px;
}
.pt30{
	padding-top: 30px;
}
.pb10{
	padding-bottom: 10px;
}
.pb20{
	padding-bottom: 20px;
}
.pb30{
	padding-bottom: 30px;
}


/*-----------------------------------------------
 * cast
-------------------------------------------------*/
.annivCast ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	margin-top: 20px;
}
.annivCast li{
	margin-bottom: 10px;
}
@media screen and (min-width: 769px) {
    .annivCast li img {
        width: 13.5vw;
    }
}
@media screen and (max-width: 768px) {
	.annivCast ul{
		justify-content: center;
	}
	.annivCast li,.annivCast li img{
		width: 29.5vw;
	}
}