@charset "UTF-8";
/* CSS Document */
html{scroll-padding-top: 100px;}
body {font-size: 16px;}
.f1, #schedule h3, .place {font-size: 1.5rem; font-weight: bold;}
.f2 {font-size: 1.4rem;}
/*#schedule li div{font-size: 1.05rem;}*/
#gaiyo, #schedule,#event, #X, #attention, #entry {max-width: 1000px;margin: 0 auto; width: 100%;}
#tokuten, #items {max-width: 1330px; margin: 0 auto;width: 100%;}
h2 {/*max-width: 400px;*/margin: 0 auto; }
#items h2, #tokuten h2 {max-width: 500px;}
#tokuten h2 span, #items h2 span {border: #fff solid 2px; font-size: 1.8rem;  color: #fff; width: 350px;  text-align: center; padding: 0.8rem;display: block;}
#gaiyo h2, #schedule h2, #X h2, #event h2,#tokuten h2,#attention h2, #entry h2 {position: absolute; left: 50%; transform: translate(-50%, 0);top: -5.5rem;}
/*#tokuten h2{position: absolute; left: 50%; transform: translate(-50%, 0);top: 0;}*/
#items h2{margin-bottom: 3rem;}

/*#X h2 {margin-top: -3rem;}*/

#gaiyo h2 img,#schedule h2 img,#schedule h3 img,#X h2 img,#event h2 img,#tokuten h2 img {padding-top:2.6rem;min-width:200px;}

h3 { margin: 0 auto; }
/*.bg-red {background: url("../img/redbg.png") repeat-y; background-size: contain; padding: 7rem 0 5rem;}*/
/*.bg-black {background: url("../img/bg/kuro.jpg") repeat-y; background-size: contain;  padding: 5.3125rem 0 7.5rem;}
.bg-red {background: url("../img/bg/aka.jpg") repeat-y; background-size: contain; padding: 9rem 0 0.5rem;}
.bg-glay {background: url("../img/bg/cha.jpg") repeat-y; background-size: contain; padding: 7.94rem 0 7.7rem;}*/

.bg-black {background: url("../img/bg/kuro.jpg") repeat-y; background-size: contain; padding: 9rem 0;}
.bg-red {background: url("../img/bg/aka.jpg") repeat-y; background-size: contain; padding: 9rem 0;}
.bg-glay {background: url("../img/bg/cha.jpg") repeat-y; background-size: contain; padding: 9rem 0;}
/*.bg-black {background-color:url("../img/blackbg.png")repeat-y; background-size: contain; padding: 5rem 0; position: relative;}*/
.red1{ display: flex; justify-content: center;position: absolute; bottom: 0; opacity: 0.5;}
.red2 {transform: scale(-1, 1); }
.brpc {display: block;}
.br_600, .br_460, .br_750, .br900 {display: none;}
/*gaiyo*/
#gaiyo {/*background: url("../img/beigebg.png")repeat-y; background-size: auto;*/background-color: #fff; border: #000000 solid 5px; position: relative; margin:0 auto 10rem; padding: 5.625rem;}
#gaiyo p {max-width:770px; margin: 0 auto;}
/*#gaiyo img {padding-top:2.6rem;}*/

/*schedule*/
#schedule{/*background: url("../img/beigebg.png")repeat-y; background-size: auto;*/background-color: #fff; border: #000000 solid 5px; position: relative; margin:0 auto 10rem; padding:5.625rem 9.25rem;}
/*#schedule img {padding-top:2.5rem;}*/
#schedule ul.store li {/*display: flex;*/margin-bottom: 2rem; margin: 0 auto; max-width: 590px; width: 100%;}
#schedule ul.store li dl {max-width:590px;width:100%;}
#schedule ul.store li dd {font-size: 1.4rem;}
#schedule ul.store li dt {color:#DA292A; font-size: 1.4rem; width: 24.068%;}
.place {text-align: center; /*background: url("../img/asset.png") no-repeat; background-size: 6rem;*/ width: 30%;margin-right: 1rem; background-position: center; display: flex; align-items: center; justify-content: center;}

