.DNPShuei4goBStd_Hv{
font-family: "dnp-shuei-4gob-std", sans-serif;
font-weight: 700;
font-style: normal;
}
.HOT-GFKaishokk_E{
font-family: "hot-gfkaishokk","ta-fuga-fude", sans-serif;
font-weight: 800;
font-style: normal;
}
.TA_fuga_fude_R{
font-family: "ta-fuga-fude", sans-serif;
font-weight: 400;
font-style: normal;
}
#event{
background: url(../img/line.png) no-repeat bottom center;
color: var(--cBlown);
font-family: "fot-seurat-pron", sans-serif;
margin: 0 0 5%;
padding: 0 0 10%;
}
#event h3{
margin: 0 auto 2%;
text-align: center;
width: 95%;
}
#event h3 img {
height: auto;
width: 100%;
max-width: 1000px;
}
#event > .img{
aspect-ratio: 1066 / 660;
height: auto;
margin: 3% auto 2%;
width: 100%;
}
#event  > .img img{
height: auto;
max-width: 1066px;
width: 100%;
}
#event .text{
font-weight: 600;
font-style: normal;
flex-basis: 50%;
font-size: min(1.2em,3.0vw);
line-height: 1.5;
padding: 3% 3% 2%;
text-align: left;
word-break: auto-phrase;
}
#event .pickup {
display: block;
font-family: "dnp-shuei-4gob-std", sans-serif;
font-size: min(1.5em, 2.8vw);
line-height: 1.8;
margin: 0 auto 1.5em;
text-shadow: 0 0 2px #eae9ef,0 0 2px #eae9ef,0 0 2px #eae9ef;
width: 75%;
}
@media screen and (max-width:640px) {
	#event .pickup {
	width: 90%;
	}
}
/*
#event .pickup p:nth-child(1),
#event .pickup p:nth-child(4) {
text-align: left;
}
#event .pickup p:nth-child(2),
#event .pickup p:nth-child(5){
text-align: center;
}
*/
#event .pickup p:nth-child(3){
margin-bottom: 0.8em;
/*text-align: right;*/
}
/*
#event .pickup p:nth-child(6){
text-align: right;
}
*/
#event .pickup .c_red{
color: #c00;
}
#event .pickup .c_blue{
color: #005cb0;
}
#event .pickup .c_pink{
color: #e739ad;
}
#event .pickup .cb_yellow{
background-color: #ffff00;
padding: 0 0.4em;
}

#event h4 {
background: linear-gradient(180deg, #bc0000 0%, #d16e1d 100%);
color: transparent;
-webkit-background-clip: text;background-clip: text;
-webkit-text-fill-color: transparent;text-fill-color: transparent;
font-family: "kokuryu", sans-serif;
font-weight: 400;
font-style: normal;
font-size: min(3.0em,5.0vw);
line-height: 1.2;
letter-spacing: -0.1em;
margin: 0 auto 2%;
text-align: center;
}
#event h4 span{
font-size: 170%;
letter-spacing: -0.16em;
}
#event #detail dl {
align-items: flex-start;
display: flex;
font-size: min(1.2em, 4.0vw);
flex-wrap: wrap;
line-height: 1.5;
margin: 2% auto 5%;
width: 100%;
}
#event #detail dl dt {
background: #3f0707;
border-radius: 10px;
color: white;
padding: 1%;
width: 18%;
}
#event #detail dl dt::before {
content: "■";
margin: 0 0.4em 0 0;
}
#event #detail dl dd {
margin: 0 0 2%;
padding: 0.5em 0 0 1em;
text-align: left;
width: 82%;
}
#event #detail dl dd a{
color: var(--cBlown);
text-decoration: underline;
}
#event #detail dl dd a:hover{
opacity: 0.6;
}
#event #detail dl dd ul {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 3%;
margin: 1em 0;
}
#event #detail dl dd img{
aspect-ratio: 1000 / 562;
height: auto;
width: 100%;
}
#event #detail dl dd .supTtl{
text-align: center;
margin: 3% auto 2%;
}
#event #detail dl dd .supMem{
display: flex;
margin: 0 auto;
text-align: center;
width: 75%;
}
#event #detail dl dd .supMem p{
width: 50%;
}
#event #detail dl dd .supMem p img {
width: 90% !important;
}
#event #eve_cast {
margin: 0 auto 2em;
text-align: center;
}
#event #eve_cast .img{
aspect-ratio: 10 / 8;
height: auto;
margin: 3% auto 2%;
/*width: 800px;*/
}
#event #eve_cast .img img{
height: auto;
max-width: 1000px;
width: 100%;
}
#event #eve_cast ul{
color: white;
display: flex;
font-size: min(1.5em, 3.5vw);
margin: 0 auto;
text-align: center;
min-width: 320px;
width: 50%;
}
#event #eve_cast ul li{
color: white;
display: block;
text-align: center;
}
#event #eve_cast ul li:nth-child(1){
width: 50%;
}
#event #eve_cast ul li:nth-child(2){
width: 50%;
}
#event #eve_cast ul li:nth-child(1) span{
background: #f00;
padding: 3px;
}
#event #eve_cast ul li:nth-child(2) span {
background: #00f;
padding: 3px 0 3px 5px;
}

