.howto{background-color:#fff;padding:20px 12px;margin:0 auto;width:976px}.howto__ttl{margin-bottom:30px;line-height:60px}.howto__ttl img{float:left;display:block;height:60px}.howto__ttl span{position:relative;bottom:-20px}.howto__main{width:100%}.howto__menu{width:200px;float:left;margin-right:16px;position:-webkit-sticky;position:sticky;top:20px}.howto__content{float:right;width:760px}.menu-list{width:100%}.menu-list__item{width:100%}.menu-list__item a{display:block;color:#aaa;text-decoration:none;border-bottom:4px solid #ccc}.menu-list__item a:hover{color:#000;border-bottom:4px solid #f73}.menu-list__item a p{font-weight:700;font-size:14px;float:left;padding:14px 0}.menu-list__item a img{width:30px;margin:0 10px;padding:12px 0;float:left}.genre-list{width:700px;padding:10px 22px 10px 38px}.genre-list__item{float:left;border-radius:4px;margin:0 8px 8px 0;font-size:14px;background-color:#fff}.genre-list__item a{display:inline-block;padding:4px 8px;text-decoration:none;color:#000}.genre-list__item a:hover{box-shadow:0 2px 4px #a5a5a5;position:relative;bottom:2px}.genre-list__item a img{height:20px;margin-right:8px}.ranking-list-high{margin-bottom:20px}.ranking-list-high__item{width:230px;border:4px solid #fff;box-sizing:border-box;position:relative;display:block;float:left;background:#fff;border-radius:4px}.ranking-list-high__item:hover{border:4px solid #f73}.ranking-list-high__item--1{border:4px solid #d9a200}.ranking-list-high__item--2{border:4px solid #a4bdcd}.ranking-list-high__item--3{border:4px solid #a98365}.ranking-list-high__item:not(:last-child){margin-right:15px}.ranking-list-high .ranking-img{width:200px;margin-bottom:10px}.ranking-list-high a{text-decoration:none;color:#000;display:block;width:200px;height:380px;margin:0 auto;padding:20px 0 10px}.ranking-list-high a:hover{opacity:.5}.ranking-list-high dl{width:200px;height:150px;overflow:hidden}.ranking-list-high dt{font-size:18px;line-height:1.4;font-weight:700;margin-bottom:6px}.ranking-list-high p{font-size:14px;line-height:1.6}.ranking-list-other__item{position:relative;display:block;float:left;width:354px;background-color:#fff;border-radius:4px;border:4px solid #fff;box-sizing:border-box}.ranking-list-other__item:hover{border:4px solid #f73}.ranking-list-other__item:not(:nth-child(even)){margin-right:12px}.ranking-list-other__item:not(:last-child){margin-bottom:12px}.ranking-list-other a{text-decoration:none;color:#000;display:block;width:330px;height:120px;padding:16px 0;margin:0 auto}.ranking-list-other a:hover{opacity:.5}.ranking-list-other .ranking-img{width:120px;float:left;margin-right:16px}.ranking-list-other dl{width:190px;height:120px;float:left;overflow:hidden}.ranking-list-other dt{font-size:16px;font-weight:700;margin-bottom:6px;line-height:1.4}.ranking-list-other p{font-size:12px;line-height:1.8}.ranking-num{display:block;position:absolute;top:-4px;left:4px;color:#fff;font-size:189%;font-weight:700;text-align:center;text-shadow:0 0 2px rgba(0,0,0,.3);height:32px;width:44px;padding:4px 0 0;background-color:#999;z-index:1}.ranking-num:after{content:"";position:absolute;left:0;bottom:-16px;width:0;height:0;border-left:22px solid transparent;border-right:22px solid transparent;border-top:16px solid #999}.ranking-num--1{background-color:#d9a200}.ranking-num--1:after{border-top:16px solid #d9a200}.ranking-num--2{background-color:#a4bdcd}.ranking-num--2:after{border-top:16px solid #a4bdcd}.ranking-num--3{background-color:#a98365}.ranking-num--3:after{border-top:16px solid #a98365}.tag-genre{display:inline-block;padding:2px 6px;color:#fff;background-color:#888;margin-bottom:6px;border-radius:4px;font-size:12px}.hero{width:100%}.hero img{width:100%}.hero__lead{background-color:#ffda40;padding:10px 0;margin-bottom:24px}.hero__lead h2{text-align:center;font-weight:700;font-size:21px}.hero__lead p{text-align:center;font-size:14px}.card{width:760px;background-color:#efefef;margin-bottom:16px;border-radius:4px}.card__ttl{padding:20px 20px 5px;font-weight:700;font-size:21px}.card__desc{padding:0 20px 16px;font-size:14px}.card__inner{width:720px;padding:0 20px;margin-bottom:16px}.card__inner img{width:100%;border-radius:4px}.card__button{text-align:center;padding:10px 0 30px}.card__button a{display:inline-block;padding:10px 30px;background-color:#f73;border-radius:8px;box-shadow:0 2px 8px #a5a5a5;color:#fff;text-decoration:none;font-weight:700;font-size:18px}.card__button a:hover{box-shadow:none;position:relative;top:2px;background-color:#ffac70}.card-inner{width:680px;padding:16px 20px;border-radius:4px;background-color:#fff}.card-inner img{width:100%;border-radius:4px}.card-inner__text{margin-bottom:16px}.card-inner__text h3{font-weight:700;font-size:18px;margin-bottom:6px}.card-inner__text p{font-size:14px}.card-inner--2col img{width:200px;float:right}.card-inner--2col .card-inner__text{float:left}.btn-regist{background-color:#50b464;border-radius:6px;box-shadow:0 2px 10px #a5a5a5;color:#fff;display:block;font-size:161.6%;font-weight:700;text-align:center;line-height:70px;height:70px;width:420px;margin:0 auto 30px}.btn-regist:hover{color:#fff;background:#b3e0ba;height:66px;border:2px solid #50b464;box-shadow:none}