#schedule ul.online li {display: flex; margin-bottom: 2rem; margin: 0 auto; width: 100%;font-size: 1.25rem;}
#schedule ul.online li div.onlineshop-box{width:94.744%;margin:5rem auto;}
/*#schedule ul.online li div.onlineshop-box dl {width:auto;}*/
/*#schedule ul.online li dd {font-size: 1.4rem;}*/
#schedule ul.online li dt {width: 24.068%;}


/*.button {text-align: center;}
button {background-color: #5A5A55; display:inline-block; border:#5A5A55 1px solid; padding:10px 30px; text-align:center; cursor:pointer; margin: 1rem auto 0;　text-align: center;width:100%;max-width:270px;}
button:last-child {margin-left: 3.125rem;}
button a {color: #fff; letter-spacing: 0.05em; display: flex;font-size:1.125rem;}
button .box-arrow { width: auto; height: 1rem; vertical-align: -10px; padding-top: 0; padding-left: 8px; margin: auto;}*/

.button {display: flex;justify-content: space-between;}
.button span {background-color: #5A5A55; border:#5A5A55 1px solid;text-align:center; cursor:pointer; margin: 1rem auto 0;　text-align: center;width:100%;max-width:268px;display: block;}
/*.button span:last-child {margin-left: 3.125rem;}*/
.button span a {color: #fff; letter-spacing: 0.05em; display: block;font-size:1.125rem;padding:10px 30px;}
.button span .box-arrow { width: auto; height: 1rem; vertical-align: -10px; padding-top: 0; padding-left: 8px; margin: auto;}
#schedule .box-arrow {padding-top: 0;display:inline-block;vertical-align: middle;}
/*#schedule li div {width: 70%;}*/

#schedule h3 {color: #DA292A;  font-size: 1.875rem; font-weight: bold; text-align: center; max-width: 316px;}
dl {display: flex; margin-bottom: 0.2rem;}
dt {width: 20%; margin-right: 1.4rem;}
/*dd {width: 80%;}*/
.deco1 {/*max-width: 70%;*/ margin: 0 auto;}
.deco2 {margin-top: 2rem;}
.deco4 {text-align: center; margin-bottom: 2rem;}
.deco1 img {margin: 1rem 0;}
.deco5 {margin-bottom: 0.5rem;}
.f1-deco {padding: 3.1rem 0 2.5rem; /*max-width: 70%;*/ font-size: 1.4rem; text-align: center; margin: 0 auto;}
.deco-small {font-size: 1.125rem; /*max-width: 70%;*/ margin: 0 auto;}
.deco-small2 {font-size: 1.125rem;}

.syuryo {position: relative;}
.syuryo .syuryo-img {position: absolute;line-height: 1.1rem; display: flex; align-items: center;  justify-content: center;z-index: 2;max-width: 170px;transform: rotate(10deg);}
.online-flex {display: flex; margin-top: 2rem;}
#schedule .online-icons {padding-top: 0;}
#schedule .online-dt {color:#000; font-size: 1.25rem;}
#schedule .online-dd {font-size: 1.25rem; width: 100%;}
#schedule .online-dl {margin-bottom: 1rem;}
.online-icons {width: 3rem;}
.f1 deco5:after {border-top: 1px solid; content: ""; width: 31.625em; flex-grow: 1;}
.Online-Shop dt { color:#DA292A; }
.online-text {display: flex; align-items: center; margin: 0; font-size:1.5rem; padding-top: 0.3rem; width: 100%; }
.online-text:after {border-top: 1px solid; content: ""; width: 80%; margin-left: 1rem;}

/*entry*/
.ent {padding: 1rem 0 2rem 0;}
.ent p {padding-bottom: 1rem;}


/*X*/
#X { position: relative; background-color: #fff; margin: 0 auto;padding:5.625rem 9.25rem 0;border: #000000 solid 5px;}

#X .cnt1 {display: flex;justify-content: space-around; align-items: center;}
.tw-left, .tw-right {width: 40%; border: solid 5px #333; border-image: linear-gradient(to right, #757575 25%, #9E9E9E 45%, #E8E8E8 70%, #9E9E9E 85%, #757575 90% 100%);border-image-slice: 1; }
.tw-left {max-height: 430px;}
.tw-left p, .twitter-timeline {border: #000 solid 10px;background-color: #fff;}
.tw-left p{padding: 7.2rem 0; background: #fff; text-align: center;height: -webkit-fill-available; font-size: 1rem;}


#X img {padding-top:5.5rem;}
/*.x-box {display: flex; padding:5.86rem 11.25rem 4.36rem;}*/
#X .speech-img {padding-top:0;width:100%;max-width:100px;}
#X .x-left {float:left; width:50%;position: relative;}
#X .x-left .speech {display: flex; justify-content: space-between; font-size:1.5rem; color:#DA292A;height:280px; align-items: center;}
#X .x-right {float:left; width:50%;background-image: url(../img/smart-phone.png); background-repeat: no-repeat;background-position: bottom; height:280px; background-size: contain;position: relative;}
#X .x-right .sp { font-size:1.5rem;text-align:center;position: absolute;top: 25%;right: 0;bottom: 0;left: 0;margin: auto;}

/*video*/
/*
#video .cnt1 {display: flex;justify-content: space-around; align-items: center;}
.v-wrap {text-align: center;}
video {max-width: 1067px;width: 96%; }
*/

/*event*/
#event{background-color: #fff; border: #000000 solid 5px; position: relative; margin:0 auto 10rem; padding:5.625rem;}
#event h3 img{width:100%;margin:3rem auto;}
#event p {max-width:770px; margin: 0 auto;}
#event span {color:#DA292A;text-align: center;}
#event table{width:100%;margin:5rem 0;border:2px solid #000;border-collapse: collapse;}
#event table tr th{text-align: center;font-weight: bold;color:#fff;background-color:#000;padding:0.5rem 0;}
#event table tr td{text-align: center;padding:1rem;}
#event table tr td .event-oubo{text-align: left;margin:0 auto;width:55%;}
.cosplayer ul {display: flex;justify-content: space-around;padding-top: 2rem;}
.cosplayer li{width: 30%;}
/*.cosplayer-img{width: 100%;}*/
.cosplayer p {text-align: center;}
#event h3 {text-align: center;}

/*tokuten*/

#tokuten{position: relative; }
#tokuten .cnt1 {background-color: #E6E1D8 !important;padding: 6rem 10.3rem; }
#tokuten h3 {top: -5rem;}
.frame1, .frame2 {background: #fff; position: relative; text-align: center;}
.frame1 {border: #000 solid 5px; margin-bottom: 5rem;}
.frame2 {border: #DA292A solid 5px; margin-bottom: 3rem;}
#tokuten img {margin: 0 auto; max-width: 1000px; margin-bottom: 2rem;}
.toku-p {color: #fff;text-align: center; margin-bottom: 5rem;font-size: 1.1rem;}
#tokuten span {font-weight: bold; color:#DA292A; font-size: 1.875rem;}
.toku-p2 {width: 80%;margin: 0 auto;}
.toku-img{padding-top: 2rem; margin: 0 auto;}
.br_460 {font-size:1.5rem;}
h3.toku-midashi {width: 100%; max-width: 1000px;}
.frame2 img {width: 100%; max-width: 1000px;}
#tokuten .Kounyu-Tokuten {position: absolute; margin-bottom: -2.6rem;}


/*items*/

#items {margin-bottom: 5rem; position: sticky; z-index: 1}
#items h2{display: flex; justify-content: center; align-items: flex-end;}
.midashi {width: 400px;padding: 0 1rem;  box-sizing: content-box;}
.arrow {max-width: 50px!important; height: 50px; margin: 0 auto;}
#items ul {display: flex; justify-content: space-between;flex-wrap: wrap;}
#items li {width: calc(93%/5);color: #fff; text-align: center;margin-bottom: 2rem; }

/*#items li:last-child {margin-right: 61%;}*/
#items .cnt1 {border: #000 solid 5px !important; background-color: #E6E1D8; padding: 2rem 2rem 0; }

.term1 {background:url("../../20241004_nagoya-parco-ando/img/red.png") no-repeat; background-size: 100% 110%; font-size: 0.8rem; padding: 0.3rem 0; margin: 1rem 0; font-weight: bold;  line-height: 1.1rem;}
.bukubu {position: relative;}
.bukubu span {position: absolute;background: #DA292A; border-radius:50%; top: -10px; right: -15px;width: 70px; height: 45px; transform: rotate(20deg);line-height: 1.1rem; display: flex; align-items: center;  justify-content: center;z-index: 2;font-size: 0.8rem;}
.itemname1 {line-height: 1.1rem; margin-bottom: 0.5rem; font-size: 1rem;color: #000000;}
.prices1 {font-size: 0.95rem;line-height: 1.1rem;color: #000000;}

.koushin824{margin-right: 60.5%!important;}
.new {position: relative;}
.new span {position: absolute;background-color: #ff0000; border-radius:50%; top: -28px; left: -15px;width: 65px; height: 40px; transform: rotate(-20deg);line-height: 1.1rem; display: flex; align-items: center;  justify-content: center;z-index: 2;font-size: 0.8rem;}


/*attention*/
#attention {/*background: url("../img/beigebg.png")repeat-y; background-size: auto;border: #000000 solid 5px;*/
position: relative; padding: 4rem; line-height: 1.7rem;z-index: 1;background-color: #fff;margin:0 auto;}
#attention img {padding-top: 2.5rem;}
footer {background-color: #000000; color: #fff; font-size: 0.8rem;}

/*entry*/
.entry p {padding: 0 0 1.5rem 1rem;letter-spacing: 0.03rem;}
.entry-detail {border-bottom: 3px dashed;border-top: 3px dashed;margin: 1rem;padding: 1rem 0;}
.entry-flx {display: flex;margin-bottom: 0.2rem;padding: 0 0 0 1rem;}
.entry-flx dt {width: 27%;margin-right: 0;font-weight: bold;}
.entry-flx dd {width: 73%;padding-left: 1rem;}
#entry{background-color: #fff; position: relative; margin: 5rem auto;padding: 5rem;}
.entry-detail > p,.entry-detail > dl {/*padding-bottom: 0.3rem;*/padding: 0 3.5rem 0.3rem 3.5rem;}
.entry-b {font-size: 1.125rem;font-weight: bold;padding-bottom: 0.3rem!important;text-align: left;margin: 0;max-width: 450px;}
.entry .ent-s {line-height: 1.5rem;display: block;}

.entry-detail h4 {padding-left: 1rem;}
.entry-bc {text-align: center;padding-bottom: 0.875rem;}

/*copyright*/
/*.copyright {text-align: left;}*/

@media screen and (max-width:1000px) {
	#gaiyo, #schedule,#event,#attention, #entry{padding: 4rem 2rem;width:98%;}
	#tokuten .cnt1{padding: 4rem 2rem;width:98%;margin:0 auto;}
	#gaiyo h2, #schedule h2, #schedule h3, #X h2, #event h2, #tokuten h2{top:-4.5rem;}
	/*#gaiyo h2 img, #schedule h2 img, #schedule h3 img, #X h2 img, #event h2 img, #tokuten h2 img{width:80%;margin:0 auto;}*/
	
	#X {padding: 4rem 2rem 0;width:98%;}
	#items li {width:calc(97%/2);}
	#items li:last-child {margin-right: 0;}
	.entry-detail > dl {padding: 0 1.1rem 0.3rem 1.1rem;}
}
@media screen and (max-width:900px) {
	.br900 {display: block;}
	.entry-flx {display: block;}
	.entry-flx dt {width: 100%;margin-right: 0;}
	.entry-flx dd {width: 100%;}
	.entry-flx .dd2 {width: 100%;}
	.entry-detail > dl {padding: 0 0 0.3rem 0;}
}
@media screen and (max-width:750px){
	.br_750 {display: block;}
	.n750 {display: none;}
	.f2, .f1-deco {font-size: 1.1rem;}
	#tokuten .f2, .toku-p {font-size: 1rem;}
	.f1, #schedule h3, .place, #schedule .online-dt, #tokuten span,#schedule dt, #schedule dd {font-size: 1.2rem}
	#gaiyo h2 img,#schedule h2 img, #schedule h3 img, #X h2 img, #event h2 img, #tokuten h2 img{padding-top:2.25rem}
	/*#tokuten .cnt1 {padding: 3rem 0.5rem;}*/
/*	.frame1, .frame2 {padding: 2rem 2rem;}*/
	#items .cnt1 {padding: 3rem 0.5rem;}
	#schedule li, #X .cnt1 {flex-direction: column; align-items:center;}
	/*#schedule li {max-width: none; padding-top: 2rem;}*/

	#schedule ul.store li dt,#schedule ul.store li dd{font-size:1.1rem;}
	
	.tw-left {margin-bottom: 1rem;}
	#schedule li div, .place {width: 100%; margin-right: 0;}
	.place {margin-bottom: 1rem;height: 3rem; background-size: contain;}
	.tw-left, .tw-right {width: 70%;}
	
	.deco5 {text-align: center;}
	.tw-left p {padding: 4rem 0;}
	html{scroll-padding-top: 50px;}
	#gaiyo h2, #schedule h2,#X h2,#event h2,#tokuten h2, #attention h2 ,#entry h2 {top: -3.5rem;}
	#tokuten h3 {top: -4rem;}
	.bg-red {padding-top: 5rem;}
	.deco-small {font-size: 1rem;}
	.deco-small2 {font-size: 1rem;}
	.toku-p2{width:100%;font-size: 1rem;}
}
@media screen and (max-width:675px){
	.button {display: block;}
	#X .speech-img{display: none;}
	#X .x-left .speech{justify-content: center;}
}

@media screen and (max-width:600px){
	.bg-black,.bg-red,.bg-glay{padding:4.5rem 0;}
	.br_600 {display: block;}
	#gaiyo,#schedule,#event{margin:0 auto 5rem;}
	#gaiyo h2, #schedule h2, #attention h2, #tokuten h3 ,#entry h2 {top: -3.5rem;}
	/*h2, #tokuten h3 {width: 300px;}*/
	/*#items h2, #tokuten h2 {width: inherit;}*/
	/*#tokuten img {max-width: 280px;}*/
	.f1-deco {font-size:1.2rem;}
	.midashi {padding: 0 0.3rem;}
	.arrow {max-width: 30px;}
	#items .cnt1, #tokuten .cnt1 {border: #DA292A solid 10px;}
	/*.frame1, .frame2 {padding: 2rem 1rem;}*/
	.tw-left p {padding: 2rem 0;  display: flex;  flex-direction: column;  justify-content: center;}
	#schedule dt {width: 20%;}
	#schedule .online-dd {width: 80%;}
	#X .x-left,#X .x-right{width:100%;}
	#X .x-left .speech{font-size:1.1rem;display: block;text-align: center;height:auto;}
	#event table tr td .event-oubo{width:80%; word-break: break-all;}
	#X .x-right .sp {font-size:1.2rem; padding-top: 2rem;}
	#X .x-right {background-size: auto; height: 250px;}
}
@media screen and (max-width:560px){
	.entry-b {font-size: 1rem;}
	#tokuten .f2 {font-size: 0.9rem;}
	.entry .ent-s {line-height: 1.2rem;display: block;}
	.midashi {max-width:300px;}
}
@media screen and (max-width:535px){
	.brpc{display: none;}
	/*#schedule img {max-width: 280px;margin: 1em auto;}*/
	.f1-deco {font-size:1rem;}
	#schedule .online-dd,#schedule .online-dt {font-size:1.1rem;}
	#tokuten h2 img {padding-top: 2.8rem;}
	#tokuten .f2 {font-size: 0.8rem;}
}

@media screen and (max-width:460px){
	footer {font-size: 0.7rem;}
	body {font-size: 13px;}
	.br_460 {display: block;}
	.tw-left, .tw-right {width: 90%;}
	dt {width: 30%;}
	#gaiyo .f2 {font-size: 0.9rem;}
	#gaiyo, #schedule, #event,#attention, #entry,#tokuten .cnt1{padding: 3rem 1rem;}
	.deco1 {max-width: 100%}
	.new span {font-size: 0.7rem; width: 60px; height: 40px; left: -9px;}
	#tokuten h2 span, #items h2 span {margin: 0 0.2rem;}
	.Online-Shop img {width: 60%; margin: 0 auto;}
	#schedule ul.store li dt,#schedule ul.store li dd{font-size:0.9rem;}
	.f2, .f1-deco {font-size: 0.9rem;}
	.button span a{font-size:0.9em;}
}