/* CSS for PC @date 2018 @author sarahchan */ /* ------------------------------------------ ------------------------------------------ */.pc { display: none !important; } #keyVisual { margin-bottom: 0; } img { max-width: 100%; } #contents {background: none; padding: 0; line-height: 1.5;} .navi{display: flex; justify-content: space-between;margin-bottom: 24px;} .navi li{box-sizing: border-box; width: 33.33%;overflow: hidden;} .navi li:not(:last-of-type){border-right: 1px solid #ccc;} .navi li a,.navi li em{display: flex;padding: 4px 0; height: 100%; font-size: 14px; text-align: center; justify-content: center; align-items: center;box-sizing: border-box;} .navi li em, .navi li a.on{font-weight: bold; color: #fff !important; background: #E6742B;font-style: normal;} #contentsArea .navi li a{color: #bbb;} #contentsArea .navi li a.naviLink{color: #333;} #contentsArea .navi li a:hover{text-decoration: none;opacity: 0.8;} .dogSnsBox{margin: 24px 8px 40px;background: url(../images/sns_bg_sp.png) no-repeat center / 100% 100%; aspect-ratio: 288 / 216; display: flex; justify-content: center;align-items: center;flex-direction: column;row-gap: 16px; position: relative;z-index: 1;} .dogSnsBox h3{font-size: 20px;text-align: center;} .dogSnsBox h3 span{ position: relative;padding: 0 8px;z-index: 1;} .dogSnsBox h3 span:after{position: absolute; content: ''; height: 8px; background: #FDD118; left: 0; right: 0; bottom: 4px;z-index: -1;} .dogSnsBox > div{display: flex;justify-content: center;gap: 20px;} .dogSnsBox > div a img{height: 60px;width: auto;} .dogSnsBox > div a{display: flex;flex-direction: column;justify-content: flex-start;align-items: center;} .dogSnsBox > div a:last-of-type img{width: 40px;height: auto;} .dogSnsBox > div a:last-of-type span{font-size: 12px;color: #1D54A7;} .totalTime{font-size: 18px;color: #333;text-align: center;margin-bottom: 64px;} .totalTime span{background: #E6752B; color: #fff;padding: 6px 10px;margin:0 8px 16px 0;font-weight: bold;display: inline-block;} .ttl { font-family: 'Kosugi Maru', sans-serif; font-size: 18px; text-align: center; letter-spacing: 3px; } .ttl span { color: #E6752B; font-size: 24px;} .ttl small{font-size: 16px;font-weight: normal;} .ttl small em{font-style: normal; color: #E6752B; font-size: 20px;} .voteTime{margin: 0 16px 64px;} .voteTime p{font-size: 16px;text-align: center;} p.time {color: #E6742B; letter-spacing: 2px; margin: 16px 0; font-size: 18px;text-align: center;} p.time span { background: #db4040; color: #fff; letter-spacing: 3px; padding: 6px; display: inline-block;margin-bottom: 12px;} p.time em{transform: rotate(90deg);display: block;} p.time small{display: block;} .midashi{margin-bottom: 24px; text-align: center;} .top20 ul{ margin: 0 16px 24px;} .top20 ul li{display: flex;flex-direction: column; gap: 0;margin-bottom: 16px;} .top20 ul li img{display: block; width: 100%;} .top20 ul li div{background: url(https://img.travel.rakuten.co.jp/special/ranking/dog/2025/images/step_bg_sp.png) repeat-y center top / 100%;padding: 0 40px;font-size: 14px;} .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(https://img.travel.rakuten.co.jp/special/ranking/dog/2025/images/icon_time.svg) no-repeat left center;} .top20 ul li div dt.icon_access{background: url(https://img.travel.rakuten.co.jp/special/ranking/dog/2025/images/icon_access.svg) no-repeat left center;} .top20 ul li div dt.icon_special{background: url(https://img.travel.rakuten.co.jp/special/ranking/dog/2025/images/icon_special.svg) no-repeat left center;} .top20 ul li div dd{margin-bottom: 12px;padding-left: 20px;} .howtovote { background: #FFF0E8 url(https://img.travel.rakuten.co.jp/special/ranking/dog/2025/images/bowl.png) no-repeat 92% 90%; padding: 24px 16px; margin: 24px auto 40px;} .howtovote h2 { text-align: center; background: url(https://img.travel.rakuten.co.jp/special/ranking/dog/2025/images/bones.png) repeat-x left bottom; font-size: 22px; padding-bottom: 25px; width: 270px; margin: 0 auto;} .howtovote h2:nth-of-type(2){margin: 40px auto 24px;} .howtovote h2:nth-of-type(2) + p{text-align: center;font-size: 16px;} .howtovote h2:nth-of-type(2) + p em{transform: rotate(90deg);display: block;} /* .howtovote p { text-align: left; padding-top: 20px; font-family: 'Kosugi Maru', sans-serif; font-size: 14px; line-height: 1.6; letter-spacing: 2px; text-align: center; margin-bottom: 16px;} .howtovote p span { font-size: 12px; text-align: center; display: block; } .howtovote p b { padding: 15px 50px; border-radius: 60px; background: #E6752B; color: #fff; font-size: 15px; letter-spacing: 5px; display: block; width: 40%; margin: 0 auto;text-align: center; } */.voteRule{overflow-x: scroll;} .howtovote ul{display: flex; justify-content: center; margin-top: 40px;gap: 28px; width: 656px;padding-bottom: 16px;} .howtovote ul li{width: 200px;background: #fff;} .howtovote ul li p{padding: 0 8px 14px;font-size: 12px;} .howtovote ul li img{display: block; width: 100%;} .howtovote ul li:nth-child(2){position: relative;} .howtovote ul li:nth-child(2):before{position: absolute;content: ''; width: 16px; height: 100%; left: -21px; top: 0; background: url(https://img.travel.rakuten.co.jp/special/ranking/dog/2025/images/arr.png) no-repeat center / 14px;} .howtovote ul li:nth-child(2):after{position: absolute;content: ''; width: 16px; height: 100%; right: -21px; top: 0; background: url(https://img.travel.rakuten.co.jp/special/ranking/dog/2025/images/arr.png) no-repeat center / 14px;} .stepTtl{padding-bottom: 32px; background: url(https://img.travel.rakuten.co.jp/special/ranking/dog/2025/images/line.png) center bottom no-repeat; background-size: auto 20px; font-size: 24px; color: #E6752B; text-align: center;font-family: 'Kosugi Maru', sans-serif; font-weight: normal; margin-bottom: 24px; line-height: 1.3;} .stepTtl span{font-size: 16px;} #vote { margin: 24px 16px;} #vote form > p { font-size: 12px; line-height: 160%; margin: 20px 0; text-align: center;} #vote form > p b { font-size: 22px; display: block; padding-bottom: 10px;color: #E6752B;line-height: 150%; } #vote .submitbtn { font-size: 24px; font-weight: bold; background: #E6752B; border-radius: 100px; padding: 20px 0; border: none; color: #fff; text-align: center; width: 90%; margin: 20px auto; display: block; cursor: pointer; border: 2px solid #E6752B; } #vote .submitbtn:hover { color: #E6752B; background: #fff; border: 2px solid #E6752B; } ul.voteform { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 40px;} ul.voteform li { padding: 0; width: 48.5%; line-height: 160%; position: relative; margin-bottom: 20px; z-index: 10;} ul.voteform li img { width: 100%; } ul.voteform li img + span { font-size: 13px; padding: 0 16px;} ul.voteform li h3 { font-size: 16px; padding: 10px 16px; } ul.voteform li img { position: relative; z-index: 4;display: block; width: 100%;} ul.voteform li dl.hotelpr {font-size: 14px; z-index: 99; padding: 0 8px;} ul.voteform li dl.hotelpr dt { background: #F9D2BB; padding: 4px 8px; border-radius: 4px; font-weight: bold; display: inline; color: #C55F25; } ul.voteform li dl.hotelpr dd { padding: 8px 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 .link{font-size: 13px;margin: 8px 16px;} ul.voteform li .link span{display: block;} ul.voteform li .link a{ color: #1D54BB; text-decoration: underline;} ul.voteform li input { opacity: 0;} ul.voteform li .spot { color: #C55F25; font-weight: bold; font-size: 14px; border: 1px solid #C55F25; padding: 4px 16px; border-radius: 100rem;font-style: normal;} ul.voteform .checkedbox .spot{color: #fff;background: #C55F25;} ul.voteform .checkedbox:after{position: absolute; content: ''; left: 0; right: 0; bottom: 0; top: 0; background: rgba(230,117,43,.32); z-index: 1;margin-top: 100%;} ul.voteform .checkedbox:before{position: absolute; content: url(https://img.travel.rakuten.co.jp/special/ranking/dog/2025/images/checked.png); left: calc(50% - 60px); bottom: calc((100% - 299px) / 2 - 8px); z-index: 2;} #vote p.stepNote{color: #333; text-align: left; font-size: 16px;} #vote p.stepNote{text-align: center;} .commentBox {margin-bottom: 40px;} .commentBox textarea{width: 100%; outline: 4px solid #FFF0E8; border: 1px solid #E6752B; height: 110px; padding: 10px; box-sizing: border-box;background: url(https://img.travel.rakuten.co.jp/special/ranking/dog/2025/images/claw.png) 97% 97% no-repeat; background-size: 58px auto; line-height: 1.5;} .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: 18px; position: relative; } h2.others:after { display: block; content: ""; border: 50px solid transparent; width: 0; height: 0; right: calc(50vw - 70px); position: absolute; border-top-color: #ccc; } .bnr { margin: 80px 0 0; } .bnr li { margin-bottom: 10px; } .bnr li a { display: block; } .bnr li a img { width: 100%; } .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; } #contents .pagetop{z-index: 999;} .enterDog{text-align: center; font-size: 18px;color: #333;margin-bottom: 40px;} .enterDog em{font-weight: bold;color: #E6752B;} p.over { color: #E6752B; font-weight: bold; text-align: center; font-size: 22px; margin: 0 0 32px; 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: 18px; position: relative; } h2.others:after { display: block; content: ""; border: 50px solid transparent; width: 0; height: 0; right: calc(50vw - 70px); position: absolute; border-top-color: #ccc;bottom: -120px; } .bnr { margin: 80px 0 0; } .bnr li { margin-bottom: 10px; } .bnr li a { display: block; } .bnr li a img { width: 100%; } .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: 14px; padding: 8px; } #link {padding: 0 32px 32px;} #link p { font-size: 16px; text-align: center; padding-bottom: 40px;} #link dl dt { font-size: 20px; text-align: center; padding-bottom: 20px; } #link dl dd a { display: block; font-size: 22px; padding: 17px 24px; border: 2px solid #333333; position: relative; margin-bottom: 20px; } #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:60px;} #contents.column1.over .overTtl{text-align: center;font-family: 'Kosugi Maru', sans-serif; font-size: 18px; color: #333; margin-bottom: 24px;} .rtNavi{position: fixed; right: 8px; bottom: 8px; z-index: 100;} .rtNavi li a{display: block; margin-top: 8px; width: 56px;} .rt-footer{z-index: 10 !important;} a.red_btn {display: block; background: #E6752B url(../images/arr_white.png) 90% center no-repeat; color: #fff !important;border-radius: 100px;padding: 18px 0; letter-spacing: 0.4em; font-size: 12px; font-weight: bold; margin: 0 auto; font-family: 'Kosugi Maru', sans-serif; text-decoration: none !important; width: 90%; text-align: center;} .petBnr{display: flex; align-items: center; flex-direction: column; gap: 24px; margin-bottom: 80px;padding: 0 16px;} .petBnr h3{font-size: 18px;text-align: center;} .petBnr img{display: block; width: 100%;} #guide{position: relative;padding: 56px 0 0;margin: 0 auto 72px;box-sizing: border-box;} #guide:before{position: absolute; content: ''; width: 50%;height: 1px;background: #ccc;left: 50%;top: 0;transform: translateX(-50%);} #guide .txt{text-align: center;margin-bottom: 40px;font-size: 16px;} #guide h2{text-align: center;font-size: 20px;margin-bottom: 32px;color: #333;} .swp{position: relative;padding: 0 20px;} #guide .swiper-container{padding-bottom: 16px;} #guide .swiper-button-next{background:url(https://img.travel.rakuten.co.jp/pet/sem/images/next.png) no-repeat;background-size:100% auto;width:40px;height:40px;right:0;margin-top:-8px;transform: translateY(-50%);} #guide .swiper-button-prev{background:url(https://img.travel.rakuten.co.jp/pet/sem/images/prev.png) no-repeat;background-size:100% auto;width:40px;height:40px;left:0;margin-top:-8px;transform: translateY(-50%);} #petinfo .swiper-slide{width:100%;} #petinfo .swiper-slide a{display:block;border-radius:5px;overflow:hidden;border:1px solid #888;} #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;padding: 0 32px;} #petRank h2{text-align: center;font-size: 20px;margin-bottom: 32px;} #petRank ul{display: flex;flex-direction: column;row-gap: 16px;} #petRank ul li p{font-size: 16px;} #petRank ul li a{display: flex;gap: 16px;align-items: center;} #petRank ul li a:hover{text-decoration: none !important; opacity: .8 !important;} #petRank ul li img{width: 30%;} .dogNav{display: flex; justify-content: center; align-items: flex-end;margin: 0 0 16px;border-bottom: 3px solid #E6742B;gap: 8px;padding: 0 16px;} .dogNav li{border: 2px solid #E6742B;border-radius: 8px 8px 0 0;border-bottom: none; flex: 1 0 auto;text-align: center; color: #333;} .dogNav li.active{background: #E6742B; color: #fff;} .dogNav li span{padding: 10px 0; font-size: 14px;display: inline-block;font-weight: bold;} .dogNav li.active span{padding: 14px 0;} .dogNavDown{border-top:3px solid #E6742B; border-bottom: none;align-items: self-start;} .dogNavDown li{border-top: none; border-bottom: 2px solid #E6742B;border-radius: 0 0 8px 8px;} .jdsTab{margin-bottom: 40px;} .checkBtn label{display: flex; justify-content: center; align-items: center;gap: 8px;font-size: 15px !important;color: #333;} .checkBtn input:hover, .checkBtn label:hover{cursor: pointer;} .checkBtn input{background: #ccc; width: 16px;height: 16px; appearance: none;margin: 0;} .checkBtn input[type="checkbox"]:checked{background: url(../images/check.png) no-repeat center / 16px;} ul.voteform li .dogMain{border: 1px solid #E5E5E5; position: relative;} ul.voteform li .dogMain.selected{background: #F9D2BB;} ul.voteform li .dogMain input{position: absolute; background: url(../images/unselected.png) no-repeat center / 32px;top: 8px;left: 8px;appearance: none;width: 32px;height: 32px;opacity: 1;z-index: 8;margin: 0;} ul.voteform li .dogMain input[type="checkbox"]:checked{background: url(../images/selected.png) no-repeat center / 32px;} ul.voteform li .dogMain h3{font-size: 14px;padding: 8px 16px;} ul.voteform li .dogMain .htlName{margin: 0 16px 12px; color: #767676; font-size: 12px;line-height: 1.5;} .modal-overlay { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.4); } .modal-content { background-color: #fefefe; margin: 10% auto; border: 1px solid #888; width:80%; position: relative; max-height: 90%; overflow-y: scroll; } .close-button { position: absolute;right: 8px; top: 8px; color: #666; font-size: 28px; font-weight: bold; z-index: 10; background: rgba(255,255,255,.5); width: 32px; height: 32px; line-height: 32px; text-align: center; border-radius: 100rem; } .close-button:hover, .close-button:focus { color: black; text-decoration: none; cursor: pointer; opacity: 1; } .dogDetails{position: relative; border: 1px solid #E5E5E5;line-height: 1.5;} .dogCheck{position: relative;overflow: hidden;} .dogName{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding: 8px 16px; position: relative;z-index: 10;} #modal-body img + span {font-size: 13px; padding: 0 16px;} #modal-body h3 {font-size: 20px; padding: 10px 0;} #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: #F9D2BB; padding: 8px 16px; border-radius: 4px; font-weight: bold; display: inline-block; color: #C55F25;} #modal-body dl.hotelpr dd {padding: 12px 0; font-size: 16px;} #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 16px;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 {opacity: 0;cursor: pointer; margin: 0;z-index: 90; pointer-events: none;width: 0;} #modal-body .spot {color: #C55F25; font-weight: bold; font-size: 16px; border: 2px solid #C55F25; padding: 8px 16px; border-radius: 100rem;cursor: pointer;font-style: normal;white-space: nowrap; display: inline-block;margin-bottom: 16px;} #modal-body .checkedbox .spot{color: #fff;background: #C55F25;} #modal-body .checkedbox:after{position: absolute; content: ''; left: 0; right: 0; bottom: 0; top: 0; background: rgba(230,117,43,.32); z-index: 0;} #modal-body .checkedbox:before{position: absolute; content: url(https://img.travel.rakuten.co.jp/special/ranking/dog/2025/images/checked.png); left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2;} .viewOnly ul.voteform li .dogMain input{display: none;} .viewOnly .dogName label{display: none !important;} .resultsPage ul.voteform li{width: 100%;margin-bottom: 40px;} .resultsPage ul.voteform li img{border-radius: 10px;} .resultsPage #vote{margin: 24px;} .resultsPage ul.voteform li .dogMain{display: none !important;} .resultsPage .dogDetails{display: block !important;position: static;border: none;} .resultsPage ul.voteform li{position: relative;padding-top: 48px;} .resultsPage .dogName, .resultsPage .dogCheck{position: static;padding: 0;} .resultsPage .dogName .link{margin: 0;} .resultsPage .dogName .link a{text-decoration: underline !important; color: #1D54BB !important;} .resultsPage ul.voteform li h3{position: absolute; top: 0;left: 50%; transform: translateX(-50%); background-image: url(../images/rank.svg); background-repeat: no-repeat; padding: 2px 16px 0 48px;line-height: 42px;height: 42px;white-space: nowrap;font-size: 24px;background-size: 40px auto; box-sizing: border-box;} .resultsPage ul.voteform li:nth-of-type(2) h3{background-position: 0 -40px;} .resultsPage ul.voteform li:nth-of-type(3) h3{background-position: 0 -80px;} .resultsPage ul.voteform li:nth-of-type(4) h3{background-position: 0 -120px;} .resultsPage ul.voteform li:nth-of-type(5) h3{background-position: 0 -160px;} .resultsPage ul.voteform li:nth-of-type(6) h3{background-position: 0 -200px;} .resultsPage ul.voteform li:nth-of-type(7) h3{background-position: 0 -240px;} .resultsPage ul.voteform li:nth-of-type(8) h3{background-position: 0 -280px;} .resultsPage ul.voteform li:nth-of-type(9) h3{background-position: 0 -320px;} .resultsPage ul.voteform li:nth-of-type(10) h3{background-position: 0 -360px;} .resultsPage ul.voteform li:nth-of-type(11) h3{background-position: 0 -400px;} .resultsPage ul.voteform li:nth-of-type(12) h3{background-position: 0 -440px;} .resultsPage ul.voteform li:nth-of-type(13) h3{background-position: 0 -480px;} .resultsPage ul.voteform li:nth-of-type(14) h3{background-position: 0 -520px;} .resultsPage ul.voteform li:nth-of-type(15) h3{background-position: 0 -560px;} .resultsPage ul.voteform li:nth-of-type(16) h3{background-position: 0 -600px;} .resultsPage ul.voteform li:nth-of-type(17) h3{background-position: 0 -640px;} .resultsPage ul.voteform li:nth-of-type(18) h3{background-position: 0 -680px;} .resultsPage ul.voteform li:nth-of-type(19) h3{background-position: 0 -720px;} .resultsPage ul.voteform li:nth-of-type(20) h3{background-position: 0 -760px;} .resultsPage ul.voteform li:nth-of-type(n+21){display: none;} .resultsPage .dogCheck{display: flex;flex-direction: column;} .resultsPage .dogCheck .hotelpr{order: 1;padding: 0;} .resultsPage .dogCheck .hotelpr dt{display: none;} .resultsPage .dogCheck .hotelpr dd:first-of-type{font-weight: bold;padding: 16px 0 8px;} .resultsPage .dogCheck .dogName{order: 2;} .resultsPage #vote ul.voteform li:nth-of-type(-n+3){display: none;} .resultsPage ul.voteform.rankList{margin-bottom: 0;} .resultsPage ul.voteform.rankList li{background: url(../images/ribon_sp.png) no-repeat center top / 100%; padding: 48px 24px 0;} .resultsPage ul.voteform.rankList li .userComment{font-size: 14px;margin-top: 16px;line-height: 1.5;} .resultsPage ul.voteform.rankList li .userComment b{background: #F9D2BB;color: #C55F25;padding: 4px 8px;border-radius: 4px;margin-bottom: 4px;display: inline-block;} .resultsPage ul.voteform.rankList li .dogCheck .hotelpr dd:first-of-type{padding: 16px 0 0; background: url(../images/bird.svg) no-repeat right 4px / auto 100%;} .rankBox{background: linear-gradient(to bottom, #fff 0%, #FEEDBB 56%);padding: 0 0 24px;position: relative;} .rankBox:after{position: absolute; content: ''; bottom: 0;left: 0;right: 0;height: 40px; background: url(../images/wave.png) repeat-x center bottom / 40px;} .rankBox h2{text-align: center;font-size: 19px;color: #E6752B;font-family: 'Kosugi Maru', sans-serif;margin-bottom: 32px;} .rankBox h2 span{display: flex;justify-content: center; align-items: center;gap: 16px;} .rankBox h2 span:before{background: url(../images/h2_results_bg.png) no-repeat center / 100% auto; content: '';width: 40px;height: 79px;} .rankBox h2 span:after{background: url(../images/h2_results_bg.png) no-repeat center / 100% auto; content: '';width: 40px;height: 79px; transform: scale(-1);} .palace{padding:48px 24px 24px;border: 4px solid #D38D23;margin: 0 auto 80px;position: relative;} .palace div:first-of-type img{width:156px;position: absolute;top: -27px;left: 50%;transform: translateX(-50%);} .palace div:first-of-type p{font-size: 14px; color: #D38D23;margin-bottom: 8px;} .palace div:nth-of-type(2) img{width: 100%;display: block;border-radius: 10px;margin-bottom: 12px;} .palace .palaceName{font-size: 22px;margin-bottom: 8px;font-weight: bold;text-align: center;} .palace div:nth-of-type(3) .comment {font-size: 14px;margin-bottom: 12px;} .palace div:nth-of-type(3) .comment em{font-size: 16px;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: 0 24px 56px;margin-bottom: 56px;} .goVote a{display: block; position: relative; margin: 0 auto; border: 2px solid #333; box-sizing: border-box; font-size: 18px; color: #333; padding: 16px 64px 16px 24px; text-align: center;} .goVote a:before{position: absolute; content: ''; width: 12px; height: 12px; border-top: 1px solid #333; border-right: 1px solid #333; transform: rotate(45deg); right: 32px; top: 50%; margin-top: -6px;} .goVote:after{position: absolute; content: '';bottom: 0; left: 50%; transform: translateX(-50%); width:195px; height: 1px; background: #ccc;} .goVote a:hover{text-decoration: none !important; opacity: .8;}