@charset "UTF-8";

@media all and (max-width: 1600px) {


	/* mainPage */
	#mainPage .mainLocation .location-btn{width:380px ;}
	#mainPage .mainLocation .location-btn ul li{width: 180px;}

	#mainPage .mainLocation .location-info .loca-info02 a{font-size: 32px;}
	#mainPage .mainLocation .location-info .loca-info02 a img{width: 60px;}
	#mainPage .mainLocation .location-info .loca-info03 .line-qr a{font-size: 1.75rem;}
	#mainPage .mainLocation .location-info .loca-info03 .line-qr img{width: 80px;}

}

@media all and (max-width: 1320px) {
	/* mainPage */
	header .logo{width: 25%;}
	header nav{width: 75%;}
	header nav .top-menu>li{font-size: 1rem;}
	header nav .top-icon{width: 140px; margin-left:auto; padding-right: 10px;}
	#mainPage .mainLocation .location-info p{font-size: 23px;}
	#mainPage .mainLocation .location-info .loca-info01 dl dt{font-size: 1rem;}
	#mainPage .mainLocation .location-info .loca-info01 dl dd{font-size: 1rem;}
	#mainPage .mainLocation .location-info .loca-info02 a{font-size: 1.75rem;}
	#mainPage .mainLocation .location-info .loca-info02 a img{width: 4vw;}
	#mainPage .mainLocation .location-info .loca-info03 .line-qr a{font-size: 1.625rem;}

	#mainPage .subVis .subVisSwiper .swiper-slide .subVis-txt h3{font-size: 50px;}
	#mainPage .subVis .subVisSwiper .swiper-slide .subVis-txt p{font-size: 24px;}
	#mainPage .subVis .subVisSwiper .swiper-slide .subVis-txt span{font-size: 1.125rem;}

	#mainPage .mainLocation .location-title span{line-height: 1.4;}
	#mainPage .mainLocation .location-title span i{display: inline-block;}
	#mainPage .mainLocation .location-btn ul li{width: 175px;}
	#mainPage .loca-info03 ul li b{font-size: 18px;}
	#mainPage .loca-info03 ul li span{font-size: 16px;}
	

}

@media all and (max-width: 1200px) {

	/* mainPage */
	#mainPage .subNav .subNav-inner{width: 100%;}
}

