@charset "UTF-8";



/** Other Module Setting
-----------------------------------------------------
-----------------------------------------------------
*/

.noMgnb {
margin-bottom: 0;
}

/*Add Margin Style 2016.07.21*/
.mb40 {
margin-bottom: 40px;
}

.font__weight {
font-weight: bold;
}

/**  Tab Style
-----------------------------------------------------
-----------------------------------------------------
*/
.mod-productsSorter .wgt-tab .nav {
width: 100%;
height: 65px;
padding: 20px 0 0 20px;
background: #f2f2f2;
border-bottom: 1px solid #999;
box-sizing: border-box;
}

.mod-productsSorter .wgt-tab .nav li {
float: left;
margin-right: 5px;
}

.mod-productsSorter .wgt-tab .nav li a {
display: block;
padding: 10px 15px 10px 15px;
color: #000;
font-size: 0.85em;
text-decoration: none;
}

.mod-productsSorter .wgt-tab li .icon span {
padding-right: 15px;
background: url(/image/global/products/index/products_sorter/icon_mega_menu_arw_red_d.png) 100% 50% no-repeat;
}


.mod-productsSorter .wgt-tab .nav li a:hover {
color: #ea0f20;
text-decoration: none;
}

.mod-productsSorter .wgt-tab .nav li .is-active {
display: block;
padding: 9px 15px 10px 15px;
background: #fff;
border: solid #999;
border-width: 1px 1px 0 1px;
border-radius: 3px 3px 0 0;
box-sizing: border-box;
color: #ea0f20;
}

.mod-productsSorter .wgt-tab .tab-content {
display: none;
width: 100%;
padding: 10px 4px;
border: solid #999;
border-width: 0 1px 1px 1px;
box-sizing: border-box;
}

.mod-productsSorter .wgt-tab .tab-content.nopdg {
padding: 0;
}

.mod-productsSorter .wgt-tab .tab-content.is-active {
display: block;
}


/**  List Style
-----------------------------------------------------
-----------------------------------------------------
*/

.mod-categorySorter {}
.mod-categorySorter .menu {
margin: 0 0 4px 0;
padding: 15px 0 0 0;
}
.mod-categorySorter .menu .btn {
}
.mod-categorySorter .menu .btn li {
}
.mod-categorySorter .menu .btn li a {
display: block;
position: relative;
bottom: 0;
left: 0;
float: left;
width: 230px;
height: 260px;
background: #ccc;
margin-left: 9px;
}

.mod-categorySorter .menu .btn .box {
position: absolute;
left: 50%;
bottom: 0;
width: 210px;
height: 200px;
margin-left: -105px;
background: url(/image/global/products/index/products_sorter/bg_btn_menu.png) 50% 0 no-repeat;
}

.mod-categorySorter .menu .btn .box .title {
min-height: 75px;
margin: 0 4.5px;
padding: 10px 0 0 10px;
border-bottom: 1px solid #ee4d68;
color: #fff;
line-height: 1.2em;
box-sizing: border-box;
}

.mod-categorySorter .menu .btn .box .outline {
margin: 7px 13px;
color: #fff;
font-size: 0.75em;
line-height: 1.4em;
}

.mod-categorySorter .menu .btn li a:hover .img {
opacity: 0.8;
}


.mod-categorySorter .menu .btn .box {
opacity: 0.9;
}

.icon-arw__bottom {
display: block;
position: absolute;
bottom: 8px;
left: 50%;
width: 9px;
height: 5px;
margin-left: -4px;
background: url(/image/global/products/index/products_sorter/icon_mega_menu_arw_white_d.png) 50% 100% no-repeat;
}

.mod-categorySorter .menu .btn li .is-active .box {
bottom: -14px;
padding-bottom: 14px;
}

.mod-categorySorter .menu .btn li .is-active .title {
padding-left: 10px;
}


