@charset "euc-jp";
/*====================================================================

kids.css

====================================================================*/
ul,li,dl,dt,dd{
   list-style: none;
   margin:0;
   padding:0;
}

img{
   border: none;
   margin:0;
   padding:0;
}

p{
   margin:0;
   padding:0;
}


#main .column-container .size3{
   width: 486px;
}
.column-container .size2half{
   width: 401px;
}
div.border-size3{
   background: url(../img/common/item/bg-border-01.gif) repeat-y 486px top;
}

.size3{width: 480px!important;}
.border-size3{
   background-position: 480px 0!important;
}


/* Main Visual & Information
-------------------------------------*/
#main #top-mainvisual{
   position: relative;
   width: 961px;
   margin-left: 3px;
}
#main #top-mainvisual img{
   width: 100%;
   height: auto;
}
#main #top-mainvisual #top-news{
   position: relative;
   width: 321px;
   height: 230px;
   /* background: url(../img/brand/anap/brand-top-mainvisual-bg.png); */
   overflow: hidden;
}
#main #top-mainvisual h2{
   position: absolute;
   text-indent: -9999px;
   overflow: hidden;
}
#main #top-mainvisual #top-news-contents{
   position: absolute;
   left: 6px;
   top: 107px;
   width: 309px;
}
#main #top-mainvisual #top-news-contents h3{
   height: auto;
   font-size: 10px;
   text-align: right;
}
#main #top-mainvisual #top-news-contents h3 a{
   display: inline;
   color: #fff;
}
#main #top-mainvisual #top-news-contents dl,
#main #top-mainvisual #top-news-contents ul,
#main #top-mainvisual #top-news-contents dl dd,
#main #top-mainvisual #top-news-contents ul li{
   display: block;
}
#main #top-mainvisual #top-news-contents dl,
#main #top-mainvisual #top-news-contents ul{
   height: 101px;
   color: #fff;
   background: url(../img/brand/anap/brand-top-news-bg.png) no-repeat;
   overflow: hidden;
}
#main #top-mainvisual #top-news-contents dl dd,
#main #top-mainvisual #top-news-contents ul li{
   height: 25px;
   font-size: 10px;
   line-height: 25px;
   padding: 0 5px 0 2px;
}
#main #top-mainvisual #top-news-contents dl dd a,
#main #top-mainvisual #top-news-contents ul li a{
   color: #fff;
   text-decoration: none;
}

#main #top-mainvisual #mainvisual-link,
#main #top-mainvisual #mainvisual-link a{
   width: 640px;
   height: 230px;
}
#main #top-mainvisual #mainvisual-link{
   position: absolute;
   left: 321px;
   top: 0;
}
#main #top-mainvisual #mainvisual-link a{
   display: block;
   text-indent: -9999px;
   overflow: hidden;
}

#main #top-mainvisual #top-mainvisual-link-left,
#main #top-mainvisual #top-mainvisual-link-left a,
#main #top-mainvisual #top-mainvisual-link-right,
#main #top-mainvisual #top-mainvisual-link-right a{
   height: 230px;
}
#main #top-mainvisual #top-mainvisual-link-left,
#main #top-mainvisual #top-mainvisual-link-right{
   width: 50%;
}
#main #top-mainvisual #top-mainvisual-link-left{float: left;}
#main #top-mainvisual #top-mainvisual-link-right{float: right;}
#main #top-mainvisual #top-mainvisual-link-left a,
#main #top-mainvisual #top-mainvisual-link-right a{
   display: block;
   text-indent: -9999px;
   overflow: hidden;
}

/*??＜?ゃ?潟????吾?ャ?≪??綏??勀????蚊?帥?ゃ??*/
#main #top-mainvisual .top-mainvisual-link{
   height: 230px;
   overflow: hidden;
}
#main #top-mainvisual .top-mainvisual-link a{
   display: block;
}
#main #top-mainvisual .left{
   width: 636px;
   float: left;
   border-right: solid 1px #dedede;
}
#main #top-mainvisual .left img{
   width: 636px;
}
#main #top-mainvisual .right{
   width: 321px;
   float: right;
   overflow: hidden;
   border-left: solid 1px #dedede;
}
#main #top-mainvisual .right img{
   width: 324px;
}


/*#container{background: url(../img/brand/kids/bg-top.png) repeat-x center 25px;}*/

#main #top-mainvisual #top-news-contents{
   top: 122px;
}

