@charset "utf-8";
/* CSS Document */
html{scroll-padding-top: 150px;}
body {font-size: 16px;letter-spacing: 0.05rem;}
.f1{ font-weight: bold; text-align: center;    line-height: 1.8rem;}
.f2 {font-size: 1.2rem; text-align: center;line-height: 1.9rem;}
.f3{text-align: center; padding-bottom: 2rem;margin-top: -1rem; line-height: 1.8rem;}
.f4 {font-size: 1.6rem;}
.fb {font-weight: bold;}
.blue {color: #1E2F53;}
.red, .red a {color:#C82623;}
section {max-width: 1200px;margin: 0 auto; width: 96%;}
h2 {max-width: 300px;margin: 0 auto;padding-bottom: 2rem;}
.br900, .br410,.br430, .br750, .br520 ,.br1000, .br680, .br500{display: none;}
.bg-green, .onlineshop-bg, .tokuten-bg, .bg-brown {background:url(../img/back_check.png)repeat;background-attachment: fixed;}
.content {max-width: 1050px;width: 100%;margin: 0 auto;padding:3rem;}

/*bg*/
/*.schedule-bg, .onlineshop-bg, .media-x-bg, .tokuten-bg, .bg-brown{margin: -1rem;}*/
.media-x-bg, .schedule-bg {background: #1E2F53;}

/*=============
.bg_pattern
==============*/

/*.bg_pattern {
  position: fixed;
  top: 0;
  max-width: 1800px;
  width: 100%;
  height: 100vh;
  background-color: rgba(159,106,53, 0.1);
  opacity: 0.25;
  z-index: 0;
}*/
/*.Rhombus {
 background-image:  linear-gradient(135deg, rgba(173,126,71, 1) 25%, transparent 25%), linear-gradient(225deg, rgba(173,126,71, 1) 25%, transparent 25%), linear-gradient(45deg, rgba(173,126,71, 1) 25%, transparent 25%), linear-gradient(315deg, rgba(173,126,71, 1) 25%, transparent 25%);
	
  background-position:  130px 0, 130px 0, 0 0, 0 0;
  background-size: 130px 130px;
  background-repeat: repeat;
	 -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}*/
header{position: relative;z-index:2;}
h2, p, .bg-green, .fb , .toku-flame, .green, .schedule-flex0{position: relative;z-index:1;}


/*gaiyo*/
#gaiyo {padding-bottom: 0;padding: 5rem 0;}
#gaiyo .content p{font-size: 1.375rem;color: #1E2F53;line-height: 2rem;z-index: 2;}
#gaiyo .content{background: rgba(255,255,255,0.68);border-radius: 40px;}

/*schedule*/
#schedule {padding: 5rem 0;}
#schedule p{padding-top: 2rem;font-size: 1.56rem;font-weight: bold;text-align: center;}
#schedule p span{font-size:2.8rem;}
#schedule .content {color: #fff; padding: 0;}
.place {padding: 3rem 0; background: #AF6A6E;font-weight: bold;font-size: 1.6rem;margin-right: 2rem;display: flex; align-items: center;width: 20%; justify-content: center;}
.detail {width: 78%;}
.schedule-flex0 {display: flex; border-bottom: dashed #AF696C 4px;padding-bottom: 2rem;padding-top: 2rem;align-items: center;max-width: 1003px;margin: 0 auto;}
.schedule-flex2 a{color: #462E2A;background: #fff;padding: 0.5rem 1rem;text-decoration: none;  margin-right: 2rem;}
.schedule-flex1{place-items: end;display: flex;font-weight: bold;margin-bottom:1rem;border-bottom: #fff solid 1px; }
.brown {color: #462E2A;background: #fff;padding: 0.3rem 0.8rem; margin-right: 1rem;}
.fa-map-marker-alt {color: #462E2A4D;}
.schedule-flex2 {display: flex;}

/*onlineshop*/
#onlineshop {padding: 5rem 0;}
#onlineshop .content{background: rgba(255,255,255,0.68);border-radius: 40px;}
#onlineshop h2 {max-width: 540px;}
#onlineshop .fb{border: 20px solid #000;border-image-slice: 45;border-image-source: url("../img/brown-flame.webp");max-width: 1020px;width: 100%;margin: 0 auto; border-radius: 25px;border-image-repeat: round;color: #FFF;margin-bottom: 2rem;}
#onlineshop .content > p{max-width: 680px;width: 100%;margin: 0 auto;font-weight: bold;}
#onlineshop .banner{padding: 2rem 0;}
.bg-pink {margin-bottom: 2rem!important; color: #fff;font-size: 1.3rem; border-image: url(../img/back_pink.png) 100 fill / 100px / 0px round;padding: 3rem 2.5rem; text-align: center;font-weight: bold;}
.bg-pink small {font-size: 1rem;}
.pink3 {font-size: 1.2rem;}
.list dl{display: flex;margin-bottom: 1rem;align-items: center;}
.list dl dt{margin-right: 2rem;background: #fff;color: #AF6A6E;width: 124px;font-size: 1.2rem;}
.list dl dd{font-size: 1.2rem;}
.list dl dd span{font-size: 1.6rem;}


/*twitter*/
#x {color: #fff;}
#media-x {padding: 5rem 0;}
#media-x .content {padding: 0;}
.tw-left {max-width: 600px; margin: 0 auto;}
.tw-left p{text-align: center; font-size: 1.375rem;}
.twi-p{padding: 2rem 0;}
.tw-left p a {color: #AF6A6E;font-size: 1.875rem;}

/*tokuten*/
#tokuten {padding: 5rem 0;text-align: -webkit-center;}
#tokuten .content {padding: 0;}
#tokuten .toku-flame {border-image: url("../img/back_white.png") 100 fill / 100px / 0px round;}
.toku-img { z-index: 2; max-width: 80%;margin:0 auto;}
.toku-attention{text-align: left;padding-top: 1rem;}
.toku-flame{padding: 3rem;}
.toku-flame .f1{font-size:1.125rem;line-height: 2.2rem;}
.toku-flame .f1 span {background-color:#1E2F53;padding: 0.1rem; color: #fff;}
.toku-flame .p2 {font-size: 1.5rem;padding-bottom: 2rem;}
.toku-attention {max-width: 680px;width: 100%;margin: 0 auto;font-weight: bold;}

/*items*/
.green {background: #1E2F53;}
#items .content {max-width: 1048px;width: 100%;margin: 0 auto;padding: 4.875rem 0;}
#items {position:relative;}
#items h2{padding-bottom: 3rem; display: flex; justify-content: center; align-items: flex-end;}
#items ul {display: flex; justify-content: space-between;flex-wrap: wrap;max-width: 96%;  margin: 0 auto;}
#items li {position: relative;width: calc(94%/4);text-align: center;margin-bottom: 3rem;}
.term1 {font-size: 0.9rem; padding: 0.3rem 0; margin: 0.3rem 0 0; font-weight: bold; line-height: 1.4rem;color: #fff;}
.term1 span{font-size: 0.75rem;font-weight: normal;}
.itemname1 {height: 3.4rem;line-height: 1.25rem; margin-bottom: 0.5rem; font-size: 0.875rem;color: #fff;font-weight: bold;padding-top:0.5rem;}
.prices1 {height: 2.8rem;font-size: 1rem;line-height: 1.1rem;color: #fff;font-weight: bold;padding-bottom: 0.4rem;}
.prices1 span{font-size: 0.7rem;font-weight: normal;}
.prices1 small{font-weight: normal;}
.animateme div{background-color: #AC6463;}
hr {width:85%;margin: 0 auto;color: #fff;}
.new{z-index: 1; display: flex; flex-direction: column;  justify-content: center;font-size: 0.8rem;position: absolute; top: -30px; left: -10px; background: #AC6463; border-radius: 50px;text-align: center; color: #fff;width: 60px;  height: 60px;}
.new1 {color: #FF0300; background: #fff; border-radius: 7px;font-size: 0.55rem;letter-spacing: -0.5px;width: fit-content;padding: 0 0.2rem;  align-self: center;}
.pri2 {display: inline-flex; align-items: flex-end;}

/*attention*/
#attention p {color: #1E2F53;max-width: 80%; margin: 0 auto;line-height: 1.8rem;font-weight: bold;}
#attention .content {background: rgba(255, 255, 255, 0.68); border-radius: 40px;}
.top1 {position: fixed; bottom: 10%; max-width: 90px; right: 3%; z-index:6;}
.top2 {width: 100%;max-width: 1800px;margin-right: auto;margin-left: 0px;display: block;}
.top2 a {float: right;color:#fff;text-shadow: 1px 1px 5px black;}
.bg-brown{padding: 5rem 0;}

/*footer*/
main{position: relative;}
footer {width: 100%; position: absolute;z-index: 5;color: #fff; font-size: 0.8rem;}
.footer-bg{margin-top: -1rem;max-width: 1800px;width: 100%;}
.copyright {background:#1E2F53;padding: 1rem 0;}

@media screen and (max-width:1200px) {
	.content {padding:6rem 0;}
	h2 {max-width: 230px;width: 80%;padding-bottom: 1.5rem;}
	#onlineshop h2 {max-width: 350px;}
	#onlineshop .fb {width: 90%;}
	#attention p{max-width: 90%;font-size: 1rem;}
	#onlineshop .content{padding: 6rem 1.5rem;}
}
@media screen and (max-width:1050px) {
	#tokuten .toku-flame{width: 96%;}
	
	.list dl{display: block;margin-bottom: 2rem;}
	.list dl dt, .list dl dd{text-align: center;margin: 0 auto;margin-bottom: 0.5rem;}
}
@media screen and (max-width:1000px) {
	#gaiyo .content p{font-size: 1rem;padding-top: 1.5rem;}
	.content {padding:4rem 0;}
	#schedule p{padding-top: 1rem;font-size: 1rem;}
	#schedule p span{font-size:2rem;}
	#attention p{padding-bottom: 1rem;}
	.br1000{display: block;}
}

@media screen and (max-width:950px) {
	#items li {width:calc(97%/2);}
	#items li:last-child {margin-right: 0;}	
	.itemname1 span {display: none;}
	.span-sale{display: block!important;}
}
@media screen and (max-width:900px) {
	.br900{display: block;}
	.spli2 a, .spli2 a:visited, .spli2{color: #1E2F53!important;}
	nav.globalMenuSp ul li{border-bottom: #1E2F53 solid 1px!important;}
	nav.globalMenuSp ul li:last-child {border-bottom: none!important;}
	.toku-flame .p2{font-size: 1.2rem;}
	.toku-attention{width:90%;}
	.f4 {font-size: 1.45rem;}
	.place {margin-right: 1.5rem;}
}
@media screen and (max-width:850px) {
	.schedule-flex0{flex-direction: column; align-items: flex-start; border-bottom: dashed #AF696C 2px;padding: 3.5rem 0 2.5rem;}
	.schedule-flex0:first-of-type{padding-top: 1rem;}
	.place {margin-right: 0;padding: 1rem; align-self: center;margin-bottom: 2rem;width: fit-content;}
	.detail, #tokuten .toku-flame{width: 100%;}
	.schedule-flex2 {justify-content: center;}
	.schedule-flex2 a:last-child{margin-right: 0;}
}
@media screen and (max-width:750px){
	.br750 {display: block;}
	.content {padding:2.5rem 0;}
	#gaiyo .content p{padding-top: 1rem;}
	#gaiyo .f2 {padding-top: 5rem;}
	.f2 {font-size: 1rem;}
	.f1{font-size: 1.1rem;line-height: 1.5rem;}
	#schedule li{flex-direction: column; align-items:center;}
	.tw-left {margin-bottom: 1rem;}
	.tw-left p {font-size: 1rem;}
	.tw-left p a {font-size: 1.2rem;}
	html{scroll-padding-top: 50px;}
	#onlineshop .content > p {width: 90%;}
	.toku-flame .f1{font-size: 1.1rem;line-height: 1.8rem;}
	#gaiyo .content p{line-height: 1.5rem;}
	.list dl dt,.list dl dd{font-size: 1rem;}
	.list dl dd span{font-size: 1.2rem;}
	
}
@media screen and (max-width:683px){
	.br680 {display: block;}
}
@media screen and (max-width:680px){
	.bg-pink {font-size: 1.1rem;padding: 2rem 1rem;}
	.pink3 {font-size: 1rem;}
	.bg-pink small, .blue{font-size: 0.9rem;}
	.top2 a {font-size: 0.62rem!important;filter: drop-shadow(2px 1px 3px #33100C);}
	.toku-flame {padding: 3rem 1rem;}
}
@media screen and (max-width:650px){
	.top1 {max-width: 65px;}
	.schedule-flex2 a:not(:last-child){margin-right: 1rem;}
}
@media screen and (max-width:600px){
	.toku-img{width: 90%;}
	.f2,#attention p{font-size: 0.9rem;}
	dl {max-width: 95%;}
	body {font-size: 14px;}
}
@media screen and (max-width:520px){
	.br520{display: block;}
	#gaiyo .content p{width: 95%;margin: 0 auto;}
}
@media screen and (max-width:500px){
	.schedule-flex2 {flex-direction: column;margin-top: 2rem;}
	.schedule-flex1{max-width: 300px;  margin: 0 auto 1rem;}
	.schedule-flex2 a {margin-bottom: 1rem; max-width: 300px; text-align: center;  margin: 0 auto 1rem !important;width: 90%;padding: 0.8rem;}
	.br500{display: block;}
	.pink2{line-height: 1.3rem;}
	#attention p {line-height: 1.5rem;}
	#schedule p{padding-top: 1rem;font-size: 1rem;}
	#schedule p span{font-size:1.5rem;}
	#onlineshop .f1{font-size: 1rem;}
}
@media screen and (max-width:460px){
	html{scroll-padding-top: 80px;}
	.f2 {line-height: 1.7rem;}
	footer {font-size: 0.7rem;}
	body, .bg-pink small, .blue, #attention p {font-size: 13px;}
	#gaiyo {font-size: 1.05rem;}
	.itemname1, .prices1 {font-size: 0.82rem;}
	.term1 {font-size: 0.7rem;line-height: 1rem;}
	.term1 span{font-size:0.68rem;}
	.itemname1 {line-height: 1.1rem;}
	#schedule li{padding: 3rem 1rem 2rem;}
}

@media screen and (max-width:430px){
	#items ul {max-width: 100%;}
	.new1 {font-size: 0.5rem;}
	.new {width: 58px; height: 58px;left: -6px;}
	#items li {width: calc(98%/2);}
	.prices1 {font-size: 0.69rem;}
	.br430 {display: block;}
	.link img {max-width: 250px;}
	#onlineshop .content p:first-of-type {width: 96%;}
	.bg-pink{ border-image: url(../img/back_pink.png) 189 fill / 100px / 0px round;}
	#tokuten .toku-flame { border-image: url(../img/back_white.png) 277 fill / 100px / 0px round;}
}
@media screen and (max-width:410px){
	.br410 {display: block;}
	.toku-flame .f1 {font-size: 1rem;line-height: 1.5rem;}
	#onlineshop .content{padding: 6rem 0.5rem;}
	.bg-pink {padding: 2rem 0.8rem;}

}
@media screen and (max-width:400px){
	.item-name {letter-spacing: -0.1rem;}
	.bg-pink small {font-size: 0.85rem;}
	
}

@media screen and (max-width:370px){
	.term1 {letter-spacing: -0.02rem;}
	.tw-left p {font-size: 0.87rem;}
}

.moyuk{text-align: center;}