.mod-categorySorter .menu .btn li .is-not .box {
background: url(/image/global/products/index/products_sorter/bg_btn_menu_off.png) 50% 0 no-repeat;
}

.mod-categorySorter .menu .btn li .is-not .img {
opacity: 0.8;
}

.mod-categorySorter .menu .btn .is-not .box .title {
border-bottom: 1px solid #bba9a9;
}

.mod-categorySorter .menu .btn li .is-not:hover .img {}
.mod-categorySorter .menu .btn li .is-not:hover .box {
bottom: -14px;
padding-bottom: 14px;
background: url(/image/global/products/index/products_sorter/bg_btn_menu.png) 50% 0 no-repeat;
}
.mod-categorySorter .menu .btn li .is-not:hover .box .title {
margin: 0 3.5px;
padding: 10px 0 0 10px;
border-bottom: 1px solid #ee4d68;
color: #fff;
}


/**  menu list 
-----------------------------------------------------
-----------------------------------------------------
*/

.mod-categorySorter .dropmenu__group {
margin-top: 10px;
position: relative;
}



/**  List Style
-----------------------------------------------------
-----------------------------------------------------
*/
.mod-categorySorter .dropmenu__group .category-link {
margin: 10px 15px 10px 5px;
font-size: 0.85em;
}

.mod-categorySorter .dropmenu__group .category-link a {
color: #000;
text-decoration: none;
}

.mod-categorySorter .dropmenu__group .category-link a:hover {
background-color: #fbcfd2;
text-decoration: none;
}

.mod-categorySorter .dropmenu__group .category-link a span {
padding-right: 15px;
background: url(/image/common/global/r1/icon/icon_link_right.gif) 100% 50% no-repeat;
}

.mod-categorySorter .dropmenu__group .clm .category-link__parent {
margin: 0 0 5px 2px;
font-size: 0.8em;
}

.mod-categorySorter .dropmenu__group .clm .category-link__parent .hdl,
.mod-categorySorter .dropmenu__group .clm .category-link__parent a {
padding: 0 0 0 10px;
border-left: 3px solid #ea0f20;
color: #000;
text-decoration: none;
}

.mod-categorySorter .dropmenu__group .clm .category-link__parent a:hover {
background-color: #fbcfd2;
text-decoration: none;
}


.mod-categorySorter .dropmenu__group .clm .category-link__parent a span {
padding-right: 15px;
background: url(/image/common/global/r1/icon/icon_link_right.gif) 100% 50% no-repeat;
}

.mod-categorySorter .dropmenu__group .clm .category-link__parent a:hover {
background-color: #fbcfd2;
text-decoration: none;
}

.mod-categorySorter .dropmenu__group .clm .category-link__list {
margin: 0 0 0 15px;
}

.mod-categorySorter .dropmenu__group .clm .category-link__list.notTitle {
margin-top: 27px;
}


.mod-categorySorter .dropmenu__group .clm .category-link__list li {
margin: 0 0 5px 0;
font-size: 0.8em;
}

.mod-categorySorter .dropmenu__group .clm .category-link__list li a {
color: #000;
text-decoration: none;
}

.mod-categorySorter .dropmenu__group .clm .category-link__list li a span {
padding-right: 15px;
background: url(/image/common/global/r1/icon/icon_link_right.gif) 100% 50% no-repeat;
}


.mod-categorySorter .dropmenu__group .clm .category-link__list li a:hover {
background-color: #fbcfd2;
text-decoration: none;
}

.mod-categorySorter .dropmenu__group .clm .category-link__list li ul {
margin: 5px 0 0 0;
}

.mod-categorySorter .dropmenu__group .clm .category-link__list li ul li {
font-size: 1.0em;
}

.mod-categorySorter .dropmenu__group .clm .category-link__list li ul li a {
display: block;
width: 100%;
padding-left: 20px;
background: url(/image/global/index/branding_area/icon_dot.png) 10px 8px no-repeat;
box-sizing: border-box;
}

