.areaTop_categoryButton{margin-bottom:15px;padding:2px 0 15px 15px;overflow-x:auto;-webkit-overflow-scrolling:touch}.areaTop_categoryButton_list{display:flex}.areaTop_categoryButton_item{flex:1 0 auto;padding-right:10px}.areaTop_categoryButton_link{display:block;padding:5px 15px;border:1px solid #ddd;border-radius:30px;background:#fff;color:#333;text-align:center}.areaTop_categoryButton .multi{display:inline-block;font-size:1.375rem;line-height:0;vertical-align:middle}@media screen and (min-width: 769px){.areaTop_categoryButton{padding-left:0;scrollbar-color:#0098de #e8e8e8}.areaTop_categoryButton::-webkit-scrollbar{height:12px}.areaTop_categoryButton::-webkit-scrollbar-track{border-radius:10px;background:#e8e8e8}.areaTop_categoryButton::-webkit-scrollbar-thumb{border-radius:10px;background-color:#0098de}.areaTop_categoryButton::-webkit-scrollbar-thumb:hover,.areaTop_categoryButton::-webkit-scrollbar-thumb:active{background-color:#069}.areaTop_categoryButton_item:last-of-type{padding-right:0}.areaTop_categoryButton_link{padding:5px 24px}.areaTop_categoryButton_link.is_short{padding:5px 15px}.areaTop_categoryButton_link:hover{background:#f8f8f8;text-decoration:none}}.areaTop_townRanking{margin-top:5px;border-top:1px solid #eee}.areaTop_townRanking_item{border-bottom:8px solid #e8e8e8}.areaTop_townRanking_item:last-of-type{border-bottom:none}.areaTop_townRanking_heading{padding:20px 15px 0}.areaTop_townRanking_nameBox{display:flex;align-items:flex-start;margin-bottom:15px}.areaTop_townRanking_nameBox .kuchosonText{font-weight:bold;font-size:1rem}.areaTop_townRanking_nameBox .todofukenText{display:inline-block;margin-left:5px;color:#999;font-weight:normal}.areaTop_townRanking_countBox{padding:10px;background:#f3f3f3;font-size:.8125rem}.areaTop_townRanking_countBox .countText{font-weight:bold}.areaTop_townRanking_countBox .postCountText{display:inline-block}.areaTop_townRanking_countBox .postCountLink{margin-right:10px;padding:5px 0;color:#666;text-decoration:underline}.areaTop_townRanking_countBox .postCountLink::before{margin-right:2px}.areaTop_townRanking .areaTop_headingTitle{padding-top:20px;padding-bottom:8px}.areaTop_townRanking .areaTop_spotCarousel+.areaTop_headingTitle{padding-top:15px}.areaTop_townRanking .areaTop_spotCarousel{margin-bottom:0}.areaTop_townRanking.is_height{max-height:2700px;overflow:hidden}@media screen and (min-width: 769px){.areaTop_townRanking_item{margin-bottom:15px;padding-bottom:20px;border-bottom:2px solid #ddd}.areaTop_townRanking_heading{padding:15px 0 0}.areaTop_townRanking_nameBox .u_iconRanking{font-size:1.125rem}.areaTop_townRanking_nameBox .kuchosonText{font-size:1.1875rem}.areaTop_townRanking_countBox{padding:15px;font-size:.875rem}}@media screen and (min-width: 769px){.areaTop_townRanking .areaTop_spotCarousel{margin-bottom:15px;scrollbar-color:#0098de #e8e8e8}.areaTop_townRanking .areaTop_spotCarousel::-webkit-scrollbar{height:12px}.areaTop_townRanking .areaTop_spotCarousel::-webkit-scrollbar-track{border-radius:10px;background:#e8e8e8}.areaTop_townRanking .areaTop_spotCarousel::-webkit-scrollbar-thumb{border-radius:10px;background-color:#0098de}.areaTop_townRanking .areaTop_spotCarousel::-webkit-scrollbar-thumb:hover,.areaTop_townRanking .areaTop_spotCarousel::-webkit-scrollbar-thumb:active{background-color:#069}.areaTop_townRanking .areaTop_spotCarousel_list::after{display:block;padding-right:5px;content:""}.areaTop_townRanking .areaTop_spotCarousel_item{flex-basis:36%;margin-right:15px}.areaTop_townRanking .areaTop_spotCarousel_item .thumbnail{height:10.828125rem}.areaTop_townRanking .areaTop_spotCarousel_item .title{margin-bottom:10px;font-size:1rem}.areaTop_townRanking .areaTop_spotCarousel_inner{padding:10px}.areaTop_townRanking .areaTop_viewmoreButton{margin-top:10px;border:1px solid #ddd}.areaTop_townRanking.is_height{max-height:3378px}}.areaTop_townRankButton{position:relative;margin:0 0 30px;padding:0 15px}.areaTop_townRankButton::before{position:absolute;left:0;transform:translateY(-100%);display:block;width:100vw;height:70px;background:linear-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.6) 20%, white 100%);content:""}@media screen and (min-width: 769px){.areaTop_townRankButton::before{width:100%}}.areaTop_townRankButton .buttonArea{font-weight:bold}