p,dl,dt,dd,dl,ul,li{ margin: 0; padding: 0; list-style-type: none;}
.category-top-menu-01{ margin-bottom: 20px;}
.category-top-menu-01 dt{ cursor: pointer;}
.category-top-menu-01 dt:nth-child(3){ margin-top: 2px;}
.category-top-menu-01 dt p{ background-color: #172685; color: #ffffff; font-weight: bold; line-height: 24px; padding: 6px 36px 6px 46px; pointer-events: none; position: relative;}
.category-top-menu-01 dt p:before,.category-top-menu-01 dt p:after,.category-top-menu-01 dd ul.ranking-area li.rank:before,.category-top-menu-01 dd ul.ranking-area li.rank div.petit-details:before{ background-image: url("/images/note-desktop-category/note-desktop-category-icon-01.png"); content: ""; position: absolute;}
.category-top-menu-01 dt p:after,.category-top-menu-01 dd ul.ranking-area:after,.category-top-menu-01 dd ul.ranking-area li.rank div.petit-details,.category-top-menu-01 dd ul.ranking-area li.rank div.bottom ul:after,.category-top-menu-01 dd ul.ranking-area li.rank div.bottom ul li.box-area:after,.category-top-menu-01 dd ul.ranking-area li.rank div.bottom ul li.box-area .br_sum_01 ul.price:after{ clear: both; content: ""; display: block;}
.category-top-menu-01 dt p:after{ background-position: center -350px; height: 16px; right: 10px; position: absolute; top: calc(50% - 8px); width: 16px;}
.category-top-menu-01 dt p.feature:before{ background-position: center 0; height: 18px; left: 10px; position: absolute; top: calc(50% - 9px); width: 20px;}
.category-top-menu-01 dt p.ranking:before{ background-position: center -50px; height: 22px; left: 10px; position: absolute; top: calc(50% - 11px); width: 26px;}
.category-top-menu-01 dt p.open-down:after{ background-position: center -350px;}
.category-top-menu-01 dt p.close-up:after{ background-position: center -400px;}
.category-top-menu-01 dt p span{ float: right; font-size: 12px;}
.category-top-menu-01 dd{ position: relative;}
.category-top-menu-01 dd.hidden-area{ display: none;}
.category-top-menu-01 dd ul.ranking-area{ border: 1px solid #6e78b3; margin-bottom: 20px; width: calc(100% - 2px);}
.category-top-menu-01 dd ul.ranking-area li.rank{ border-right: 1px solid #6e78b3; cursor: pointer; float: left; padding: 10px; position: relative; text-align: center; width: calc(20% - 21px);}
.category-top-menu-01 dd ul.ranking-area li.rank:hover{ background-color: #fff9e9;}
.category-top-menu-01 dd ul.ranking-area li.rank.check:after{ border: 4px solid #ff0000; content: ""; height: calc(100% - 8px); left: 0; position: absolute; top: 0; width: calc(100% - 8px); z-index: 2;}
.category-top-menu-01 dd ul.ranking-area li.rank.check:nth-child(5):after{ width: calc(100% - 7px);}
.category-top-menu-01 dd ul.ranking-area li.rank:hover img.mini,.category-top-menu-01 dd ul.ranking-area li.rank:hover p.mini{ opacity: 0.4;}
.category-top-menu-01 dd ul.ranking-area li.rank:nth-child(5){ border-right: none; width: calc(20% - 20px);}
.category-top-menu-01 dd ul.ranking-area li.rank:before{ height: 38px; left: 0; position: absolute; top: 0; width: 60px; z-index: 1;}
.category-top-menu-01 dd ul.ranking-area li.rank:first-child:before{ background-position: center -100px;}
.category-top-menu-01 dd ul.ranking-area li.rank:nth-child(2):before{ background-position: center -150px;}
.category-top-menu-01 dd ul.ranking-area li.rank:nth-child(3):before{ background-position: center -200px;}
.category-top-menu-01 dd ul.ranking-area li.rank:nth-child(4):before{ background-position: center -250px;}
.category-top-menu-01 dd ul.ranking-area li.rank:nth-child(5):before{ background-position: center -300px;}
.category-top-menu-01 dd ul.ranking-area li.rank img{ margin-bottom: 4px; pointer-events: none;}
.category-top-menu-01 dd ul.ranking-area li.rank p{ font-size: 12px; font-weight: bold; height: 48px; line-height: 16px; overflow: hidden; pointer-events: none; text-align: left; width: 100%; word-break: break-all;}
.category-top-menu-01 dd ul.ranking-area li.rank div.petit-details{ background: -webkit-linear-gradient(top,#fff,#fff 91%,#d6d8e9 100%); background: linear-gradient(top,#fff,#fff 91%,#d6d8e9 100%); border: 2px solid #6e78b3; box-shadow: 0 2px 4px #898989; cursor: default; display: none; left: 0; padding: 10px; position: absolute; top: 150px; width: calc(500% - 17px); z-index: 11;}
.category-top-menu-01 dd ul.ranking-area li.rank div.petit-details:before{ background-position: center -450px; height: 23px; position: absolute; top: -23px; width: 20px;}
.category-top-menu-01 dd ul.ranking-area li.rank:first-child div.petit-details{ left: -1px;}
.category-top-menu-01 dd ul.ranking-area li.rank:first-child div.petit-details:before{ left: calc(10% - 10px);}
.category-top-menu-01 dd ul.ranking-area li.rank:nth-child(2) div.petit-details{ left: calc(-100% + -2px);}
.category-top-menu-01 dd ul.ranking-area li.rank:nth-child(2) div.petit-details:before{ left: calc(30% - 10px);}
.category-top-menu-01 dd ul.ranking-area li.rank:nth-child(3) div.petit-details{ left: calc(-200% + -3px);}
.category-top-menu-01 dd ul.ranking-area li.rank:nth-child(3) div.petit-details:before{ left: calc(50% - 10px);}
.category-top-menu-01 dd ul.ranking-area li.rank:nth-child(4) div.petit-details{ left: calc(-300% + -4px);}
.category-top-menu-01 dd ul.ranking-area li.rank:nth-child(4) div.petit-details:before{ left: calc(70% - 10px);}
.category-top-menu-01 dd ul.ranking-area li.rank:nth-child(5) div.petit-details{ left: calc(-400% + -5px);}
.category-top-menu-01 dd ul.ranking-area li.rank:nth-child(5) div.petit-details:before{ left: calc(90% - 10px);}
.category-top-menu-01 dd ul.ranking-area li.rank div.petit-details img{ float: left; margin-bottom: 20px;}
.category-top-menu-01 dd ul.ranking-area li.rank div.petit-details div.center{ float: left; margin-left: 10px; text-align: left; width: 200px;}
.category-top-menu-01 dd ul.ranking-area li.rank div.petit-details div.center a{ color: #172685; display: inline-block; font-size: 14px; line-height: 18px; word-break: break-all;}
.category-top-menu-01 dd ul.ranking-area li.rank div.petit-details div.center p{ height: inherit; margin-top: 6px; overflow: inherit; word-break: break-all;}
.category-top-menu-01 dd ul.ranking-area li.rank div.petit-details table{ float: right; font-size: 12px; line-height: 14px; width: 220px;}
.category-top-menu-01 dd ul.ranking-area li.rank div.petit-details table tr th{ background-color: #d1d5e7; color: #172685; padding: 2px 4px; width: 80px;}
.category-top-menu-01 dd ul.ranking-area li.rank div.petit-details table tr td{ border: 1px solid #7e86bb; padding: 2px 4px; text-align: left; word-break: break-all;}
.category-top-menu-01 dd ul.ranking-area li.rank div.bottom{ float: right; margin-top: 10px; width: calc(100% - 290px);}
.category-top-menu-01 dd ul.ranking-area li.rank div.bottom ul li.box-area{ float: right;}
.category-top-menu-01 dd ul.ranking-area li.rank div.bottom ul li.box-area:first-child{ float: left;}
.category-top-menu-01 dd ul.ranking-area li.rank div.bottom ul li.box-area:last-child{ margin-right: 10px;}
.category-top-menu-01 dd ul.ranking-area li.rank div.bottom ul li.box-area .discount{ background-color: #ffdfdf; font-size: 12px; line-height: 16px; margin-bottom: 4px; padding: 3px 4px; text-align: center; width: calc(100% - 8px);}
.category-top-menu-01 dd ul.ranking-area li.rank div.bottom ul li.box-area .br_sum_01{ float: left;}
.category-top-menu-01 dd ul.ranking-area li.rank div.bottom ul li.box-area .br_search_history_05_02_03,.category-top-menu-01 dd ul.ranking-area li.rank div.bottom ul li.box-area .br_search_history_05_02_04{ float: left; margin-left: 10px; padding: 3px 10px;}
.category-top-menu-01 dd ul.ranking-area li.rank div.bottom ul li.box-area .br_search_history_05_03,.category-top-menu-01 dd ul.ranking-area li.rank div.bottom ul li.box-area .br_search_history_05_03 a{ z-index: 20;}

ul.slider{ margin-bottom: 40px !important;}
ul.slider{ display: none;}
ul.slider.slick-initialized{ display: block !important;}
.slick-slide{ margin: 0 0px !important;}
.category-top-slider{ position: relative;}
.category-top-slider div.left{ background-color: #ffffff; height: 100%; left: 0; opacity: 0.8; position: absolute; top: 0; width: 110px; z-index: 5;}
.category-top-slider div.right{ background-color: #ffffff; height: 100%; opacity: 0.8; position: absolute; right: 0; top: 0; width: 110px; z-index: 5;}
.slick-arrow{ height: 100%; position: absolute; top: 0; -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none; transform: none; width: 110px;}
.slick-dots{ bottom: -26px; text-align: center;}
/* 削除してもよい
.slick-arrow.slick-prev:before,.slick-arrow.slick-next:before{ height: 46px; top: calc(50% - 22px); width: 30px;}
.slick-arrow.slick-prev:before{ background-position: center -500px; left: 36px;}
.slick-arrow.slick-next:before{ background-position: center -550px; right: 36px;}
.slick-dots li button{ background-color: #ffffff; border-radius: 50%; border: 1px solid #5b5b5b; cursor: pointer; display: block; font-size: 0; height: 6px !important; line-height: 0; padding: 5px; width: 6px !important;}
.slick-dots li[aria-hidden="false"] button{ background-color: #ffca00;}
.slick-dots li{ width: 14px;}
.slick-dots li button{ position: relative;}
.slick-dots li button:before{ content: '〇'; font-size: 10px !important; left: 0; opacity: .5 !important; position: absolute; text-indent: 0px; top: 0; z-index: 1;}
.slick-dots li[aria-hidden="false"] button:before{ opacity: 1 !important;}
.slick-dots li[aria-hidden="false"] button:after{ content: '●'; color: #ffca00; font-size: 16px; left: calc(50% - 5px); opacity: 1 !important; position: absolute; text-indent: 0px; top: calc(50% - 1px); z-index: 0;}
*/
.slick-list{ width: calc(100% - 220px) !important;}

@media screen and (max-width: 799px){
.category-top-menu-01{ margin: 0 2% 20px;}
.slick-list{ padding: 0 20px !important; width: calc(100% - 40px) !important;}
.slick-slide{ margin: 0 0 30px !important}
.slick-arrow{ width: 40px;}
.category-top-slider div.left,.category-top-slider div.right{ width: 20px;}
}
@media screen and (max-width: 659px){
.category-top-menu-01 dd ul.ranking-area{ display:-webkit-box; display:-moz-box; display:-ms-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.category-top-menu-01 dd ul.ranking-area li.rank{ border-bottom: 1px solid #172685; width: calc(50% - 20px) !important;}
.category-top-menu-01 dd ul.ranking-area li.rank div.petit-details{ left: 0 !important; top: 90px; width: calc(200% - 20px);}
.category-top-menu-01 dd ul.ranking-area li.rank div.petit-details img{ display: block; float: none; margin: 0 auto 20px;}
.category-top-menu-01 dd ul.ranking-area li.rank:hover{ background-color: inherit;}
.category-top-menu-01 dd ul.ranking-area li.rank:hover img.mini,.category-top-menu-01 dd ul.ranking-area li.rank:hover p.mini{ opacity: inherit;}
.category-top-menu-01 dd ul.ranking-area li.rank.check:nth-child(5):after{ width: calc(100% - 8px);}
.category-top-menu-01 dd ul.ranking-area li.rank:first-child{ width: calc(100% - 20px) !important;}
.category-top-menu-01 dd ul.ranking-area li.rank:first-child div.petit-details{ width: calc(100% - 22px);}
.category-top-menu-01 dd ul.ranking-area li.rank:first-child div.petit-details:before{ left: calc(50% - 10px);}
.category-top-menu-01 dd ul.ranking-area li.rank:nth-child(2),.category-top-menu-01 dd ul.ranking-area li.rank:nth-child(4){ width: calc(50% - 21px) !important;}
.category-top-menu-01 dd ul.ranking-area li.rank:nth-child(2) div.petit-details:before,.category-top-menu-01 dd ul.ranking-area li.rank:nth-child(4) div.petit-details:before{ left: calc(25% - 12px);}
.category-top-menu-01 dd ul.ranking-area li.rank:nth-child(3){ border-right: none;}
.category-top-menu-01 dd ul.ranking-area li.rank:nth-child(3) div.petit-details,.category-top-menu-01 dd ul.ranking-area li.rank:nth-child(5) div.petit-details{ left: calc(-100% - 1px) !important;}
.category-top-menu-01 dd ul.ranking-area li.rank:nth-child(3) div.petit-details:before,.category-top-menu-01 dd ul.ranking-area li.rank:nth-child(5) div.petit-details:before{ left: calc(75% - 12px);}
.category-top-menu-01 dd ul.ranking-area li.rank:nth-child(4),.category-top-menu-01 dd ul.ranking-area li.rank:nth-child(5){ border-bottom: none;}
.category-top-menu-01 dd ul.ranking-area li.rank p.mini{ max-height: 48px; height: inherit; word-break: break-all;}
.category-top-menu-01 dd ul.ranking-area li.rank div.petit-details div.center{ float: none; margin: 0 0 10px !important; width: 100%;}
.category-top-menu-01 dd ul.ranking-area li.rank div.petit-details table{ float: none; width: 100%;}
.category-top-menu-01 dd ul.ranking-area li.rank div.bottom{ float: none; width: 100%;}
}
@media screen and (max-width: 495px){
.category-top-menu-01 dt p{ line-height: 20px;}
.category-top-menu-01 dt p span{ float: none; margin-left: 10px;}
.category-top-menu-01 dt p span span{ margin-left: 0;}
}
@media screen and (max-width: 425px){
.category-top-menu-01 dd ul.ranking-area li.rank div.bottom ul li.box-area{ float: none;}
.category-top-menu-01 dd ul.ranking-area li.rank div.bottom ul li.box-area:first-child{ float: none; margin-right: 0;}
.category-top-menu-01 dd ul.ranking-area li.rank div.bottom ul li.box-area .br_sum_01{ margin-left: calc(50% - 76px);}
.category-top-menu-01 dd ul.ranking-area li.rank div.bottom ul li.box-area div .br_search_history_07_02_png_04{ margin: 10px auto 0;}
}