#main #top-mainvisual #top-mainvisual-link-left{width: 636px;}
#main #top-mainvisual #top-mainvisual-link-right{width: 324px;}

/*brand-header*/
#brand-header.kids-top{
   background: url(../img/brand/kids/brand-header-bg.gif) no-repeat!important;
}
#brand-header.kids-top #brand-header-menu{
   width: 482px;
   background: url(../img/brand/kids/brand-header-menu-top.gif) no-repeat!important;
}


#brand-header{
   background: url(../img/brand/kids/brand-header-bg.gif) no-repeat!important;
   border-top: solid 1px #fd9f33;
}
#brand-header-menu{
   width: 561px;
   background: url(../img/brand/kids/brand-header-menu-bg.gif) no-repeat!important;
}

#brand-header-text-area{
   zoom: 1;
   width: 265px;
   height: 24px;
   margin-top: 3px;
   margin-left: 3px;
   /*background-image: url(../img/brand/anap/brand-top-text-area.gif);*/
   /*background: #fde3ea;*/
   background: #f8d2ac;
   overflow: hidden;
}
#brand-header-text-area #brand-header-text-contents{
   float: left;
   width: 265px;
   margin-left: 0;
}
#brand-header-text-area a{
   color: #5C2F01;
}

#brand-header-search{

}
#brand-header-search table td{
   color: #fff;
}
#brand-header-search input#search-text{
   /*background: url(../img/brand/kids/brand-header-searchtext-bg.gif) repeat-x;
   border-left: solid 1px #b77d1e;*/
   background: #FFEBCC;
}
/*
#brand-header-search table td#search-detail a{
   background: url(../img/brand/kids/brand-header-search-btn2.gif) no-repeat;
}
*/

/*kids*/
#main #top-mainvisual{
   background: url(../img/brand/kids/brand-top-mainvisual.jpg);
}
#main #top-mainvisual #top-news{
   background: url(../img/brand/kids/brand-top-mainvisual-bg6.png);
}
#main #top-mainvisual #top-news a{
   color: #ffffff!important;
}
#main #top-mainvisual h2{
   left: 61px;
   top: 28px;
   width: 211px;
   height: 60px;
   background: url(../img/brand/kids/brand-top-logo.png);
}

#top-topics{
   width: 480px;
   background: url(../img/brand/kids/brand-top-topics-bg.gif) repeat-y !important;
}
#top-topics div.column-header a {
   height: 49px;
   width:480px;
   margin-top: -20px;
   margin-left: -710px;
   display: block;
   text-decoration: underline;
}
#top-topics .column-header span{
   height: 49px;
   width:480px;
   display: block;
}
#top-topics div.column-header{
   height: 49px;
   padding: 0;
}
#top-topics div.column-header h3{
   visibility: hidden;
   background: url(../img/brand/kids/brand-top-topics-title.gif) no-repeat!important;
   padding: 0;
}
#top-topics-contents{
   width: 480px;
   margin-left: 3px;
}
#top-topics dl{
   margin-right: 5px;
   margin-top: 2px;
   width: 155px;
   float: left;
}
#top-topics dl dt{
   background: url(../img/brand/kids/brand-top-mainvisual-bg2.png);
}

/*brand-top-btns*/
#top-kids-btns{
   width: 472px;
   margin-left: 4px;
   overflow: hidden;
}
#top-kids-btns ul,
#top-kids-btns ul li,
#top-kids-btns ul li a{
   display: block;
   height: 43px;
}
#top-kids-btns ul{
   width: 472px;
   background: url(../img/brand/kids/brand-top-btns.gif) no-repeat;
   margin-top: 3px;
}
#top-kids-btns ul:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
#top-kids-btns ul li,
#top-kids-btns ul li a{
   width: 92px;
}
#top-kids-btns ul li{
   float: left;
   margin-right: 3px;
}
#top-kids-btns ul li#tkn5{
   margin-right: 0;
}
#top-kids-btns ul li a{
   text-indent: -9999px;
   overflow: hidden;
}


/*new items*/
#top-new-items{
   width: 480px;
   overflow: hidden;
   padding-bottom: 3px;
}