.mod-categorySorter .dropmenu__group .clm .category-link__list li ul li a:hover {
background-color: #fbcfd2;
}

.mod-categorySorter .dropmenu__group .clm .category-link__banner {}

.mod-categorySorter .dropmenu__group .clm .category-link__banner li {
margin-bottom: 5px;
}

.mod-categorySorter .dropmenu__group .dropmenu {
display: none;
padding-left: 5px;
}

.mod-categorySorter .dropmenu__group .dropmenu.is-active {
padding-top: 5px;
padding-bottom: 9px;

}


/** LayoutStyle
-----------------------------------------------------
-----------------------------------------------------
*/
.clm__grid-layout4 {
float: left;
width: 238.5px;
}

.clm__grid-layout4.w238 {
float: left;
width: 238.5px;
}

.clm__grid-layout2 {
float: left;
width: 460px;
}

.clm__grid-layout4.clm__grid1 {
border-right: 1px solid #ccc;
}
.clm__grid-layout4.clm__grid2 {
border-right: 1px solid #ccc;
}
.clm__grid-layout4.clm__grid3 {}
.clm__grid-layout4.clm__grid4 {
border-left: 1px solid #ccc;
}

.clm__grid-layout2.clm__grid1 {
border-right: 1px solid #ccc;
}

.clm__grid-layout4.clm__grid1,
.clm__grid-layout4.clm__grid2,
.clm__grid-layout4.clm__grid3,
.clm__grid-layout4.clm__grid4 {
padding: 0 4px 0 3px;
box-sizing: border-box;
}

.clm__grid-layout2 {
padding: 0 4px;
box-sizing: border-box;
}


/** Category Box Style
-----------------------------------------------------
-----------------------------------------------------
*/
.mod-productsSorter .clm .category-box {
width: 100%;
min-height: 180px;
}
.mod-productsSorter .clm .category-box .img {}
.mod-productsSorter .clm .category-box .img img {
width: 230px;
}

.mod-productsSorter .clm .category-box .title {
margin: 10px 0 0 2px;
line-height: 1.2em;
}

.mod-productsSorter .clm .category-box .title a {
display: block;
padding: 0;
color: #000;
font-size: 0.9em;
text-decoration: none;
}

.mod-productsSorter .clm .category-box .title a:hover {
text-decoration: underline;
}

.mod-productsSorter .clm .category-box .title .line {
padding-left: 5px;
border-left: 3px solid #ea0f20;
}

.mod-productsSorter .clm .category-box .title a .arw {
padding-right: 15px;
background: url(/image/common/global/r1/icon/icon_link_right.gif) 100% 50% no-repeat;
}

.mod-productsSorter .clm .category-box .outline {
margin:15px 0 0 13px;
font-size: 0.8em;
}

.mod-productsSorter .searchbox {
width: 600px;
margin: 0 auto;
padding: 30px 0;
}

.mod-productsSorter .searchbox dt {
clear: both;
float: left;
width: 130px;
padding: 3px 0;
font-size: 0.8em;
}

.mod-productsSorter.searchbox dd {
margin-left: 220px;
}

.searchbox .SearchTextBox {
width: 250px;
height: 16px;
border: 1px solid #ccc !important;
font-size: 0.8em;
}

.searchbox .btn-form {
padding: 1px 10px;
background: #ccc;
border: 1px solid #bbbbbb;
}



/** Clearfix
-----------------------------------------------------
-----------------------------------------------------
*/
.brandingBanner:after,
.dropmenu__group:after,
.dropmenu:after,
.wgt-tab:after,
.tab-content:after,
.clm:after,
.nav:after,
.menu:after,
.clearfix:after { /zoom : 1; }

.brandingBanner:after,
.dropmenu__group:after,
.dropmenu:after,
.wgt-tab:after,
.tab-content:after,
.clm:after,
.nav:after,
.menu:after,
.clearfix:after {
content: '';
display: block;
clear: both;
height: 0;
}