@charset "utf-8";
/* CSS Document */
/*----------------------
2LP共通css
------------------------*/
html{scroll-padding-top: 150px;}
body {font-size: 16px;font-weight: 500;padding-top: 58px;}
main{padding-top: 3.75rem;}
.content {position: relative;margin: 0 auto;max-width: 860px;}
.sec-wrap{padding: 3.75rem 0;}
.sph1, .for-sp {display: none;}
.f1{font-size: 1.75rem;}
.f2{font-size: 1.5rem;font-weight: 500;}
.f3{font-size: 1.125rem;line-height: 2rem;}
.f4{font-size: 1.375rem;}
.booth dd:first-of-type{padding-bottom: 2rem;}
h1 {display: flex;position: relative;justify-content: space-between;z-index: 2;}
/*h2{font-size: 2.25rem; color: #5B2418;padding-bottom: 1rem;text-align: center;}*/
h2{max-width: 180px;margin: 0 auto;}
/*#tokuten1 h2 span, #item1 h2 span {border: #fff solid 2px; font-size: 1.8rem;  color: #fff; width: 350px;  text-align: center; padding: 0.8rem;display: block;}*/
.global_nav li {font-size: 1.1rem!important;}
.nav-tr {background: #000; color: #fff;/*padding-right: 16%!important;*/ align-items: center;}
.nav-tr a {color: #fff!important;}
.nav-bl {padding-right: 16%!important; background: #BBEDF0;align-items: center;}
.global_nav li{width: calc(97%/8); }
.global_nav ul{max-width: initial!important;}
.pc-nav {position: relative;}
.nav2 {display: flex; justify-content: space-around; padding-right: 1rem;padding-left: 2rem;}
.logo{margin: 0 1rem 0;}
.logo2{width: 18%!important;}
.logo, .logo2{max-width: 180px;}

.br_600, .br_430, .br_380 {display: none;}

/*booth*/
.booth {/*margin-bottom: 5rem!important;*/ text-align: center;}
.booth a {color: #fff; background: #B3964B;font-weight: 500;border-radius: 14px; padding: 0.75rem 2.5rem;display: inline-block; text-decoration: none;}
.booth a::before{content: '';display: inline-block;width: 25px;height: 25px;background-image: url(../img/map.svg);background-size: contain;background-repeat: no-repeat;}
.booth dt {font-weight: bold;padding-bottom: 1rem;}
.booth dl:first-of-type{padding-bottom: 1rem;}
.map{font-size: 1.5rem;}

/*gaiyo*/
#gaiyo { position: relative;}
.summary p {text-align: left;letter-spacing: 0.72px;padding-bottom: 1rem;}

/*item*/
.descr{max-width: 200px;font-size: 1rem;}

#item h2 div {width: 28%;}
#item {margin-bottom: 5rem; padding: 1rem 0 0.5rem; position: relative;border-radius: 20px 20px 0px 0px;}
#item .inner-item ul {display: flex; justify-content: flex-start;flex-wrap: wrap; padding: 2rem;}
#item li {width: calc(100%/4);max-width: 216px;margin: 0 auto;text-align: center;margin-bottom: 2rem;padding: 0 0.5rem;}
#item li img {border: solid black 0.8px;max-width: 200px;}
.term {margin-top: 0!important;padding: 0.75rem 0; margin: 1rem 0; font-weight: 500; line-height: 1.5rem; background-color: #000; color: #fff; }
.itemname {line-height: 1.56rem; margin-bottom: 0.7rem;color: #000000;}
.prices {font-size: 1.312rem;line-height: 1.1rem;color: #000000;}
.prices span{font-size: 52%;}
.price-right{text-align: right;}

/*tokuten*/
#tokuten {border-radius: 20px 20px 0px 0px;padding: 1rem 0.5rem 0.5rem;}
#tokuten h2 div {width: 28%;}
/*#tokuten .toku_content {padding: 2rem;}*/
.tokui{border: solid black 0.8px;}

.tokui {max-width: 100%;margin:0 auto;}
.toku_p {font-weight: bold;padding: 1rem 0 2rem;text-align: center;}
#tokuten span {font-weight: bold;}
#tokuten fr {text-align: center;}
.toku-img {margin-bottom: 2rem;}
.toku_content{max-width: 860px;margin:0 auto;}

/*attention*/
#attention { position: relative;line-height: 1.7rem;}
.f4:first-child{padding-bottom: 1.5rem;}

.line{max-width: 355px;margin: 0 auto;padding: 5rem 0;}
.order-sheet{text-align: center;margin: 3.5rem 0;}
.order-sheet p{line-height: 1.8rem;}
.order-sheet p::before{content: '';display: inline-block;background-color: #000;width: 16px;height: 15px;clip-path: polygon(0 0, 100% 0%, 50% 100%);}
.order-sheet a{color: #fff; background: #B3964B;font-weight: 500;border-radius: 14px; padding: 0.75rem 2.5rem;display: inline-block; text-decoration: none;}
.order-sheet a::after{content: '';display: inline-block;width: 32px;height: 32px;background-image: url("../img/download.png");background-size: contain;background-repeat: no-repeat;vertical-align: middle;margin-left: 0.7rem;}

#onlinestore { margin-top: 5rem;}

/*footer*/
footer {padding: 1rem 0; font-weight: bold;}
/*button*/
.top1 {position: fixed; bottom: 7%; max-width: 90px;z-index:6;right: calc(50.5% - 900px);}
.top2 {margin-right: auto;margin-left: 0px;display: block;text-shadow: none;}
.top2 a {float: right; border-radius: 50%;background: rgba(255,255,255,0.85); padding: 10px;}
.top2 span {display: block;}
.top2 i {font-size: 1.6rem;}

.bluelock {padding-bottom: 1rem;}

@media screen and (max-width:1799px) {
	.top1 {position: fixed; bottom: 7%; max-width: 90px; right: 3%;z-index:6;}
}
@media screen and (max-width:1200px){
	.term{font-size: 0.875rem;}
}
@media screen and (max-width:1050px){
	.nav1 {display: none!important;}
	
	#item ul li {width: calc(100% / 3);}
	#item .inner-item ul{padding: 2rem 0;}
}
@media screen and (max-width:950px){
	.f1, .map{font-size: 1.25rem;}
	.f2, .toku-p {font-size: 1.2rem;line-height: 2rem;}
	.f3{font-size: 0.875rem;line-height: 1.5rem;}
	.f4{font-size: 1.125rem;}
}

@media screen and (max-width:750px){
	html{scroll-padding-top: 50px;}
	#item ul li {width: calc(100% / 2);}
	
	h2{max-width: 150px;}
	.booth a::before{vertical-align: text-top;}
	
}

@media screen and (max-width:600px){
	.br_600 {display: block;}
	.toku-p2{max-width: 90%;}
	/*.f2, .booth dd, #onlinestore dd {font-size: 0.95rem;}*/
	.attention {padding: 2rem 1rem;}
	.top1, #top img {max-width: 130px!important;}
	.order-sheet a::after{width: 23px;height: 23px;}
}
@media screen and (max-width:530px){
	.term {font-size: 0.75rem;line-height: 1.2rem;padding: 0.5rem 0;}
	.itemname {font-size: 0.875rem;line-height: 1.2rem;}
	.prices {font-size: 1rem;line-height: 1.1rem;color: #000000;}
	.prices span{font-size: 65%;}
	.f4{font-size: 1rem;}
	.summary p.f2{font-size: 1.125rem;}
	#item ul li{padding: 0 0.2rem;}
}
@media screen and (max-width:460px){
	html{scroll-padding-top: 80px;}
	.f2 {line-height: 1.875rem;}
	#booth dd.f2{font-size: 1rem;line-height: 1.5rem;}
	footer {font-size: 0.7rem!important;}
	body {font-size: 13px;}
	#gaiyo {font-size: 1.05rem;}	.toku_p2, .tokui {max-width: 100%;}
	.itemname1,.prices1 {font-size: 0.75rem;}
	.term {font-size: 0.7rem;}
	h2 {font-size: 1.5rem;}
	#tokuten1 .toku_content {padding: 1rem;}
}
@media screen and (max-width:460px){
	.prices{font-size: 0.875rem;}	
}
@media screen and (max-width:430px){
	.br_430{display: block;}
	.summary p {text-align: center;}
		/*サイズダウン*/
	h2{max-width: 120px;}
	.sec-wrap {padding: 2rem 0;}
}
@media screen and (max-width:395px){
	.summary p.f2{font-size: 1rem;}
}
@media screen and (max-width:380px){
	.br_380{display: block;}
}