#top-new-items-contents{
   width: 475px;
   background: url(../img/brand/kids/brand-top-newitem-bg.gif) repeat-y;
   margin: 3px 0 0 3px;
   overflow: hidden;
}
#top-new-items-contents #top-new-items-header{
   height: 28px;
   background: url(../img/brand/kids/brand-top-newitem-title.gif) no-repeat left top;
   overflow: hidden;
}
#top-new-items-contents #top-new-items-header h3{
   display: none;
}
#top-new-items-contents #top-new-items-header p{
   height: 33px;
   line-height: 33px;
   font-size: 10px;
   color: #f6518c;
   text-align: right;
   padding: 0 9px;
}
#top-new-items-contents #top-new-items-header p strong{
   font-size: 12px;
   font-weight: bold;
}
#top-new-items-contents dl{
   width: 468px;
   margin: 9px 0 0 5px;
   overflow: hidden;
}
#top-new-items-contents dl:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
#top-new-items-contents dl dt{
   float: left;
   margin-right: 5px;
}
#top-new-items-contents dl dt img{
   width: 112px;
   height: auto;
}
#top-new-items-contents dl dt img.thum.old{

}
#top-new-items-footer{
   margin-top: 7px;
   background: url(../img/brand/kids/brand-top-newitem-bg.gif) repeat-y;
   border-bottom: solid 1px #d7dba7;
   border-top: solid 1px #ead2ba;
}
#top-new-items-footer p{
   text-align: right;
   padding: 5px 9px;
   /*border-top: 1px solid #fff;*/

}
#top-new-items-footer p a{
   font-size: 10px;
   color: #87570d;
   text-decoration: none;
}


/*top-kids-category*/
.top-kids-category{
   width: 480px;
}
.top-kids-category h3{
   height: 28px;
   text-indent: -9999px;
   overflow: hidden;
}
#top-search h3{background: url(../img/brand/kids/brand-top-title-detail-search.gif);}
#top-category-item h3{background: url(../img/brand/kids/brand-top-category-title-search.gif);}
#top-category-size h3{background: url(../img/brand/kids/brand-top-category-title-size.gif);}
#top-category h3{background: url(../img/brand/kids/brand-top-category-title.gif);}
#top-category-item ul,
#top-category-size ul,
#top-category-item ul li,
#top-category-size ul li,
#top-category-item ul li a,
#top-category-size ul li a{
   display: block;
   height: 89px;
}
#top-category-size ul{
   background: url(../img/brand/kids/brand-top-btns-size.gif);
}
/*
#top-category-item ul{
   background: url(../img/brand/kids/brand-top-btns-item.gif);
}
*/
/*
#top-category-item.new ul{
   background: url(../img/brand/kids/brand-top-btns-item-new.gif);
}
*/
#top-category-item ul:after,
#top-category-size ul:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}


/*top-kids-search*/
#top-search .top-search-bg{
   position: relative;
   width: 479px;
   background: url(../img/brand/kids/top-search-bg.gif) repeat-y center top;
   margin-left: 1px;
}
#top-search .top-search-bg:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
#top-search .top-search-bg-top{
   height: 12px;
   background: url(../img/brand/kids/top-search-bg-top.gif) no-repeat;
}
#top-search .top-search-bg-bottom{
   height: 12px;
   background: url(../img/brand/kids/top-search-bg-bottom.gif) no-repeat;
}
#top-search table{
   width: 457px;
   margin-left: 8px;
   font-size: 12px;
}
#top-search table th,
#top-search table td{
   border-bottom: solid 1px #fdedb1;
}
#top-search table th{
   white-space: nowrap;
   text-align: right;
   vertical-align: top;
   padding: 3px 5px 0px 15px;
}
#top-search table th.pt{
   padding-top: 8px;
}
#top-search table td{
   color: #2f0000;
   line-height: 1.2;
   text-align: left;
   vertical-align: top;
   padding: 4px 0px 5px 0px;
}
#top-search table td span{
   font-size: 10px;
}
#top-search #top-search-btn{
   text-align: right;
   /*border-top: solid 1px #fdedb1;*/
   margin: 0 auto;
   padding-top: 0px;
}
#top-search #top-search-btn input{
   border: none;
   background: none;
   padding: 0;
}
#top-search select{
   font-size: 12px;
   border: solid 1px #aaa;
}

