@charset "utf-8";
/* CSS Document */
html{scroll-padding-top: 150px;}
body {font-size: 17px;}
.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%;}
h2 {max-width: 730px;margin: 0 auto 2rem auto;text-align: center;font-size: 2rem;font-weight: normal;}
h3{max-width: 450px; margin: 0 auto; width: 90%;}
#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, .br-min985 {display: block;}
.br373, .br380, .br430, .br440, .br600, .br460, .br750, .br985 {display: none;}


/*コンテンツ枠*/
.content {max-width: 988px;width: 100%;margin: 0 auto;border: 3em solid #ccc;color:#000;border-image-source: url("../img/event-summary.webp") ;border-image-slice: 100 70 100 70 fill;border-image-width: 77px;border-image-outset: 0;border-image-repeat: round;padding: 0 3rem 1rem 3rem;filter:drop-shadow(0 5px 8px rgba(0, 0, 0, 0.16));}
.content2 {max-width: 988px;width: 100%;margin: 0 auto;border: 3em solid #ccc;color:#000;border-image-source: url("../img/schedule_flame.webp") ;border-image-slice: 100 100 100 100 fill;border-image-width: 77px;border-image-outset: 0;border-image-repeat: round;filter:drop-shadow(0 5px 8px rgba(0, 0, 0, 0.16));padding: 1rem 0;}
.content3 {max-width: 988px;width: 100%;margin: 0 auto;border: 3em solid #ccc;color:#000;border-image-source: url("../img/item_flame.webp") ;border-image-slice: 100 100 100 100 fill;border-image-width: 77px;border-image-outset: 0;border-image-repeat: round;filter:drop-shadow(0 5px 8px rgba(0, 0, 0, 0.16));padding: 1rem 0;}
.content4 {max-width: 988px;width: 100%;margin: 0 auto;border: 3em solid #ccc;color:#000;border-image-source: url("../img/notesbg.webp") ;border-image-slice: 100 80 100 80 fill;border-image-width: 77px;border-image-outset: 0;border-image-repeat: round;filter:drop-shadow(0 5px 8px rgba(0, 0, 0, 0.16));padding: 1rem 3rem;}

/*bg*/
.bg1{position: relative;background-image: url("../img/stripe467.png");background-repeat: repeat-y;background-size: 100%;background-position: center top;max-width: 1800px; width: 100%;}


.bg-dot {background-image: url("../img/bg-dot.webp");background-repeat: no-repeat;background-size: cover;background-position: center;}
.flower {display:block;position: absolute;}
.flo1 {top: 1%;right: 3%;max-width: 135px;width: 100%;}
.flo2{top: 7%;left: 0%;max-width: 190px;width: 100%;}
.flo3 {top: 14%;right: 0%;max-width: 230px;width: 100%;}
.flo4{top:23%;left: 3%;max-width: 150px;width: 100%;}
.flo5 {top: 26%;right: 0%;max-width: 107px;width: 100%;}
.flo6{top:29%;left: 2%;max-width: 86px;width: 100%;}

.kino1{top:55%;right: 2%;max-width: 180px;width: 100%;}
.kino2{top:58%;left: 4%;max-width: 122px;width: 100%;}
.kino3{top:63%;right: 7%;max-width: 120px;width: 100%;}
.kino4{top:68%;left: 2%;max-width: 162px;width: 100%;}
.kino5{top:73%;right: 6%;max-width: 98px;width: 100%;}
.kino6{top:84%;right: 5%;max-width: 173px;width: 100%;}
.kino7{top:79%;left: 6%;max-width: 124px;width: 100%;}
.kino8{top:92%;right: 4%;max-width: 135px;width: 100%;}
.kino9{top:88%;left: 6%;max-width: 125px;width: 100%;}
.kino10{top:97%;left: 2%;max-width: 99px;width: 100%;}

/*gaiyo*/
#gaiyo {padding-top: 4rem;}
#gaiyo h2 {margin-bottom: 1rem;}

/*schedule*/
#schedule {padding-top: 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: 20%; margin-right: 1rem;}
dd {width: 80%;}
.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;}
.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: 150px;
    transform: rotate(7deg);}

/*twitter*/
#twitter {margin-top: 2rem;}
#twitter .cnt1 {display: flex;justify-content: space-around; align-items: center;}
.tw-left { border: 5px solid #5A226B;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:0 0 12rem 0;}
.pop {max-width: 988px;margin: 0 auto;filter:drop-shadow(0 3px 3px rgba(0, 0, 0, 0.16));}

/*items*/
#items {margin-top: 5rem;}
#items h2{display: flex; justify-content: center; align-items: flex-end;}
#items ul {display: flex; justify-content: space-between;flex-wrap: wrap;}
#items li {width: calc(97%/5);text-align: center;margin-bottom: 2rem; }
#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: #5A226B; color: #fff;}
.itemname1 {line-height: 1.1rem; margin-bottom: 0.5rem; font-size: 0.9rem;color: #000000;}
.prices1 {font-size: 0.9rem;line-height: 1.1rem;color: #000000;}

.item-name {font-size: 0.7rem;}

/*監修中の商品
.blur {filter: blur(3px);}
.kansyu {position: relative;}
.kansyu p {font-size: 25px;font-weight: 900;color: #2B3C50;}
.border {position: absolute;top: 40%;left: 25%;border: solid 2px #2B3C50;}*/

/*attention*/
#attention {border-radius: 25px; line-height: 1.7rem;padding: 4rem 0;}
footer {background-color:#2B3C50; color: #fff; font-size: 0.8rem;}
footer div {display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.copyright img {max-width: 94px; width: 100%;}

.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;}


@media screen and (max-width:1045px) {
	.nav1 {padding-left: 1rem;}	
}
@media screen and (max-width:1000px) {
	#items {margin-top: 1rem;}
	#items li {width:calc(97%/2);}
	#items li:last-child {margin-right: 0;}
	#gaiyo, #schedule, #attention, #tokuten, #items {padding-top: 3rem;}
	h2 {margin-bottom: 1rem;}
	.flower {display: none;}
}
@media screen and (max-width:985px){
.br-min985 {display: none;}
	.br985 {display: block;}
}


@media screen and (max-width:800px) {
	.deco1, .deco5 {width: 90%;}
	.content{max-width: 988px;width: 100%;margin: 0 auto;border: 3em solid #ccc;color:#000;border-image-source: url("../img/event-summary_912pxsp.webp") ;border-image-slice: 100 100 100 100 fill;border-image-width: 77px;border-image-outset: 0;border-image-repeat: round;padding: 0 0 1rem 0;filter:drop-shadow(0 5px 8px rgba(0, 0, 0, 0.16));}
	.content4 {max-width: 988px;width: 100%;margin: 0 auto;border: 3em solid #ccc;color:#000;border-image-source: url("../img/event-summary_912pxsp.png") ;border-image-slice: 100 100 100 100 fill;border-image-width: 77px;border-image-outset: 0;border-image-repeat: round;padding: 0 0 1rem 0;filter:drop-shadow(0 5px 8px rgba(0, 0, 0, 0.16));}
	.content2, .content3 {max-width: 988px;width: 100%;margin: 0 auto;border: 3em solid #ccc;color:#000;border-image-source: url("../img/flame_sp912px.webp") ;border-image-slice: 100 100 100 100 fill;border-image-width: 77px;border-image-outset: 0;border-image-repeat: round;padding: 0 0 1rem 0;filter:drop-shadow(0 5px 8px rgba(0, 0, 0, 0.16));}
}
@media screen and (max-width:750px){
	.br750 {display: block;}
	.n750, .justpc {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;}	
	
	
	
	
}
@media screen and (max-width:705px){
	.content, .content4 {padding: 0 1rem 0 0;}
}
@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){
	.br600 {display: block;}
	/*#gaiyo, #schedule, #attention, #tokuten, #items {padding-top: 2rem;}*/
	h2 {font-size: 1.5rem;}
	/*#tokuten h3 {width: 300px;}*/
	#items h2, #tokuten h2 {width: inherit;}
	.toku-p2, .toku-img{width: 90%;}
	.tw-left p {display: flex;  flex-direction: column;  justify-content: center;}
	.tw-left {max-width: 90%;border: 4px solid #5A226B;}
	.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;}
	#attention p {padding: 0.5rem;}
	#tokuten .f1 {padding-top: 1rem;}
	#items {margin-top: 0em;}
}
@media screen and (max-width:560px){
	#schedule li div{margin-left: 3rem;}
}
@media screen and (max-width:500px){
	.br950 {display: none;}
	.content2, .content3 {max-width: 988px;width: 100%;margin: 0 auto;border: 1em solid #ccc;color:#000;border-image-source: url("../img/flame_sp432px.webp") ;border-image-slice: 100 100 100 100 fill;border-image-width: 77px;border-image-outset: 0;border-image-repeat: round;padding: 1rem 0;filter:drop-shadow(0 5px 8px rgba(0, 0, 0, 0.16));}
	.content, .content4 {max-width: 988px;width: 100%;margin: 0 auto;border: 2em solid #ccc;color:#000;border-image-source: url("../img/event-summary_sp432px.png") ;border-image-slice: 100 100 100 100 fill;border-image-width: 77px;border-image-outset: 0;border-image-repeat: round;padding: 0 0 1rem 0;filter:drop-shadow(0 5px 8px rgba(0, 0, 0, 0.16));}
	.item-name3 {font-size: 0.7rem;}
.item-name3 small {font-size: 0.6rem;}
}

@media screen and (max-width:460px){
	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 {max-width: 100%}
	.itemname1,.prices1 {font-size: 0.9rem;}
	.term1 {font-size: 0.7rem;}
	#tokuten h2 span, #items h2 span {margin: 0 0.2rem;}	
}
@media screen and (max-width:440px){
	.br440 {display:block;}
}
@media screen and (max-width:430px){
	.br430 {display: block;}
	.price-small {font-size:0.8rem;letter-spacing: -0.05rem}
	.item-name4 {font-size: 0.8rem;letter-spacing: -0.05rem}
}
@media screen and (max-width:380px){
	.br440 {display: none;}
	.br380 {display: block;}
	.item-name {letter-spacing: -0.1rem;}
	.item-name2 {font-size: 0.7rem;}
}
@media screen and (max-width:373px){
	.br373 {display: block;}
	.item-name3 {font-size: 0.9rem;}
.item-name3 small {font-size: 0.7rem;}
}
@media screen and (max-width:370px){
	#schedule li div{margin-left: 1rem;}
	.price-small {font-size:0.7rem;}
	

}