.movie__topfix{width:100%;height:auto}.topFix .topicsBox{margin-bottom:20px}@media screen and (max-width: 640px){.topFix .topicsBox{width:100%;height:100%;margin-bottom:0}}.topFix .topicsBox a.topics{position:relative;display:block}@media screen and (max-width: 640px){.topFix .topicsBox a.topics{width:100%;height:100%}}.topFix .topicsBox a.topics p{position:absolute;width:100%;padding:clamp(18px,3vw,30px) 0;left:0;bottom:0;text-align:center;color:#fff;font-size:clamp(14px,1.8vw,18px);background:rgba(0,0,0,.8)}@media screen and (max-width: 640px){.topFix .topicsBox a.topics .pc{display:none}}.topFix .topicsBox a.topics .sp{display:none}@media screen and (max-width: 640px){.topFix .topicsBox a.topics .sp{display:block}}.topFix video{aspect-ratio:1080/1920;width:100%}@media screen and (max-width: 640px){.topFix video{display:block}}@media screen and (max-width: 900px){.topFix{padding-top:110px}}@media screen and (max-width: 640px){.topFix{width:100vw;height:auto;overflow:hidden}}.coordinate{margin:clamp(48px,8vw,80px) auto 0;padding:0 20px clamp(48px,8vw,80px)}@media screen and (max-width: 640px){.coordinate{margin-top:48px}}.coordinate__title{text-align:left;font-size:clamp(1.44rem,2.4vw,2.4rem);line-height:1.5}@media screen and (max-width: 640px){.coordinate__title{font-size:1.8rem}}.coordinate__subtitle{margin-top:clamp(6px,1vw,10px);text-align:left;font-size:clamp(.84rem,1.4vw,1.4rem)}@media screen and (max-width: 640px){.coordinate__subtitle{font-size:1.2rem}}.coordinate__slider{margin-top:clamp(18px,3vw,30px)}@media screen and (max-width: 640px){.coordinate__list{display:flex;gap:15px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab}.coordinate__list::-webkit-scrollbar{display:none}}@media screen and (max-width: 640px){.coordinate__item{flex:0 0 calc((100% - 15px)/1.5)}}.coordinate__figure{margin:0}.coordinate__img{-webkit-user-drag:none;user-select:none}.coordinate__caption{margin-top:clamp(12px,2vw,20px);text-align:center;font-size:clamp(.9rem,1.5vw,1.5rem);line-height:1.8}@media screen and (max-width: 640px){.coordinate__caption{font-size:1.3rem}}.coordinate__scrollbar{display:none;position:relative;margin-top:15px;padding:10px 0;background:#ddd content-box;height:23px;touch-action:none;cursor:pointer}@media screen and (max-width: 640px){.coordinate__scrollbar{display:block}}.coordinate__thumb{position:absolute;top:10px;left:0;height:3px;background:#535353;cursor:grab}.coordinate .slick-list{overflow:hidden;padding-right:33.333%}.coordinate .slick-slide{padding-right:20px}.slider{margin-top:clamp(60px,10vw,100px)}.slider.noTop{margin-top:30px !important}.slider .pc{display:block}.slider .sp{display:none}.slider li div{width:50%;height:100%;display:table;position:absolute;top:0;right:0}.slider li div p{display:table-cell;vertical-align:middle;padding:5% 10%;height:100%;text-align:left;color:#fff;line-height:2}@media screen and (max-width: 1080px){.slider li div p{font-size:90%;padding:5% 8%}}@media screen and (max-width: 900px){.slider li div p{line-height:1.7}}.slider li div p span{display:inline-block;font-size:180%;margin-bottom:30px}@media screen and (max-width: 1080px){.slider li div p span{font-size:140%}}.slider .bx-wrapper .bx-viewport{border:1px solid #ddd}.slider .bx-wrapper .bx-viewport .bxslider>li{height:100%}.slider .bx-wrapper .bx-viewport .bxslider>li a{display:block;height:100%}@media screen and (max-width: 640px){.slider .bx-wrapper .bx-viewport .bxslider>li a img{height:100%;object-fit:cover}}.slider .bx-wrapper .bx-controls-direction a{top:50% !important;transform:translateY(-50%);display:none}@media screen and (max-width: 640px){.slider .bx-wrapper .bx-controls-direction a{display:block}}@media screen and (max-width: 900px){.slider{padding-top:0 !important}}@media screen and (max-width: 640px){.slider{width:100vw;height:calc(100vh - 110px);overflow:hidden}.slider .bx-wrapper{height:100%;margin-bottom:0}.slider .bx-wrapper .bx-viewport{height:100% !important}.slider .bx-wrapper .bx-viewport .bxslider{height:100%}.slider .bx-wrapper .bx-viewport .bx-controls{top:auto;bottom:0px}.slider .bx-wrapper .bx-viewport .bx-controls .bx-pager{bottom:10px;padding-top:0}}.recommend{padding:0 20px}@media screen and (max-width: 640px){.recommend{width:100vw;height:calc(100vh - 110px);overflow:hidden;display:flex;flex-direction:column;justify-content:center}}.recommend .subTtl{margin:0}.recommend .slick-arrow{display:none !important}@media screen and (max-width: 480px){.recommend .slick-arrow{display:inline-block !important}}.slick-list{position:relative;display:block;overflow:visible;margin:0}.slick-item a{display:block}.slick-info{position:relative}.slick-item__new{position:absolute;left:50%;top:0;display:inline-block;padding:2px 30px;font-size:1.3rem;border:1px solid #ccc;transform:translate(-50%, calc(-100% - 20px))}.slick-slide{position:relative}.slick-slide p{text-align:center;font-size:1.3rem}@media screen and (max-width: 480px){.slick-slide p{font-size:1.2rem}}.slick-slide .caption{position:absolute;left:0;bottom:0;z-index:2;width:100%;padding:0;font-size:1.15rem;opacity:0;transform:translateY(150%);transition:.3s ease}.slick-current .caption{opacity:1;transition-delay:.5s;letter-spacing:0;text-align:center}@media screen and (max-width: 480px){.slick-prev,.slick-next{scale:.7;transform:translate(0, -72%) !important}}.slick-dots li{margin:0 !important}.slick-prev:before,.slick-next:before{content:none !important}.slick-prev,.slick-next{width:48px !important;height:99px !important;z-index:10;background:url(../img/bxslider/controls_g.png) no-repeat 0 0 !important}.slick-next{background:url(../img/bxslider/controls_g.png) no-repeat -48px 0 !important}.slick-prev:hover{background-position:0 -99px !important}.slick-next:hover{background-position:-48px -99px !important}.itemselect{margin-top:clamp(60px,10vw,100px);padding:0 20px}@media screen and (max-width: 640px){.itemselect{display:grid;place-items:center;margin-top:0;width:100vw;height:calc(100vh - 110px);overflow:hidden}}.itemselect ul{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%}.itemselect ul.subTtl{justify-content:center;width:100%}@media screen and (max-width: 640px){.itemselect ul.subTtl{margin:0}}.itemselect ul li{width:calc((100% - 60px)/3)}@media screen and (max-width: 640px){.itemselect ul li{width:calc((100% - 20px)/3)}}.itemselect ul li a{position:relative;display:block;overflow:hidden}.itemselect ul li a::after{position:absolute;content:"";width:100%;height:100%;left:0;top:0;border:1px solid #eee}.itemselect ul li a span{position:absolute;width:100%;padding:4px 0;left:0;top:0;color:#fff;font-size:clamp(1rem,1.4vw,1.4rem);text-align:center;background:rgba(0,0,0,.5);z-index:2;overflow:hidden}@media screen and (max-width: 640px){.itemselect ul li a span{padding:2px 0}}.itemselect ul li.all{width:100%;padding:clamp(20px,3vw,30px) 0 0;text-align:center}.itemselect ul li.all a{display:inline-block;padding:4px clamp(18px,3vw,30px);font-size:clamp(1.1rem,1.4vw,1.4rem);border:1px solid #ddd;aspect-ratio:inherit}.itemselect ul li.all a::after{content:none}.itemselect ul.item li a span{top:50%;transform:translateY(-50%);background:none}.itemselect ul.item li:not(:last-child) a{aspect-ratio:2/1;background:rgba(0,0,0,.5)}@media screen and (max-width: 640px){.itemselect ul.series li a>img{width:140%;margin-left:-20%;margin-top:-20%;margin-bottom:-20%}}.itemselect ul.series li a span{display:block;position:relative;width:100%;padding:0 0 12px;text-align:center;background:none;overflow:hidden}@media screen and (max-width: 640px){.itemselect ul.series li a span{width:calc(100% - 2px);margin-left:1px}}.itemselect ul.series li a span img{width:98%;max-width:208px}@media screen and (max-width: 640px){.itemselect ul.series li a span img{width:140%;margin-left:-20%}}.topicslist{margin-top:clamp(60px,10vw,100px)}@media screen and (max-width: 640px){.topicslist{margin-top:0;width:100vw;height:calc(100vh - 110px);overflow:hidden}}@media screen and (max-width: 640px){.topicslist .topicsBox{margin-top:0;width:100vw;height:calc(100vh - 110px);overflow:hidden}}.topicslist .topicsBox a{display:block;height:100%}.topicslist .topicsBox a img{aspect-ratio:1100/600}@media screen and (max-width: 640px){.topicslist .topicsBox a img{object-fit:cover;width:100%;height:100%;aspect-ratio:inherit}}section.news{margin-top:50px}section.news a{display:block;width:50%;float:left}section.news .topicsBox{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:30px}section.news .topicsBox a{display:block;width:calc(50% - 10px)}@media screen and (max-width: 640px){section.news .topicsBox a{width:calc(50% - 5px)}}section.news .topicsBox a:nth-child(n+3){margin-top:20px}@media screen and (max-width: 640px){section.news .topicsBox a:nth-child(n+3){margin-top:10px}}section.news .topicsBox a.full{width:100%}@media screen and (max-width: 640px){section.news .topicsBox a.full{margin-top:0}}section.news .topicsBox a.full video{width:100%;height:auto}@media screen and (max-width: 640px){section.news .topicsBox a img.pc{display:none}}section.news .topicsBox a img.sp{display:none}@media screen and (max-width: 640px){section.news .topicsBox a img.sp{display:block}}section.news .newsList{width:100%;box-sizing:border-box;margin:0}section.news .newsList h3{border-top:1px solid #ddd;border-bottom:1px solid #ddd;height:48px;line-height:48px;text-align:center;font-size:120%}section.news .newsList ul{height:auto;min-height:140px;margin:20px;overflow:auto}section.news .newsList ul li{margin-bottom:20px}section.news .newsList ul li:last-child{margin-bottom:0}section.news .newsList ul li a{display:block}section.news .newsList ul li a a div.img{width:120px;height:80px;margin-right:10px;background-position:center center;background-size:cover;float:left;display:none}section.news .newsList ul li img{float:left;width:15%;margin-right:3%}section.news .newsList ul li p{width:100%;font-size:90%;margin:0 0 5px}section.news .newsList ul li p span{display:block;font-size:90%;color:#999}section.jewelry{margin-top:50px}@media screen and (max-width: 640px){section.jewelry{display:none}}section.jewelry h3{border-top:1px solid #ddd;border-bottom:1px solid #ddd;height:48px;line-height:48px;text-align:center;font-size:120%}section.jewelry ul li{float:left;width:20%;text-align:center;padding-bottom:6px;border-bottom:1px solid #ddd}section.jewelry ul li img.item{border:1px solid #ddd;margin-bottom:6px;box-sizing:border-box}section.jewelry ul li img.name{margin:12px auto 6px}section.jewelry ul li a{display:block}section.jewelry .bx-wrapper{margin-top:30px !important}section.jewelry .bx-controls-direction{position:relative}section.jewelry .bx-prev,section.jewelry .bx-next{top:-190px}section.jewelry .bx-prev{left:-40px}@media screen and (max-width: 1080px){section.jewelry .bx-prev{left:10px}}section.jewelry .bx-next{right:-40px}@media screen and (max-width: 1080px){section.jewelry .bx-next{right:10px}}section.jewelry ul li.new{position:relative}section.jewelry ul li.new::after{position:absolute;content:"New";left:10px;top:10px;padding:0 4px;font-size:1.2rem;color:red;border:1px solid rgba(255,0,0,.6);border-radius:6px}section.about{margin-top:50px}section.about>a{display:block;width:50%;float:left;background:url(../img/home/about.jpg) center center no-repeat;background-size:cover}section.about>a img{display:none}section.about div{width:50%;float:left;padding-top:20px;background-color:#533c3b}section.about h3{margin:0 20px 40px;border-bottom:1px solid #7c5956;height:48px;line-height:48px;text-align:center;font-size:130%;color:#fff;background-color:rgba(83,60,59,.6)}section.about dl{margin:0 20px 20px}section.about dl a{color:#fff;display:block;width:100%;height:100%}section.about dl dt{display:table-cell;width:30%;vertical-align:middle;border:1px solid #7c5956}section.about dl dt span{display:block;text-align:center;padding:10px 5px}section.about dl dt{background:url(../img/home/history_bg.jpg) left top no-repeat;background-size:cover}section.about dl+dl dt{background:url(../img/home/whats_brown_diamond_bg.jpg) left top no-repeat;background-size:cover}section.about dl+dl+dl dt{background:url(../img/home/brown_diamond_quality_bg.jpg) left top no-repeat;background-size:cover}section.about dl dd{display:table-cell;width:70%;padding:15px;vertical-align:middle;border:1px solid #7c5956;border-left:none;font-size:90%}.other{margin-top:50px;padding:0 20px;border-left:1px solid #ddd;border-right:1px solid #ddd}@media screen and (max-width: 1080px){.other{border-left:none;border-right:none}}.other h3{border-top:1px solid #ddd;border-bottom:1px solid #ddd;height:48px;line-height:48px;text-align:center;font-size:160%}.other dl a{display:block;float:left;width:23.8%;text-align:center;font-size:110%;margin-right:1.587%}.other dl a:first-child{width:49.2%}.other dl a:last-child{margin-right:0}.other dl dd{padding:6px 0;border-bottom:1px solid #ddd;font-size:80%}.banner{max-width:550px;margin:80px auto;padding:0 20px}.banner a{display:block;border:1px solid #ddd}@media screen and (max-width: 768px){.slider li img{width:100%;float:none}.slider li div{width:100%;float:none;position:relative;background-color:#7c7c7c}.slider .bx-controls{width:100%}.slider .bx-wrapper .bx-viewport{border:none}section.news .topicsBox a:first-child{display:block}section.news>a{width:100%}section.news .newsList{width:100%;padding:0 20px;margin:20px 0 0;border-bottom:none}section.news .newsList ul{height:auto !important;margin:20px 0 0;padding-bottom:0;overflow:hidden}section.news .newsList ul li img{float:left;width:15%;margin-right:3%}section.news .newsList ul li p{width:100%;font-size:90%;margin:2px 0 5px}section.news .newsList ul li p span{display:block;font-size:90%}section.jewelry h3{margin-left:20px;margin-right:20px}section.about>a{width:100%;float:none;height:auto !important;background:none}section.about>a.about{position:relative}section.about>a img{display:block}section.about div{width:100%;float:none;height:auto !important;padding-bottom:1px}section.about dl dt,section.about dl dd{padding:10px}section.about h3{margin:0px 5%;position:absolute;top:40%;width:90%}}@media screen and (max-width: 640px){.slider .pc{display:none}.slider .sp{display:block}.topFix .topicsBox{margin-bottom:8px}.bx-wrapper{margin:0 auto 30px}.slider .bx-viewport{background-color:#7c7c7c}.slider li div p{font-size:80%}section.jewelry .bx-prev,section.jewelry .bx-next{top:-157px}section.jewelry .bx-prev{left:-15px}section.jewelry .bx-next{right:-15px}.jewelry .bx-wrapper{padding:0 20px}section.about dl dd{font-size:80%}.other dl a{margin:0;width:48.5%}.other dl a:first-child{float:none;width:100%;margin:0 0 20px}.other dl a:last-child{margin-right:0;margin:0 0 0 3%}}