/*????????眼????с????????*/
#category-area{
   font-size: 10px;
   color:#f0f9ff;
   background: url(../img/brand/kids/top-category-bg.gif) left repeat-y;
   border-top: solid 1px #a58e5a;
}
#category-area ul li.bg_thick{
   background-color:#f0f9ff;
}
#category-area ul li.bg_thin{
   background-color:#f8fcff;
}
/*
#category-area h4.tops{
   background: url(../img/brand/kids/top-category-bt-tops.jpg) no-repeat;
}
#category-area h4.outer{
   background: url(../img/brand/kids/top-category-bt-outer.jpg) no-repeat;
}

#category-area h4.others{
   background: url(../img/brand/kids/top-category-bt-others.jpg) no-repeat;
}
#category-area h4.bottoms{
   background: url(../img/brand/kids/top-category-bt-bottoms.jpg) no-repeat;
}
#category-area h4.onepeace{
   background: url(../img/brand/kids/top-category-bt-onepeace.jpg) no-repeat;
}
#category-area h4.bag{
   background: url(../img/brand/kids/top-category-bt-bag.jpg) no-repeat;
}
#category-area h4.shoes{
   background: url(../img/brand/kids/top-category-bt-shoes.jpg) no-repeat;
}
#category-area h4.accessory{
   background: url(../img/brand/kids/top-category-bt-accessory.jpg) no-repeat;
}
*/


#top-category-item ul li,
#top-category-item ul li a,
#top-category-size ul li,
#top-category-size ul li a{
   width: 120px;
}
#top-category-item ul li,
#top-category-size ul li{float: left;}
#top-category-item ul li a,
#top-category-size ul li a{
   text-indent: -9999px;
   overflow: hidden;
}
#top-category table th{white-space: nowrap;}
#top-category table td{font-size: 10px;}


/*top-banner*/
#top-banner-area{
   zoom: 1;
   padding: 9px 0 9px 9px;
}
#top-banner-area:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
#top-banner-area div.kids-top-banner{
   float: left;
   width: 226px;
   margin-right: 9px;
}

/*shop info*/
#kids-shop-info{
   width: 960px;
   padding-bottom: 30px;
   height: auto;
   margin-left: 1px;
   background: url(../img/brand/kids/brand-top-shop-bg.jpg) no-repeat left bottom;
   position: relative;
}
#kids-shop-info h4{
   position: absolute;
   height: 48px;
   width: 215px;
   top:29px;
   left: 33px;
}
#kids-shop-info-body{
   margin-left: 289px;
   padding-top: 27px;
}
#kids-shop-info dl{
   float: left;
   width: 205px;
   margin-right: 15px;

   color: #ffffff;
}
#kids-shop-info dl dt{
   font-size: 12px;

   background: url(../img/brand/kids/brand-top-shop-icon.png) left 6px no-repeat;
   padding: 2px 0 5px 15px;
   cursor: pointer;
}
#kids-shop-info dl .kids-shop1{
}
#kids-shop-info dl .kids-shop2{
}
#kids-shop-info dl dd{
   display: none;
   color: #a9d582;
   font-size: 10px;
   padding: 0 0 15px 15px;
   margin: 0;
}


/*topics*/
#top-topics div.column-header{
   background: url(../img/brand/kids/brand-top-topics-title.gif) no-repeat !important;
}


/* Flash */
#flashwrapper {
	position: absolute;
	top: 0px;
	left:-15%;
	width:130%;
	height:100%;
	z-index:155;
}

#flash {
	top:0px;
	margin:0;
	padding:0;
}

object { display:block; }
object { outline:none; }


/*pickup-banner*/
#top-pickup-banner{
   width: 100%;
   padding-left: 0px;
   background: url(../img/common/item/bg-border-01.gif) repeat-y 240px top;
   border-bottom: solid 1px #dedede;
}
#top-pickup-banner:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
#top-pickup-banner ul,
#top-pickup-banner ul li{
   display: block;
   zoom: 1;
}
#top-pickup-banner ul{
   clear: both;
}
#top-pickup-banner .pickup-banner{
   float: left;
   width: 240px;
   text-align: center;
   padding: 9px 0;
   margin: 0;
   overflow: hidden;
   border-top: solid 1px #dedede;
}
#top-pickup-banner .pickup-banner img{
   margin: auto;
   padding: 0;
   display: block;
}

#top-pickup-banner #pickup-banner3,
#top-pickup-banner #pickup-banner4{
   /*border-bottom: solid 1px #dedede*/
}

