@charset "UTF-8";
/* CSS Document */

@media (min-width: 1025px) {
header#topNav a.logo {
	padding-left: 20px;
}
	
	.containerZ .sns img {
		width: 250px;
		height: auto;
		margin-top: 15px;
	}
	
	
}

@media (min-width: 990px) and (max-width: 1024px) {
	/* ipad */
.container.nav {
   /* width: 970px;*/
	width: 1000px;
	padding-right: 0px;
}		
	
.navbar-collapse {
	padding-right: 0;
	padding-left: 0;
	}
	
	header#topNav div.nav-main-collapse {
		width: 640px;
	}
	
	header#topNav nav ul.nav-pills > li > a {
		text-align: center;
		padding: 10px 0px;
		width: 110px;
	}
	
		header#topNav nav ul.nav-pills > li:first-child > a {
		width: 185px;
	}

	header#topNav nav ul.nav-pills > li:nth-child(3) > a {
		width: 100px;
	}

	header#topNav nav ul.nav-pills > li:last-child > a {
		width: 90px;
	}
	
		.containerZ .sns img {
		width: 205px;
		height: auto;
		margin-top: 15px;
	}

	
}

@media (min-width: 768px) and (max-width: 990px) {
		header#topNav a.logo {
		padding-left: 15px;
	}

		header#topNav button {
			margin-right: 15px;
		}	


		header#topNav nav.nav-main ul li {
			padding-left: 15px;
	}
	
		.containerZ .sns {
		text-align: center;
	}

			.containerZ .sns img {
		width: 50%;
		height: auto;
		margin-top: 15px;
			margin: 3vw auto;
	}

	
}

@media (max-width: 767px) {

	header#topNav a.logo.visible-xs {
	margin-left: 10px;
}
	
		header#topNav button {
		margin-right: 10px!important;
	}	
	
	header#topNav nav ul.nav-main li a {
		padding-left: 8px!important;
	}
	
	.containerZ .sns {
		text-align: center;
	}
	
		.containerZ .sns img {
		width: 90%;
		height: auto;
		margin-top: 15px;
			margin: 3vw auto;
	}

	
	
}

/* 220530_TOPページ　バナー追加 */
.flxB {
	display: flex;
}

.containerZ .flxB > div a {
	margin: 0;
}

.containerZ .flxB .sns {
	width: 46.12%;
	text-align: center;
}

.containerZ .flxB .sns img {
	width: 90%;
}

.containerZ .flxB .bnr_mark {
	width: calc((100% - 46.12%)/2);
	text-align: center;
}

.containerZ .flxB .bnr_mark img {
	width: 90%;
}