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

:root {
	--NK-red:   #e70012;
	--NK-green: #57bcc6;
	--NK-lightgreen: #d2eaea;
	--NK-pink:  #ff9999;
	--NK-lightpink:  #ffc8c8;
	--NK-blue:  #8bd7fd;
	--NK-lightblue:  #caedff;
}
#brands.nuk .btn.bg-green{background-color: var(--NK-green); color: var(--white); border: none;}
#brands.nuk .btn.bg-pink{background-color: var(--NK-pink); color: var(--white); border: none;}
#brands.nuk .btn.bg-blue{background-color: var(--NK-blue); color: var(--white); border: none;}

#brands.nuk .series-tit{
	margin-bottom: 0;
	padding: 1rem;
	border-radius: 10px 10px 0 0;
	color: var(--white) !important;
}
#brands.nuk #pacifier.series-tit{background-color: var(--NK-green);}
#brands.nuk #babybottle.series-tit{background-color: var(--NK-pink);}
#brands.nuk #bottle.series-tit{background-color: var(--NK-blue);}

#brands.nuk .series-subtit{
	text-align: center; margin-bottom: 1rem;
}
#brands.nuk .series-subtit-line{
  position: relative;
  padding: 0 55px;
}
#brands.nuk .series-subtit-line:before,
#brands.nuk .series-subtit-line:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 2px;
}
#brands.nuk .series-subtit-line:before {left:0;}
#brands.nuk .series-subtit-line:after {right: 0;}
#brands.nuk .series-subtit-line.line-green:before,
#brands.nuk .series-subtit-line.line-green:after{background-color: var(--NK-green);}
#brands.nuk .series-subtit-line.line-pink:before,
#brands.nuk .series-subtit-line.line-pink:after{background-color: var(--NK-pink);}
#brands.nuk .series-subtit-line.line-blue:before,
#brands.nuk .series-subtit-line.line-blue:after{background-color: var(--NK-blue);}

#block_of_genre_subtree ul#block_of_genre_subtree_list{display: none!important;}
#brands.nuk .txt-red{color: var(--NK-red)!important;}
#brands.nuk .btn.bg-red{
	background-color:var(--NK-red)!important;
	border: none;
	color: var(--white)!important;
}
#brands.nuk .column .col2{align-items: center; margin-bottom: 0;}
#brands.nuk .column .column-subtxt{text-align: left;}
#brands.nuk .column .col2.profile{display: flex; justify-content: space-between;margin-bottom: 0;}
#brands.nuk .column .col2.profile .box{width: 48%; padding: 0;}
#brands.nuk .column .col2.profile .box .profile-txt{font-size: 12px;margin-bottom: 0;}

#brands .bg-lightgray{
	background-color: var(--bggray)!important;
	border-radius: 20px; padding: 6% 4%;
}
#brands.nuk .number{
  width: 32px;
  height: 32px;
  padding-top: 4px;
  background-color: var(--dwblue);
	color: var(--white);
  border-radius: 50%;
  text-align: center;
  box-sizing: border-box;
	display: inline-block;
}

.about-contents{margin-bottom: 5%;}
.about-contents-img{text-align: center;}
.about-contents-txt{padding: 4%;}

.pacifier-list-box{margin-bottom: 1rem;}
			@media screen and (min-width: 1200px){
				#brands.nuk .box.bg-lightgray{width: calc(93% / 2); padding: 2%; margin-bottom: 2.5%;}
				#brands .bg-lightgray{padding: 2% 4%;}
				#brands .column h3, #brands .column p{margin-bottom: 0;}
				.about-contents{
					margin-bottom: 5%;
					display: flex;
					justify-content: space-between;
					align-items: center;
					flex-wrap: wrap;
				}
				.about-contents > div{width: calc(100% / 2 - 10px);}
				#brands.nuk .number{
				  width: 40px;
				  height: 40px;
				  padding-top: 5px;
				}
				.pacifier-list{
					display: flex;
					justify-content: space-between;
					align-items: flex-start;
					flex-wrap: wrap;
				}
				.pacifier-list-box{
					width: calc(100% / 2 - 20px);
					margin-bottom: 1rem;
				}
				#brands.nuk .series-subtit-line{padding: 0 200px;}
				#brands.nuk .series-subtit-line:before,
				#brands.nuk .series-subtit-line:after {width: 150px;}
			}
			@media screen and (max-width: 480px){
				#brands.nuk .box.bg-lightgray{width: 90%; margin-bottom: 10%;}
				#brands.nuk .col4.point .box{padding: 0;}
				#brands.nuk .col4.point{width: 100%;justify-content: space-between; align-items: center; margin-bottom: 0;}
				#brands.nuk .col4.point .box:nth-child(even),
				#brands.nuk .col4.point .box:nth-child(odd){width: 48%;}
			}