@charset "UTF-8";
* { margin: 0; padding: 0; box-sizing: border-box; }

a:link, a:hover { text-decoration: none; }

ul, li { list-style: none; margin: 0; }

/* begin page */
html { width: 100%; overflow-x: hidden; }

body { font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif; font-weight: normal; line-height: normal; overflow-x: auto; width: 100%; background: #fff; font-size: 14px; color: #2c2c2c; }

img { max-width: 100%; }

.wrapper { width: 1000px; display: block; margin: 0 auto; }

.fl { float: left; }

.fr { float: right; }

.clearfix { clear: both; }

.clearfix:before { content: ''; display: table; }

.clearfix:after { content: ''; display: table; clear: both; }

.border-none { border: none !important; }

/* begin header */
/* end header */
/* begin footer */
/* end footer */
@media screen and (max-width: 768px) { .wrapper { width: 100%; padding: 0 15px; }
  .hidden-sp { display: none !important; } }

@media screen and (min-width: 769px) { .hidden-pc { display: none !important; } }

@media screen and (min-width: 769px) and (max-width: 999px) { .wrapper { /*width: 100%;*/ } }

/*---------------Breadcrumb--------------*/
/*.breadcrumb { padding: 17px 0 18px; margin-left: 15px; }

.breadcrumb li { display: inline-block; }

.breadcrumb li:after { content: '>'; display: inline-block; margin-left: 5px; font-size: 10px; color: #928355; }

.breadcrumb li a, .breadcrumb li span { font-size: 10px; color: #928355; line-height: 12px; }

.breadcrumb li a:hover { opacity: 0.8; }*/

/*---------------End Breadcrumb--------------*/
/*---------------Category top---------------*/
.category { margin-bottom: 50px; position: relative; }

.category:after { position: absolute; content: ''; width: 100%; height: 100%; border: 1px solid #e1dcd9; top: 0; left: 0; z-index: -1;}

.category a, .category span { padding-left: 15px; display: inline-block; height: 50px; line-height: 50px; }

.category a:hover { opacity: 0.8; }

.category .link-left { width: 230px; background: url("../img/ico_arrow_bg.png") top left no-repeat; color: #e0c677; background-size: 226px 50px; padding-left: 36px; }

.category .link-right { position: relative; color: #2c2c2c; padding-left: 12px; }

.category .link-right .small { position: absolute; right: -31px; top: 14px; font-size: 9px; text-transform: uppercase; color: #ff0000; font-weight: bold; height: 10px; line-height: 10px; }

/*--------------------Product----------------*/
.product-title { position: relative; font-size: 30px; padding: 12px 0 8px; border-bottom: 1px solid #2c2222; font-weight: 400; }

.product-title .small { position: absolute; left: 7px; top: 0; font-size: 12px; text-transform: uppercase; color: #ff0000; font-weight: bold; height: 20px; line-height: 20px; }

.product-top { padding-bottom: 36px; border-bottom: 1px solid #e1dcd9; }

.product-top .feature-image { width: 400px; height: 400px; text-align: center; }

.product-top .feature-image img { max-width: 100%; max-height: 100%; }

.product-top .product-info { width: calc(100% - 456px); margin-left: 56px; }

.product-top .product-info .variants { width: 100%; border-collapse: collapse; border-spacing: 0; margin-bottom: 30px; }

.product-top .product-info .variants tr { border-bottom: 1px solid #e1dcd9; }

.product-top .product-info .variants tr td { font-size: 16px; line-height: 20px; padding: 18px 0 8px; }

.product-top .product-info .variants tr td span { font-size: 12px; }

.product-top .product-info .variants tr td.variant-sku { padding-left: 9px; }

.product-top .product-info .variants tr td.variant-price { text-align: right; padding-right: 10px; }

.owl-product-thumb { width: 400px; margin: 0 auto; position: relative; left: 2px; }

.owl-product-thumb .item { height: 120px; border: 1px solid #e1dcd9; text-align: center; margin-right: 1px; cursor: pointer; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

.owl-product-thumb .item img { max-height: 100%; max-width: 100%; width: initial; margin: 0 auto; }

.owl-product-thumb .item:hover { opacity: 0.8; }

.owl-product-thumb .current .item { border: 2px solid #e0c677; }

.owl-product-thumb .owl-nav > div { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.owl-product-thumb .owl-nav .owl-prev { left: -49px; }

.owl-product-thumb .owl-nav .owl-next { right: -48px; }

.socials { margin: 36px 0 0 0; }

.socials .btn-more { width: 190px; height: 50px; padding: 8px 45px 8px 14px; color: #2c2c2c; position: relative; border: 1px solid #e1dcd9; line-height: 1.3; cursor: pointer; }

.socials .btn-more:after { content: ''; position: absolute; right: 10px; top: 17px; width: 15px; height: 16px; background: url("../img/ico_arrow_down.png") top center no-repeat; }

.socials .btn-more:hover { opacity: 0.8; }

.socials .social-content { width: calc(100% - 200px); margin: 18px 0 0 10px; height: 32px; }

/* Begin Social */
.social-group { display: -webkit-box; display: flex; }

.social-group li { margin: 0 2px; }

.social-group li a { display: block; border-radius: 2px; color: #fff; width: 80px; font-size: 12px; line-height: 2.666666666666667; padding-left: 32px; background-size: auto 24px; background-repeat: no-repeat; background-position: 6px 4px; }

.social-group li a.fb { background-color: #4c66a4; background-image: url(../img/ico/ico_share_fb.png); }

.social-group li a.tw { width: 90px; background-color: #55acee; background-image: url(../img/ico/ico_share_twitter.png); }

.social-group li a.line { padding-left: 40px; background-color: #00b900; background-image: url(../img/ico/ico_share_line.png); }

.social-group li a.mail { background-color: #a0a0a0; background-image: url(../img/ico/ico_share_mail.png); }

.product-description { padding: 23px 30px 41px; }

.product-description p { line-height: 30px; margin-bottom: 30px; }

.variant-bg { background: #f7f8fa; padding-bottom: 60px; }

.variant-bg .title { font-size: 30px; line-height: 30px; font-weight: 400; padding: 77px 0 45px; text-align: center; }

.variant-images { margin-bottom: 25px; border: 1px solid #e1dcd9; border-radius: 3px; }

.variant-images .top { padding: 24px 15px 30px 39px; }

.variant-images .top .left { width: calc(100% - 170px - 70px); margin-right: 70px; position: relative; }

.variant-images .top .left h4 { color: #ff4242; font-size: 48px; line-height: 52px; font-weight: 400; display: inline-block; margin-right: 20px; float: left; }

.variant-images .top .left span { color: #80744e; line-height: 18px; font-size: 14px; position: absolute; bottom: 5px; }

.variant-images .top .right { width: 170px; }

.variant-images .top .right .btn-view { margin-top: -6px; padding: 6px 20px 8px 15px; border: 1px solid #e1dcd9; border-radius: 3px; position: relative; font-size: 12px; line-height: 15px; max-width: 100%; }

.variant-images .top .right .btn-view a { color: #8a7f5f; }

.variant-images .top .right .btn-view:after { content: ''; position: absolute; right: 10px; top: 18px; width: 7px; height: 8px; background: url("../img/ico_arrow_left.png") top center no-repeat; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.variant-images .top .right .btn-view:hover { opacity: 0.8; }

.variant-images .bottom { padding: 0 17px 15px 41px; }

.variant-images.fix-padding .top .left h4 { font-size: 36px; margin-right: 31px; }

.variant-images.fix-padding .top .left span { bottom: 9px; }

.variant-images.fix-padding .bottom { padding-bottom: 13px; }

.variant-images.variant-images2 .top { padding: 24px 15px 29px 36px; }

.variant-images.variant-images2 .top .left span { bottom: 12px; margin-left: 3px; }

.variant-images.variant-images2 .top .right .btn-view { margin-top: -8px; }

.variant-images.variant-images2 .bottom { padding-bottom: 16px; }

ul.list-images li { display: inline-block; vertical-align: top; margin-right: 35px; text-align: center; max-width: 60px; }

ul.list-images li img { width: 60px; height: 60px; border-radius: 100%; margin-bottom: 8px; }

ul.list-images li p { font-size: 10px; line-height: 14px; display: block; width: 120px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); position: relative; }

ul.list-images li .color { font-size: 8px; color: #80744e; line-height: 14px; display: block; width: 120px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); position: relative; /*&:before{ content: ''; display: inline-block; width: 5px; height: 5px; border-radius: 100%; background: #80744e; margin-right: 3px; }*/ }

.list-images-bottom { padding: 27px 10px 0 20px; border-bottom: 1px solid #e1dcd9; margin-bottom: 40px; }

.list-images-bottom ul.list-images li { margin-bottom: 37px; }

.list-images-bottom ul.list-images li:nth-child(10n) { margin-right: 0; }

.list-images-bottom .bottom-link { text-align: right; margin-top: -20px; padding-bottom: 10px; }

.list-images-bottom .bottom-link span { font-size: 9px; line-height: 14px; color: #80744e; margin-right: 8px; display: inline-block; }

.list-images-bottom .bottom-link span:before { content: ''; display: inline-block; width: 5px; height: 5px; border-radius: 100%; background: #80744e; margin-right: 3px; }

.bottom-link2 { text-align: right; margin-top: -20px; padding-bottom: 10px; }

.bottom-link2 span { font-size: 9px; line-height: 14px; color: #80744e; margin-right: 8px; display: inline-block; }

.bottom-link2 span:before { content: ''; display: inline-block; width: 5px; height: 5px; border-radius: 100%; background: #80744e; margin-right: 3px; }
.bottom-link2 span.link2:before { content: ''; display: inline-block; width: 5px; height: 5px; border-radius: 100%; background: transparent; margin-right: 3px; }

.banner { position: relative; }

.banner img { vertical-align: top; }

.banner .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; padding: 13px 0; background-blend-mode: multiply; background-size: 100% auto !important; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }

.banner:hover .overlay { 
  background-color: rgba(137,122,113,.2) !important;
}
.banner:hover .overlay p{
  color: #000 !important;
}

.product-banner { width: 100%; max-width: 700px; margin: 0 auto; }

.product-banner .banner { float: left; width: calc(50% - 20px); }

.product-banner .banner .overlay .title { color: #fff; font-size: 16px; line-height: 24px; height: 24px; overflow: hidden; padding: 0 15px; font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}

.product-banner .banner .overlay .content { display: block; /* Fallback for non-webkit */ display: -webkit-box; color: #fff; line-height: 18px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; text-align: left; position: absolute; bottom: 13px; padding: 0 25px; font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}

.product-banner .banner-left { margin-right: 20px; }

.product-banner .banner-right { margin-left: 20px; }

.title-related { font-size: 30px; line-height: 30px; font-weight: 400; margin: 80px 0 45px; text-align: center; }

.product-related { text-align: center; margin-bottom: 101px; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; }

.product-item { width: 240px; text-align: center; margin-right: 9px; margin-bottom: 15px; display: inline-block; }

.product-item > a { display: block; }

.product-item img { max-width: 100%; max-height: 230px; }

.product-item:last-child { margin-right: 0; }

.product-item .title { font-size: 12px; line-height: 18px; color: #2f2f2f; padding: 0px 7px; margin-top: 8px; }

.product-item:hover { opacity: 0.8; }

.news { background: #efebe9; padding: 50px 0 50px; }

.news .news-item { float: left; width: 320px; margin-right: 20px; margin-bottom: 20px; }

.news .news-item .overlay p { color: #fff; font-size: 16px; text-align: center; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; }

.news .news-item h3 { font-size: 14px; line-height: 20px; font-weight: 400; color: #78675e; display: block; /* Fallback for non-webkit */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-top: 9px; padding: 0 4px; }

.news .news-item:nth-child(3n) { margin-right: 0; }

.news .news-item:hover { opacity: 0.8; }

/*------------------End Product---------------*/
.secIntro2 { padding-bottom: 45px; }

/*------------------Media--------------------*/
@media screen and (max-width: 768px) { .category { margin: 0 -15px 21px -15px; border-bottom: 1px solid #e1dcd9; }
  .category a, .category span { padding-left: 10px; height: 40px; line-height: 40px; font-size: 11px; }
  .category .link-left { /*width: 180px; background-size: 100%; */width: 130px;
    background-size: 100% 100%;}
  .category .link-right { padding-left: 14px; }
  .category .link-right .small { font-size: 8px; top: 10px; right: -30px; }
  .product-title { font-size: 18px; padding: 0px 15px 18px 0; border-bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: inline-block; }
  .product-title .small { left: calc(100% - 10px); top: 4px; font-size: 8px; height: 10px; line-height: 10px; }
  .product-top { padding-bottom: 0; border-bottom: 0; }
  .product-top .feature-image { width: 100%; height: auto; float: none; margin-bottom: 12px; }
  .product-top .feature-image img { max-width: 200px; max-height: 200px; display: block; margin: 0 auto; }
  .product-top .product-info { width: 100%; margin-left: 0px; float: none; }
  .product-top .product-info .variants { margin-bottom: 15px; width: calc(100% - 18px); margin: 0 auto; border-top: 1px solid #2c2c2c; }
  .product-top .product-info .variants tr td { font-size: 12px; padding: 5px 0 5px; }
  .product-top .product-info .variants tr td.variant-sku { padding-left: 6px; }
  .product-top .product-info .variants tr td span { font-size: 7px; }
  .owl-product-thumb { width: 200px; margin-bottom: 26px; }
  .owl-product-thumb .item { height: 62px; margin-left: 1px; }
  .owl-product-thumb .current .item { border: 1px solid #e0c677; }
  .owl-product-thumb .owl-nav > div img { height: 21px; }
  .owl-product-thumb .owl-nav .owl-prev { left: -35px; }
  .owl-product-thumb .owl-nav .owl-next { right: -35px; }
  .product-description { padding: 15px 0px 13px 13px; }
  .product-description p { line-height: 18px; margin-bottom: 18px; font-size: 12px; }
  .variant-bg { padding-bottom: 28px; }
  .variant-bg .title { font-size: 15px; line-height: 20px; padding: 30px 0 20px; }
  .variant-images { margin-bottom: 25px; }
  .variant-images .top { padding: 12px 9px 15px 12px; }
  .variant-images .top .left { width: initial; margin-right: 0px; }
  .variant-images .top .left h4 { font-size: 30px; line-height: 32px; margin-right: 0px; }
  .variant-images .top .left h4 .title1-new { width: 56px; }
  .variant-images .top .left h4 .title2-sp { width: 100px; }
  .variant-images .top .right { width: initial; }
  .variant-images .top .right .btn-view { padding: 4px 22px 3px 15px; font-size: 10px; line-height: 16px; margin-top: 0; }
  .variant-images .top .right .btn-view br { display: none; }
  .variant-images .top .right .btn-view:after { right: 4px; top: 8px; width: 5px; height: 6px; background-size: 100%; }
  .variant-images .top .fix-text { clear: both; display: block; font-size: 12px; line-height: 18px; padding-top: 12px; }
  .variant-images .bottom { padding: 0 5px 10px 10px; }
  .variant-images.fix-padding .top { padding-bottom: 30px; padding-left: 11px; }
  .variant-images.fix-padding .top .left h4 { font-size: 21px; margin-right: 0; }
  .variant-images.fix-padding .top .right .btn-view { padding: 3px 14px 3px 8px; }
  .variant-images.fix-padding .bottom { padding-bottom: 8px; }
  .variant-images.fix-padding .bottom ul.list-images li { margin-bottom: 8px; }
  .variant-images.variant-images2 .top { padding-top: 16px; padding-bottom: 33px; padding-left: 10px; padding-right: 8px; }
  .variant-images.variant-images2 .top .right .btn-view { margin-top: -3px; }
  ul.list-images li { margin-bottom: 14px; /*width: 82px; */max-width: none; /*margin-right: 22px; */ width: 31%; margin-right: 1%;}
  ul.list-images li:nth-child(3n) { margin-right: 0; }
  ul.list-images li img { width: 43px; height: 43px; margin: 0 auto; margin-bottom: 4px; vertical-align: top; max-width: none; }
  ul.list-images li p { font-size: 9px; line-height: 12px; }
  ul.list-images li .color { font-size: 9px; line-height: 12px; }
  .list-images-bottom { padding: 7px 0px 0 5px; margin: 0; border-bottom: 1px solid #e1dcd9; margin-bottom: 27px; }
  .list-images-bottom ul.list-images li { /*width: 43px; margin-bottom: 26px; margin-right: 41px; */width: 31%;
    margin-bottom: 26px;
    margin-right: 1%}
  .list-images-bottom ul.list-images li:nth-child(10n) { /*margin-right: 43px;*/ }
  .list-images-bottom ul.list-images li:nth-child(4n) { /*margin-right: 0px; width: 31%;
    margin-bottom: 26px;
    margin-right: 1%*/}
  .list-images-bottom .bottom-link { text-align: center; margin-top: -2px; padding-bottom: 17px; }
  .list-images-bottom .bottom-link span { font-size: 10px; margin-right: 0px; }
  .banner:hover .overlay { -webkit-transform: scale(1); transform: scale(1); }
  .product-banner { padding: 0 7.5px; }
  .product-banner .banner { float: left; width: calc(50% - 5px); margin-bottom: 67px; }
  .product-banner .banner .overlay { padding: 0; }
  .product-banner .banner .overlay .title { font-size: 12px; line-height: 14px; height: 28px; padding: 0 5px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; }
  .product-banner .banner .overlay .content { bottom: initial; top: 100%; padding: 8px 5px 0; color: #78675e; font-size: 11px; line-height: 15px; -webkit-line-clamp: 4; }
  .product-banner .banner-left { margin-right: 5px; }
  .product-banner .banner-right { margin-left: 5px; }
  .title-related { font-size: 15px; line-height: 20px; margin: 34px 0 32px; }
  .product-related { text-align: center; margin-bottom: 25px; margin-left: 5px; }
  .product-item { width: 115px; margin-right: 0px; margin-left: -5px; }
  .product-item img { max-height: 115px; }
  .product-item .title { font-size: 10px; line-height: 12px; margin-top: 0; }
  .news { padding: 30px 0 15px; }
  .news .news-content { padding: 0 7px; }
  .news .news-item { float: left; width: calc(50% - 5px); margin-right: 5px; margin-bottom: 19px; }
  .news .news-item img { width: 100%; }
  .news .news-item .overlay p { font-size: 12px; line-height: 15px; padding: 0 15px; }
  .news .news-item h3 { font-size: 12px; line-height: 15px; -webkit-line-clamp: 4; margin-top: 7px; }
  .news .news-item:nth-child(3n) { margin-right: 5px; }
  .news .news-item:nth-child(2n) { margin-left: 5px; margin-right: 0; }
  .secIntro2 { padding-bottom: 15px; } 
.list-images-bottom ul.list-images li:nth-child(10n) { margin-right: 1%; }

}

@media screen and (max-width: 320px) { .news .news-item .overlay p { padding: 0 5px; }
  ul.list-images li { /*margin-right: 8px; */} }

@media screen and (min-width: 769px) and (max-width: 999px) { .product-top .product-info { width: calc(100% - 440px); margin-left: 15px; }
  .owl-product-thumb { width: 90%; }
  .owl-product-thumb .owl-nav > div img { height: 25px; }
  .owl-product-thumb .owl-nav .owl-prev { left: -30px; }
  .owl-product-thumb .owl-nav .owl-next { right: -30px; }
  .socials .social-content { width: 100%; margin-left: 0; }
  .news .news-content { padding: 0 15px; }
  .news .news-item { width: calc(50% - 10px); margin-right: 10px; }
  .news .news-item img { width: 100%; }
  .news .news-item:nth-child(3n) { margin-right: 10px; }
  .news .news-item:nth-child(2n) { margin-left: 10px; margin-right: 0; } }
  
@media screen and (min-width: 415px) and (max-width: 768px) {
 /* .list-images-bottom ul.list-images li:nth-child(4n) { margin-right: 41px; }
  .list-images-bottom ul.list-images li:nth-child(10n) { margin-right: 41px; }*/
}
@media screen and (min-width: 769px) and (max-width: 999px) {
  .list-images-bottom ul.list-images li:nth-child(4n) { margin-right: 35px; }
  .list-images-bottom ul.list-images li:nth-child(10n) { margin-right: 35px; }
}
.txtRed{
  color: #ff0000;
}