.sp {display: none !important;} #widewrapper{width: 100%; position: relative;line-height: 1.5;} #keyVisual{width:100%;background:url(../images/kv_bg.jpg) no-repeat center top;background-size:100% auto;position:relative;} .butterfly1{position:absolute;width:47px;left:32vw;top:9vh;transform:rotate(24deg);} .butterfly2{position:absolute;width:52px;left:27vw;top:21vh;transform:rotate(-35deg);} .butterfly3{position:absolute;width:52px;right:30vw;top:5vh;transform:rotate(-15deg);} .butterfly4{position:absolute;width:52px;right:22vw;bottom:15vh;transform:rotate(15deg);} #keyVisual h1{text-indent:0px;display:flex;justify-content:center;align-items:center;margin:0 auto;max-width:450px;width:25%;position:relative;} #keyVisual h1 .beard{position:absolute;top:0;left:0;right:0;bottom:0;} #keyVisual h1 img{display:block;width:100%;} @media screen and (max-width: 1200px){ #keyVisual{background-position:80% top;} } #keyVisual .fuki.pc{position: absolute;top: 22%;right: 22%;} .vote .butterfly2{top: 60%;} .vote .butterfly3{top: 3vh;width: 48px;right: 32vw;} .vote .butterfly4{bottom: 20%;width: 40px; right: 26vw;} .navi{display: flex; justify-content: center;margin-bottom: 64px;} .navi li{width: 250px;} .navi li:not(:last-of-type){border-right: 1px solid #ccc;} .navi li a,.navi li em{display: flex;justify-content: center; align-items: center; padding: 4px 0;line-height: 1; font-size: 20px; text-align: center;min-height: 40px;} .navi li em, .navi li a.on{font-weight: bold; color: #E74247 !important; border-bottom: 3px solid #E74247;font-style: normal;} #contentsArea .navi li a{color: #bbb;} #contentsArea .navi li a:not(.on):hover{cursor: default; color: #bbb;opacity: 1;} #contentsArea .navi li a:hover{text-decoration: none;opacity: 0.8;} #contentsArea .navi li a.naviLink{color: #333;} #contentsArea .navi li a.naviLink:hover{opacity: .8;cursor: pointer;color: #333;} .lead{background: url(../images/lead_bg1.png) no-repeat 2% center, url(../images/lead_bg2.png) no-repeat 95% center;min-height: 267px;display: flex;flex-direction: column;justify-content: center;align-items: center;} .ttl {font-family: 'Kosugi Maru', sans-serif; font-size: 28px; text-align: center; letter-spacing: 3px; margin-bottom: 20px;} .ttl span {color: #E74247; font-size: 36px;} .ttl small{font-size: 20px;font-weight: normal;} .ttl small em{font-style: normal; color: #E74247; font-size: 28px;} .ttl a{font-weight: normal; font-size: 18px;color: #284EAE !important;text-decoration: underline !important;text-align: center;} .standby{margin: 0 auto 64px;width: 800px;box-sizing: border-box;border: 1px solid #E74247;background: #fff;} .standby h2{text-align: center; background: #E74247; color: #fff; font-size: 20px; padding: 16px 0;line-height: 1;} .standby p{margin: 24px auto;font-size: 20px;text-align: center;color:#E74247;} .standby p a{color:#E74247 !important;text-decoration: underline !important;} .standby p a:hover{text-decoration: none !important;} .standby b{display: block; margin-bottom: 8px;} .catSnsBox{width: 995px; height: 260px; margin: 40px auto 80px;background: url(../images/sns_bg.png) no-repeat; display: flex; justify-content: center;align-items: center;flex-direction: column;row-gap: 24px;} .catSnsBox h3{font-size: 20px;text-align: center;} .catSnsBox h3 span{display: inline-block; position: relative;padding: 0 8px;z-index: 1;} .catSnsBox h3 span:after{position: absolute; content: ''; width: 100%; height: 8px; background: #FDD118; left: 0; bottom: 4px;z-index: -1;} .catSnsBox > div{display: flex;justify-content: center;gap: 24px;} .catSnsBox > div a{display: flex;flex-direction: column;justify-content: flex-start;align-items: center;row-gap: 4px;} .catSnsBox > div a img{height: 63px;width: auto;} .catSnsBox > div a:last-of-type img{width: 40px;height: auto;} .catSnsBox > div a:last-of-type span{font-size: 12px;color: #1D54A7;} .totalTime{font-size: 20px;color: #333;text-align: center;line-height: 2.5;margin-bottom: 80px;} .totalTime span{background: #E74247; color: #fff;padding: 8px 10px 8px 12px;line-height: 1; margin-right: 8px;font-weight: bold;display: inline-block;} .voteEndTtl{text-align: center;font-size: 24px;color: #333;margin-bottom: 48px;} .voteTime{max-width: 1000px; margin: 0 auto; background: url(../images/bg1.png) no-repeat left 85%, url(../images/bg2.png) no-repeat right 15%;} .voteTime p{text-align: center;font-size: 20px;margin-bottom: 96px;} p.time {color: #E74247; letter-spacing: 2px; margin: 16px 0; overflow: hidden;font-size: 20px;} p.time span {background: #db4040; color: #fff; letter-spacing: 3px; padding: 6px 6px 6px 12px; display: inline-block;} .midashi{margin-bottom: 56px; text-align: center;} .top20 ul{display: flex;justify-content: center; gap: 72px; margin-bottom: 80px;} .top20 ul li{width: 416px;padding-bottom: 195px;} .top20 ul li img{display: block;} .top20 ul li:nth-of-type(1){background: url(../images/step1_bottom.png) no-repeat center bottom;} .top20 ul li:nth-of-type(2){background: url(../images/step2_bottom.png) no-repeat center bottom;} .top20 ul li div{background: url(../images/step_bg.png) repeat-y center top;padding: 0 40px;font-size: 14px;height: 246px;} .top20 ul li div p{margin-bottom: 12px;} .top20 ul li div dt{font-weight: bold;padding-left: 20px;} .top20 ul li div dt.icon_time{background: url(../images/icon_time.svg) no-repeat left center;} .top20 ul li div dt.icon_access{background: url(../images/icon_access.svg) no-repeat left center;} .top20 ul li div dt.icon_special{background: url(../images/icon_special.svg) no-repeat left center;} .top20 ul li div dd{margin-bottom: 12px;padding-left: 20px;} #contents.column1 {width: 100%; padding: 0; background: none;}#contents.column1.over{width: 1260px; margin: 0 auto;} .howtovote {background: #FFF5F6; padding: 56px 24px; margin: 0 auto 80px; box-sizing: border-box;} .howtovote{width:100%;} .howtovote h2 {background: url(../images/paw.png) no-repeat center bottom; padding-bottom: 48px; max-width: 690px; margin: 0 auto;font-size: 22px;} .howtovote h2:nth-of-type(2){margin: 64px auto 40px;} .howtovote h2:nth-of-type(2) + p{text-align: center;font-size: 20px;} .howtovote ul{display: flex; justify-content: center; margin-top: 40px;gap: 56px;} .howtovote ul li{width: 359px; background: #fff;} .howtovote ul li p{padding: 0 16px 20px;font-size: 14px;} .howtovote ul li:nth-child(2){position: relative;} .howtovote ul li:nth-child(2):before{position: absolute;content: ''; width: 0; height: 0; border-width: 12px 16px 12px 16px; border-style: solid; border-color: transparent transparent transparent #E74247; left: -34px; top: 50%; transform: translateY(-50%);} .howtovote ul li:nth-child(2):after{position: absolute;content: ''; width: 0; height: 0; border-width: 12px 16px 12px 16px; border-style: solid; border-color: transparent transparent transparent #E74247; right: -54px; top: 50%; transform: translateY(-50%);} .stepTtl{padding-bottom: 54px; background: url(../images/line.png) center bottom no-repeat; font-size: 36px; color: #E74247; text-align: center;font-family: 'Kosugi Maru', sans-serif; font-weight: normal; margin-bottom: 40px;} .stepTtl span{font-size: 24px;} #vote {width:100%; margin: 20px auto 40px; max-width: 1260px;} #vote form > p {font-size: 14px; line-height: 150%; margin: 40px auto; width: 1090px;} #vote form > p b {font-size: 30px; display: block; color: #E74247;line-height: 150%;} #vote .submitbtn {font-size: 24px; font-weight: bold; background: #E74247; border-radius: 100px; padding: 24px 80px; border: none; color: #fff; text-align: center; width: 272px; margin: 40px auto; display: block; cursor: pointer; border: 2px solid #E74247;}#vote .submitbtn:focus{outline: none;} #vote .submitbtn:hover {color: #E74247; background: #fff; border: 2px solid #E74247;} ul.voteform {display: flex;flex-wrap: wrap;max-width: 1260px;width: 100%; margin: 0 auto 60px;gap: 18px;row-gap: 18px;} ul.voteform li {max-width: 301px; padding: 0; line-height: 160%; position: relative; z-index: 10;flex: 1 0 auto;min-height: 374px;} ul.voteform li:nth-child(4n){margin-right: 0;} ul.voteform li img + span {font-size: 13px; padding: 0 16px;} ul.voteform li h3 {font-size: 20px; padding: 10px 16px;} ul.voteform li img {width: 100%;} ul.voteform li dl.hotelpr {font-size: 14px; padding: 0 16px;} ul.voteform li dl.hotelpr dt {background: #FADDE0; padding: 8px 16px; border-radius: 4px; font-weight: bold; display: inline; color: #E74247;} ul.voteform li dl.hotelpr dd {padding: 16px 0;} ul.voteform li dl.hotelpr dd span {display: block; padding-bottom: 5px;} ul.voteform li dl.hotelpr dd a {color: #1D54BB; text-decoration: underline;} ul.voteform li dl.hotelpr dd a:hover {text-decoration: none;} ul.voteform li label {position: absolute; width: 100%; display: block; height: calc(100% - 120px); top: 0; right: 0; z-index: 5;} ul.voteform li .link{font-size: 13px;margin: 16px;z-index: 11;} ul.voteform li .link span{display: block;} ul.voteform li .link a {color: #1D54BB !important; text-decoration: underline !important;} ul.voteform li .link a:hover {text-decoration: none;} ul.voteform li input {opacity: 0; width: 100%; height: 100%; cursor: pointer; margin: 0;z-index: 90;} ul.voteform li .spot {color: #E74247; font-weight: bold; font-size: 16px; border: 2px solid #E74247; padding: 12px 25px; border-radius: 100rem; position: absolute; right: 16px; top: 320px; cursor: pointer;font-style: normal; z-index: 100 !important;} ul.voteform .checkedbox .spot{color: #fff;background: #E74247;} ul.voteform .checkedbox:after{position: absolute; content: ''; left: 0; right: 0; bottom: 0; top: 299px; background: rgba(230,117,43,.32); z-index: 1;} ul.voteform .checkedbox:before{position: absolute; content: url(../images/checked.png); left: 88px; bottom: calc((100% - 299px) / 2 - 60px); z-index: 2;} #vote p.stepNote{color: #333; text-align: center; font-size: 20px;} .commentBox{width: 950px; margin: 0 auto 80px; padding-bottom: 42px; background: url(../images/claw.png) 98% 98% no-repeat;} .commentBox textarea{width: 100%; outline: 4px solid #FFF5F6; border: 1px solid #E74247; height: 200px; padding: 20px; box-sizing: border-box; line-height: 1.8;} p.over {color: #E74247; font-weight: bold; text-align: center; font-size: 30px; line-height: 150%;} .closebtn {background: none; font-size: 20px; padding: 10px 80px; border-radius: 100px; display: block; margin: 20px auto; border: 1px solid #000; cursor: pointer;} .closebtn:hover {background: #000; color: #fff;} h2.others {text-align: center; margin: 40px 0; line-height: 150%; font-size: 22px; position: relative;} h2.others:after {display: block; content: ""; border: 50px solid transparent; width: 0; height: 0; right: calc(50% - 50px); position: absolute; border-top-color: #ccc;} .bnr {display: flex; flex-wrap: wrap; justify-content: space-between; margin: 80px 0;} .bnr li {width: 32%; margin-bottom: 10px;} .bnr li a {display: block;} .bnr li a:hover {opacity: 0.8; text-decoration: none !important;} .bnr li a img {width: 100%; display: block;} .bnr li a span {display: block; background: #F7F7F7; font-size: 12px; padding: 8px;} .enterCat{text-align: center; font-size: 24px;color: #333;margin: 56px auto 64px;} .enterCat em{font-weight: bold;color: #E74247;} p.over {color: #E74247; font-weight: bold; text-align: center; font-size: 30px; margin: 32px 0; line-height: 150%;} .closebtn {background: none; font-size: 20px; padding: 10px 80px; border-radius: 100px; display: block; margin: 20px auto; border: 1px solid #000; cursor: pointer;} .closebtn:hover {background: #000; color: #fff;} h2.others {text-align: center; margin: 40px 0; line-height: 150%; font-size: 22px; position: relative;} h2.others:after {display: block; content: ""; border: 34px solid transparent; width: 0; height: 0; right: calc(50% - 34px); position: absolute; border-top-color: #ccc; bottom: -100px;} .bnr {display: flex; flex-wrap: wrap; justify-content: space-between; margin: 100px auto 80px; width: 1000px;} .bnr li {width: 32%; margin-bottom: 10px;} .bnr li a {display: block;} .bnr li a:hover {opacity: 0.8; text-decoration: none !important;} .bnr li a img {width: 100%; display: block; aspect-ratio: 300 / 169;} .bnr li a span {display: block; background: #F7F7F7; font-size: 14px; padding: 8px;}#link {width: 911px; margin: 0 auto;} #link p {text-align: center;} #link dl dt {font-size: 24px; text-align: center;margin-bottom: 24px;} #link dl dd {display: flex; justify-content: center; margin-bottom: 80px;gap: 24px;align-items: flex-start;} #link dl dd a {display: block; font-size: 22px; padding: 17px 24px; border: 2px solid #333333; width: 208px; position: relative;}#link dl dd a:after {position: absolute; content: ""; display: block; border-right: 1px solid #333; border-bottom: 1px solid #333; width: 15px; height: 15px; top: 35%; right: 24px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}#link dl dd a:hover {background: #000; color: #fff !important; text-decoration: none !important;}#link dl dd a:hover:after {border-color: #fff;} #contents.column1.over ul.voteform li label{display: none;} #contents.column1.over ul.voteform li{padding-bottom: 100px;} #contents.column1.over .overTtl{text-align: center;font-family: 'Kosugi Maru', sans-serif; font-size: 20px; color: #333; margin-bottom: 40px;} #contents.column1.over .howtovote a:hover{text-decoration: none; border-bottom-color: rgba(0,0,0,0);} .rtNavi{position: fixed; right: 26px; bottom: 30px; padding-top: 38px; z-index: 100;} .rtNavi:after{position: absolute; content: ''; width: 100px; height: 41px; background: url(../images/navicat.png) no-repeat; top: 0; left: 12px;} .rtNavi li a{display: block;border-bottom: 1px solid #E74247; color: #E74247 !important;font-size: 14px;font-family: 'Kosugi Maru', sans-serif;height: 40px;line-height: 40px;width: 120px;padding: 0 12px;box-sizing: border-box;} .rtNavi li a span{display: inline-block;width: 18px; height: 18px; line-height: 18px; color: #fff; background: #E74247;border-radius: 100rem;text-align: center;margin-right: 4px;} .rtNavi li a, .rtNavi li a img{display: block;} .rtNavi li a:hover{opacity: .8; text-decoration: none !important;} .rtNavi2{position: fixed; right: 26px; bottom: 30px; padding-top: 0; margin-top: 38px; z-index: 100; border: 4px solid #E74247; border-radius: 8px;} .rtNavi2:after{position: absolute; content: ''; width: 100px; height: 41px; background: url(../images/navicat.png) no-repeat; top: -45px; left: 15px;} .rtNavi2 li {background: #fff;border-radius: 4px;} .rtNavi2 li:nth-last-child(2) a{border: none;font-weight: bold;letter-spacing: 1px;} .rtNavi li:nth-last-of-type(2) a,.rtNavi li:nth-last-of-type(3) a{text-align: center;} a.red_btn {display: block; background: #E74247 url(../images/arr_white.png) 90% center no-repeat; color: #fff !important;border-radius: 100px;padding: 24px 80px; letter-spacing: 0.4em; font-size: 20px; font-weight: bold; margin: 0 auto; font-family: 'Kosugi Maru', sans-serif; width: 356px; box-sizing: border-box;} a.red_btn:hover{opacity: .8;} .petBnr{display: flex; align-items: center; flex-direction: column; gap: 32px; margin-bottom: 152px;} .petBnr h3{font-size: 20px;} #guide{position: relative;padding: 64px 0 0;width: 1280px;margin: 0 auto 80px;box-sizing: border-box;} #guide:before{position: absolute; content: ''; width: 560px;height: 1px;background: #ccc;left: 50%;top: 0;transform: translateX(-50%);} #guide .txt{text-align: center;margin-bottom: 56px;font-size: 16px;} #guide h2{text-align: center;font-size: 20px;margin-bottom: 32px;color: #333;} .swp{position: relative;padding: 0 30px;} #guide .swiper-container{padding-bottom: 24px;} #guide .swiper-button-next{background:url(https://img.travel.rakuten.co.jp/pet/sem/images/next.png) no-repeat;width:60px;height:59px;right:0;margin-top: -12px; transform: translateY(-50%);} #guide .swiper-button-prev{background:url(https://img.travel.rakuten.co.jp/pet/sem/images/prev.png) no-repeat;width:60px;height:59px;left:0;margin-top: -12px; transform: translateY(-50%);} #petinfo .swiper-slide{width:224px;} #petinfo .swiper-slide a{display:block;border-radius:5px;overflow:hidden;border:1px solid #C3C3C3;} #petinfo .swiper-slide a:hover{text-decoration: none; opacity: .8;} #petinfo .swiper-slide a p.petimg{background-size:cover;height:130px;background-position:center center;} #petinfo .swiper-slide a p{padding:10px;font-size:16px;color:#333;font-weight:bold;} #petinfo .swiper-slide a p b{display:block;min-height:50px;} #petinfo .swiper-slide a p span{display:block;color:#fff;background-color:#FB9215;text-align:center;padding:10px 0;margin-top:15px;} #petRank{margin-bottom: 80px;} #petRank h2{text-align: center;font-size: 20px;margin-bottom: 40px;} #petRank h2 small{display: block;font-size: 14px;font-weight: normal;} #petRank ul{display: flex; justify-content: center;gap: 48px;} #petRank ul li{width: 190px; font-size: 14px; display: flex; flex-direction: column; gap: 16px;align-items: center;} #petRank ul li a:hover{text-decoration: none !important; opacity: .8 !important;} .checkBtn label{display: flex; justify-content: center; align-items: center;gap: 8px;font-size: 16px;color: #333;} .checkBtn input:hover, .checkBtn label:hover{cursor: pointer;} .checkBtn input{background: #ccc; width: 20px;height: 20px; appearance: none;} .checkBtn input[type="checkbox"]:checked{background: url(../images/check.png) no-repeat;} ul.voteform li .catMain{border: 1px solid #E5E5E5; position: relative;} ul.voteform li .catMain:hover{cursor: pointer;} ul.voteform li .catMain.selected{background: #FADDE0;} ul.voteform li .catMain input{position: absolute; background: url(../images/unselected.png);top: 16px;left: 16px;appearance: none;width: 40px;height: 40px;opacity: 1;} ul.voteform li .catMain input[type="checkbox"]:checked{background: url(../images/selected.png);} ul.voteform li .catMain h3{font-size: 18px;padding: 0 16px;} ul.voteform li .catMain .htlName{margin: 0 16px 12px;font-size: 14px;color: #767676;} .resultsPage #vote ul.voteform li .catDetails{position: relative; border: 1px solid #E5E5E5;} .modal-overlay { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background-color: rgba(0,0,0,0.4); } .modal-content { background-color: #fefefe; margin: 7% auto; border: 1px solid #888; width: 360px; max-width: 600px; position: relative; max-height: 80%; overflow-y: auto; scrollbar-width: thin; } .close-button { position: absolute;right: 8px; top: 8px; color: #666; font-size: 30px; font-weight: bold; z-index: 10; background: rgba(255,255,255,.5); width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 100rem; } .close-button:hover, .close-button:focus { color: black; text-decoration: none; cursor: pointer; opacity: 1; } .catCheck{position: relative;overflow: hidden;} .catName{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding: 16px; position: relative;z-index: 10;} #modal-body img + span {font-size: 13px; padding: 0 16px;} #modal-body h3 {font-size: 20px; padding: 8px 0 16px;box-sizing: border-box;} #modal-body img {width: 100%;display: block;} #modal-body dl.hotelpr {font-size: 14px; padding: 0 16px;line-height: 1.5;} #modal-body dl.hotelpr dt {background: #FADDE0; padding: 8px 16px; border-radius: 4px; font-weight: bold; display: inline-block; color: #E74247;} #modal-body dl.hotelpr dd {padding: 12px 0;} #modal-body dl.hotelpr dd span {display: block; padding-bottom: 5px;} #modal-body dl.hotelpr dd a {color: #1D54BB; text-decoration: underline;} #modal-body dl.hotelpr dd a:hover {text-decoration: none;} #modal-body .link{font-size: 13px;margin: 0 0 8px;z-index: 11;line-height: 1.5;position: relative;z-index: 2;width: 100%;} #modal-body .link span{display: block;} #modal-body .link a {color: #1D54BB; text-decoration: underline;} #modal-body .link a:hover {text-decoration: none;} #modal-body input {cursor: pointer; margin: 0;z-index: 90; pointer-events: none;display: none;} #modal-body .spot {color: #E74247; font-weight: bold; font-size: 16px; border: 2px solid #E74247; padding: 12px 24px; border-radius: 100rem;cursor: pointer;font-style: normal;text-align: center;display: inline-block;margin-bottom: 16px;} #modal-body .checkedbox .spot{color: #fff;background: #E74247;} #modal-body .checkedbox:after{position: absolute; content: ''; left: 0; right: 0; bottom: 0; top: 0; background: rgba(250,221,224,.6); z-index: 3;} #modal-body .checkedbox:before{position: absolute; content: url(../images/checked.png); left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 4;} .viewOnly ul.voteform li .catMain input{display: none;} .viewOnly .catName label{display: none !important;} .resultsPage #vote ul.voteform li:hover{cursor: pointer;} .resultsPage #vote ul.voteform li img{border-radius: 10px;} .resultsPage #vote ul.voteform li .catMain{display: none !important;} .resultsPage #vote ul.voteform li .catDetails{display: block !important; position: static;border: none;} .resultsPage #vote ul.voteform li{position: relative;padding-top: 48px;} .resultsPage .catName, .resultsPage .catCheck{position: static;padding-top: 0;} .resultsPage .catName .link{margin: 0;} .resultsPage #vote ul.voteform li h3{position: absolute; top: -4px;left: 0; background-image: url(../images/rank.svg); background-repeat: no-repeat; padding: 2px 16px 0 48px;line-height: 42px;height: 42px;} .resultsPage #vote ul.voteform li:nth-of-type(2) h3{background-position: 0 -40px;} .resultsPage #vote ul.voteform li:nth-of-type(3) h3{background-position: 0 -80px;} .resultsPage #vote ul.voteform li:nth-of-type(4) h3{background-position: 0 -80px;} /* .resultsPage #vote ul.voteform li:nth-of-type(4) h3{background-position: 0 -120px;} */ .resultsPage #vote ul.voteform li:nth-of-type(5) h3{background-position: 0 -160px;} .resultsPage #vote ul.voteform li:nth-of-type(6) h3{background-position: 0 -200px;} .resultsPage #vote ul.voteform li:nth-of-type(7) h3{background-position: 0 -240px;} .resultsPage #vote ul.voteform li:nth-of-type(8) h3{background-position: 0 -280px;} .resultsPage #vote ul.voteform li:nth-of-type(9) h3{background-position: 0 -320px;} .resultsPage #vote ul.voteform li:nth-of-type(10) h3{background-position: 0 -360px;} .resultsPage #vote ul.voteform li:nth-of-type(11) h3{background-position: 0 -400px;} .resultsPage #vote ul.voteform li:nth-of-type(12) h3{background-position: 0 -440px;} .resultsPage #vote ul.voteform li:nth-of-type(13) h3{background-position: 0 -480px;} .resultsPage #vote ul.voteform li:nth-of-type(14) h3{background-position: 0 -520px;} .resultsPage #vote ul.voteform li:nth-of-type(15) h3{background-position: 0 -560px;} .resultsPage #vote ul.voteform li:nth-of-type(16) h3{background-position: 0 -600px;} .resultsPage #vote ul.voteform li:nth-of-type(17) h3{background-position: 0 -640px;} .resultsPage #vote ul.voteform li:nth-of-type(18) h3{background-position: 0 -680px;} .resultsPage #vote ul.voteform li:nth-of-type(19) h3{background-position: 0 -680px;} /* .resultsPage #vote ul.voteform li:nth-of-type(19) h3{background-position: 0 -720px;} */ .resultsPage #vote ul.voteform li:nth-of-type(20) h3{background-position: 0 -760px;} .resultsPage #vote ul.voteform li:nth-of-type(21) h3{background-position: 0 -760px;} .resultsPage #vote ul.voteform li:nth-of-type(n+22),.resultsPage #vote ul.voteform li:nth-of-type(-n+4){display: none;} .resultsPage .catCheck{display: flex;flex-direction: column;} .resultsPage .catCheck .hotelpr{order: 1;} .resultsPage .catCheck .hotelpr dt{display: none;} .resultsPage .catCheck .hotelpr dd:first-of-type{font-weight: bold;padding: 0;} .resultsPage .catCheck .catName{order: 2;} .rankBox{background-image: url(../images/ribon1.png), url(../images/ribon2.png), linear-gradient(to bottom, #fff 0%, #FFE5E8 56%);padding-bottom: 88px;position: relative; background-repeat: no-repeat, no-repeat, no-repeat; background-position: left center, right center, 0 0; background-size: 263px auto, 432px auto, 100%; margin-bottom: 88px;} .rankBox:after{position: absolute; content: ''; bottom: 0;left: 0;right: 0;width: 100%; height: 70px; background: url(../images/wave.png) no-repeat center bottom / 100% 100%;} .rankBox h2{margin-bottom: -40px;} .rankBox h2 span{font-size: 30px;color: #E74247;font-family: 'Kosugi Maru', sans-serif;display: flex;margin: 0 auto;width: 736px;height: 185px;background: url(../images/h2_results_bg.png) no-repeat;text-align: center; justify-content: center; align-items: center;padding-top: 24px;box-sizing: border-box;} .resultsPage .rankList{justify-content: center;align-items: flex-end;gap: 24px;flex-wrap: nowrap;max-width: none;} .resultsPage ul.voteform.rankList li{max-width: 280px;width: 22%;padding-top: 0;} .resultsPage ul.voteform.rankList li:first-of-type{max-width: 400px;width: 30%;} .resultsPage ul.voteform.rankList li:nth-of-type(2){max-width: 332px;width: 26%;} /* .resultsPage ul.voteform.rankList li .link a{color: #333 !important; text-decoration: none !important;} */ .resultsPage ul.voteform.rankList li h3{background: none;position: static; height: auto;padding: 0;text-align: center;margin-bottom: 16px;width: 100%;} .resultsPage ul.voteform.rankList li h3 img{width: auto;} .resultsPage ul.voteform.rankList li .catName .link{text-align: center;} .resultsPage ul.voteform.rankList li .catName .link strong{display: block;font-size: 20px;} .resultsPage ul.voteform.rankList li .catName{justify-content: center;padding: 0 0 16px;} .resultsPage ul.voteform.rankList li .catWaku{background: #fff;border-radius: 16px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);padding: 16px;} .resultsPage ul.voteform.rankList li .catWaku:hover{cursor: pointer;} .resultsPage ul.voteform.rankList li .catCheck .hotelpr{padding: 0;} .userComment{font-size: 14px;border-bottom: dotted 1px #999; padding-bottom: 12px; margin-bottom: 12px;} .resultsPage ul.voteform.rankList li .catName2{justify-content: flex-start;} .resultsPage ul.voteform.rankList li .catName .link2{font-size: 14px;} .resultsPage ul.voteform.rankList li .catName .link2 span{display: block;} .resultsPage ul.voteform.rankList li .catName .link2 a{color: #1D54BB !important;text-decoration: underline !important;} .palace{padding: 40px;width: 1200px; box-sizing: border-box;border: 2px solid #D38D23;margin: 0 auto 80px;display: flex; justify-content: space-between; gap: 40px;align-items: center;} .palace div:first-of-type{width: 214px;} .palace div:first-of-type img{display: block;margin-bottom: 24px; width: 100%;} .palace div:first-of-type p{font-size: 14px; color: #D38D23;} .palace div:nth-of-type(2){width: 194px;} .palace div:nth-of-type(2) img{width: 100%;display: block;border-radius: 10px;} .palace div:nth-of-type(3){width: 627px;} .palace div:nth-of-type(3) .palaceName{font-size: 26px;margin-bottom: 8px;font-weight: bold;} .palace div:nth-of-type(3) .comment {font-size: 14px;margin-bottom: 12px;} .palace div:nth-of-type(3) .comment em{font-size: 18px;font-weight: bold;font-style: normal;color: #D38D23;display: block;margin-bottom: 8px;} .palace div:nth-of-type(3) .link{font-size: 13px;} .palace div:nth-of-type(3) .link span{display: block;} .palace div:nth-of-type(3) .link a{color: #1D54BB !important; text-decoration: underline !important;} .goVote {position: relative;padding-bottom: 110px;margin-bottom: 110px;} .goVote a{display: block; position: relative; margin: 0 auto; width: 616px; border: 2px solid #333; box-sizing: border-box; font-size: 22px; color: #333; padding: 32px 24px; line-height: 1;text-align: center;} .goVote a:before{position: absolute; content: ''; width: 10px; height: 10px; border-top: 1px solid #333; border-right: 1px solid #333; transform: rotate(45deg); right: 32px; top: 50%; margin-top: -5px;} .goVote:after{position: absolute; content: '';bottom: 0; left: 50%; transform: translateX(-50%); width: 560px; height: 1px; background: #ccc;} .goVote a:hover{text-decoration: none !important; opacity: .8;} body{overflow: hidden;}