@charset "utf-8";

/*============================================================
  main
============================================================*/
.main-section {position: relative; width: 100%; margin-bottom: 110px; }
.main-section:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.main .card-nodata {float: none;  width: 100%; padding: 100px 0; text-align: center; color: #555; }
.main .card-nodata p {padding-top: 60px; background-image: url("../images/common/talmo_nodata.png"); background-repeat: no-repeat; background-size: 50px 50px; background-position: center top; }


/* main-banner-spurcing */
.main-banner-sourcing {width: 100%; height: 88px; background-image: url("../images/main/main_banner_sourcing_01.png"); background-repeat: no-repeat; background-position: center center; background-color: #ffd9dc; }
.main-banner-sourcing a {display: block; height: 100%; }
.main-banner-sourcing .main-banner-sourcing-text {padding-top: 15px; padding-left: 92px; color: #524242; font-size: 18px; font-weight: 400; line-height: 28px; letter-spacing: -0.5px; }
.main-banner-sourcing .main-banner-sourcing-text .banner-large-text {font-size: 24px; font-weight: 500; }

.EN .main-banner-sourcing .main-banner-sourcing-text .banner-large-text span,
.VI .main-banner-sourcing .main-banner-sourcing-text .banner-large-text span {margin-right: 6px; }

/* main-section-visual
----------------------------------------------------------------------------- */
.main-section-visual {margin-top: 30px; margin-bottom: 55px; }
.main-visual-wrapper {position: relative; width: 100%; visibility: hidden; }
.main-visual-slide-arrow {position: absolute; top: 0; transform: translateY(-50%);width: 100%; height: 45px; }
.visual-arrow {position: absolute; top: 50%; margin-top: 190px; display: inline-block; width: 27px; height: 45px; border: 0; background-color: transparent; }
.visual-arrow.visual-prev {left: -50px; }
.visual-arrow.visual-next {right: -50px; }

.main-visual-wrapper  .bx-pager.bx-default-pager a {background: #999; }
.main-visual-wrapper  .bx-pager.bx-default-pager a.active,
.main-visual-wrapper  .bx-pager.bx-default-pager a:hover {background: #e60e61; }

.main-visual-box {width: 100%; height: 430px; border: 1px solid #d0d0d0; border-radius: 3px; }
.main-visual-no-data {height: 428px; border-radius: 3px; padding-top: 150px;   color: #555; text-align: center; }
.main-visual-no-data p {padding-top: 60px; background-image: url("../images/common/talmo_nodata.png"); background-repeat: no-repeat; background-size: 50px 50px; background-position: center top;}
.main-visual-video {position:relative; float: left; width: 760px; height: 428px; cursor: pointer; overflow: hidden; }
.main-visual-video a {display: block; width: 100%; height: 100%;}
.main-visual-video img {display: block; width: 100%; height: auto; transition: all 0.6s ease-in-out; }
.main-visual-video:hover img {transform: scale(1.02); }
.main-visual-video .icon-play-video {position: absolute; left: 50%; left: 50%; top: 50%; margin-top: -22px; margin-left: -32px; cursor: pointer; }

.main-visual-video .card-mark-sale {position: absolute; right: 0; top: 0; z-index: 10; display: block; width: 80px; height: 46px; background-color: #e60e61; border-bottom-left-radius: 6px; text-align: center; }
.main-visual-video .card-mark-sale span {color: #fff; font-size: 20px; font-weight: 700; letter-spacing: -1px; line-height: 46px; }

.main-visual-info {position: relative; float: right; width: calc(100% - 760px); height: 428px; padding: 20px 15px 15px; overflow: hidden;  box-sizing: border-box; }
.main-visual-title {min-height: 22px; height: auto; max-height: 60px; margin: 0; padding: 0; font-size: 22px; font-weight: 700; line-height: 30px; color: #222; }
.main-visual-util-text {margin-top: 5px; font-size: 12px; color: #707070;}
.main-visual-util-text em {font-style: normal; }
.main-visual-util-text .bar {display: inline-block; width: 1px; height: 10px; margin: 0 7px; background: url("../images/main/bar_main_visual.png"); background-repeat: no-repeat; background-position: center;}

.main-visual-text {max-height: 165px; margin-top: 10px; overflow: hidden; }
.main-visual-text .pre-box {font-size: 13px; letter-spacing: -1px; line-height: 18px; color: #444; }

.main-visual-product-list {margin: 10px auto 0; }
.main-visual-product-list li {float: left; width: 62px; height: 62px; margin-left: 1px;  border: 1px solid #d0d0d0; overflow: hidden;  }
.main-visual-product-list li:first-child {margin-left: 0; }
.main-visual-product-list li a {display: inline-block; width: 60px; height: 60px; overflow: hidden; }
.main-visual-product-list li img {display: block; width: 60px; height: 60px; transition: all .3s ease-in-out; }
.main-visual-product-list li:hover img {transform: scale(1.1); }

.main-visual-info .btn-group {z-index: 1000; text-align: right; }
.btn-main-buy {display: inline-block; padding: 24px 45px 6px 0; background-image: url("../images/main/btn_main_buy.png"); background-repeat: no-repeat; background-position: right 2px bottom; color: #757575; text-decoration: none; }
.btn-main-buy:hover {background-image: url("../images/main/btn_main_buy_on.png"); font-weight: 400; color: #e60e61; }


/*	main-foryou-wrapper
----------------------------------------------------------------------------- */
.main-section-foryou {margin-top: 110px; }
.main-foryou-wrapper { }
.main-foryou-wrapper:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.main-foryou {position: relative; width: 580px; height: 420px; margin-top: 80px; padding: 15px 0 0 0; background-color: #f0f0f0; }
.main-foryou:nth-child(odd) {float: left; }
.main-foryou:nth-child(even) {float: right; }
.main-foryou:nth-child(1),
.main-foryou:nth-child(2) {margin-top: 0; }

.main-foryou-video {position: absolute; left:0; top: 0; z-index: 5; width: 330px; }
.main-foryou-video a {display: block; text-decoration: none; color: #202020; }
.main-foryou-video:hover a {text-decoration: none; text-decoration-color: #707070; }
.main-foryou-video-data {position: relative; width: 100%; height: 186px; overflow: hidden; }
.main-foryou-video-data img {display: block; width: 100%; height: 100%; }
.main-foryou-video-data .icon-play-video {position: absolute; left: 50%; left: 50%; top: 50%; margin-top: -22px; margin-left: -32px; cursor: pointer; }

.main-foryou-video-data .card-mark-sale {position: absolute; right: 0; top: 0; z-index: 10; display: block; width: 50px; height: 28px; background-color: #e60e61; border-bottom-left-radius: 6px; text-align: center; }
.main-foryou-video-data .card-mark-sale span {color: #fff; font-size: 15px; font-weight: 700; letter-spacing: -1px; line-height: 28px; }

.main-foryou-video-info {height: 80px; padding: 15px 20px; }
.main-foryou-video-title {min-height: 22px; height: auto; max-height: 44px; margin: 0; padding: 0; font-size: 18px; font-weight: 400; line-height: 22px; color: #000; cursor: pointer; }
.main-foryou-video-bj {display: inline-block; font-size: 12px; color: #707070; }

.main-foryou-product {position: relative; height: 295px; padding: 20px 15px 20px 345px; }
.main-foryou-product-inner {position: relative; width: 220px; margin: 0 auto; }

.main-foryou-arrow {position: absolute; top: 60px; left:0; width: 100%; }
.main-foryou-arrow:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.main-foryou-arrow .foryou-arrow {width: 30px; height: 30px; background: none; border: none; }
.main-foryou-arrow .foryou-prev {float: left; }
.main-foryou-arrow .foryou-next {float: right; }

.main-foryou-slider ul li {width: 220px; }

.foryou-product-thumbnail {display: block; width: 140px; height: 140px; margin: 0 auto 7px; }
.foryou-product-info {text-align: center; }
.foryou-product-info .brand {font-size: 12px; color: #666; }
.foryou-product-info strong {min-height: 18px; height: auto; max-height: 36px; margin-bottom: 10px;  font-size: 14px; color: #222; font-weight: 300; line-height: 18px; }
.foryou-product-info .price-before {font-size: 14px; margin-bottom: 0; text-decoration:line-through; }
.foryou-product-info .price {font-size: 16px; font-weight: 400; color: #000; }

.foryou-introduce-wrapper {height: 130px; padding: 0 20px 20px; background: #f0f0f0;  box-sizing: border-box; }
.foryou-introduce { padding-top: 15px; border-top: 1px solid #dedede;}
.foryou-introduce p {display: block;  overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display:-webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; line-height: 1.5; height: 7.5em;  font-size: 13px; font-weight: 400; color: #444; }
.foryou-introduce .pre-box {height: 100px; }





/*============================================================
  main-new-video
============================================================*/
.main-new-video {margin-bottom: 110px; }



/*============================================================
  main-banner
============================================================*/
.main-banner-wrapper	{position: relative; }

.main-banner-wrapper a {display:block; width: 100%; height: auto; margin-bottom: 110px; }
.main-banner-wrapper img {display: block; width: 100%; }


/*============================================================
  category-product
============================================================*/
.category-new-container {position: relative;  width: 1320px; margin: 0 auto;}

.category-quick-menu {display: none; position: fixed; top: 10px; z-index: 10; width: 36px; border: 1px solid #e8ecf1;}
.category-quick-menu.active {display: block; }
.category-quick-menu.fixed {position: fixed; }

.category-quick-menu li {position: relative; margin: 0; border: 0;  }
.category-quick-menu li a {display: block; height: 34px; text-decoration: none; }
.category-quick-menu li .icon {display: block; width: 34px; height: 34px; }
.category-quick-menu li .category-menu-focus {position: absolute; left: 100%; top: 0; display: none; min-width: 154px; height: 34px; padding: 0 10px; box-sizing: content-box; line-height: 34px; white-space: nowrap; color: #fff; }
.category-quick-menu li:hover .category-menu-focus {display: block; }
.category-quick-menu li .icon-category {background-image: url("../images/common/icon_category.png"); background-repeat: no-repeat; background-size: 36px; }
.category-quick-menu li:hover span,
.category-quick-menu li.on span {background-image: url("../images/common/icon_category_on.png");}

.category-menu01:hover span,
.category-menu01.on span {background-color: #f62c52; }
.category-menu01 .icon-category {background-position: -1px 0; }

.category-menu02:hover span,
.category-menu02.on span {background-color: #fc6b39; }
.category-menu02 .icon-category {background-position: -1px -38px; }

.category-menu03:hover span,
.category-menu03.on span {background-color: #a7d627; }
.category-menu03 .icon-category {background-position: -1px -72px; }

.category-menu04:hover span,
.category-menu04.on span {background-color: #69ba59; }
.category-menu04 .icon-category {background-position: -1px -110px; }

.category-menu05:hover span,
.category-menu05.on span{background-color: #6eb9f9; }
.category-menu05 .icon-category {background-position: -1px -144px; }

.category-menu06:hover span,
.category-menu06.on span{background-color: #3579b3; }
.category-menu06 .icon-category {background-position: -1px -180px; }

.category-menu07:hover span,
.category-menu07.on span {background-color: #ac64d5; }
.category-menu07 .icon-category {background-position: -1px -216px; }

.category-new-unit {position: relative; width: 1240px; margin: 20px auto 40px; border-top: 2px solid #f62c5c; border-bottom: 1px solid #f62c5c; border-radius: 3px; }

.category-title-wrapper {position: absolute; width: 216px; height: 100%; padding: 25px 10px; border-right: 1px solid #e8ecf1;  }
.category-title {font-size: 22px; letter-spacing: -1px; line-height: 30px;}
.category-title-description {font-size: 13px; color: #707070; }
.btn-goto-category {display: inline-block; margin-top: 30px; }

.category-card-list {position: relative; width: 1024px; padding: 23px 20px 0 20px; margin-left: 216px;  }
.category-card-list:after {content:""; clear:both; display: block; height: 0; visibility: hidden; }
.category-card-list .card {position: relative; width: 246px;  border: 0; margin: 0; padding: 20px 15px; padding-bottom: 20px; border-top: 1px solid #e8ecf1; }
.category-card-list .card:hover .card-product .card-title {text-decoration: underline; }

.category-card-list .card:nth-child(1),
.category-card-list .card:nth-child(2),
.category-card-list .card:nth-child(3),
.category-card-list .card:nth-child(4) {padding-top: 10px; border-top: 0;  }


.category-card-list .card-product .card-thumb {width: 216px; height: 216px; }




#main-category-wrapper01 {border-color: #f62c5c; }
#main-category-wrapper01 .category-title {color: #f62c52; }

#main-category-wrapper02 {border-color: #fc6b39; }
#main-category-wrapper02 .category-title {color: #fc6b39; }

#main-category-wrapper03 {border-color: #a7d627; }
#main-category-wrapper03 .category-title {color: #a7d627; }

#main-category-wrapper04 {border-color: #69ba59; }
#main-category-wrapper04 .category-title {color: #69ba59; }

#main-category-wrapper05 {border-color: #6eb9f9; }
#main-category-wrapper05 .category-title {color: #6eb9f9; }

#main-category-wrapper06 {border-color: #3579b3; }
#main-category-wrapper06 .category-title {color: #3579b3; }

#main-category-wrapper07 {border-color: #ac64d5; }
#main-category-wrapper07 .category-title {color: #ac64d5; }



/*	main-notice-wrapper
----------------------------------------*/
.main-notice-wrapper {position: relative; float: left; width: 590px; height: 190px; }

.main-notice-list {padding: 20px 10px; }
.main-notice-list > ul > li {margin-top: 10px; }
.main-notice-list > ul > li:first-child {margin-top: 0; }
.main-notice-list > ul > li > a {font-size: 14px; color: #333; text-decoration: none; }
.main-notice-list > ul > li:hover a {text-decoration: underline; text-decoration-color: #707070; }



.main-etc-wrapper {float: right; width: 620px; height: 190px; }
.main-etc-wrapper > div {width: 300px; height: 190px; background-repeat: no-repeat; background-position: center center; }
.main-etc-wrapper .main-store-wrapper {margin-left: 20px; }
.main-etc-wrapper > div > a {display: block; width: 100%; height: 100%; }
.main-etc-wrapper > div  .main-banner-text {width: 175px; padding-top: 21px; padding-left: 21px; font-size: 23px; line-height: 26px; word-wrap: break-word; word-break: keep-all; }
.main-etc-wrapper > div .main-banner-text p + p {margin-top: 7px; }
.main-etc-wrapper > div.left {background-image: url('../images/main/main_banner_01.png'); }
.main-etc-wrapper > div.left .main-banner-text  {color: #222; }
.main-etc-wrapper > div.right {background-image: url('../images/main/main_banner_02.png'); }
.main-etc-wrapper > div.right .main-banner-text  {color: #fff; }