#goods,
#originalGame,
#uchiwa{
margin: 0 auto 4em;
}
#goods h5 {
color: white;
font-size: min(1.9em, 4.5vw);
font-family: "hot-gfkaishokk", "ta-fuga-fude", sans-serif;
margin: 0.2em auto 0.7em;
text-align: center;
text-shadow: 0 0 5px black;
}
#event #goods .text {
margin: 0 auto 0.5em;
padding: 0;
text-align: center;
}
#event #goods .text .goodsText {
color: #00a2ff;
font-family: "hot-gfkaishokk", "ta-fuga-fude", sans-serif;
/*font-size: min(1.5em, 4.0vw);*/
font-size: min(2em, 4.0vw);
}
#event #goods .goodsText {
/*color: #00a2ff;
display: block;
font-family: "hot-gfkaishokk", "kokuryu", sans-serif;*/
margin: 0.0em auto 1em;
text-align: center;
}
#event #goods .goodsText_head {
color: #00a2ff;
font-size: min(1.5em, 4.0vw);
margin: 0.0em auto 1em;
text-align: center;
}
#event #goods .cs {
background: #000;
color: white;
font-family: "kokuryu", sans-serif;
font-size: min(2.5em, 5.0vw);
margin: 1em 0;
padding: 6% 2%;
text-align: center;
user-select: none;
}
#goods .goods-area{
background: #45628f;
box-sizing: border-box;
padding: 15px;	
}
#goods .goods-list {/* ul */
display: grid;
grid-template-columns: 1.5fr 1fr;
grid-template-rows: auto auto;
gap: 16px;
list-style: none;
margin: 0;
padding: 0;
}
#goods .goods-list li{
background: white;
padding: 10px;
text-align: center;
}
#goods .goods-list li h6 {
font-family: "hot-gfkaishokk","ta-fuga-fude", sans-serif;
font-size: min(1.5em, 4.0vw);
line-height: 1.4;
text-align: center;
}
#goods .goods-list li .price {
font-size: min(1.2em, 3.5vw);
text-align: right;
}
#goods .goods-list li .itemImg .cs{
aspect-ratio: 1000 / 565;
align-items: center;
background: #000;
color: white;
display: flex;
font-family: "kokuryu", sans-serif;
font-size: min(2.5em, 5.0vw);
justify-content: center;
margin: 0.2em 0;
padding: 6% 2%;
text-align: center;
user-select: none;
}
#goods .goods-list li .price small {
display: inline !important;
margin: 0 0.5em 0 0;
}
#goods .goods-list li:nth-child(1) {
grid-column: 1;
grid-row: 1;
}
#goods .goods-list li:nth-child(2) {
grid-column: 2;
grid-row: 1;
}
#goods .goods-list li:nth-child(3) {
grid-column: 1 / 3; /* 1列目から3列目の手前まで＝横いっぱい */
grid-row: 2;
}
#goods .goods-list li img{
height: auto;
width: 100%;
}
#goods .goods-list li small{
font-size: 80%;
display: block;
text-align: right;
}
#goods .goods-list li.g_comingsoon,
#goods .goods-list li.g_comingsoon_f{
align-items: center;
background: black!important;
color: white;
display: flex;
font-family: "hot-gfkaishokk", sans-serif;
font-size: min(2.5em, 5.0vw);
/*margin: 1em 0;*/
/*padding: 6% 2%;*/
/*text-align: center;*/
justify-content: center;
min-height: 200px;
user-select: none;
}

