@charset "utf-8";
/* CSS Document */
html{scroll-padding-top: 150px; color: #fff;font-weight: bold;}
body {font-size: 16px;letter-spacing: 0.05rem;}
section {max-width: 1100px;margin: 0 auto 5rem; width: 96%;  z-index: 1; position: relative;padding: 5rem 8rem 6rem;}
h2 {text-align: center;font-size: 3.5rem; color:#0A5291; -webkit-text-stroke: 2px #FFF; padding-bottom: 1.7rem;}
#gaiyo h2, #schedule h2, #tokuten h2, #attention h2 {max-width: 200px; margin: 0 auto 1rem;}
#online h2 { max-width: 420px;  margin: 0 auto 1rem;}
#X h2 {max-width: 40px; margin: 0 auto 1rem;}
#items h2 {max-width: 100px; margin: 0 auto 1rem;}
.content {max-width: 1008px;width: 100%;margin: 0 auto;}
a:hover {cursor: pointer;}
a {color: inherit;text-decoration: none;}
.br770, .br460, .br600, .spmap{display: none;}
.f1 {font-size: 1.5rem;}
.f2 {font-size: 1.3rem;}
.f3 {font-size: 1.8rem;}
.fblue {color: #0A5291;text-shadow: none;}
.f-center {text-align: center;}
.b-blue {background: #0A5291;}

/*bg*/
header{position: relative;z-index:3;}
h2, p{position: relative;z-index:1;
	text-shadow: 0 0 5px #000;}
#global-nav .inner { z-index: 3;}
article {background: url("../img/base0.png") repeat-y; padding: 5rem 0 0; position: relative;}
.hanabi1 {position: absolute; right: -5%; top: 5%; z-index: 0;}
.hanabi2 {position: absolute; left: -5%; top: 15%;z-index: 0;}
.hanabi3 {position: absolute; right: -15%; top:25%;z-index: 0;}
.hanabi4 {position: absolute; left: -15%; bottom: 45%; z-index: 0;}
.hanabi5 {position: absolute; right:-20%; bottom: 30%; z-index: 0;}
.hanabi6 {position: absolute; left: -20%; bottom: 20%; z-index: 0;}
.hanabi7 {position: absolute; right: -10%; bottom: 10%; z-index: 0;}
.hanabi8 {position: absolute; left: -10%; bottom: 1%; z-index: 0;}
.waku {background: url("../img/side-ezgif.com-svg-to-png-converter_1.webp") repeat-y left , url("../img/side-ezgif.com-svg-to-png-converter_1.webp") repeat-y right;z-index: 1;  position: relative; background-size: 7px;}


/*gaiyo*/
/*#gaiyo { border-image: url("../img/red.webp") 100 fill/100px/0 round; position: relative;}*/
#gaiyo { border-image: url("../img/N-red.webp") 100 fill/100px/0 round; position: relative;}
.top-deco, .top-deco2{position:absolute; top: 20px;left: 50%;transform: translateX(-50%); width: 85%;}
.bottom-deco, .bottom-deco2{position:absolute; bottom: 20px;left: 50%;transform: translateX(-50%); width: 85%;}
#gaiyo .content {}
.light {position: absolute; top: 0; left: 0; max-width: 300px;}

/*schedule*/
#schedule {border-image: url("../img/N-lightblue.webp") 100 fill/100px/0 round; position: relative;}
#schedule .content {}
#schedule dl {display: flex; margin: 0 auto; margin-bottom: 1rem;}
#schedule dt {width: 15%;background: #0A5291;text-align: center;align-self: center; margin-right: 1rem;}
#schedule dd {width: 80%;}
.light2 {position: absolute; top: 0; right: 0; max-width: 300px; transform: scale(-1, 1);}
#schedule .content div {margin-top: 2rem;}

/*onlineshop*/
#online {border-image: url("../img/N-green.webp") 100 fill/100px/0 round;}
#online .content div {margin: 2rem auto 0;}
#online .f-center {margin-bottom: 2rem;}
#online .f1 {margin-bottom: 1rem;display: inline-block;}

#online dl {display: flex; margin-bottom: 1rem;}
#online dt {color: #fff; width: 19%; background: #0A5291; text-align: center;  align-self: center; margin-right: 1rem;}
#online dd {  width: 80%;}
/*#online li {padding-left: 1rem;	text-indent: -1rem;}*/
.bunner22curry{max-width: 600px;}

/*twitter*/
#X {  border-image: url("../img/N-Blue.webp") 100 fill/100px/0 round;}
#X p {text-align: center;}

/*tokuten*/
#tokuten { border-image: url("../img/N-purple.webp") 100 fill/100px/0 round;}
#tokuten p:first-child {text-align: center;}
.tkimg {margin: 2rem 0;}
#tokuten .b-blue {padding: 6px;  display: inline-block; margin: 4px 0;}

/*items*/
#items { border-image: url("../img/N-darkgreen.webp") 100 fill/100px/0 round;padding: 5rem 4rem;}
#items .content {max-width: 1048px;width: 100%;margin: 0 auto;}
#items ul {display: flex; justify-content: space-between;flex-wrap: wrap;  margin: 0 auto;}
#items li {width: calc(98%/4);text-align: center;margin-bottom: 2rem;}
#items li:last-child { margin-right: 50.5%;}
#items li div {background: #075499;padding: 0.3rem 0;}
#items li img {margin-bottom: 0.5rem;}
.term1 {font-size: 0.78rem; border-bottom: 1px #fff solid; width: 97%; padding-bottom: 5px; margin-right:auto; margin-left: auto;text-shadow: none;}
.term1 small {font-size: 0.7rem;font-weight: normal;}
.itemname1 {height: 3rem; line-height: 1rem;font-size: 0.78rem;padding-top:0.3rem;text-shadow: none;}
.prices1 {font-size: 0.78rem; height: 2rem;margin-bottom:0.3rem;text-shadow: none;}
.prices1 small{font-size: 0.65rem;font-weight: normal;}
.pack, .pack2 {  width: 175px; text-align: right; margin-right: auto; margin-left: auto;}

/*attention*/
#attention {border-image: url("../img/N-white.webp") 100 fill/100px/0 round;padding: 5rem 7rem;}
#attention p {z-index: 2;max-width: 1008px; margin: 0 auto;line-height: 1.65rem;}
.top1 {position: fixed; bottom: 7%; max-width: 90px; right: 3%; z-index:6;}
.top2 {width: 100%;max-width: 1800px;margin-right: auto;margin-left: 0px;display: block;text-shadow: none;}
.top2 a {float: right;color: #D33836;
border: #D33836 solid 3px; border-radius: 50%;background: rgba(255,255,255,0.85); padding: 10px;}
.top2 span {display: block;}
.top2 i {font-size: 1.6rem;}

/*footer*/
main{position: relative;}
footer {z-index: 5;color: #fff; font-size: 0.7rem;}
.copi {background: url("../img/base0.png");padding: 1rem 0;text-align: center; font-size: 0.8rem;}
.copyright {display: none;}
.newfooter {padding-bottom: 0;margin-bottom: 0;padding-top: 0;}

@media screen and (max-width:1040px){
	section {padding: 5rem 4rem 6rem;}
	#attention {padding: 5rem 2rem;}
	#items {padding: 5rem 0.5rem;}
	.light, .light2 {max-width: 250px;}
}
@media screen and (max-width:830px) {
	#schedule dl {flex-direction: column;}
	#schedule dt {margin-bottom: 1rem;margin-right: 0;width: 20%;}
	#schedule dd {width: 100%;}
	#schedule dd:first-of-type {text-align: center;}
	#items li {width: calc(98% / 2);}
	#items li:last-child { margin-right: 0;}
	
	#online dl {flex-direction: column;}
	#online dt {margin-right: 0; margin-bottom: 1rem; width: 22%;}
	#online dd {width: 100%;text-align: center;}
	
}

@media screen and (max-width:770px) {
	.br770{display: block;}
	h2 {font-size: 2.8rem;}
	.f1 {font-size: 1.3rem;}
	.f2 {font-size: 1.1rem;}
	.f3 {font-size: 1.5rem;}
	body {	font-size: 15px;}
	.light, .light2 {max-width: 200px;}
	#attention p {font-size: 1rem; line-height: 1.5rem}
	article {padding-top: 4rem;}
	#attention {margin-bottom: 4rem;}
	#gaiyo h2, #schedule h2, #tokuten h2, #attention h2 {max-width: 200px; margin: 0 auto;}
	#online h2 { max-width: 420px;  margin: 0 auto;}
	#X h2 {max-width: 40px; margin: 0 auto;}
	#items h2 {max-width: 120px; margin: 0 auto;}
}
@media screen and (max-width:750px){
	html{scroll-padding-top: 50px;}
}
@media screen and (max-width:650px){
	.waku {background-size: 5px;}
	section {padding: 5rem 2rem 6rem;}
	#gaiyo { border-image: url("../img/red_700.webp") 100 fill/100px/0 round; position: relative;}
	#schedule {border-image: url("../img/lightblue_700.webp") 100 fill/100px/0 round; position: relative;}
	#online {border-image: url("../img/green_700.webp") 100 fill/100px/0 round;}
	#X {  border-image: url("../img/Blue_700.webp") 100 fill/100px/0 round;}
	#tokuten { border-image: url("../img/purple_700.webp") 100 fill/100px/0 round;}
	#items { border-image: url("../img/darkgreen_700.webp") 100 fill/100px/0 round;}
	#attention {border-image: url("../img/white_700.webp") 100 fill/100px/0 round;}
	.pack2 { width: 167px;}
	#online dt {width: 26%;}
}
@media screen and (max-width:600px){
	.br600 {display: block;}
	body {	font-size: 14px;}
	section {padding: 5rem 1rem 6rem;}
	#attention {padding: 5rem 1rem;}
	.light, .light2 {max-width: 150px;}
	.f1 {font-size: 1.1rem;}
	.f3 {font-size: 1.3rem;}
}
@media screen and (max-width:500px){
	h2 {font-size: 2.3rem;}
	.spmap {display: block;}
	.pcmap{display: none;}
	#gaiyo h2, #schedule h2, #tokuten h2, #attention h2 {max-width: 132px; margin: 0 auto 1rem;}
	#online h2 { max-width: 282px; margin: 0 auto 1rem;}
	#X h2 {max-width: 25px; margin: 0 auto 1rem;}
	#items h2 {max-width: 64px; margin: 0 auto 1rem;}
	.top-deco, .bottom-deco {width: 95%;}
}
@media screen and (max-width:460px){
	.copi {font-size: 0.6rem;}
	.br460{display: block;}
	html{scroll-padding-top: 20px;}
	body {font-size: 13px;}
	.term1 {line-height: 1rem;}
	.itemname1 {line-height: 1rem;}
	#attention p, #online li, #online div:last-child, #tokuten p:last-child {font-size: 0.8rem;}
	#schedule dt {width: 34%;}
	#online h2 {font-size: 2.1rem;}
	.light, .light2 {max-width: 130px;}
	section {padding: 4.2rem 0.7rem 5rem;}
	#attention {padding: 4.2rem 1rem;}
	#items{padding: 4.3rem 0.3rem;}
	.waku {background-size: 4px;}
	#items li {width: calc(99% / 2);}
	.prices1 {font-size: 0.7rem;}
	.pack { width: 168px;}
	.pack2 { width: 161px;}
	#online dt {width: 34%;}
}