@charset "utf-8";
/* CSS Document */
/*ナビカラー*/
.global_nav {color: #231815;}
body{background: #000;}
.hamburger span{background: #000;}

/*フレーム*/
#gaiyo, #onlinestore, #booth, #konyu, #item, #tokuten {max-width: 1200px;margin: 0 auto; width: 96%; border: 5rem solid;border-image-source: url("../img/togen_flame.png"); border-image-slice: 100 100 100 100 fill;}

/*h2装飾*/
h2{position: relative;z-index: 1;padding-bottom: 5rem;margin-top: 1rem;}
h2::after{position: absolute;content: '';display: inline-block;width: 88px;height: 113px;background-image: url("../img/to_midashi_deco.png");background-size: contain;vertical-align: middle;z-index: -1;top :-3rem;right: -1rem;}
.sale {position: relative;}

/*一部監修中*/
.sale .date-pre {bottom: 0%; right: 0%; font-size: 0.8rem; padding: 0.2rem 1.5rem;}
.sale .sale-date {position: absolute; background: #FF4848; font-weight: 600; color: #fff; z-index: 1; text-align: center;}


/*背景*/
main {position: relative; background:url("../img/togen-haikei2.webp"); background-repeat: repeat-y; background-size: 100% auto; margin-top: -10px;z-index: 0;}
.bg-wrap1{position: relative;}
.bg1 {position: absolute; z-index: -1;top: -7rem;}
.bg-wrap2{position: relative;}
.bg2 {position: absolute; z-index: -1;top: 4rem;}
.bg-wrap3{position: relative;}
.bg3 {position: absolute; z-index: -1;top: -8rem;}
.bg-wrap4{position: relative;}
.bg4 {position: absolute; z-index: -1;top: 0;}
.bg-wrap5{position: relative;}
.bg5 {position: absolute; z-index: -1;top: 20rem;}

.top2 a{color: #B8994D;border: #B8994D solid 3px;}
footer{background: #000;color: #fff;}

.booth h2::after{right: -3rem;}

.item-dummy{display: none;}

/*@media screen and (max-width:1050px){
	.bg2{top: -32rem;}
	.bg4{top: 54rem;}
}*/

@media screen and (max-width:1050px){
	.item-dummy{display: block;}
}
@media screen and (max-width:950px){
	#gaiyo, #onlinestore, #booth, #konyu, #item, #tokuten{border: 3rem solid;border-image-source: url("../img/togen_flame.png"); border-image-slice: 100 100 100 100 fill;}
	section{padding: 2rem 0;}
}

@media screen and (max-width:750px){
	.item-dummy{display: none;}
}
@media screen and (max-width:700px){
	.bg1{top: -2rem;}
}

@media screen and (max-width:530px){
	#gaiyo, #onlinestore, #booth, #konyu, #item, #tokuten {max-width: 1200px;margin: 0 auto; width: 96%; border: 1.5rem solid;border-image-source: url("../img/togen_flame.png"); border-image-slice: 70 70 70 70 fill;}
	h2{padding-top: 1rem;}
	h2::after {top: -1.5rem;}
	.bg3{top: -2rem;}
	.sale .date-pre {right: 5%;}
}
@media screen and (max-width:495px){
	.sale .date-pre {right: 4%;}
}
@media screen and (max-width:490px){
	.sale .date-pre {right: 3%;}
}
@media screen and (max-width:485px){
	.sale .date-pre {right: 2%;}
}
@media screen and (max-width:480px){
	.sale .date-pre {right: 0%;}
}

/*サイズダウン*/
@media screen and (max-width:430px){
	h2{padding-bottom: 2.5rem;}
	h2::after{width: 50px;height: 65px;top: -0.5rem;right: -0.5rem;}
	#booth h2::after{right: -1rem;}
	section{padding: 1rem;}
	.line {padding: 3rem 0;width: 85%;}
	.sale .date-pre {font-size: 0.75rem; padding: 0.15rem 1rem;}
}

@media screen and (max-width:391px){
	.ls{letter-spacing: -0.5px;}
}