/*facebook*/
#top-pickup-banner .facebook-like{
   width: 210px;
   height: 90px;
   border: solid 1px #b3b3b3;
   margin: auto;
   overflow: hidden;
}
#top-pickup-banner .facebook-like h4{
   height: 23px;
   text-indent: -9999px;
   overflow: hidden;
   background: #3a5799 url(../img/brand/kids/facebook-title.png) no-repeat 6px center;
}
#top-pickup-banner .facebook-like .contents{
   padding: 5px;
   overflow: hidden;
   zoom: 1;
}
#top-pickup-banner .facebook-like .contents .thumb,
#top-pickup-banner .facebook-like .contents .thumb img{
   width: 58px;
   height: 58px;
}
#top-pickup-banner .facebook-like .contents .thumb{
   float: left;
   margin-right: 9px;
}
#top-pickup-banner .facebook-like .contents .description{
   float: left;
   width: 130px;
   text-align: left;

}
#top-pickup-banner .facebook-like .contents .description p{
   line-height: 1.2;
   padding-bottom: 5px;
}
#top-pickup-banner .facebook-like .contents .description p a{
   color: #3B5998;
   font-size: 12px;
   font-weight: bold;
   text-decoration: none;
}


#brand-top-newitems .column-header{
   height: 48px;
   background: #fff url(/img/brand/kids/brand-top-title-newitems.gif)!important;
   border-top: solid 1px #dedede;
}
#brand-top-newitems .column-header h3{
   height: 48px;
   background: none!important;
}
#brand-top-newitems .column-header h3 a{
   display: block;
   height: 48px;
   text-indent: -9999px;
   overflow: hidden;
}

#sns-btns{
   border: none!important;
   margin-top: 0!important;
}

.select2-container{
   width: 120px;
   font-size: 10px;
   text-align: left;
}


/* 20201002 nav ??剛信 */
#kids-brand-header-contents {
	background: #271D1E;
	color: #fff;
	text-align: center;
}
#kids-brand-header-contents ul li {
	border-right: 1px solid #fff;
	font-size: 12px;
	width: 79px;
	padding: 7px 0;
}
#kids-brand-header-contents ul li:hover {
	background: #393939;
	width: 79px;
	height: 100%;
}
#kids-brand-header-contents ul li a {
	color: #fff;
	display: block;
}
#kids-brand-header-contents ul li a:hover {
	color: #fff;
	text-decoration: none;
}
.flex{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-flow: row wrap;
	flex-wrap: wrap;
	-ms-flex-pack: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	flex-wrap:wrap;
}

/* 20201002 shop-info ??剛信 */
#kids-shop-info {
	background: none #C6A071!important;
}


/* 20201002 nav ??剛信 */
#kids-brand-header-contents {
	background: #271D1E;
	color: #fff;
	text-align: center;
}
#kids-brand-header-contents ul li {
	border-right: 1px solid #fff;
	font-size: 12px;
	width: 79px;
	padding: 7px 0;
}
#kids-brand-header-contents ul li:hover {
	background: #393939;
	width: 79px;
	height: 100%;
}
#kids-brand-header-contents ul li a {
	color: #fff;
	display: block;
}
#kids-brand-header-contents ul li a:hover {
	color: #fff;
	text-decoration: none;
}
.flex{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-flow: row wrap;
	flex-wrap: wrap;
	-ms-flex-pack: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	flex-wrap:wrap;
}

/* 20201002 shop-info ??剛信 */
#kids-shop-info {
	background: none #C6A071!important;
}

/* 20210316 ??≪?ゃ???????ャ??罎?膣? */
.top-kids-category ul #tkn3 .tkn3-select {
	border: none;
	background: no-repeat;
	width: 120px;
	height: 89px;
}
.top-kids-category ul #tkn3 select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	}
	::-ms-expand {
	display: none;
}
#top-category-item.new ul.search-nav {
	background-image: url(../img/brand/kids/brand-top-btns-item-new2.gif) !important;
	background-size: 100%;
	background-repeat: no-repeat;
	height: 110px;
}
#top-category-item ul li,
#top-category-item ul li a,
.top-kids-category ul #tkn3 .tkn3-select {
	height: 110px !important;
}


/*
.container{
	padding-top: 7rem;
}
*/

#tkn3 .container ul.child-gnav li a {
	text-indent:0;
}
#tkn3 .container ul.child-gnav li.child-size {
	height: 32px !important;
	font-size: 10.5px;

}
#tkn3 .container ul.child-gnav li.child-size a {
	color: #000 !important;
	text-align: left !important;
	height: 32px !important;
	padding: 0 10px;
	width: 100px;
}
#tkn3 .container ul.child-gnav li.child-size a:hover {
	cursor: pointer;
	cursor: hand;
}
#top-category-item ul li {
	text-align: left;
}
#tkn3 .container ul.child-gnav .child-menu {
	background: none;
	text-align: -9999;
}


