@charset "utf-8";
/* CSS Document */
html{scroll-padding-top: 150px;}
body {font-size: 16px;}
.f1, .place {font-size: 1.3rem; font-weight: bold;}
.f2 {font-size: 1.2rem; text-align: center;line-height: 1.9rem;}
section {max-width: 1200px;margin: 0 auto; width: 96%;padding-top: 4rem;}
h2 {max-width: 750px;margin: 0 auto;text-align: center;font-size: 2rem;font-family: 'Libre Baskerville', sans-serif;font-weight: bold;color:#EA595C;line-height:2.2rem;letter-spacing: 0.25rem;}
#tokuten h2 {filter: drop-shadow(1px 1px 4px #000000);}
#tokuten .h2_under img {filter:drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.5));}
.h2_under {max-width: 238px;margin:0rem auto 0 auto;padding-bottom: 2rem;}
h3{max-width: 500px; margin: 0 auto;}
#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;}
#twitter h2 {margin-top: -3rem;}
/*h1 {position: relative;}*/
.brpc {display: block;}
.br370, .br430, .br600, .br460, .br750, .br805, .br1075 {display: none;}
#twitter, .online-shop {font-family: 'Libre Baskerville', serif;font-weight: bold;text-align: center;font-size: 30px;}

/*コンテンツ枠*/
/*.content {max-width: 1200px;width: 100%;margin: 0 auto;border: 3em solid #ccc;color:#000;border-image-source: url("../img/all_flame0922.png") ;border-image-slice: 100 100 100 100 fill;border-image-width: 80px;border-image-outset: 0;border-image-repeat: round;padding: 3rem;filter:drop-shadow(2px 1px 20px #fff); position: relative; z-index: 1; }
.content2 {max-width: 1200px;width: 100%;margin: 0 auto;border: 3em solid #ccc;color:#000;border-image-source: url("../img/summary_flame_0918.png") ;border-image-slice: 100 100 100 100 fill;border-image-width: 80px;border-image-outset: 0;border-image-repeat: round;padding: 3rem;filter:drop-shadow(2px 1px 20px #fff); position: relative; z-index: 1; }*/
/*.content-tokuten {max-width: 988px;width: 100%;margin: 0 auto;border: 3em solid #ccc;color:#000;border-image-source: url("../img/pinkblack_line2.webp");/*border-image-source: url("../img/pinkblack_line.png") ;*//* border-image-slice: 100 100 100 100 fill;border-image-width: 60px;border-image-outset: 0;border-image-repeat: round;padding: 3rem;}*/

.content0922 {max-width: 1200px;width: 100%;margin: 0 auto;border: 3em solid #ccc;color:#000;border-image-source: url("../img/all_flame0922.png") ;border-image-slice: 100 100 100 100 fill;border-image-width: 80px;border-image-outset: 0;border-image-repeat: round;padding: 3rem;filter:drop-shadow(2px 1px 20px #fff); position: relative; z-index: 1; }
.content0922-2 {max-width: 1200px;width: 100%;margin: 0 auto;border: 3em solid #ccc;color:#000;border-image-source: url("../img/summary_flame_0918.png") ;border-image-slice: 100 100 100 100 fill;border-image-width: 80px;border-image-outset: 0;border-image-repeat: round;padding: 3rem;filter:drop-shadow(2px 1px 20px #fff); position: relative; z-index: 1; }
.content3 {max-width: 1200px;width: 100%;margin: 0 auto;border: 3em solid #ccc;color:#000;border-image-source: url("../img/notes_flame0922.png") ;border-image-slice: 100 100 100 100 fill;border-image-width: 80px;border-image-outset: 0;border-image-repeat: round;padding: 3rem;filter:drop-shadow(2px 1px 20px #fff); position: relative; z-index: 1; }

/*bg*/
.bg1 {background-image: linear-gradient(0deg,#95769A,#95769A, #3C293D);/*url("../img/bg1.webp") no-repeat;*/ position: relative;}
.bg-tile{background: url("../img/tile.webp") repeat-y;}
.bg2 {background-image: linear-gradient(0deg, #eac0d6,#eac0d6, #cb8db2, #6e4e60); /* 星空の背景色 */
  overflow: hidden; position: relative;}
.town {position: absolute; bottom: 0;}
.star { position: absolute; display: block; background-color: #fff; /* 星の色 */ border-radius: 50%; box-shadow: 0 0 4px 2px rgba(255,255,255, 0.2); /* 星の影 */ opacity: 0; animation: twinkle 5s infinite;
}
@keyframes twinkle {
  0% {
    opacity: 0;
  }
  50% {
    transform: scale(1.1);
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
/*gaiyo*/
/*schedule*/
#schedule {padding-bottom: 4rem;}
#schedule li {display: flex; margin-bottom: 2rem;}
.place {text-align: center;  width: 30%;margin-right: 1rem; background-position: center; display: flex; align-items: center; justify-content: center;}
#schedule li div {width: 70%;}
#schedule h3 { padding-bottom: 1.5rem; }
dl {display: flex; margin-bottom: 0.2rem;}
dt {width: 17%; margin-right: 1rem;}
dd {width: 82%;}
.deco1 {width:80%;margin: 0 auto 2rem auto;}
.deco2 {margin-top: 2rem;}
.deco4 {text-align: center; margin-bottom: 2rem;}
.deco1 img {margin: 2rem 0;}
.deco5 {width:80%; margin: 0 auto;}

/*twitter*/
#twitter, .online-shop {margin-top: 2rem;color: #FFF57F;filter: drop-shadow(1px 1px 4px #000000);}
#twitter .cnt1 {display: flex;justify-content: space-around; align-items: center;}
.tw-left { border: 5px solid #EA595C;max-width: 600px; margin: 0 auto; border-radius: 17px;padding: 0.4em;}
.tw-left p{padding: 3rem 0; text-align: center; font-size: 1.2rem;}

/*tokuten*/
#tokuten {padding-bottom: 4rem;}
#tokuten h3 {position: absolute; left: 50%; transform: translate(-50%, 0); top: -5rem;}
.toku-p {color: #fff;text-align: center; margin-bottom: 5rem;font-size: 1.1rem;}
#tokuten span {font-weight: bold;}
.toku-p2 {max-width: 700px; margin: 2rem auto 0;}
#tokuten fr {text-align: center;}
.toku-img {max-width: 700px;margin-bottom: 2rem;margin:0 auto;}
.pop {padding-top: 1rem;}
.pop img {box-shadow:0 10px 30px #000;max-width: 1200px;margin:0 auto;}
#tokuten h2{color: #FDF480;}



/*items*/
/*#items .content {padding: 3rem 1rem;}*/
#items ul {display: flex; justify-content: space-between;flex-wrap: wrap;}
#items li {width: calc(97%/5);text-align: center;margin-bottom: 2rem; }
#items li:last-child{margin-right: 20%;}
#items .cnt1 {background-color: #fff; padding: 4rem 1.7rem 4rem; border-radius: 25px;box-shadow: 0px 0px 35px 40px #A69BBA;}
.term1 { font-size: 0.8rem; padding: 0.3rem 0; margin: 1rem 0; font-weight: bold; line-height: 1.1rem; background-color: #EA595C; color: #fff;}
.itemname1 {line-height: 1.1rem; margin-bottom: 0.5rem; font-size: 0.85rem;}
.prices1 {font-size: 0.85rem;line-height: 1.1rem;}


/*attention*/
#attention {border-radius: 25px; padding-bottom: 4rem;}
#attention p {line-height: 1.7rem;    max-width: 844px; margin: 0 auto;}
footer {background-color:#000000; color: #fff; font-size: 0.8rem;}
.top1 {position: fixed; bottom: 10%; max-width: 90px; right: 3%; z-index:10;}
.top2 {width: 100%;
    max-width: 1800px;
    margin-right: auto;
    margin-left: 0px;
    display: block;}
.top2 a {float: right;}

.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: 140px;
    transform: rotate(7deg);}

@media screen and (max-width:1075px) {
	.br1075 {display: block;}
}
@media screen and (max-width:1045px) {
	.nav1 {padding-left: 1rem;}	
}
@media screen and (max-width:1000px) {
	#schedule li div{width: 75%;}
	.flex {flex-direction: column;}
	.justpc {display: none;}
	.place {width: 100%; margin-bottom: 1rem;}
	#schedule li div{margin: 0 auto;}
	#items li {width:calc(97%/2);}
	#items li:last-child {margin-right: 0;}
	#gaiyo, #schedule, #attention, #tokuten, #items {padding-top: 3rem;}
}
@media screen and (max-width:900px) {
	#schedule li div{width: 75%;}
}
@media screen and (max-width:805px) {
	.br805 {display: block;}	
}
@media screen and (max-width:800px) {
	.deco1, .deco5 {width: 90%;}	
}
@media screen and (max-width:750px){
	dt {width: 30%;}
	.br750 {display: block;}
	.n750 {display: none;}
	.f2, .toku-p,#attention p {font-size: 1rem;}
	.f1, .place{font-size: 1.1rem}
	#tokuten .cnt1 {padding: 3rem 0.5rem;}
	#items .cnt1 {padding: 3rem 0.5rem;}
	#schedule li, #twitter .cnt1 {flex-direction: column; align-items:center;}
	.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 p {padding: 2rem 0;font-size: 1rem;}
	html{scroll-padding-top: 50px;}
	dl {max-width: 80%;margin: 0 auto;}	
	.content0922, .content-tokuten,.content {padding: 2rem 1rem;}
}
@media screen and (max-width:650px){
	dl {max-width: 90%;margin: 0 auto;}
	dt {margin-right: 2rem;}
	.top1 {max-width: 60px;}
}

@media screen and (max-width:600px){
	.content0922, .content0922-2, .content0922-3, .content, .content2 {padding: 1rem;}
	.content-tokuten {border-image-width: 20px;padding: 0;}
	.br600 {display: block;}
	#gaiyo, #schedule, #attention, #tokuten, #items {padding-top: 4rem;}
	h2 {font-size: 1.5rem;}
	#items h2, #tokuten h2 {width: inherit;}
	.tw-left p {display: flex;  flex-direction: column;  justify-content: center;}
	.tw-left {max-width: 90%;}
	.bg-red {padding: 1rem 0;}
	.f2,#attention p{font-size: 0.9rem;}
	.bg-rainbow {padding: 2rem 0;}
	.bg-attention {padding: 6rem 0 3rem;}
	dl {max-width: 95%;}
	dt {margin-right: 1rem;}
	.content0922, .content0922-2, .content0922-3 {
    border-image-width: 30px;}
	#tokuten .f1 {padding-top: 1rem;}
	section {width: 100%;}
	/*#items .content {padding: 2rem 0.2rem;}*/
	#items li {width: calc(98%/2);}
	.h2_under {max-width: 180px;}
	.pop {width: 96%;margin: 0 auto;}
}
@media screen and (max-width:520px){
	.f1 {font-size: 0.9rem;}
}
@media screen and (max-width:460px){
	#items .content0922,.content {padding: 1rem 0;}
	html{scroll-padding-top: 80px;}
	.brno460 {display: none;}
	.f2, #attention p {line-height: 1.7rem;}
	footer {font-size: 0.7rem;}
	body {font-size: 13px;}
	.br460 {display: block;}
	dt {width: 30%;}
	#gaiyo {font-size: 1.05rem;}
	.deco1, .tw-left{max-width: 100%}
	.itemname1,.prices1 {font-size: 0.9rem;}
	.term1 {font-size: 0.7rem;}
	#tokuten h2 span, #items h2 span {margin: 0 0.2rem;}
	#schedule li div {margin-left: 0;}
	.content0922, .content0922-2, .content0922-3,.content, .content2 .content-tokuten {padding: 1rem 0.4rem;}
	.deco1, .deco5 {width: 100%;}
	.item-name1 {font-size: 0.7rem;}
}
@media screen and (max-width:440px){
	.br650 {display: none;}
	.content0922, .content0922-2, .content0922-3 {border-image-width: 20px;border: 1em solid #ccc;border-image-source: url(../img/all_flame0922.png);
    border-image-slice: 100 100 100 100 fill;border-image-outset: 0;
    border-image-repeat: repeat;}
	/*.content-tokuten {max-width: 1200px;width: 100%;margin: 0 auto;border: 1em solid #ccc;color:#000;border-image-source: url("../img/pinkblack_line2.webp");border-image-slice: 100 100 100 100 fill;border-image-width: 20px;border-image-outset: 0;border-image-repeat: repeat;padding: 1rem;}*/
	
}
@media screen and (max-width:430px){
	.br430 {display: block;}
	.price-small {font-size:0.8rem;letter-spacing: -0.05rem}
	.h2_under {max-width: 160px;}
}
@media screen and (max-width:370px){
	.br370 {display: block;}
	#schedule li div{margin-left: 1rem;}
	.price-small {font-size:0.7rem;}
	.f1 {font-size: 0.8rem;}
}