@media all and (max-width: 1080px) {
	.p{display: none !important;}
	.m{display: block !important;}

	/* mainPage */
	.main-inner{width: 90%;}

	header .logo{width:  180px;}
	header .logo a{width: 180px;}
	header nav{width: 180px;}
	.slideMenu{background-color: #fff;}
	.slideMenu .slideMenu-box .slideMenu-con{width: 100%; padding: 2% 0; max-height: none;}
	.slideMenu .slideMenu-box .slideMenu-con .slideMenu-logo a{margin-left: 5%;}
	.slideMenu .slideMenu-box .slideMenu-con .slideMenu-logo button{right: 5%; width: 60px; height: 60px;}
	.slideMenu .slideMenu-box .slideMenu-con .slideMenu-list{margin-top: 0; background-color: #f0f0f0; flex-wrap: wrap;}
	.slideMenu .slideMenu-box .slideMenu-con .slideMenu-list div{width: 100%;}
	.slideMenu .slideMenu-box .slideMenu-con .slideMenu-list h4{background-color: #fff; height: 70px; line-height: 70px; position: relative;}
	.slideMenu .slideMenu-box .slideMenu-con .slideMenu-list h4 a{display: block;padding-left: 5%; }
	.slideMenu .slideMenu-box .slideMenu-con .slideMenu-list h4::after{content: ''; background: url('/img/main/m/slideMenu-arrow.png')no-repeat center; width: 30px; height: 30px; background-size: contain; position: absolute; right: 3%; top: 50%; transform: translateY(-50%);}
	.slideMenu .slideMenu-box .slideMenu-con .slideMenu-list .slideMenu-list01 h4{margin-bottom: 0;border-bottom: 1px solid #ccc;}
	.slideMenu .slideMenu-box .slideMenu-con .slideMenu-list div ul{display: flex; flex-wrap: wrap; padding: 5% 0;padding-left: 5%; }
	.slideMenu .slideMenu-box .slideMenu-con .slideMenu-list div ul li{width: 48%;box-sizing: border-box; color: #7d7d7d; margin-bottom: 6%;}
	.slideMenu .slideMenu-box .slideMenu-con .slideMenu-list div ul li::before{content: '- ';}
	.slideMenu .slideMenu-box .slideMenu-con .slideMenu-list .slideMenu-list02 h4{margin-bottom: 5px; border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;}
	.slideMenu .slideMenu-box .slideMenu-con .slideMenu-contact{position: relative;width: 100%; bottom: auto; left: 0; background-color: #f0f0f0;}
	.slideMenu .slideMenu-box .slideMenu-con .slideMenu-contact ul{width: 100%; padding: 2% 0;}
	.slideMenu .slideMenu-box .slideMenu-con .slideMenu-contact ul li{background-color: transparent; position: relative;}
	.slideMenu .slideMenu-box .slideMenu-con .slideMenu-contact ul li a{display: block; width: 100%; text-align: center;height: 140px; line-height: 190px;}
	.slideMenu .slideMenu-box .slideMenu-con .slideMenu-contact ul li a p{line-height: 1.2; margin-top: 88px; font-family: 'NotoSansJP-Bold',sans-serif !important;}
	.slideMenu .slideMenu-box .slideMenu-con .slideMenu-contact ul li:nth-child(1)::before{top: 23%;}
	.slideMenu .slideMenu-box .slideMenu-con .slideMenu-contact ul li::before{ position: absolute; top: 21%; left: 50%; transform: translateX(-50%);}
	#mainPage .subNav{padding: 10% 0;}
	#mainPage .subNav .subNav-con{overflow-x: hidden;}
	#mainPage .subNav .subNav-txt span{font-size: 2rem;}
	#mainPage .subNav .subNav-txt p{font-size: 2.5rem;}
	#mainPage .subNav .subNavSwiper{width: 100%;}
	#mainPage .subNav .subNavSwiper .swiper-slide{width: 25% !important;}
	#mainPage .subNav .subNavSwiper .swiper-slide.sm{width: 25% !important;}
	#mainPage .subNav .subNavSwiper .swiper-slide.la{width: 35% !important;}
	#mainPage .subNav .subNavSwiper .swiper-slide a{padding: 20px 0;}
	#mainPage .subNav .subNav-con .swiper-button-prev,
	#mainPage .subNav .subNav-con .swiper-button-next{display: none;}

	#mainPage .subVis .subVisSwiper .swiper-slide{flex-wrap: wrap; flex-direction: column-reverse;}
	#mainPage .subVis .subVisSwiper .swiper-slide .subVis-txt{width: 100%; height: 400px; position: relative;}
	#mainPage .subVis .subVisSwiper .swiper-slide .subVis-txtInner{width: 100%; margin-left: 0; position: absolute; top: 50%; transform: translateY(-50%);}
	#mainPage .subVis .subVisSwiper .swiper-slide .subVis-txt h3{margin-bottom: 3%; font-size: 2.5rem;}
	#mainPage .subVis .subVisSwiper .swiper-slide .subVis-txt p{font-size: 2rem;}
	#mainPage .subVis .subVisSwiper .swiper-slide .subVis-txt span{font-size: 1.625rem;}
	#mainPage .subVis .subVisSwiper .swiper-slide .subVis-img{width: 100%;}
	#mainPage .subVis .subVis-btn{width: 95%; bottom: 0; height: 400px; left: 2.5%; transform: translateY(0);}
	#mainPage .subVis .subVis-btn .swiper-pagination{bottom: 10%;}



	#mainPage .mainCategory{padding: 10% 0;}

	#mainPage .mainCategory .category-title p{font-size: 2.5rem;}
	#mainPage .mainCategory .category-title span{font-size: 1.5rem; line-height: 2.2; font-family: 'NotoSansJP-Regular',sans-serif !important;}
	#mainPage .mainCategory .category-tab ul li{width: 50%; padding: 4% 0;}
	#mainPage .mainCategory .category-tab .list-sub{height: 150px; bottom: -150px;}
	#mainPage .mainCategory .category-tab .list-sub li{padding: 3% 0;}
	#mainPage .mainCategory .categoryCon-box{width: 95%; margin-left: 5%;}
	#mainPage .mainCategory .categoryCon-box .price-list{width: 1200px; margin-top: 4%;}
	#mainPage .mainSearch{padding: 10% 0;}
	#mainPage .mainSearch .search-inner{width: 90%;}
	#mainPage .mainLocation{padding: 10% 0 0 0;}
	#mainPage .mainLocation .main-inner{width: 100%; padding-bottom: 10%;}
	#mainPage .mainLocation .location-title{width: 90%; margin: 0 auto; padding-right: 0;}
	#mainPage .mainLocation .location-btn{width: 60%; margin: 0 auto; top: 95%; left: 50%; transform: translateX(-50%);}
	#mainPage .mainLocation .location-btn ul{display: flex; justify-content: space-around; align-items: center;}
	#mainPage .mainLocation .location-btn ul li{width: 47%; background-color: #4c4c4c; color: #fff;font-family: 'NotoSansJP-Regular',sans-serif !important; height:60px; line-height: 60px; border-radius: 50px;}

	#mainPage .mainLocation .location-btn ul li button{display: flex;border-radius: 50px; font-size: 1.125rem; width: 100%; color: #fff; border: none; background-color: transparent; height:60px; line-height: 60px; display: flex; justify-content: center; align-items: center;}
	#mainPage .mainLocation .location-btn ul li button::after{content: ''; background: url('/img/main/btnArrow.png')no-repeat center; display: inline-flex; width: 20px; height: 15px; background-size: contain; margin-left: 3%;} 
	#mainPage .mainLocation .location-btn ul li:nth-child(2){background-color: #b49061;}
	#mainPage .infoM-con{margin-top: 4%;border-top: 1px solid #ccc;}
	#mainPage .infoM-con .info01{margin: 5% 0; padding-bottom: 0;}
	#mainPage .infoM-con .info02{margin: 5% 0;}

	#mainPage .infoM-con .infoLine dl dd::after{background: url('/img/main/linePlus.png')no-repeat center; background-size: contain;}

	/* info  */
	#info{padding: 5% 0;}
	#mainPage .infoM-con{display: flex; flex-wrap: wrap;}
	#mainPage .infoM-con .info01{width: 40%; padding-bottom: 4%;}
	#mainPage .infoM-con .info01 dl{display: flex; flex-wrap: wrap; line-height: 1.8; border-right: 1px solid #ccc;}
	#mainPage .infoM-con .info01 dl dt{width: 50%;font-family: 'Noto Sans JP',sans-serif !important; font-weight: 500; font-size: 18px;}
	#mainPage .infoM-con .info01 dl dd{width: 50%;font-family: 'Noto Sans JP',sans-serif !important; font-weight: 400; font-size: 18px;}

	#mainPage .infoM-con .info02{ width: 60%; box-sizing: border-box; padding-left: 3%; border-left: none;}
	#mainPage .infoM-con .info02 ul li{display: flex; align-items: center; margin-bottom: 2%;}
	#mainPage .infoM-con .info02 ul li b{margin-bottom: 0; font-size: 20px;}
	#mainPage .infoM-con .info02 ul li span{display: inline-block; margin-left: 2%; color: #7d7d7d; line-height: 1.4; font-family: 'NotoSansJP',sans-serif !important; font-size: 18px;}

	#mainPage .infoM-con .infoCall{width: 100%;padding: 3% 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
	#mainPage .infoM-con .infoCall dl{display: flex; justify-content: space-between; align-items: center;}
	#mainPage .infoM-con .infoCall dl dt{box-sizing: border-box;font-family: 'Noto Sans JP',sans-serif !important; font-weight: 500; font-size: 1.25rem; }
	#mainPage .infoM-con .infoCall dl dd{color: #4c4c4c; font-size: 2.1875rem;font-family: 'Noto Sans JP',sans-serif !important; font-weight: 500; width: 82%; display: flex; align-items: center;box-sizing: border-box;}
	#mainPage .infoM-con .infoCall dl dd::before{content: ''; background: url('/img/main/call.png') no-repeat center; width: 50px; height: 50px; background-size: contain; display: inline-flex; margin-right: 2%;}
	#mainPage .infoM-con b{font-family: 'Noto Sans JP',sans-serif !important; font-weight: 500; font-size: 1.25rem; margin-bottom: 5%; display: block;}

    #mainPage .infoM-con .infoSns{display: flex; align-items: center; width: 100%; padding: 5% 0;}
    #mainPage .infoM-con .infoSns b{width: 15%;margin-bottom: 0;}
    #mainPage .infoM-con .infoSns ul{display: flex; width: 75%;}
    #mainPage .infoM-con .infoSns ul li{width: 20%;box-sizing: border-box;text-align: center;}
    #mainPage .infoM-con .infoSns ul li img{width: 50%;}



	/* footer */
	footer{padding: 5% 0 !important; margin-bottom: 23%;}
	footer .inner{flex-wrap: wrap; text-align: center;}
	footer h1{width: 100%;}
	footer h1 a{margin: 0 auto;}
	footer ul{width: 100%; margin-top: 3%; margin-left: 0;}

	#mobile-footer{ width: 100%; position: relative; bottom: 0; left: 0; z-index: 2; background-color: #fff;}
	#mobile-footer ul{display: flex; align-items: center;}
	#mobile-footer ul li{width: 25%; line-height: 1.6; position: relative;box-sizing: border-box; text-align: center; font-family: 'NotoSansJP',sans-serif !important; font-size: 20px;}
	#mobile-footer ul li a{display: flex; position: relative; justify-content: center; flex-wrap: wrap; padding: 10% 0;}
	#mobile-footer ul li a .img{width: 45px; height: 45px;}
	#mobile-footer ul li:nth-child(1) a .img{width: 35px;}
	#mobile-footer ul li::after{content: ''; width: 1px; height: 80px; background-color: #ccc; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
	#mobile-footer ul li:nth-child(4)::after{content: none;}
	#mobile-footer ul li a p{width: 100%;text-align: center;}
	#mobile-footer ul li a b{font-family: 'NotoSansJP-Medium',sans-serif !important;}




}


@media all and (max-width:730px) {

	/* MAIN PAGE 730px */
	header nav{width: 150px;}
	header nav .top-icon{width: 100%;}
	header nav .top-icon ul li{width: 35px;}
	header nav .top-icon ul li:nth-child(2){width: 40px;}

	header nav .top-icon ul.search-popBtn{width: 100%;}
	#mainPage .mainVis h2{font-size: 2.5rem;}
	#mainPage .subNav .subNav-txt span{font-size: 1.75rem;}
	#mainPage .subNav .subNav-txt p{font-size: 2.125rem;}
	#mainPage .subNav .subNav-txt p i span{width: 40px; height: 40px;}
	#mainPage .subNav .subNav-txt p i::after{bottom: -15%;}
	#mainPage .subNav .subNavSwiper .swiper-slide{font-size: 2.8vw; border: 1px solid; width: 23.5% !important;}
	#mainPage .subNav .subNavSwiper .swiper-slide.la{width: 40% !important;}
	#mainPage .subNav .subNavSwiper .swiper-slide a{padding: 15px 0;}
	#mainPage .subVis .subVisSwiper .swiper-slide .subVis-txt{height: 70vw;}
	#mainPage .subVis .subVisSwiper .swiper-slide .subVis-txt h3{font-size: 2.125rem;}
	#mainPage .subVis .subVisSwiper .swiper-slide .subVis-txt p{font-size: 1.625rem;}
	#mainPage .subVis .subVisSwiper .swiper-slide .subVis-txt span{font-size: 1.25rem;}
	#mainPage .subVis .subVisSwiper .swiper-slide .subVis-txt h4{font-size: 1.875rem;}
	#mainPage .subVis .subVis-btn{height: 70vw;}
	#mainPage .mainCategory .category-title p{font-size: 2.125rem;}
	#mainPage .mainCategory .category-title span{font-size: 1rem;}
	#mainPage .mainCategory .category-tab ul li{font-size: 1rem;}
	#mainPage .mainCategory .categoryCon-box .category-con ul>li{padding: 8% 3%;}
	#mainPage .mainCategory .categoryCon-box .category-con ul li p{font-size: 1.625rem;}
	#mainPage .mainCategory .categoryCon-box .category-con ul li .cate-price b{font-size: 1.875rem;}
	#mainPage .mainSearch .search-title p{font-size: 24px;}
	#mainPage .mainSearch .mainSearch-con input{font-size: 1rem;}
	#mainPage .mainSearch .mainSearch-con ul li{font-size: 1rem;}
	#mainPage .mainLocation .main-inner{padding-bottom: 15%;}
	#mainPage .mainLocation .location-title p{font-size: 1.625rem;}
	#mainPage .mainLocation .location-btn{width:80%;}
	#mainPage .mainLocation .location-btn ul li{height: 55px; line-height: 55px;}
	#mainPage .mainLocation .location-btn ul li button{ height: 55px; line-height: 55px;font-size: 3vw; }
	#mainPage #info{padding: 10% 0 3% 0;}
	#mainPage .infoM-con b{font-size: 4vw;}
	#mainPage .infoM-con .info01 dl dt{font-size: 3vw; width: 38%;}
	#mainPage .infoM-con .info01 dl dd{font-size: 2.7vw;}
	#mainPage .infoM-con .info02 ul li b{font-size: 3vw;}
	#mainPage .infoM-con .info02 ul li span{font-size: 2.7vw;}
	#mainPage .infoM-con .infoCall dl dd{font-size: 5vw;}
	#mainPage .infoM-con .infoCall dl dd::before{width: 40px; height: 40px;}


	#mainPage .infoM-con .infoCall dl dt{font-size: 4vw; width: 25%;}
	#mainPage .infoM-con .infoSns ul li img{width: 70%;}

	#mainPage .infoM-con .infoSns b{width: 20%;}


	.infoM-con b{font-size: 1.25rem;}
	.infoM-con .info01 dl dt{font-size: 1.125rem;}
	.infoM-con .info01 dl dd{font-size: 1rem;}
	.infoM-con .info02 p{font-size: 1rem;}
	.infoM-con .infoCall dl dt{font-size: 1.25rem;}
	.infoM-con .infoCall dl dd{font-size: 1.5rem; width: 75%;}
	.infoM-con .infoCall dl dd::before{width: 40px; height: 40px;}
	.infoM-con .infoLine dl dd{font-size: 1.5rem; width: 75%;}
	.infoM-con .infoLine dl dd::before{width: 40px; height: 40px;}
	.infoM-con .infoLine dl dd::after{width: 27%; height: 22px;}

	footer h1 a{width: 40%; margin: 0 auto;}
	footer h1 a img{width: 100%;}
	footer ul{font-size: 0.875rem;}
	#mobile-footer ul li a p{font-size: 18px;}
	#mobile-footer ul li::after{height: 12vw;}

	.main-popup .pop-con{width: 70%;}
	.main-popup .btn{width: 5vw; height: 5vw; right: -6vw;}
	.main-popup .btn button{width: 5vw; height: 5vw;}
}
@media all and (max-width:600px) {

	/* MAIN PAGE 600px */
	header .logo{width: 150px;}
	header .logo a {width: 150px;}
	header nav{width: 120px;}
	header nav .top-icon ul li{width: 30px;}

	#mobile-footer ul li a p{font-size: 3vw;}
	#mobile-footer ul li a .img{width: 7vw; height: 7vw;}
	#mobile-footer ul li:nth-child(1) a .img{width: 5vw; height: 7vw;}
	#cartCount2{width: 4vw !important; height: 4vw !important; font-size: 2vw !important; line-height: 4vw !important; top: -18% !important;}
	.pum-container{width: 80% !important;}
	#popmake-1930 img{width: 100% !important;}

	.search-pop{width: 90%;}
	.search-pop #bsearch_search_box-5{width: 100%; box-sizing: border-box; }
	.search-pop .bsearchform{width: 100%;}
	.search-pop .bsearchform input[type=search], 
	.bsearchform select{font-size: 4vw;}
	.search-pop .close-btn{right: 0; width: 5vw; height: 5vw; top: -6vw;}

}


@media all and (max-width: 430px) {

	/* MAIN PAGE */
	.slideMenu .slideMenu-box .slideMenu-con .slideMenu-logo a{width: 150px; margin-left: 2%;}
	.slideMenu .slideMenu-box .slideMenu-con .slideMenu-logo button{width: 50px; height: 50px; right: 2%;}
	.slideMenu .slideMenu-box .slideMenu-con .slideMenu-list div h4{font-size: 1.125rem;}
	.slideMenu .slideMenu-box .slideMenu-con .slideMenu-list h4::after{width: 20px; height: 20px;}
	.slideMenu .slideMenu-box .slideMenu-con .slideMenu-list div ul{padding: 10% 0 10% 5%;}
	.slideMenu .slideMenu-box .slideMenu-con .slideMenu-list div ul li{font-size: 0.875rem;}
	.slideMenu .slideMenu-box .slideMenu-con .slideMenu-contact ul li::before{width: 40px; height: 40px;}
	.slideMenu .slideMenu-box .slideMenu-con .slideMenu-contact ul li a{height: 120px; font-size: 0.875rem;}
	.slideMenu .slideMenu-box .slideMenu-con .slideMenu-contact ul li a p{margin-top: 70px;}
	#mainPage .mainVis h2{font-size: 8vw;}
	#mainPage .subNav .subNav-txt span{font-size: 5vw;}
	#mainPage .subNav .subNav-txt p{font-size: 6.5vw;}
	#mainPage .subNav .subNav-txt p i span{width: 6vw; height: 6vw;}
	#mainPage .subNav .subNav-txt p i::after{bottom: -2%; height: 3vw;}
	#mainPage .subNav .subNavSwiper .swiper-slide{border: 1px solid;}
	#mainPage .subNav .subNavSwiper .swiper-slide a{padding: 10px 0;}
	#mainPage .subVis .subVisSwiper .swiper-slide .subVis-txt h3{font-size: 6.5vw;}
	#mainPage .subVis .subVisSwiper .swiper-slide .subVis-txt h4{font-size: 6vw;}
	#mainPage .subVis .subVisSwiper .swiper-slide .subVis-txt p{font-size: 5vw;}
	#mainPage .subVis .subVisSwiper .swiper-slide .subVis-txt span{font-size: 4.5vw;}

	#mainPage .subVis .subVis-btn .swiper-pagination{bottom: 6%;}
	#mainPage .mainCategory .category-title p{font-size: 6.5vw;}
	#mainPage .mainCategory .category-title span{font-size: 3.2vw;}
	#mainPage .mainCategory .category-tab ul li{font-size: 3.5vw;}
	#mainPage .mainCategory .category-tab .list-sub{height: 30vw; bottom: -30vw;}
	#mainPage .mainCategory .category-tab .list-sub li{font-size: 3.2vw; padding: 4% 0;}
	#mainPage .mainCategory .categoryCon-box .price-list{width: 980px;}
	#mainPage .price-list .box .price-list-tit{font-size: 5vw;}
	#mainPage .price-list .box .price-list-subtit{font-size: 4vw;}
	#mainPage .price-list .box .price-list-price{font-size: 6.5vw;}
	#mainPage .price-list .box .price-list-price span{font-size: 3.5vw;}
	#mainPage .price-list .box .price-list-type{width: 25%; font-size: 3.5vw;}
	#mainPage .price-list .box .btn{width: 130px;}
	#mainPage .price-list .box .btn button{width: 14vw; height: 14vw; line-height: 14vw; font-size: 3.5vw;}
	#mainPage .mainLocation .main-inner{padding-bottom: 17%;}
	#mainPage .mainLocation .location-btn ul li{height: 12vw; line-height: 12vw;}
	#mainPage .mainLocation .location-btn ul li button{height: 12vw; line-height: 12vw; font-size: 3.2vw;}
	#mainPage .mainLocation .location-btn ul li button::after{width: 3.5vw; height: 2vw;}
	#mainPage .mainCategory .categoryCon-box .category-con ul li p{font-size: 6.5vw;}
	#mainPage .mainCategory .categoryCon-box .category-con ul li>span{font-size: 4.5vw;}
	#mainPage .mainCategory .categoryCon-box .category-con ul li .cate-price b span{font-size: 6vw;}
	#mainPage .mainCategory .categoryCon-box .category-con ul li .cate-price b{font-size: 7vw; width: 140px;}
	#mainPage .mainCategory .categoryCon-box .category-con ul li .cate-price ul{width: 150px; justify-content: end;}
	#mainPage .mainCategory .categoryCon-box .category-con ul li .cate-price ul li{width: 50px;}
	#mainPage .mainCategory .categoryCon-box .category-con ul li .cate-price ul li a{width: 50px; height: 50px; line-height: 50px; font-size: 14px;}
	#mainPage .mainSearch .search-title p{font-size: 5vw;}
	#mainPage .mainLocation .location-title p{font-size: 5.5vw;}
	#mainPage .mainLocation .location-title b{font-size: 4.5vw;}
	#mainPage .mainLocation .location-title span{font-size: 3.4vw;}
	#mainPage .infoM-con .infoCall dl dd{width: 72%;}
	#mainPage .infoM-con .infoCall dl dd::before{width: 30px; height: 30px;}

	.main-popup .pop-con{width: 80%;}

	.infoM-con b{font-size: 1.15rem;}
	.infoM-con .info01 dl dt{font-size: 1rem;}
	.infoM-con .info01 dl dd{font-size: 0.85rem;}
	.infoM-con .info02 p{font-size: 0.85rem;}
	.infoM-con .infoCall dl dt,
	.infoM-con .infoLine dl dt{font-size: 1.15rem;}
	.infoM-con .infoCall dl dd,
	.infoM-con .infoLine dl dd{font-size: 1.3rem;}
	.infoM-con .infoCall dl dd::before,
	.infoM-con .infoLine dl dd::before{width: 25px; height: 25px;}
	footer{padding: 10% 0;}
	footer h1 a{width: 55%;}



}


header nav .top-menu>li {
    width:auto !important; 
}
header nav .top-menu {
      display: flex;
    justify-content: center;
    gap: 90px;
    margin-right: 20px;
}

@media all and (max-width :1860px){
header nav .top-menu {
    gap: 6%;
}
}

@media all and (max-width :1521px){
    header nav .top-menu {
        gap: 35px;
    }
}

@media all and (max-width :1346px){
header nav .top-menu {
    gap: 30px;
}
header nav .top-menu>li {
    font-size: 1rem;
}
}

@media all and (max-width :1300px){
      header nav .top-menu>li {
        font-size: 14px;
    }
}

@media all and (max-width :1156px){
   
header nav .top-menu {
    display: flex;
    justify-content: flex-end;
    gap: 20px;
}
    header nav .top-menu>li {
        width: auto;
    }
}
@media all and (max-width :1100px){
     header nav .top-menu {
        gap: 15px;
    }
}