.btn-style{text-align:center}.btn-style a,.btn-style button{position:relative;background:#bca66e;color:#fff;font-size:1.6rem;padding:.5rem 4.5rem .8rem;letter-spacing:.15em;display:inline-block;-webkit-transition:all .5s;transition:all .5s}.btn-style a::before,.btn-style a::after,.btn-style button::before,.btn-style button::after{position:absolute;content:"";top:-0.2rem;left:-0.2rem;width:0;height:0;z-index:2;border:.2rem solid rgba(0,0,0,0)}.btn-style a:hover,.btn-style button:hover{background:#fff;color:#bca66e}.btn-style a:hover::before,.btn-style a:hover::after,.btn-style button:hover::before,.btn-style button:hover::after{width:100%;height:100%}.btn-style a:hover::before,.btn-style button:hover::before{border-top-color:#bca66e;border-right-color:#bca66e;-webkit-transition:width .3s,height .3s .3s;transition:width .3s,height .3s .3s}.btn-style a:hover::after,.btn-style button:hover::after{border-bottom-color:#bca66e;border-left-color:#bca66e;-webkit-transition:height .3s,width .3s .3s;transition:height .3s,width .3s .3s}.back-btn-style a{position:relative;background:#746c5b;color:#fff;font-size:1.6rem;padding:.5rem 4.5rem .8rem;letter-spacing:.15em;display:inline-block;-webkit-transition:all .5s;transition:all .5s}.back-btn-style a::before,.back-btn-style a::after{position:absolute;content:"";top:-0.2rem;left:-0.2rem;width:0;height:0;z-index:2;border:.2rem solid rgba(0,0,0,0)}.back-btn-style a:hover{background:#fff;color:#746c5b}.back-btn-style a:hover::before,.back-btn-style a:hover::after{width:100%;height:100%}.back-btn-style a:hover::before{border-top-color:#746c5b;border-right-color:#746c5b;-webkit-transition:width .3s,height .3s .3s;transition:width .3s,height .3s .3s}.back-btn-style a:hover::after{border-bottom-color:#746c5b;border-left-color:#746c5b;-webkit-transition:height .3s,width .3s .3s;transition:height .3s,width .3s .3s}a.link-style{color:#746c5b;position:relative;padding:1rem 0}a.link-style::after{position:absolute;content:"";bottom:.4rem;left:0;width:100%;height:.1rem;background:#bca66e}a.link-style:hover{color:#bca66e}a.link-style:active,a.link-style:visited{color:#746c5b}.block-hover-style,#trivia .links ul li{position:relative;z-index:2;overflow:hidden}.block-hover-style::before,#trivia .links ul li::before{position:absolute;content:"";display:block;z-index:-1;top:50%;left:50%;width:0;height:0;margin:0;border-radius:50%;background:hsla(0,0%,100%,.2);-webkit-transition:all 1s;transition:all 1s}.block-hover-style:hover::before,#trivia .links ul li:hover::before{width:60rem;height:60rem;margin:-30rem 0 0 -30rem}.img-hover-style .img,.article-style a .img{position:relative;z-index:2;overflow:hidden}.img-hover-style .img::before,.article-style a .img::before{position:absolute;content:"";display:block;z-index:0;top:50%;left:50%;width:0;height:0;margin:0;border-radius:50%;background:rgba(188,166,110,.1);-webkit-transition:all 1s;transition:all 1s}.img-hover-style:hover .img::before,.article-style a:hover .img::before{width:60rem;height:60rem;margin:-30rem 0 0 -30rem}.sideline-style,.first-style .first-about .ttl{text-align:center;font-size:2.2rem;letter-spacing:.3em;border-left:.2rem solid #beac7f;border-right:.2rem solid #beac7f;padding:.6rem 0 1.1rem}.triangle-style{position:relative}.triangle-style::after{position:absolute;content:"";top:0;left:0;border-bottom:8rem solid rgba(0,0,0,0)}.triangle-style span{position:absolute;top:1.5rem;left:-0.5rem;color:#fff;font-size:1.2rem;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);text-align:center;z-index:1}.triangle-style span strong{font-size:1.8rem}.col3-cont-style a{padding:4.6rem 11% 3rem;width:78%}.col3-cont-style a p{font-size:1.6rem;letter-spacing:.15em;text-align:left}.col3-cont-style a .name{font-size:2.4rem;margin-top:1rem}.col3-cont-style a .name img{vertical-align:sub}.col3-cont-style a .name small{font-size:1.2rem}.article-style a{width:calc((100% - 5rem)/3)}.article-style a .img{height:26rem}.article-style a .img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.article-style a .txt{margin-top:3rem;font-family:"Noto Sans JP",sans-serif}.article-style a .txt .txt-top{margin-bottom:2rem;position:relative}.article-style a .txt .txt-top .date{color:#746c5b;font-size:1.5rem}.article-style a .txt .txt-top .cat{position:absolute;top:0;right:0;font-size:1.4rem;background:#f1eee6;color:#746c5b;margin-left:1.5rem;padding:0 1rem}.article-style a .txt .ttl{font-size:1.8rem;font-weight:100}.first-style h2{margin-bottom:4.5rem}.first-style .first-about .first-about-cont{margin-top:7.2rem}.first-style .first-about .first-about-cont .txt{width:46%;font-size:1.8rem;line-height:1.8}.first-style .first-about .first-about-cont .img{width:48%}.first-style .reassurance{margin-top:8.4rem}.first-style .reassurance .reassurance-list{margin-top:5rem}.first-style .reassurance .reassurance-list li{width:calc((100% - 1.2rem)/4)}.first-style .reassurance .reassurance-list li:nth-child(1) .img{height:15.45vw;width:80%;padding:0 10%;background:#fff}.first-style .reassurance .reassurance-list li:nth-child(1) .img img{height:100%;-o-object-fit:cover;object-fit:cover}.first-style .reassurance .reassurance-list li:nth-child(1) .video{height:22.4rem;width:76%;padding:0 12%;background:#fff}.first-style .reassurance .reassurance-list li:nth-child(1) .video video{height:100%;-o-object-fit:cover;object-fit:cover}.first-style .reassurance .reassurance-list li .txt{text-align:center;font-family:"Noto Sans JP",sans-serif;margin-top:2.6rem}.page-template #onecolumn #shop-info{margin-top:0}#trivia .birthstone .inner-s,#trivia .birthstone .sp-inner100,#trivia .size .inner-s,#trivia .size .sp-inner100,#trivia .clarity .inner-s,#trivia .clarity .sp-inner100,#trivia .color .inner-s,#trivia .color .sp-inner100,#trivia .cut .inner-s,#trivia .cut .sp-inner100,#trivia .appraisal .inner-s,#trivia .appraisal .sp-inner100,#trivia .diamond-color .inner-s,#trivia .diamond-color .sp-inner100,#trivia .diamond-shape .inner-s,#trivia .diamond-shape .sp-inner100,#trivia .how-to-care .inner-s,#trivia .how-to-care .sp-inner100,#trivia .links .inner-s,#trivia .links .sp-inner100{max-width:1000px}#trivia .birthstone .sp-inner100,#trivia .size .sp-inner100,#trivia .clarity .sp-inner100,#trivia .color .sp-inner100,#trivia .cut .sp-inner100,#trivia .appraisal .sp-inner100,#trivia .diamond-color .sp-inner100,#trivia .diamond-shape .sp-inner100,#trivia .how-to-care .sp-inner100,#trivia .links .sp-inner100{margin:0 auto}#trivia h2{font-size:2.6rem}#trivia h2 span{font-size:1.4rem}#trivia h3{font-size:2.4rem;margin:0 0 4rem}#trivia .mabo,#trivia .mabo-pc{margin-bottom:4rem}#trivia .mato{margin-top:6rem}#trivia .center{text-align:center}#trivia .center-pc{text-align:center}#trivia .text{font-size:1.6rem;line-height:1.8}#trivia .proc-box{background:#fff;padding:6rem 0;margin-bottom:8rem}#trivia .container{position:relative}#trivia .birthstone{padding-top:0}#trivia .birthstone .box{border:1px #bca66e solid;margin-top:8rem;position:relative}#trivia .birthstone .box .inner{padding:6rem 0}#trivia .birthstone .box .title{background:#fff;color:#bca66e;font-size:2.6rem;padding:0 3rem;position:absolute;top:-2rem;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);margin:auto}#trivia .birthstone .box .description h3 span{font-size:1.6rem}#trivia .birthstone .box .description .other{color:#bca66e;margin:4rem 0 1rem;font-size:2rem;letter-spacing:.3em}#trivia .birthstone .box .description .birthstone-symbolism{font-size:1.8rem;margin-bottom:4rem}#trivia .birthstone .box .description .birthstone-description{margin-top:4rem}#trivia .size h3{margin-top:6rem}#trivia .size h3:first-of-type{margin-top:0}#trivia .size table{margin:0 auto}#trivia .size table tr td{width:10rem;text-align:center}#trivia .size table tr:first-of-type td{padding:2rem}#trivia .clarity span,#trivia .color span,#trivia .cut span{font-size:1.6rem}#trivia .clarity object,#trivia .color object,#trivia .cut object{display:block;margin:0 auto;margin-bottom:4rem}#trivia .clarity .square,#trivia .color .square,#trivia .cut .square{color:#bca66e}#trivia .appraisal .box{border:1px #bca66e solid;margin-top:8rem;position:relative}#trivia .appraisal .box .inner{padding:6rem 0}#trivia .appraisal .box h2{background:#fff;padding:0 3rem;position:absolute;top:-4rem;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);margin:auto}#trivia .appraisal .box .description{margin-top:4rem}#trivia .diamond-color .box,#trivia .diamond-shape .box{border:1px #bca66e solid;margin-top:8rem;position:relative}#trivia .diamond-color .box .inner,#trivia .diamond-shape .box .inner{padding:6rem 0}#trivia .diamond-color .box .description-title,#trivia .diamond-shape .box .description-title{font-size:2.4rem}#trivia .diamond-color .box .title,#trivia .diamond-shape .box .title{background:#fff;color:#bca66e;font-size:3.5rem;padding:0 3rem;position:absolute;top:-3.5rem;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);margin:auto}#trivia .diamond-color .box .description-title,#trivia .diamond-shape .box .description-title{margin-bottom:4rem}#trivia .diamond-color .box .description,#trivia .diamond-shape .box .description{margin-top:6rem}#trivia .diamond-color .box .description table,#trivia .diamond-shape .box .description table{margin:0 auto}#trivia .diamond-color .box .description:first-of-type,#trivia .diamond-shape .box .description:first-of-type{margin-top:0}#trivia .diamond-shape .box .description-title{margin:2rem 0}#trivia .how-to-care{text-align:center}#trivia .how-to-care .box{border:1px #bca66e solid;margin-top:8rem;position:relative}#trivia .how-to-care .box .inner{padding:6rem 0}#trivia .how-to-care .box .title{font-size:2.2rem}#trivia .how-to-care .box .description{margin-top:4rem}#trivia .how-to-care .box::before{background:#fff;color:#bca66e;font-size:4rem;margin-left:-4rem;position:absolute;top:-4rem;left:50%;width:8rem}#trivia .how-to-care .box:first-of-type::before{content:"1"}#trivia .how-to-care .box:nth-of-type(2)::before{content:"2"}#trivia .how-to-care .box:nth-of-type(3)::before{content:"3"}#trivia .how-to-care .box:nth-of-type(4)::before{content:"4"}#trivia .how-to-care .box:nth-of-type(5)::before{content:"5"}#trivia .links{margin-top:8rem;margin-bottom:1px;padding-bottom:8rem}#trivia .links ul{margin-top:4rem}#trivia .links ul li{width:calc((100% - 13rem)/2);padding:2.6rem 3rem;margin-bottom:1rem}#trivia .links ul li a{width:100%}#trivia .links ul li .sub-text{color:#bca66e}#trivia .links ul li .detail{margin-top:.5rem;font-size:1.8rem}.no-webp #onecolumn #trivia .links li:first-child{background:url(//www.shiawase-yubiwa.jp/wp/wp-content/themes/shiawase-yubiwa/assets/img/contents/trivia-diamond/trivia01.jpg) no-repeat right;background-size:cover}.no-webp #onecolumn #trivia .links li:nth-child(2){background:url(//www.shiawase-yubiwa.jp/wp/wp-content/themes/shiawase-yubiwa/assets/img/contents/trivia-diamond/trivia02.jpg) no-repeat right;background-size:cover}.no-webp #onecolumn #trivia .links li:nth-child(3){background:url(//www.shiawase-yubiwa.jp/wp/wp-content/themes/shiawase-yubiwa/assets/img/contents/trivia-diamond/trivia03.jpg) no-repeat right;background-size:cover}.no-webp #onecolumn #trivia .links li:nth-child(4){background:url(//www.shiawase-yubiwa.jp/wp/wp-content/themes/shiawase-yubiwa/assets/img/contents/trivia-diamond/trivia04.jpg) no-repeat right;background-size:cover}.webp #onecolumn #trivia .links li:first-child{background:url(//www.shiawase-yubiwa.jp/wp/wp-content/themes/shiawase-yubiwa/assets/img/contents/trivia-diamond/trivia01.jpg.webp) no-repeat right;background-size:cover}.webp #onecolumn #trivia .links li:nth-child(2){background:url(//www.shiawase-yubiwa.jp/wp/wp-content/themes/shiawase-yubiwa/assets/img/contents/trivia-diamond/trivia02.jpg.webp) no-repeat right;background-size:cover}.webp #onecolumn #trivia .links li:nth-child(3){background:url(//www.shiawase-yubiwa.jp/wp/wp-content/themes/shiawase-yubiwa/assets/img/contents/trivia-diamond/trivia03.jpg.webp) no-repeat right;background-size:cover}.webp #onecolumn #trivia .links li:nth-child(4){background:url(//www.shiawase-yubiwa.jp/wp/wp-content/themes/shiawase-yubiwa/assets/img/contents/trivia-diamond/trivia04.jpg.webp) no-repeat right;background-size:cover}@media screen and (max-width: 1024px){#trivia .appraisal .box h2{left:30%;transform:translateX(-10%);-webkit-transform:translateX(-10%);-ms-transform:translateX(-10%)}}@media screen and (max-width: 767px){#trivia .inner-s{width:86%}#trivia .mabo-pc{margin-bottom:0}#trivia .center-pc{text-align:left}#trivia .text{text-align:left}#trivia .birthstone .box .title{left:40%;transform:translateX(-33%);-webkit-transform:translateX(-33%);-ms-transform:translateX(-33%)}#trivia .appraisal .box h2{left:25%;transform:translateX(-15%);-webkit-transform:translateX(-15%);-ms-transform:translateX(-15%)}#trivia .how-to-care .box .description{text-align:left}#trivia .links ul li{width:100%}}@media screen and (max-width: 479px){#onecolumn #trivia .about .inner-s{width:90%}#trivia section .inner .btn a,#trivia section .inner .back-btn a,#trivia section .inner-s .btn a,#trivia section .inner-s .back-btn a,#trivia section .inner-m .btn a,#trivia section .inner-m .back-btn a,#trivia section .inner-l .btn a,#trivia section .inner-l .back-btn a{padding:.9rem 0;width:100%}#trivia section .inner .btn-90 a,#trivia section .inner-s .btn-90 a,#trivia section .inner-m .btn-90 a,#trivia section .inner-l .btn-90 a{width:90%}#trivia section .sp-inner100 .btn a{width:90%}#trivia .inner-s{width:90%}#trivia h2{font-size:2.2rem}#trivia h2 span{font-size:1.2rem}#trivia h3{font-size:2rem}#trivia .text{font-size:1.6rem}#trivia .birthstone .box .title{left:15%;transform:translateX(-7%);-webkit-transform:translateX(-7%);-ms-transform:translateX(-7%)}#trivia .birthstone .box .description .other{margin:4rem 0 0;font-size:1.8rem}#trivia .size table tr td{font-size:1.4rem}#trivia .clarity object,#trivia .color object,#trivia .cut object{width:100%}#trivia .appraisal .box .inner{padding:3rem 0}#trivia .appraisal .box h2{left:10%;transform:translateX(-3%);-webkit-transform:translateX(-3%);-ms-transform:translateX(-3%)}#trivia .diamond-color .box .description-title,#trivia .diamond-shape .box .description-title{font-size:2rem}#trivia .diamond-color .box .title,#trivia .diamond-shape .box .title{font-size:3rem}#trivia .diamond-shape .box .description-title{margin-bottom:0rem}#trivia .how-to-care .box{margin-top:6rem}#trivia .how-to-care .box .inner{padding:4rem 0}#trivia .links{margin-top:4rem;margin-bottom:1px;padding-bottom:4rem}}