body{margin:0;padding:0}*{font-size:12px}h1,h2,h3,h4,h5,h6{font-weight:700}h1{margin:0;padding:0}ol,ul{margin:0;padding:0}dl{margin:0;padding:0}ul li{list-style:none}dl,dt,dd{margin:0;padding:0}a{font-size:12px;margin:0;color:#09C}p{font-size:12px;margin:0;color:#333}a:hover{text-decoration:none}a{outline:none}button{outline:none}.clearfix:after{content:"";display:block;clear:both}* html .clearfix{display:inline-block}*+html .clearfix{display:inline-block}img{border-style:none}br{letter-spacing:0}body{font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック","MS P Gothic",Verdana,Arial,Helvetica,sans-serif;font-size:12px;margin:0;overflow:visible;padding:0}article,aside,canvas,details,figcaption,figure,header,footer,hgroup,main,menu,nav,section,summary{display:block}.top-nav{background-color:#fff;border-bottom:3px solid #a4a4a4;display:block;margin:0 auto;padding-top:2px;position:fixed;width:100%;z-index:9999}footer{border-top:1px solid #c3c3c3;margin-top:30px;width:100%}footer .innder-box{margin:0 auto;padding:32px 0 48px;width:960px}footer .innder-box .p-mark{margin:0 auto;width:745px}footer .innder-box .p-mark .icon,footer .innder-box .p-mark .txt{display:-moz-inline-box;display:inline-block;/display:inline;vertical-align:bottom;/zoom:1}footer .innder-box .p-mark .icon{width:76px}footer .innder-box .p-mark .txt{color:#afafaf;padding-bottom:3px;width:669px}footer .innder-box .links{color:#afafaf;margin-top:42px;text-align:center}footer .innder-box .links p{display:-moz-inline-box;display:inline-block;/display:inline;padding:0 12px;width:11em;vertical-align:middle;/zoom:1}footer .innder-box .links p a{color:#afafaf;font-size:11px;text-decoration:none}footer .innder-box .links p a:hover{text-decoration:underline}footer .innder-box .links .company{text-align:right}footer .innder-box .links .terms{text-align:left}footer .innder-box .links .contact{display:block;margin:15px auto 0;text-align:center}footer .innder-box .copy{margin:30px 0 0;text-align:center}footer .innder-box .copy img,footer .innder-box .copy span{display:-moz-inline-box;display:inline-block;/display:inline;vertical-align:middle;/zoom:1}footer .innder-box .copy img{margin:0 9px 4px 0;width:64px}footer .innder-box .copy span{color:#c9caca}.contents{margin:30px auto 0;width:960px}.contents .side-menu{float:left;width:270px}.contents .side-menu menu{margin:0;-webkit-padding-start:0;padding-start:0;padding:0;padding-inline-start:0}.contents .side-menu menu h2{font-size:0;line-height:0;margin:0;padding:0}.contents .side-menu menu img{border:0}div.tothetopfixed{bottom:20px;position:fixed;right:15px;z-index:1500}div.tothetopfixed a{border-radius:5px;color:#333;display:block;font-size:.8em;margin:0;opacity:.6;-moz-opacity:.6;filter:alpha(opacity=60)}div.tothetopfixed a:hover{color:#fff;opacity:1;-moz-opacity:1;filter:alpha(opacity=100)}header{background-color:#fdc;padding-top:127px;width:100%}header .o-flow{margin:0 auto;max-width:1280px;min-width:960px;position:relative}header .o-flow .white-base{background-color:#fff}header .slider.thumb-item,header .slider.thumb-item-nav{display:-moz-inline-box;display:inline-block;/display:inline;/zoom:1;vertical-align:top}header .slider.thumb-item{width:67.1875%}header .slider.thumb-item-nav{width:32.8125%}header .slider.thumb-item-nav p{border:0;border-bottom:1px solid #ccc;font-size:0;line-height:0}header .slider.thumb-item-nav .slick-prev{position:static;transform:translate(0,0);width:100%}header .slider.thumb-item-nav .slick-next{position:static;transform:translate(0,0);width:100%}header .slider.thumb-item-nav .slick-prev::before,header .slider.thumb-item-nav .slick-next::before{font-size:0}header .slider.thumb-item-nav p:hover,header .pk-border:hover{cursor:pointer}header .pk-border{background:url(https://www.hapihapiring.jp/images/topBanner/arrow_current.png) no-repeat 8px center;border:4px solid #faa;display:none;left:67.1875%;position:absolute}.thumb-item{display:none}.contents .main-column{float:right;width:670px}.contents .main-column h2{border-bottom:2px solid #fb9a97;font-family:"游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック","MS P Gothic",Verdana,Arial,Helvetica,sans-serif;font-size:28px;line-height:1.1;margin:0;padding:0 0 10px}.contents .main-column .column2 ul li{display:-moz-inline-box;display:inline-block;/display:inline;margin-left:16px;vertical-align:top;width:327px;/zoom:1}.contents .main-column .column2 ul li:first-child{margin-left:0}.contents .main-column .column2 ul li p{position:relative}.contents .main-column .whats-new{margin-top:20px}.contents .main-column .whats-new .datasec ul li{border-bottom:1px solid #c3c3c3;padding:16px}.contents .main-column .whats-new .datasec ul li.icon-none{padding-left:68px}.contents .main-column .whats-new .datasec ul li .new-icon{background-color:#fba19e;color:#fff;font-size:12px;padding:7px 0;text-align:center;width:52px}.contents .main-column .whats-new .datasec ul li .date{color:#afafaf;font-size:15px;padding-left:10px;width:130px}.contents .main-column .whats-new .datasec ul li .main-txt{width:446px}.contents .main-column .whats-new .datasec ul li .main-txt a{color:#414141;font-size:17px;line-height:1.3;text-decoration:none}.contents .main-column .whats-new .datasec ul li .main-txt a:hover{text-decoration:underline}.contents .main-column .whats-new .datasec ul li .new-icon,.contents .main-column .whats-new .datasec ul li .date,.contents .main-column .whats-new .datasec ul li .main-txt{display:-moz-inline-box;display:inline-block;/display:inline;/zoom:1;line-height:1.3;vertical-align:middle}.contents .main-column .whats-new .datasec ul li .no-fair{color:#414141;font-size:17px;line-height:1.3;text-decoration:none}.contents .main-column .whats-new .datasec ul li:hover{background-color:#fffafa}.contents .main-column .uservoice{margin-top:20px}header .slider.thumb-item-nav.noScroll .slick-active{border:4px solid #fff;width:calc(100% - 8px)!important}header .slider.thumb-item-nav.noScroll .slick-active.slick-current{border:4px solid #fb9a97;position:relative}header .slider.thumb-item-nav.noScroll .slick-active.slick-current:after{content:url('https://www.hapihapiring.jp/images/topBanner/arrow_current.png');left:8px;position:absolute;top:calc(50% - 12px);z-index:1}header .o-flow.mode2 .slider.thumb-item{width:70.8604%}header .o-flow.mode2 .slider.thumb-item-nav{width:29.1396%}header .o-flow.mode2 .pk-border{left:70.8604%}.contents .site-exp{margin:19px 0 20px}.contents .site-exp .inner-box{border:3px solid #ea555e;position:relative}.contents .site-exp h2{border:0;margin-top:-19px;padding:0;position:absolute;text-align:center;width:100%}.contents .site-exp h2 img{padding:0 .2em 0 .8em;width:38px}.contents .site-exp h2 span{font-size:inherit;padding:0 .2em 0 0}.contents .site-exp h2 img,.contents .site-exp h2 span{background-color:#fff;display:-moz-inline-box;display:inline-block;/display:inline;vertical-align:middle;/zoom:1}.contents .site-exp p{color:#666;font-size:19px;padding:20px 10px 15px}.contents .side-menu menu .sub-class{background-color:#fff!important;margin-top:6px}.contents .side-menu menu .sub-class{background-color:#f2f2f2;margin-top:6px}.contents .side-menu menu .sub-class dl{border-bottom:1px solid #bdbdbd;padding-bottom:5px}.contents .side-menu menu .sub-class dl dt{color:#676668;font-size:18px;padding:10px 0 8px 35px}.contents .side-menu menu .sub-class dl dd a{color:#676668;display:block;font-size:14px;padding:5px 0 4px 45px;text-decoration:none}.contents .side-menu menu .sub-class dl dd a:hover{background-color:#FAE3D9!important;text-decoration:none}.nav_top_menu{margin-top:30px}.menu_tab li span{position:relative;font-size:16px}.menu_tab > .active span{position:relative}.active span:before{content:'';position:absolute;bottom:-5px;display:inline-block;width:40px;height:5px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#F99;border-radius:2px}.nav_top_menu_bar{margin:0 auto;max-width:1280px;min-width:960px}.area{display:none;height:300px}.menu_tab{display:flex;justify-content:space-between;margin:10px}.menu_tab li{padding:3px;margin-right:2px;list-style:none;color:#666;width:100%;text-align:left;font-weight:700;vertical-align:middle}.menu_tab li:hover{cursor:pointer;opacity:.8}.menu_tab a{display:inline-block;text-decoration:none;color:#716e77;font-weight:700;font-size:16px;width:100%}.menu_detail_tab{display:flex;max-width:1280px;min-width:960px;margin:0 auto}.menu_title a,.menu_title{font-size:14px;font-weight:700;color:#666}.menu_title a{text-decoration:none}.menu_title_other{border-bottom:3px dashed #FCC}.menu_title_marriage{border-bottom:3px dashed #ff75ab}.menu_title_engage{border-bottom:3px dashed #4cbdea}.menu_title_set{border-bottom:3px dashed #F9CE00}.menu_list_sub_title{height:15px}.menu_detail_tab > .left_box,.menu_detail_tab > .center_box,.menu_detail_tab > .right_box{width:30%;margin-top:20px}.left_box a:hover,.center_box a:hover,.right_box a:hover{opacity:.8;color:#ff585d}.topNav_secondary_category{display:flex;margin-top:30px}.menu_list_sub_title{padding:10px 0}.menu_list_sub_title a,.topNav_small_category a{color:#666;text-decoration:none;font-size:12px!important}.menu_list_sub_title span,.topNav_small_category span{color:#999;margin-left:5px;margin-right:5px;font-size:12px!important}.topNav_small_category li{padding:5px}.topNav_secondary_category img{width:150px;height:150px}.tab_close_btn{background:transparent;border:none;margin-top:10px;color:#fba19e}.tab_close_btn:hover{cursor:pointer}.tab_close_btn_area{position:absolute;bottom:5px;left:50%}.top_pc,.top_pc_title{padding-top:50px;border-bottom:2px solid #ccc;display:flex;justify-content:space-between;align-items:end}.top_pc h2,.top_pc_title h2{color:#666;font-size:25px!important;border-bottom:none!important}.top_pc{padding-top:30px}.top_pc_sub_title{display:flex;justify-content:space-between;align-items:center;margin-left:10px}.recommend_ring_area{font-weight:700;margin-left:5px;font-family:"游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック","MS P Gothic",Verdana,Arial,Helvetica,sans-serif;font-size:18px}.recommend_ring_area_marriage{border-left:5px solid #FF75AB}.recommend_ring_area_engage{border-left:5px solid #4CBDEA}.recommend_ring_area_other{border-left:5px solid #666}.recommend_ring_area_title_marriage{color:#FF75AB}.recommend_ring_area_title_enagge{color:#4CBDEA}.recommend_ring_area_title_other{color:#666}.top_pc_sub_title a{font-size:14px;text-decoration:none;font-weight:700}.recommend_ring_area_marriage a{color:#FF75AB}.recommend_ring_area_engage a{color:#4CBDEA}.top_pc_sublink{color:#fba19e;padding:10px;border-radius:5px;font-size:14px;text-decoration:none;font-weight:700}.recommend_rings{display:flex;flex-wrap:nowrap;justify-content:space-between;margin-top:10px;margin-left:10px}.recommend_rings li{width:24%}.recommend_rings a{text-decoration:none}.recommend_rings span{display:block}.reccoment_rings_name{color:#000!important}#search_condition{padding:10px;border:solid 1px #CCC;margin-top:10px;margin-left:10px}.detail_search{display:flex;justify-content:space-between;flex-wrap:wrap}.detail_search .radio{display:none}.detail_search label{font-weight:700;color:#a39e9e;background-color:#f2f4f6;padding:5px 3px;border-radius:5px;font-size:15px;width:30%;text-align:center;margin-top:5px;border:solid 1px #dadada}.radio:checked + label{color:#fff;text-align:center;box-shadow:rgba(60,64,67,0.3) 0 1px 2px 0px,rgba(60,64,67,0.15) 0 2px 6px 2px}.radio:checked + .kind_marriage{background-color:#ff75ab}.radio:checked + .kind_engage{background-color:#3ab6e8}.radio:checked + .kind_set{background-color:#F9CE00}.detail_search_btn_area{text-align:center;margin-top:15px;font-weight:700}.detail_search_btn{width:100%;border:none;padding:10px;background-color:#f2f4f6;font-weight:700;border-radius:5px;font-size:15px;box-shadow:rgba(60,64,67,0.3) 0 1px 2px 0px,rgba(60,64,67,0.15) 0 2px 6px 2px}.marriage_btn{color:#ff75ab}.engage_btn{color:#3ab6e8}.set_btn{color:#F9CE00}.brand_name{margin-top:5px;font-size:15px;white-space:pre-wrap;line-height:1.1;color:#716e77}.condition_plus{text-align:center}.condition_plus p{font-weight:700;font-size:15px;color:#a39e9e}.detail_search label:hover,.detail_search_btn:hover{cursor:pointer}.recom-brand_image ul{display:flex;justify-content:space-between;margin-top:20px;margin-left:10px}.recom-brand_image li{width:32%}.exist_brand_img{width:100%;box-shadow:0 4px 4px #666}.recom-brand_image a:hover{cursor:pointer}.kuchikomi_list{margin-top:15px}.kuchikomi_list ul{display:flex;justify-content:space-between}.kuchikomi_list li{width:33%}.kuchikomi_list a{text-decoration:none}.kuchikomi_list a:hover{cursor:pointer}.kuchikomi_list img{width:100%;height:200px}.kuchikomi_img{position:relative}.kuchikomi_title{position:absolute;left:5px;bottom:10px;padding:.5rem;width:100%}.k_catch{width:100%;display:block;font-size:11.5px;margin-bottom:4px;padding-bottom:4px;width:199px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid #fff;color:#fff}.k_title{color:#fff;font-size:10px;width:199px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:1px 0 0 #000000,0 1px 0 #000000,-1px 0 0 #000000,0 -1px 0 #000}.contents .main-column section{margin-top:30px!important}.contents .main-column section.site-exp{margin-top:20px!important}.contents .main-column .future .column2{margin-top:15px}.contents .main-column .future .column2 ul li{margin:0 8px!important}.contents .main-column .future .column2 ul li .thumb-side{font-size:0;line-height:0;margin-bottom:5px}.contents .main-column .future .column2 ul li .thumb-side img{width:100%}.contents .main-column .future .column2 ul li h3{margin:0}.contents .main-column .future .column2 ul li a{text-decoration:none;color:#333}.contents .main-column .future .column2 ul li a:hover{text-decoration:underline}.contents .main-column .future .column2 ul li a:hover img{filter:alpha(opacity=85);opacity:.85;-moz-opacity:.85}.contents .main-column .future .column2 ul li a h3{font-size:15px;font-weight:700;color:#333}.contents .main-column .future .column2 ul li .txt{font-size:15px}.contents .main-column .future .column2 ul.slick-dots li{width:20px}.contents .main-column .future .column2 ul.slick-dots li button:before{font-size:15px}.new_icon_gruop{display:inline-block;width:52px}.new_icon{display:inline-block;background-color:#fba19e;color:#fff;font-size:12px;padding:7px 0;text-align:center;width:52px}.news_sub_title{display:inline-block;color:#afafaf;font-size:15px;width:130px;padding:10px 10px 10px 5%}.accordion{color:#000;cursor:pointer;padding-top:10px;padding-bottom:10px;line-height:1.4}.accordion .close{background-repeat:no-repeat;background-position:98% center;background-size:5% auto;background-image:url(https://www.hapihapiring.jp/sp_images/brands/parts_ranking_arrow_down.png)}.accordion .open{border-bottom:solid 1px #ccc;background-repeat:no-repeat;background-position:98% center;background-size:5% auto;background-image:url(/sp_images/brands/parts_ranking_arrow_up.png)}.accordion .main_title{display:inline-block;margin-top:2px;font-size:18px;width:400px}.accordion{border-bottom:1px solid #ccc}.select_accordion .accordion .accordion_inner{display:none;font-size:15px;box-sizing:border-box;word-break:break-all;margin:1rem 0;padding-left:80px}.top_side_title{margin-top:30px;margin-bottom:10px;display:flex;align-items:center;border-bottom:solid 1px #fba19e;font-weight:700}.side_txt{margin-top:10px;margin-left:20px}.recommend{display:block;color:#676668;align-items:stretch;text-decoration:none;font-size:13px;margin-top:10px}