@charset "UTF-8"; /*PC用*/ @media screen and (min-width:641px) { /*.local-h2 { background-image: url(../images/aboutjewel/h2-bg.jpg); }*/ .local-h2 { background-image: url(../images/shop/h2-bg.jpg); } .page-aboutjewel { margin-bottom: 160px; } .page-aboutjewel .pan-Box { margin-bottom: 46px; } .local-h2 .en { letter-spacing: 7px; } #page-aboutjewel { /*#menu*/ /*#compare*/ /*#question*/ /*#quality*/ /*#detailed*/ /*リングの品質と付け心地について*/ /*#detailed*/ } #page-aboutjewel .h3_txt { color: #000000; font-size: 30px; line-height: 2; } #page-aboutjewel .bg { background: url(../images/aboutjewel/ttl_bg.png) no-repeat top; } #page-aboutjewel .bg02 { background: url(../images/aboutjewel/bg01.jpg) no-repeat right; width: 1100px; margin: 0 auto; padding: 73px 0 81px; } #page-aboutjewel .sub_ttl { color: #000000; line-height: 1.8; font-size: 24px; width: 431px; } #page-aboutjewel .txt { width: 531px; border-top: 1px solid #d7d7d7; color: #000000; font-size: 24px; line-height: 1.8; padding-top: 30px; letter-spacing: .05em; } #page-aboutjewel .small_txt { color: #000000; font-size: 16px; line-height: 1.8; } #page-aboutjewel .dot { text-emphasis-style: dot; } #page-aboutjewel #menu .menu_bg { padding: 48px 60px; background: #f6f6f6; } #page-aboutjewel #menu .h4_txt { color: #000000; font-size: 22px; font-weight: 400; line-height: 1.8; } #page-aboutjewel #menu .menu_list { width: 880px; margin: 0 auto; } #page-aboutjewel #menu .btn01 { margin-bottom: 23px; } #page-aboutjewel #menu .btn02 { margin-bottom: 17px; } #page-aboutjewel .purchase_clump { margin-bottom: 120px; } #page-aboutjewel #compare { width: 1100px; margin: 0 auto; } #page-aboutjewel #compare .h5_txt { color: #000000; font-size: 26px; margin-bottom: 32px; line-height: 27px; width: 1100px; background: #eeeeee; padding: 17px 15px; letter-spacing: .09em; } #page-aboutjewel #compare .h5_txt span { padding-right: 10px; } #page-aboutjewel #compare .compare_txt01 { color: #000000; font-size: 22px; line-height: 1; position: absolute; top: 34px; left: 34px; } #page-aboutjewel #compare .compare_txt02 { color: #000000; font-size: 24px; line-height: 1.3; position: absolute; top: 38px; right: 207px; } #page-aboutjewel #compare .left_box { border-left: 1px solid; padding: 38px 42px 36px 39px; border-right: 1px solid; } #page-aboutjewel #compare .right_box { border-right: 1px solid; padding: 38px 55px 36px 38px; } #page-aboutjewel #compare .txt_box02 { color: #000000; font-size: 14px; line-height: 1.8; } #page-aboutjewel #compare .txt_box03 { width: 457px; color: #000000; font-size: 14px; line-height: 1.8; } #page-aboutjewel #compare .bg03 { background: url(../images/aboutjewel/bg02.jpg) no-repeat top; padding: 35px 0 24px; width: 1100px; margin-bottom: 130px; } #page-aboutjewel #compare .txt_box04 { color: #000000; font-size: 36px; font-weight: 600; line-height: 1.5; letter-spacing: .18em; } #page-aboutjewel #compare .bb { border-bottom: 2px solid; } #page-aboutjewel #question { width: 1260px; /*background: url(../images/aboutjewel/bg03.jpg) no-repeat bottom 0 left 0,*/background:#efe8e4; margin: 0 auto 144px; padding: 65px 78px 49px; /*.box*/ /*.box02*/ /*.ans_txt02*/ } #page-aboutjewel #question .box_rel:after { content: ""; width: 183px; border-bottom: 1px solid; position: absolute; bottom: 0; left: 158px; bottom: -12px; left: 0px; right: 0; top: 0px; margin-right: auto; margin-left: auto; } #page-aboutjewel #question .h5_txt { color: #000000; font-size: 22px; line-height: 1.5; } #page-aboutjewel #question .h5_txt strong { font-size: 28px; letter-spacing: .2em; } #page-aboutjewel #question .h5_txt strong span { padding-right: 44px; letter-spacing: .2em; } #page-aboutjewel #question .ans_txt { color: #000000; font-size: 12px; line-height: 1.8; } #page-aboutjewel #question .sub_ttl02 { color: #000000; font-size: 16px; line-height: 1.8; margin-bottom: 5px; } #page-aboutjewel #question .inner_sub { color: #000000; font-size: 24px; line-height: 1; margin-bottom: 20px; } #page-aboutjewel #question .box { width: 342px; padding: 31px 24px 24px; background: #FFFFFF; margin-right: 37px; } #page-aboutjewel #question .box:nth-child(3n) { margin-right: 0; } #page-aboutjewel #question .box02 { width: 342px; padding: 31px 24px 24px; background: #FFFFFF; margin-right: 37px; } #page-aboutjewel #question .box02:nth-child(3n) { margin-right: 0; } #page-aboutjewel #question .box02 .inner_sub { margin-bottom: 0; line-height: 1.3; letter-spacing: .08em; } #page-aboutjewel #question .ans_txt02 { width: 671px; color: #000000; font-size: 16px; line-height: 2.2; margin: 0 auto; } #page-aboutjewel #question .ans_txt02 strong { color: #000000; font-size: 30px; line-height: 1.8; letter-spacing: 0.05em; } #page-aboutjewel #quality { width: 1100px; margin: 0 auto 139px; /*#carat*/ /*#color*/ /*#clarity*/ /*#cut*/ } #page-aboutjewel #quality .h5_txt { color: #000000; font-size: 28px; line-height: 1.8; margin-bottom: 27px; letter-spacing: 0.06em; } #page-aboutjewel #quality .h5_txt span { padding-right: 10px; } #page-aboutjewel #quality .bg03 { width: 1100px; background: #f1f1f1; padding: 37px 0 27px; } #page-aboutjewel #quality .btn_box { width: 945px; margin: 0 auto; } #page-aboutjewel #quality .carat_clump { padding: 31px 0 49px 51px; border: 1px solid #d2d2d2; background: url(../images/aboutjewel/bg04.jpg) no-repeat top 0 right 0; } #page-aboutjewel #quality #carat .carat_txt { color: #000000; font-size: 14px; line-height: 1.8; } #page-aboutjewel #quality .color_clump { padding: 34px 144px 55px 51px; background: url(../images/aboutjewel/bg05.jpg) no-repeat top 0 right 0, #f4f4f4; } #page-aboutjewel #quality #color .color_txt { color: #000000; font-size: 14px; line-height: 1.8; margin-bottom: 80px; } #page-aboutjewel #quality .clarity_clump { width: 1100px; padding: 34px 135px 59px 51px; border: 1px solid #d2d2d2; background: url(../images/aboutjewel/bg07.jpg) no-repeat top 161px right 0; } #page-aboutjewel #quality #clarity .clarity_txt { color: #000000; font-size: 14px; line-height: 1.8; margin-bottom: 80px; } #page-aboutjewel #quality .cut_clump { padding: 35px 43px 48px 51px; background: url(../images/aboutjewel/bg09.jpg) no-repeat top 0 right 0, #d0d3d4; } #page-aboutjewel #quality #cut .cut_txt { color: #000000; font-size: 14px; line-height: 1.8; } #page-aboutjewel #quality #cut .right_box { width: 281px; color: #000000; font-size: 14px; line-height: 1.8; } #page-aboutjewel #detailed { width: 1100px; margin: 0 auto 74px; /*.inner_ttl*/ } #page-aboutjewel #detailed .h5_txt { color: #000000; font-size: 28px; line-height: 1.8; border-bottom: 1px solid #b2b2b2; width: 1100px; letter-spacing: 0.06em; } #page-aboutjewel #detailed .h5_txt span { padding-right: 10px; } #page-aboutjewel #detailed .right_box { width: 548px; color: #000000; font-size: 14px; line-height: 2; } #page-aboutjewel #detailed .inner_ttl { color: #bea89c; font-size: 24px; line-height: 1.3; } #page-aboutjewel #detailed .inner_ttl strong { font-size: 30px; color: #000000; } #page-aboutjewel #detailed .right_box02 { width: 416px; color: #000000; font-size: 14px; line-height: 2; } #page-aboutjewel #detailed .right_box03 { width: 559px; color: #000000; font-size: 14px; line-height: 2; } #page-aboutjewel #detailed .GIA_box { padding: 63px 87px 52px 59px; border: 1px solid; } #page-aboutjewel #detailed .bg_box { background: url(../images/aboutjewel/bg08.jpg) no-repeat top 0 right 0, #000000; padding: 44px 0 36px 75px; margin-bottom: 115px; } #page-aboutjewel #detailed .inner_ttl02 { color: #bea89c; font-size: 18px; line-height: 1.3; } #page-aboutjewel #detailed .inner_ttl02 strong { font-size: 28px; color: #000000; } #page-aboutjewel #detailed .bg_box .inner_ttl02 { color: #bea89c; font-size: 18px; line-height: 1.5; } #page-aboutjewel #detailed .bg_box .inner_ttl02 strong { font-size: 28px; color: #fff; } #page-aboutjewel #detailed .txt_box02 { color: #ffffff; font-size: 14px; line-height: 2; } #page-aboutjewel #detailed .h5_txt02 { color: #000000; font-size: 28px; line-height: 1.8; } #page-aboutjewel #detailed .left_box02 { width: 550px; border: 7px solid #e5e5e5; padding: 45px 75px 39px 45px; } #page-aboutjewel #detailed .right_box04 { padding: 46px 0 42px; } #page-aboutjewel #detailed .platinum_txt { color: #000000; font-size: 14px; line-height: 1.8; } #page-aboutjewel #detailed .txt_box03 { width: 490px; } /*#page-aboutjewel*/ /* color -------------------------------------*/ #color .recommended-Box { position: relative; } #color .recommended-Box .deco { position: absolute; left: 0; top: -46px; } #color .recommended-Box .txt-02 { padding-left: 130px; padding-top: 14px; font-size: 20px; line-height: 24px; color: #000000; margin-bottom: 18px; } #color table { margin-bottom: 18px; border: 1px solid #bfbfbf; background-color: #fff; } #color td { border: 1px solid #bfbfbf; text-align: center; vertical-align: center; } #color tr { border: 1px solid #bfbfbf; } #color th { border: 1px solid #bfbfbf; padding: 20px 40px; text-align: center; vertical-align: middle; } #color .c-td { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 28px; font-weight: 400; line-height: 24px; color: #000000; } #color .c-td td { padding-top: 20px; padding-bottom: 16px; width: 34px; } #color .effect-01 { background-color: #1d2144; color: #fff; } #color .effect-02 { background-color: #4a5083; } #color .effect-03 { background-color: #fafaf3; } #color .effect-04 { background-color: #f9f9e8; } #color .effect-05 { background-color: #f9f9d8; } #color .effect-06 { background-color: #f8f8c6; } #color .c-td-02 td { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #000000; font-size: 16px; font-weight: 700; line-height: 24px; text-align: center; vertical-align: middle; padding-top: 12px; padding-bottom: 10px; } #color .deco-txt { background-image: url(../images/aboutjewel/deco.png); background-repeat: no-repeat; padding-top: 12px; padding-bottom: 15px; } #color .deco-txt small { display: inline-block; background-color: #f5f5f5; padding-right: 8px; letter-spacing: .5px; } #cut .cut__ttl { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #000000; font-size: 40px; padding-left: 63px; background-image: url(../images/aboutjewel/ttl-icon.png); background-repeat: no-repeat; background-position: 0 0; padding-bottom: 10px; border-bottom: 3px solid #000000; margin-bottom: 20px; } #cut .txt { line-height: 3.3; } #cut .pic-Box { background-color: #fff; padding-top: 20px; padding-bottom: 16px; margin-bottom: 17px; } #cut .th01 { width: 203px; } #cut table { background-color: #fff; margin-bottom: 18px; border: 1px solid #bfbfbf; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; } #cut td { border: 1px solid #bfbfbf; text-align: center; vertical-align: middle; color: #000000; font-size: 18px; padding-top: 30px; padding-bottom: 25px; } #cut th { border: 1px solid #bfbfbf; color: #000000; font-size: 20px; line-height: 24px; text-align: center; vertical-align: middle; width: 142px; padding-top: 24px; padding-bottom: 20px; } #cut .deco-txt { background-image: url(../images/aboutjewel/deco.png); background-repeat: no-repeat; padding-top: 12px; padding-bottom: 15px; margin-bottom: 48px; } #cut .deco-txt small { display: inline-block; background-color: #f5f5f5; padding-right: 8px; letter-spacing: .5px; } #cut .description-Box { background-color: #000; padding: 25px 32px 10px 32px; color: #fff; } #cut .description-Box .Box-l { width: 520px; line-height: 2.4; padding-top: 1em; } #cut .description-Box .Box-r { width: 237px; } #clarity .txt { line-height: 3.3; } #clarity .pic-Box { background-color: #fff; padding-top: 20px; padding-bottom: 16px; margin-bottom: 17px; } #clarity table { background-color: #fff; margin-bottom: 18px; border: 1px solid #bfbfbf; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; } #clarity td { border: 1px solid #bfbfbf; text-align: center; vertical-align: middle; color: #000000; padding-top: 30px; padding-bottom: 25px; } #clarity th { width: 170px; border: 1px solid #bfbfbf; color: #000000; font-size: 20px; font-weight: 600; line-height: 24px; text-align: center; vertical-align: middle; padding-top: 24px; padding-bottom: 20px; } #clarity .c-td { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #000000; font-weight: 400; } #clarity .c-td td { font-size: 28px; } #clarity .c-td-02 { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #000000; } #clarity .c-td-02 td { font-size: 15px; line-height: 1.6; font-weight: 700; } #clarity .half { width: 85px; } #clarity .effect-01 { background-color: #1d2144; color: #FFFFFF; } #clarity .deco-txt { background-image: url(../images/aboutjewel/deco.png); background-repeat: no-repeat; padding-top: 12px; padding-bottom: 15px; margin-bottom: 48px; } #clarity .deco-txt small { display: inline-block; background-color: #fff; padding-right: 8px; letter-spacing: .5px; } #clarity .recommended-Box { position: relative; } #clarity .recommended-Box .deco { position: absolute; left: 0; top: -43px; } #clarity .recommended-Box .txt-02 { padding-left: 528px; padding-top: 15px; font-size: 20px; line-height: 24px; color: #000000; margin-bottom: 18px; } #clarity strong { color: #c90338; font-weight: bold; letter-spacing: 1px; } #kalat { margin-bottom: 110px; } #kalat .kalat__ttl { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #000000; font-size: 40px; padding-left: 63px; background-image: url(../images/aboutjewel/ttl-icon.png); background-repeat: no-repeat; background-position: 0 0; padding-bottom: 10px; border-bottom: 3px solid #000000; margin-bottom: 20px; } #kalat .txt { line-height: 3.3; } #platinum { margin-bottom: 110px; } #platinum .platinum__ttl { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #000000; font-size: 40px; padding-left: 63px; background-image: url(../images/aboutjewel/ttl-icon.png); background-repeat: no-repeat; background-position: 0 0; padding-bottom: 10px; border-bottom: 3px solid #000000; margin-bottom: 20px; } #platinum .txt { line-height: 3.3; } #voice { margin-bottom: 130px; width: 860px; margin-left: auto; margin-right: auto; } #voice .deco { margin-bottom: 40px; } #voice .voice__ttl { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #000000; font-size: 50px; line-height: 1.6; font-weight: 700; margin-bottom: 50px; letter-spacing: 5px; text-align: center; } #voice ul { margin-bottom: 42px; } #voice li { margin-right: 40px; margin-bottom: 48px; width: 410px; } #voice li:nth-child(2n) { margin-right: 0; } #voice .balloon-Box { line-height: 1.5; background-color: #d8d3d0; padding: 14px 16px 12px 16px; position: relative; margin-bottom: 22px; } #voice .balloon-Box:after { content: url("../images/aboutjewel/balloon-deco.png"); position: absolute; left: 30px; bottom: -18px; } #voice .pic { width: 250px; height: 190px; } #voice .pic:hover { -ms-filter: "alpha( opacity=80 )"; filter: alpha(opacity=80); opacity: 0.8; } #voice .txt { width: 150px; color: #000000; font-size: 14px; font-weight: 400; line-height: 30px; line-height: 1.8; position: relative; padding-bottom: 40px; } #voice .more-btn-Box { text-align: right; position: absolute; bottom: 0; right: 0; } #voice .more-btn-Box .more-btn { color: #fff; text-align: right; display: inline-block; background-image: url(../images/aboutjewel/btn-bg.png); padding-left: 1.5em; padding-right: 2em; position: relative; } #voice .more-btn-Box .more-btn:after { content: "＞"; font-size: 10px; position: absolute; display: block; top: 4px; right: 5px; } #voice .more-btn-Box .more-btn:hover { -ms-filter: "alpha( opacity=80 )"; filter: alpha(opacity=80); opacity: 0.8; } .bnr-Box { width: 810px; margin-left: auto; margin-right: auto; display: none; } .bnr-Box li { margin-right: 15px; } .bnr-Box li:nth-child(3n) { margin-right: 0; } } /*SP用*/ @media screen and (max-width:640px) { /*.local-h2 { background-image: url(../images/aboutjewel/h2-bg.jpg); background-repeat: no-repeat; background-position: center top; }*/ .local-h2 { background-image: url(../images/shop/h2-bg.jpg); background-repeat: no-repeat; background-position: center top; } .page-aboutjewel { margin-bottom: 40px; } .page-aboutjewel .pan-Box { margin-bottom: 20px; } .local-h2 .en { letter-spacing: 7px; } #page-aboutjewel { /*#menu*/ /*#compare*/ /*#question*/ /*#quality*/ /*#detailed*/ /*リングの品質と付け心地について*/ /*#detailed*/ } #page-aboutjewel .h3_txt { color: #000000; font-size: 8vw; line-height: 2; } #page-aboutjewel .bg { background: url(../images/aboutjewel/ttl_bg.png) repeat-y top; background-size: contain; padding: 0 3vw; } #page-aboutjewel .bg02 { background: url(../images/aboutjewel/bg01.jpg) no-repeat; background-position: left bottom; background-size: contain; width: 100%; margin: 0 auto; padding: 20px 3vw 150px; } #page-aboutjewel .sub_ttl { color: #000000; line-height: 1.8; font-size: 5vw; width: 100%; } #page-aboutjewel .txt { width: 100%; border-top: 1px solid #d7d7d7; color: #000000; font-size: 24px; line-height: 1.8; padding-top: 30px; letter-spacing: .05em; } #page-aboutjewel .small_txt { color: #000000; font-size: 16px; line-height: 1.8; } #page-aboutjewel .dot { text-emphasis-style: dot; } #page-aboutjewel #menu .list { padding: 0 3vw; } #page-aboutjewel #menu .mb85 { margin-bottom: 40px; } #page-aboutjewel #menu .menu_bg { padding: 20px; background: #f6f6f6; } #page-aboutjewel #menu .h4_txt { color: #000000; font-size: 22px; font-weight: 400; line-height: 1.8; } #page-aboutjewel #menu .menu_list { width: 100%; margin: 0 auto; } #page-aboutjewel #menu .menu_list li { margin-bottom: 20px; } #page-aboutjewel #menu .menu_list img { width: 100%; } #page-aboutjewel #menu .menu_list .mr30 { margin-right: 0; } #page-aboutjewel #menu .btn01 { margin-bottom: 20px; } #page-aboutjewel #menu .btn02 { margin-bottom: 20px; } #page-aboutjewel .purchase_clump { margin-bottom: 40px; } #page-aboutjewel #compare { width: 100%; margin: 0 auto; } #page-aboutjewel #compare .h5_txt { color: #000000; font-size: 7vw; margin-bottom: 55px; line-height: 27px; width: 100%; background: #eeeeee; padding: 10px; letter-spacing: .09em; } #page-aboutjewel #compare .h5_txt span { padding-right: 10px; } #page-aboutjewel #compare .compare_txt01 { color: #000000; font-size: 13px; line-height: 1.3; position: absolute; top: -35px; left: 5px; } #page-aboutjewel #compare .compare_txt02 { color: #000000; font-size: 13px; line-height: 1.3; position: absolute; top: -35px; right: 5px; } #page-aboutjewel #compare .fl_l, #page-aboutjewel #compare .fl_r { float: none; } #page-aboutjewel #compare .left_box { border: 1px solid; padding:3vw; margin-bottom: 10px; } #page-aboutjewel #compare .right_box { border: 1px solid; padding: 3vw; } #page-aboutjewel #compare .right_box img { width: 100%; } #page-aboutjewel #compare .txt_box02 { color: #000000; font-size: 14px; line-height: 1.8; } #page-aboutjewel #compare .txt_box03 { width: 100%; color: #000000; font-size: 14px; line-height: 1.8; } #page-aboutjewel #compare .bg03 { background: url(../images/aboutjewel/bg02.jpg) no-repeat left top; padding: 20px; width: 100%; margin-bottom: 40px; } #page-aboutjewel #compare .txt_box04 { color: #000000; font-size: 5vw; font-weight: 600; line-height: 1.5; letter-spacing: .18em; } #page-aboutjewel #compare .bb { border-bottom: 2px solid; } #page-aboutjewel #question { width: 100%; /*background: url(../images/aboutjewel/bg03.jpg) no-repeat bottom 0 left -50px,*/ background:#efe8e4; margin: 0 auto 40px; padding: 20px 3vw 50px; /*.box*/ /*.box02*/ /*.ans_txt02*/ } #page-aboutjewel #question .mb65 { margin-bottom: 20px;} #page-aboutjewel #question .box_rel:after { content: ""; width: 183px; border-bottom: 1px solid; position: absolute; bottom: 0; left: 158px; bottom: -12px; left: 0px; right: 0; top: 0px; margin-right: auto; margin-left: auto; } #page-aboutjewel #question .h5_txt { color: #000000; font-size: 7vw; line-height: 1.5; } #page-aboutjewel #question .h5_txt strong { font-size: 7vw; letter-spacing: .2em; } #page-aboutjewel #question .h5_txt strong span { padding-right: 10px; letter-spacing: .2em; } #page-aboutjewel #question .ans_txt { color: #000000; font-size: 12px; line-height: 1.8; } #page-aboutjewel #question .sub_ttl02 { color: #000000; font-size: 16px; line-height: 1.8; margin-bottom: 5px; } #page-aboutjewel #question .inner_sub { color: #000000; font-size: 24px; line-height: 1; margin-bottom: 20px; } #page-aboutjewel #question .box { width: 100%; padding: 10px; background: #FFFFFF; margin-bottom: 20px; } #page-aboutjewel #question .box:last-child { margin-bottom: 0; } #page-aboutjewel #question .box02 { width: 100%; padding: 10px; background: #FFFFFF; margin-bottom: 20px; } #page-aboutjewel #question .box .mb25, #page-aboutjewel #question .mb25 { text-align: center; } #page-aboutjewel #question .box p.mb30 { margin-bottom: 15px; } #page-aboutjewel #question .box:last-child { margin-bottom: 0; } #page-aboutjewel #question .box02 .inner_sub { margin-bottom: 0; line-height: 1.3; letter-spacing: .08em; margin-bottom: 20px; } #page-aboutjewel #question .ans_txt02 { width: 100%; color: #000000; font-size: 16px; line-height: 2.2; text-align: center; } #page-aboutjewel #question .ans_txt02 .mb30 { margin-bottom: 20px; } #page-aboutjewel #question .ans_txt02 strong { color: #000000; font-size: 6.5vw; line-height: 1.8; letter-spacing: 0.05em; } #page-aboutjewel #quality { width: 100%; margin: 0 auto 40px; /*#carat*/ /*#color*/ /*#clarity*/ /*#cut*/ } #page-aboutjewel #quality .h5_txt { color: #000000; font-size: 7vw; line-height: 1.8; letter-spacing: 0.06em; } #page-aboutjewel #quality .h5_txt span { padding-right: 10px; } #page-aboutjewel #quality .bg03 { width: 100%; background: #f1f1f1; padding:10px; } #page-aboutjewel #quality .btn_box { width: 100%; margin: 0 auto; } #page-aboutjewel #quality .btn_box .fl_l { float: none; text-align: center; margin-bottom: 10px;} #page-aboutjewel #quality .btn_box .mr15 { margin-right: 0;} #page-aboutjewel #quality .carat_clump { padding: 20px 3vw; margin-bottom: 20px; border: 1px solid #d2d2d2; background: url(../images/aboutjewel/bg04.jpg) no-repeat right center; background-size: 50%; } #page-aboutjewel #quality #carat .carat_txt { color: #000000; padding: 5px; background: rgba(255,255,255,0.8); font-size: 14px; line-height: 1.8; } #page-aboutjewel #quality .color_clump { padding: 20px 3vw; margin-bottom: 20px; background: url(../images/aboutjewel/bg05.jpg) repeat-y top 0 right 0, #f4f4f4; } #page-aboutjewel #quality .color_clump table, #page-aboutjewel #quality .color_clump .recommended-Box { display: none; } #page-aboutjewel #quality #color .color_txt { color: #000000; font-size: 14px; line-height: 1.8; margin-bottom: 20px; } #page-aboutjewel #quality .clarity_clump { width: 100%; padding: 20px 3vw; margin-bottom: 20px; border: 1px solid #d2d2d2; background: url(../images/aboutjewel/bg07.jpg) no-repeat right center; background-size: 50%; } #page-aboutjewel #quality .clarity_clump table, #page-aboutjewel #quality .clarity_clump .recommended-Box, #page-aboutjewel #quality .clarity_clump .deco-txt { display: none; } #page-aboutjewel #quality #clarity .clarity_txt { color: #000000; padding: 5px; background: rgba(255,255,255,0.8); font-size: 14px; line-height: 1.8; margin-bottom: 20px; } #page-aboutjewel #quality .cut_clump { padding: 20px 3vw; margin-bottom: 20px; background: url(../images/aboutjewel/bg09.jpg) no-repeat top 0 right 0, #d0d3d4; } #page-aboutjewel #quality .cut_clump table { display: none; } #page-aboutjewel #quality #cut .cut_txt { color: #000000; padding: 5px; background: rgba(255,255,255,0.8); font-size: 14px; line-height: 1.8; } #page-aboutjewel #quality #cut .fl_l { float: none; margin-bottom: 10px; } #page-aboutjewel #quality #cut .right_box { width: 100%; color: #000000; font-size: 14px; line-height: 1.8; } #page-aboutjewel #quality .sp-img { margin-bottom: 20px; text-align: center; } #page-aboutjewel #detailed { width: 100%; margin: 0 auto 40px; /*.inner_ttl*/ } #page-aboutjewel #detailed .mb65 { margin-bottom: 40px; } #page-aboutjewel #detailed .mb60 { margin-bottom: 20px; } #page-aboutjewel #detailed .fl_l, #page-aboutjewel #detailed .fl_r { float: none; margin-bottom: 10px; } #page-aboutjewel #detailed .h5_txt { color: #000000; font-size: 8vw; line-height: 1.8; border-bottom: 1px solid #b2b2b2; width: 100%; letter-spacing: 0.06em; } #page-aboutjewel #detailed .h5_txt span { padding-right: 10px; } #page-aboutjewel #detailed .right_box { width: 100%; color: #000000; font-size: 14px; line-height: 2; } #page-aboutjewel #detailed .inner_ttl { color: #bea89c; font-size: 7vw; line-height: 1.3; } #page-aboutjewel #detailed .inner_ttl strong { font-size: 8vw; color: #000000; } #page-aboutjewel #detailed .right_box02 { width: 100%; color: #000000; font-size: 14px; line-height: 2; } #page-aboutjewel #detailed .right_box03 { width: 100%; color: #000000; font-size: 14px; line-height: 2; } #page-aboutjewel #detailed .GIA_box { padding: 20px; margin-bottom: 20px; border: 1px solid; } #page-aboutjewel #detailed .bg_box { background: url(../images/aboutjewel/bg08.jpg) no-repeat bottom 0 right 0, #000000; background-size: contain; padding: 20px 20px 180px; margin-bottom: 40px; } #page-aboutjewel #detailed .inner_ttl02 { color: #bea89c; font-size: 6vw; line-height: 1.3; } #page-aboutjewel #detailed .inner_ttl02 strong { font-size: 7vw; color: #000000; } #page-aboutjewel #detailed .bg_box .inner_ttl02 { color: #bea89c; font-size: 6vw; line-height: 1.5; } #page-aboutjewel #detailed .bg_box .inner_ttl02 strong { font-size: 7vw; color: #fff; } #page-aboutjewel #detailed .txt_box02 { color: #ffffff; font-size: 14px; line-height: 2; } #page-aboutjewel #detailed .h5_txt02 { color: #000000; font-size: 28px; line-height: 1.8; } #page-aboutjewel #detailed .left_box02 { width: 100%; border: 7px solid #e5e5e5; padding: 20px; } #page-aboutjewel #detailed .right_box04 { padding: 40px 0 0; } #page-aboutjewel #detailed .platinum_txt { color: #000000; font-size: 14px; line-height: 1.8; } #page-aboutjewel #detailed .txt_box03 { width: 100%; } #page-aboutjewel #detailed .mr45 { margin-right: 0; } /*#page-aboutjewel*/ /* color -------------------------------------*/ #color .recommended-Box { position: relative; } #color .recommended-Box .deco { position: absolute; left: 0; top: -46px; } #color .recommended-Box .txt-02 { padding-left: 130px; padding-top: 14px; font-size: 20px; line-height: 24px; color: #000000; margin-bottom: 18px; } #color table { margin-bottom: 18px; border: 1px solid #bfbfbf; background-color: #fff; } #color td { border: 1px solid #bfbfbf; text-align: center; vertical-align: center; } #color tr { border: 1px solid #bfbfbf; } #color th { border: 1px solid #bfbfbf; padding: 20px 40px; text-align: center; vertical-align: middle; } #color .c-td { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 28px; font-weight: 400; line-height: 24px; color: #000000; } #color .c-td td { padding-top: 20px; padding-bottom: 16px; width: 34px; } #color .effect-01 { background-color: #1d2144; color: #fff; } #color .effect-02 { background-color: #4a5083; } #color .effect-03 { background-color: #fafaf3; } #color .effect-04 { background-color: #f9f9e8; } #color .effect-05 { background-color: #f9f9d8; } #color .effect-06 { background-color: #f8f8c6; } #color .c-td-02 td { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #000000; font-size: 16px; font-weight: 700; line-height: 24px; text-align: center; vertical-align: middle; padding-top: 12px; padding-bottom: 10px; } #color .deco-txt { background-image: url(../images/aboutjewel/deco.png); background-repeat: no-repeat; padding-top: 12px; padding-bottom: 15px; } #color .deco-txt small { display: inline-block; background-color: #f5f5f5; padding-right: 8px; letter-spacing: .5px; } #cut .cut__ttl { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #000000; font-size: 40px; padding-left: 63px; background-image: url(../images/aboutjewel/ttl-icon.png); background-repeat: no-repeat; background-position: 0 0; padding-bottom: 10px; border-bottom: 3px solid #000000; margin-bottom: 20px; } #cut .txt { line-height: 3.3; } #cut .pic-Box { background-color: #fff; padding-top: 20px; padding-bottom: 16px; margin-bottom: 17px; } #cut .th01 { width: 203px; } #cut table { background-color: #fff; margin-bottom: 18px; border: 1px solid #bfbfbf; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; } #cut td { border: 1px solid #bfbfbf; text-align: center; vertical-align: middle; color: #000000; font-size: 18px; padding-top: 30px; padding-bottom: 25px; } #cut th { border: 1px solid #bfbfbf; color: #000000; font-size: 20px; line-height: 24px; text-align: center; vertical-align: middle; width: 142px; padding-top: 24px; padding-bottom: 20px; } #cut .deco-txt { background-image: url(../images/aboutjewel/deco.png); background-repeat: no-repeat; padding-top: 12px; padding-bottom: 15px; margin-bottom: 48px; } #cut .deco-txt small { display: inline-block; background-color: #f5f5f5; padding-right: 8px; letter-spacing: .5px; } #cut .description-Box { background-color: #000; padding: 25px 32px 10px 32px; color: #fff; } #cut .description-Box .Box-l { width: 520px; line-height: 2.4; padding-top: 1em; } #cut .description-Box .Box-r { width: 237px; } #clarity .txt { line-height: 3.3; } #clarity .pic-Box { background-color: #fff; padding-top: 20px; padding-bottom: 16px; margin-bottom: 17px; } #clarity table { background-color: #fff; margin-bottom: 18px; border: 1px solid #bfbfbf; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; } #clarity td { border: 1px solid #bfbfbf; text-align: center; vertical-align: middle; color: #000000; padding-top: 30px; padding-bottom: 25px; } #clarity th { width: 170px; border: 1px solid #bfbfbf; color: #000000; font-size: 20px; font-weight: 600; line-height: 24px; text-align: center; vertical-align: middle; padding-top: 24px; padding-bottom: 20px; } #clarity .c-td { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #000000; font-weight: 400; } #clarity .c-td td { font-size: 28px; } #clarity .c-td-02 { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #000000; } #clarity .c-td-02 td { font-size: 15px; line-height: 1.6; font-weight: 700; } #clarity .half { width: 85px; } #clarity .effect-01 { background-color: #1d2144; color: #FFFFFF; } #clarity .deco-txt { background-image: url(../images/aboutjewel/deco.png); background-repeat: no-repeat; padding-top: 12px; padding-bottom: 15px; margin-bottom: 48px; } #clarity .deco-txt small { display: inline-block; background-color: #fff; padding-right: 8px; letter-spacing: .5px; } #clarity .recommended-Box { position: relative; } #clarity .recommended-Box .deco { position: absolute; left: 0; top: -43px; } #clarity .recommended-Box .txt-02 { padding-left: 528px; padding-top: 15px; font-size: 20px; line-height: 24px; color: #000000; margin-bottom: 18px; } #clarity strong { color: #c90338; font-weight: bold; letter-spacing: 1px; } #kalat { margin-bottom: 110px; } #kalat .kalat__ttl { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #000000; font-size: 40px; padding-left: 63px; background-image: url(../images/aboutjewel/ttl-icon.png); background-repeat: no-repeat; background-position: 0 0; padding-bottom: 10px; border-bottom: 3px solid #000000; margin-bottom: 20px; } #kalat .txt { line-height: 3.3; } #platinum { margin-bottom: 110px; } #platinum .platinum__ttl { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #000000; font-size: 40px; padding-left: 63px; background-image: url(../images/aboutjewel/ttl-icon.png); background-repeat: no-repeat; background-position: 0 0; padding-bottom: 10px; border-bottom: 3px solid #000000; margin-bottom: 20px; } #platinum .txt { line-height: 3.3; } #voice { margin-bottom: 130px; width: 860px; margin-left: auto; margin-right: auto; } #voice .deco { margin-bottom: 40px; } #voice .voice__ttl { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #000000; font-size: 50px; line-height: 1.6; font-weight: 700; margin-bottom: 50px; letter-spacing: 5px; text-align: center; } #voice ul { margin-bottom: 42px; } #voice li { margin-right: 40px; margin-bottom: 48px; width: 410px; } #voice li:nth-child(2n) { margin-right: 0; } #voice .balloon-Box { line-height: 1.5; background-color: #d8d3d0; padding: 14px 16px 12px 16px; position: relative; margin-bottom: 22px; } #voice .balloon-Box:after { content: url("../images/aboutjewel/balloon-deco.png"); position: absolute; left: 30px; bottom: -18px; } #voice .pic { width: 250px; height: 190px; } #voice .pic:hover { -ms-filter: "alpha( opacity=80 )"; filter: alpha(opacity=80); opacity: 0.8; } #voice .txt { width: 150px; color: #000000; font-size: 14px; font-weight: 400; line-height: 30px; line-height: 1.8; position: relative; padding-bottom: 40px; } #voice .more-btn-Box { text-align: right; position: absolute; bottom: 0; right: 0; } #voice .more-btn-Box .more-btn { color: #fff; text-align: right; display: inline-block; background-image: url(../images/aboutjewel/btn-bg.png); padding-left: 1.5em; padding-right: 2em; position: relative; } #voice .more-btn-Box .more-btn:after { content: "＞"; font-size: 10px; position: absolute; display: block; top: 4px; right: 5px; } #voice .more-btn-Box .more-btn:hover { -ms-filter: "alpha( opacity=80 )"; filter: alpha(opacity=80); opacity: 0.8; } .bnr-Box { width: 100%; margin: 0 auto 40px; padding: 0 3vw; display: none; } .bnr-Box li { margin-bottom: 20px; text-align: center; } .bnr-Box li:last-child { margin-bottom: 0; } }