#originalGame .mesPre {
background: #f8ff2b;
display: block;
font-size: min(1.2em, 4.0vw);
line-height: 1.5;
margin: 0 auto 0.5em;
padding: 0.2em 0;
text-align: center;
}
#originalGame .img{
text-align: center;
}
#originalGame .img img{
height: auto;
margin: 0 auto;
width: 100%;
}
#originalGame h4{
font-family: "hot-gfkaishokk","ta-fuga-fude", sans-serif;
}
#originalGame dl {/* 説明部分 */
align-items: start;
display: grid;
grid-template-columns: 0.4fr 0.6fr;
gap: 24px;
margin: 2em auto;
}
#originalGame dl dt,
#originalGame dl dd {
margin: 0;
}
#originalGame dl dt dt {
grid-column: 2;
}
#originalGame dl dd {
box-sizing: border-box;
color: #2a2727;
font-size: min(1.3em, 4.0vw);
grid-column: 1;
grid-row: 1;
line-height: 1.8;
padding: 4em 1em 1em;
text-align: center;
}
#originalGame dl dt img {
display: block;
width: 100%;
height: auto;
}
#originalGame .t_yellow{
background: #fff210;
color: black;
display: inline;
padding: 0.2em;
}
#originalGame .t_red{
background: #d00;
color: white;
display: inline;
padding: 0.2em;
}
#originalGame .gameHead{
background: #6a3c08;
border-radius: 8px;
box-sizing: border-box;
color: white;
font-size: min(1.5em, 4vw);
margin: 0 auto 1em;
padding: 0.8em;
text-align: center;
width: 100%;
}
#originalGame ul{
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto;
gap: 20px;
}
#originalGame ul li img{
height: auto;
width: 100%;
}
#originalGame ul li img:hover{
opacity: 0.6;
}

#uchiwa .text {
text-align: center;
}
#uchiwa .text img{
height: auto;
margin: 0.5em auto;
max-width: 100%;
}



#event #tverRe .text {
margin: 0 auto 2em;
text-align: center;
}
#event #tverRe img{
height: auto;
width: min(80%,460px);
}
#event #tverRe img:hover{
opacity: 0.6;
}
#event .box ul {
background: #fff;
list-style: none;
margin: 3% auto 0;
line-height: 1.5;
padding: 2%;
text-align: left;
width: 95%;
}
#event .box li {
padding-left: 30px;
}
#event .box li:before {
content: "◆";
color: #000;
display: block;
float: left;
font-weight: bold;
line-height: 22px;
margin-left: -30px;
text-align: center;
height: 22px;
width: 22px;
border-radius: 50%;
}
#cap a{
color: #002598;
}

/* ------------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width: 800px) {
	#event{
	background: url(../img/line.png) no-repeat bottom center / min(70%, 260px);
	margin: 0 auto 10%;
	padding: 0 0 15%;
	}
	#event h3{
	margin: 0 auto 2%;
	text-align: center;
	width: 75%;
	}
	#event h4 {
	font-size: min(3.0em,7.0vw);
	}
	#event #eve_cast .img {
    height: auto;
    width: 80%;
	}
	#event #eve_cast ul {
	width: 80%;
	}
	#event #detail dl {
	display: block;
	margin: 5% auto 1%;
	width: 95%;
	}
	#event #detail dl dt{
	font-size: 70%;
	}
	#event #detail dl dt,
	#event #detail dl dd{
	box-sizing: border-box;
	font-size: 80%;
	padding: 1% 5%;
	width: 100%;
	}
	#event #detail dl dd .supMem{
	margin: 0 auto 5%;
	width: 95%;
	}
	#event .box ul{
	font-size: 80%;
    margin: 5% auto 0;
    width: 90%;
	}

	#goods,
	#originalGame,
	#uchiwa{
	width: 90%;
	}
	#goods .goods-list {
	grid-template-columns: 1fr;
	grid-template-areas: none;
	grid-template-columns: 1fr;
	}
	#goods .goods-list li,
	#goods .goods-list li:nth-child(1),
	#goods .goods-list li:nth-child(2),
	#goods .goods-list li:nth-child(3) {
	grid-area: auto;
	grid-column: auto;
	grid-row: auto;
	}
	#originalGame h4{
	font-size: min(3.0em, 6.0vw);
	}
	#originalGame dl{
	display: block;
	}
	#originalGame dl dd {
	padding: 1em;
	}
}
/* ------------------------------------------------------------------------------------------------------------------------------------ */