.topics.flex{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-flow: row wrap;
	flex-wrap: wrap;
	-ms-flex-pack: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	flex-wrap:wrap;
}
.topics {
	/* border-left: 1px solid #DEDEDE; */
	border-left: none;
}
.topics .topic {
	width: 44%;
	padding: 2% 3% 6% 3%;
	border-top: 1px solid #dedede;
	/* border-right: 1px solid #dedede; */
}
.topics .topic {
	width: 219px;
	padding: 10px;
	border-top: 1px solid #dedede;
	border-right: 1px solid #dedede;
}
.topics .topic:nth-child(2),
.topics .topic:nth-child(4) {
	border-right: none;
}
.topics .topic .thumbnail {
	width: 210px;
	margin: 0 auto 10px;
}
.topics .topic a {
	color: #000;
	text-decoration: none;
}
.topics .topic .thumbnail img {
	width: 100%;
}

.topics .btnarea {
	border-top: 1px dotted #DEDEDE;
	text-align: right;
	margin: auto;
	width: auto;
	padding: 10px 0;
	padding-right: 10px;
}
.topics .btnarea a.btn {
   color: #87570d;
	text-decoration: none;
	background: url(../../anapgirl/img/arrow-item.jpg) no-repeat;
	background-position: 97%;
	background-size: 8px;
	padding-right: 25px;
}




.section.brand-top-banner {
   overflow: hidden;
   border-top: solid 1px #dedede;
}

.section.brand-top-banner ul {
   text-align: center;
   padding: 0px 10px 10px;
   margin: 0;
   overflow: hidden;
}

.section.brand-top-banner ul li {
   display: inline-block;
   width: calc(100% - 10px);
   margin: 10px 0 0px;
   padding: 0;
}

.section.brand-top-banner ul li a {
   text-decoration: none;
   font-size: 10px;
   color: #555;
}

.section.brand-top-banner ul li img {
   display: block;
   width: 100%;
   height: auto;
}

.section.brand-top-banner ul li.short {
   width: calc((100% - 10px)/2);
   padding-top: -40px;
}


.brand-top-kids-cat-btns {
   height: calc((740px/4) * (256/277));
}

.brand-top-kids-cat-btns ul {
   text-align: center;
}

.brand-top-kids-cat-btns ul:after {
   content: "";
   display: block;
   height: 0;
   clear: both;
}

.brand-top-kids-cat-btns ul li {
   position: relative;
   display: block;
   float: left;
   width: calc(100%/4);
   height: calc((740px/4) * (256/277));
   text-align: center;
   border-right: solid 1px #ddd;
   margin: 0;
}

.brand-top-kids-cat-btns ul li:last-child {
   border-right: 0;
}

.brand-top-kids-cat-btns ul li a {
   display: block;
   height: calc((740px/4) * (256/277));
   width: 100%;
   text-decoration: none;
   overflow: hidden;
   background-repeat: no-repeat;
   background-position: center 2px;
   -moz-background-size: 100% auto;
   -webkit-background-size: 100% auto;
   background-size: 100% auto;
}

.brand-top-kids-cat-btns ul li a span {
   display: none;
}

.brand-top-kids-cat-btns .boy a {
   background-image: url(/img/ipn/brand/kids/top-cat-btn-boy2.png);
   background-size: 100%;
}

.brand-top-kids-cat-btns .girl a {
   background-image: url(/img/ipn/brand/kids/top-cat-btn-girl2.png);
   background-size: 100%;
}

.brand-top-kids-cat-btns .baby a,
.brand-top-kids-cat-btns .size a {
   background-image: url(/img/ipn/brand/kids/top-cat-btn-baby2.png);
   background-size: 100%;
}

.brand-top-kids-cat-btns .pair a {
   background-image: url(/img/ipn/brand/kids/top-cat-btn-pair2.png);
   background-size: 100%;
}

.cat-size-child-container {
   z-index: 1;
   position: absolute;
   left: calc(740px/2);
}

.cat-size-child-container .child-gnav {
   width: calc(740px/4);
   background: #f1f1f1;
}

.cat-size-child-container .child-gnav li {
   display: block;
   border-bottom: solid 1px #ddd;
}

.cat-size-child-container .child-gnav li a {
   display: block;
   text-align: center;
   ;
   font-size: 1rem;
   padding: 8px 0;
}




