@charset "UTF-8";
/* 
  css設定 @charsetが消されるsass仕様へのハック用コメントです。削除しないでください。新規作成時も必須！
 */
/*==================================================================================
 default
==================================================================================*/
/* -------------------------------------------
 * initialize
 */
html, body {
  margin: auto;
}

@media (min-width: 1025px) {
  body {
    overscroll-behavior: none;
  }
}

.allWrap {
  overflow: unset;
}

main,
.facilityModal {
  display: block;
  font-family: YuGothic, Yu Gothic, "游ゴシック", sans-serif;
}
main html, main body, main div, main span, main object, main iframe, main h1, main h2, main h3, main h4, main h5, main h6, main p, main blockquote, main pre, main abbr, main address, main cite, main code, main del, main dfn, main em, main img, main ins, main kbd, main q, main samp, main small, main strong, main sub, main sup, main var, main b, main i, main dl, main dt, main dd, main ol, main ul, main li, main fieldset, main form, main label, main legend, main table, main caption, main tbody, main tfoot, main thead, main tr, main th, main td, main article, main aside, main dialog, main figure, main footer, main header, main hgroup, main menu, main nav, main section, main time, main mark, main audio, main video,
.facilityModal html,
.facilityModal body,
.facilityModal div,
.facilityModal span,
.facilityModal object,
.facilityModal iframe,
.facilityModal h1,
.facilityModal h2,
.facilityModal h3,
.facilityModal h4,
.facilityModal h5,
.facilityModal h6,
.facilityModal p,
.facilityModal blockquote,
.facilityModal pre,
.facilityModal abbr,
.facilityModal address,
.facilityModal cite,
.facilityModal code,
.facilityModal del,
.facilityModal dfn,
.facilityModal em,
.facilityModal img,
.facilityModal ins,
.facilityModal kbd,
.facilityModal q,
.facilityModal samp,
.facilityModal small,
.facilityModal strong,
.facilityModal sub,
.facilityModal sup,
.facilityModal var,
.facilityModal b,
.facilityModal i,
.facilityModal dl,
.facilityModal dt,
.facilityModal dd,
.facilityModal ol,
.facilityModal ul,
.facilityModal li,
.facilityModal fieldset,
.facilityModal form,
.facilityModal label,
.facilityModal legend,
.facilityModal table,
.facilityModal caption,
.facilityModal tbody,
.facilityModal tfoot,
.facilityModal thead,
.facilityModal tr,
.facilityModal th,
.facilityModal td,
.facilityModal article,
.facilityModal aside,
.facilityModal dialog,
.facilityModal figure,
.facilityModal footer,
.facilityModal header,
.facilityModal hgroup,
.facilityModal menu,
.facilityModal nav,
.facilityModal section,
.facilityModal time,
.facilityModal mark,
.facilityModal audio,
.facilityModal video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEI1MzY2NTA1RTY2MTFFNUExRTlDMDdERTNCNDFENkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEI1MzY2NTE1RTY2MTFFNUExRTlDMDdERTNCNDFENkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowQjUzNjY0RTVFNjYxMUU1QTFFOUMwN0RFM0I0MUQ2QiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowQjUzNjY0RjVFNjYxMUU1QTFFOUMwN0RFM0I0MUQ2QiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pj3ggHcAAAAQSURBVHjaYvj//z8DQIABAAj8Av7bok0WAAAAAElFTkSuQmCC");
}
main article, main aside, main dialog, main figure, main footer, main header, main hgroup, main nav, main section,
.facilityModal article,
.facilityModal aside,
.facilityModal dialog,
.facilityModal figure,
.facilityModal footer,
.facilityModal header,
.facilityModal hgroup,
.facilityModal nav,
.facilityModal section {
  display: block;
}
main sup,
.facilityModal sup {
  font-size: 10px;
  vertical-align: super;
}
main sub,
.facilityModal sub {
  font-size: 10px;
  vertical-align: sub;
}
main div,
main figure,
.facilityModal div,
.facilityModal figure {
  line-height: 0;
}
main ul li, main ol li,
.facilityModal ul li,
.facilityModal ol li {
  list-style: none;
}
main input, main select,
.facilityModal input,
.facilityModal select {
  vertical-align: middle;
}
main .hide,
.facilityModal .hide {
  display: none;
}
main img,
.facilityModal img {
  -ms-interpolation-mode: bicubic;
}
main a,
.facilityModal a {
  text-decoration: none;
}
main p {
  font-weight: normal;
}
@media (min-width: 1025px) {
  main a:hover,
  .facilityModal a:hover {
    opacity: 0.7;
  }
}
main .clearfix,
.facilityModal .clearfix {
  zoom: 1;
}
main .clearfix:before, main .clearfix:after,
.facilityModal .clearfix:before,
.facilityModal .clearfix:after {
  content: "";
  display: table;
}
main .clearfix:after,
.facilityModal .clearfix:after {
  clear: both;
}
main iframe,
.facilityModal iframe {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
}
main video,
.facilityModal video {
  width: 100%;
  height: auto;
}
main .serif,
.facilityModal .serif {
  font-family: YuMincho, Yu Mincho, "游明朝", serif;
}
main .sunsSerif,
.facilityModal .sunsSerif {
  font-family: YuGothic, Yu Gothic, "游ゴシック", sans-serif;
}
main .bold,
.facilityModal .bold {
  font-weight: bold;
}
main .colorBlack,
.facilityModal .colorBlack {
  color: #333 !important;
}
main .colorWhite,
.facilityModal .colorWhite {
  color: #fff !important;
}
main .wrap,
.facilityModal .wrap {
  margin: 0 auto;
  width: 94%;
}
main .inlineBlock,
.facilityModal .inlineBlock {
  display: inline-block;
}
main .alignCenter,
.facilityModal .alignCenter {
  text-align: center;
}
main .alignLeft,
.facilityModal .alignLeft {
  text-align: left;
}
main .alignRight,
.facilityModal .alignRight {
  text-align: right;
}
@media (min-width: 768px) {
  main a.tel,
  .facilityModal a.tel {
    pointer-events: none;
  }
}

main img,
main header img,
main footer img,
.facilityModal img {
  max-width: 100%;
  height: auto;
}

.fontSize50 {
  font-size: 50%;
}

.fontSize55 {
  font-size: 55%;
}

.fontSize60 {
  font-size: 60%;
}

.fontSize65 {
  font-size: 65%;
}

.fontSize70 {
  font-size: 70%;
}

.fontSize75 {
  font-size: 75%;
}

.fontSize80 {
  font-size: 80%;
}

.fontSize85 {
  font-size: 85%;
}

.fontSize90 {
  font-size: 90%;
}

.fontSize95 {
  font-size: 95%;
}

.fontSize100 {
  font-size: 100%;
}

.fontSize105 {
  font-size: 105%;
}

.fontSize110 {
  font-size: 110%;
}

.fontSize115 {
  font-size: 115%;
}

.fontSize120 {
  font-size: 120%;
}

.fontSize125 {
  font-size: 125%;
}

.fontSize130 {
  font-size: 130%;
}

.fontSize135 {
  font-size: 135%;
}

.fontSize140 {
  font-size: 140%;
}

.fontSize145 {
  font-size: 145%;
}

.fontSize150 {
  font-size: 150%;
}

.fontSize155 {
  font-size: 155%;
}

.fontSize160 {
  font-size: 160%;
}

.fontSize165 {
  font-size: 165%;
}

.fontSize170 {
  font-size: 170%;
}

.fontSize175 {
  font-size: 175%;
}

.fontSize180 {
  font-size: 180%;
}

.fontSize185 {
  font-size: 185%;
}

.fontSize190 {
  font-size: 190%;
}

.fontSize195 {
  font-size: 195%;
}

.fontSize200 {
  font-size: 200%;
}

.fontSize205 {
  font-size: 205%;
}

.fontSize210 {
  font-size: 210%;
}

.fontSize215 {
  font-size: 215%;
}

.fontSize220 {
  font-size: 220%;
}

.fontSize225 {
  font-size: 225%;
}

.fontSize230 {
  font-size: 230%;
}

.fontSize235 {
  font-size: 235%;
}

.fontSize240 {
  font-size: 240%;
}

.fontSize245 {
  font-size: 245%;
}

.fontSize250 {
  font-size: 250%;
}

.fontSize255 {
  font-size: 255%;
}

.fontSize260 {
  font-size: 260%;
}

.fontSize265 {
  font-size: 265%;
}

.fontSize270 {
  font-size: 270%;
}

.fontSize275 {
  font-size: 275%;
}

.fontSize280 {
  font-size: 280%;
}

.fontSize285 {
  font-size: 285%;
}

.fontSize290 {
  font-size: 290%;
}

.fontSize295 {
  font-size: 295%;
}

.fontSize300 {
  font-size: 300%;
}

@media (max-width: 767px) {
  main sup,
  main .sub {
    font-size: 8px;
  }

  main .pc {
    display: none !important;
  }
}
/*==================================================================================
 common
==================================================================================*/
@keyframes cloudAnimation {
  0% {
    transform: translateX(30px);
  }
  100% {
    transform: translateX(-30px);
  }
}
@keyframes cloudAnimationVertical {
  0% {
    transform: translateY(7px);
  }
  100% {
    transform: translateY(-7px);
  }
}
@keyframes rotateAnimation {
  0% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(10deg);
  }
}
@keyframes spaSteamAnimation {
  0% {
    transform: translate(0, 4px);
  }
  25% {
    transform: translate(2px, 2px);
  }
  50% {
    transform: translate(0, 0);
  }
  75% {
    transform: translate(-2px, -2px);
  }
  100% {
    transform: translate(0, -4px);
  }
}
.resort_header {
  z-index: 2;
}

footer.footer {
  position: relative;
  z-index: 2;
}
footer.footer .footer__backtop {
  background: none;
}
footer.footer .footer__backtop .footer__backtop-container {
  background: none;
}
@inluce minWTB {
  footer.footer .footer__backtop {
    position: absolute;
    top: -17px;
    right: 0;
    left: 0;
  }
}
.electionWrap {
  position: relative;
  z-index: 0;
}
.electionWrap:after {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url("https://img.dormy-hotels.com/static/img/election/common/bg-images.webp") no-repeat center center;
  background-size: cover;
  z-index: -1;
}
#staging .electionWrap:after {
  background-image: url("https://staging-img.kyoritsu-hotels.net/static/img/election/common/bg-images.webp");
}
#develop .electionWrap:after {
  background-image: url("https://develop-img.kyoritsu-hotels.net/static/img/election/common/bg-images.webp");
}
main {
  position: relative;
  margin: auto;
  max-width: 540px;
  box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.25);
  background: #fff;
  z-index: 1;
}
@inluce minWTB {
  main {
    margin-bottom: -20px;
  }
}
main li,
main .image,
main figure {
  position: relative;
}
main .caption {
  display: inline-block;
  line-height: 1;
  font-size: 12px;
  color: #fff;
}
main img + .caption {
  position: absolute;
  bottom: 1.2%;
  right: .8%;
}
main img + .caption.outside {
  display: block;
  position: static;
}
main .commonLead01 {
  line-height: 2;
  font-size: 17px;
}
main .commonLead01 .emphasis {
  font-size: 135%;
}
main .commonTitle01 {
  position: relative;
  margin-bottom: 25px;
  padding: 10px 0;
  text-align: center;
  line-height: 1;
  z-index: 1;
}
main .commonTitle01:before, main .commonTitle01:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  background: url("https://img.dormy-hotels.com/static/img/election/common/illust-cloud01.svg") no-repeat center bottom;
  background-size: 100% auto;
  transform: translateX(-30px);
  z-index: -1;
}
#staging main .commonTitle01:before, main .commonTitle01:after {
  background-image: url("https://staging-img.kyoritsu-hotels.net/static/img/election/common/illust-cloud01.svg");
}
#develop main .commonTitle01:before, main .commonTitle01:after {
  background-image: url("https://develop-img.kyoritsu-hotels.net/static/img/election/common/illust-cloud01.svg");
}
main .commonTitle01:before {
  left: 3%;
  width: 24.07407%;
  animation: cloudAnimation 2s ease-in-out 0s forwards infinite alternate;
}
main .commonTitle01:after {
  right: -5%;
  width: 25.92593%;
  background-image: url("https://img.dormy-hotels.com/static/img/election/common/illust-cloud02.svg");
  background-position-y: top;
  animation: cloudAnimation 3s ease-in-out 0s forwards infinite alternate;
}
#staging main .commonTitle01:after {
  background-image: url("https://staging-img.kyoritsu-hotels.net/static/img/election/common/illust-cloud02.svg");
}
#develop main .commonTitle01:after {
  background-image: url("https://develop-img.kyoritsu-hotels.net/static/img/election/common/illust-cloud02.svg");
}
main .commonTitle01 img {
  width: auto;
  max-width: none;
  height: 40px;
}
main .commonTitle01.pattern02:before {
  left: -5%;
  width: 25.92593%;
  background-position-y: top;
  animation: cloudAnimation 3s ease-in-out 0s forwards infinite alternate;
}
main .commonTitle01.pattern02:after {
  right: 3%;
  width: 24.07407%;
  background-position-y: bottom;
  animation: cloudAnimation 2s ease-in-out 0s forwards infinite alternate;
}
main .commonTitle01 .text {
  font-size: min(37px, 6.851vw);
  font-weight: normal;
}

.fixingArea {
  position: sticky;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 15px 0;
  background: rgba(255, 255, 255, 0.9);
  z-index: 3;
}
@media (max-width: 767px) {
  .fixingArea {
    bottom: 55px;
  }
}

/*==================================================================================
 headerContainer
==================================================================================*/
/*==================================================================================
 footerContainer footerLogo
==================================================================================*/
.footerContainer,
.footerLogo {
  position: relative;
  z-index: 1;
}
.footerContainer {
  margin-top: 0;
}

/*==================================================================================
 print
==================================================================================*/
/*==================================================================================
 election top
==================================================================================*/
#electionTop section.intro {
  padding-bottom: 30px;
  overflow: hidden;
}
#electionTop section.intro > header {
  position: relative;
}
#electionTop section.intro > header:after {
  position: absolute;
  top: 0;
  left: 0;
  background: url(https://img.dormy-hotels.com/static/img/election/top/confetti.webp);
  width: 100%;
  height: 100%;
  content:"";
  background-size: 100%;
  z-index: 1;
}
#staging #electionTop section.intro > header:after {
  background-image: url(https://staging-img.kyoritsu-hotels.net/static/img/election/top/confetti.webp);
}
#develop #electionTop section.intro > header:after {
  background-image: url(https://develop-img.kyoritsu-hotels.net/static/img/election/top/confetti.webp);
}
#electionTop section.intro > header h1 {
  position: relative;
  line-height: 0;
  z-index: 1;
  text-align: center;
}
#electionTop section.intro > header h1 span{
  position: absolute;
  top: 1%;
  left: 50%;
  transform: translateX(-50%);
  /*color: red;*/
  padding: 1em 0;
 /* border: 2px solid red;*/
  /*background: #fff;*/
  width: 98%;
  box-sizing: border-box;
  font-size: 140%;
  line-height: 1.5;
  z-index: 10;
}
#electionTop section.intro > header h1 span img{
  width: 98%;
}
@media only screen and (max-width: 640px) {
  #electionTop section.intro > header h1 span{
    font-size: 120%;
  }
}
#electionTop section.intro > header .icons li {
  position: absolute;
  z-index: 2;
}
#electionTop section.intro > header .icons .mountain {
  top: 20.4%;
  left: 37.4%;
  width: 24.81481%;
}
#electionTop section.intro > header .icons .mountain .cloud {
  position: absolute;
  top: -16%;
  left: 10%;
  width: 91.04478%;
  transform: translateY(7px);
  animation: cloudAnimationVertical 2.5s ease-in-out 0s forwards infinite alternate;
}
#electionTop section.intro > header .icons .curtain {
  top: 16.8%;
  left: 73.8%;
  width: 21.11111%;
  transform: rotate(10deg);
  animation: rotateAnimation 1.5s ease-in-out 0s forwards infinite alternate-reverse;
}
#electionTop section.intro > header .icons .bucket {
  top: 29.1%;
  left: 3.6%;
  width: 14%;
  transform: rotate(-10deg);
  animation: rotateAnimation 2s ease-in-out 0s forwards infinite alternate;
}
#electionTop section.intro > header .icons .spa {
  top: 43.2%;
  left: 84.2%;
  width: 14.14815%;
}
#electionTop section.intro > header .icons .spa .steam {
  position: absolute;
  top: -46%;
  left: 29%;
  width: 46.93878%;
  transform: translateY(7px);
  animation: spaSteamAnimation 2s linear 0s forwards infinite alternate;
}
#electionTop section.intro > header .clouds li {
  position: absolute;
}
#electionTop section.intro > header .clouds li:first-child {
  top: 58.6%;
  left: 5%;
  width: 25.92593%;
  transform: translateX(30px);
  animation: cloudAnimation 2s ease-in-out 0s forwards infinite alternate;
}
#electionTop section.intro > header .clouds li:nth-child(2) {
  top: 42.8%;
  right: 2.8%;
  width: 23.51852%;
  transform: translateX(30px);
  animation: cloudAnimation 3s ease-in-out 0.5s forwards infinite alternate;
}
#electionTop section.intro > header .clouds li:nth-child(3) {
  top: 43%;
  left: .5%;
  width: 35.55556%;
  transform: translateX(30px);
  animation: cloudAnimation 2.5s ease-in-out .2s forwards infinite alternate;
}
#electionTop section.intro .banners {
  display: flex;
  justify-content: space-between;
  padding: 20px 0 40px;
}
#electionTop section.intro .banners li {
  flex: 0 0 48.5%;
  line-height: 0;
}
#electionTop section.intro .banners li.comingsoon a {
  pointer-events: none;
}
#electionTop section.intro .term {
  padding-bottom: 50px;
  line-height: 0;
}
#electionTop section.intro .catch {
  margin-bottom: 40px;
  font-size: 30px;
}
#electionTop section.intro .catch span {
  display: inline-block;
  padding: 0 20px;
  border-bottom: 12px solid #ebe6cc;
  line-height: .5;
}
#electionTop section.intro .lead {
  position: relative;
  z-index: 1;
}
#electionTop section.intro .lead .clouds {
  position: absolute;
  transform: translateX(30px);
  z-index: -1;
}
#electionTop section.intro .lead .cloud01 {
  top: 3%;
  left: -6%;
  width: 25.92593%;
  animation: cloudAnimation 2.5s ease-in-out 0s forwards infinite alternate;
}
#electionTop section.intro .lead .cloud02 {
  top: 34%;
  right: 2%;
  width: 23.51852%;
  animation: cloudAnimation 4s ease-in-out 0.5s forwards infinite alternate;
}
#electionTop section.intro .lead .cloud03 {
  top: 78%;
  left: -6%;
  width: 25.92593%;
  animation: cloudAnimation 3s ease-in-out .2s forwards infinite alternate;
}
#electionTop section.intro .lead .cloud04 {
  top: 95%;
  right: -3.5%;
  width: 23.51852%;
  transform: translateX(30px);
  animation: cloudAnimation 3s ease-in-out 0.5s forwards infinite alternate;
}
#electionTop section.intro .lead01 img {
  display: block;
  padding-bottom: 30px;
}
#electionTop section.intro .lead01 .cloud02 {
  top: 28%;
}
#electionTop section.intro .lead01 .cloud03 {
  top: 54%;
}
#electionTop .wrapper {
/*  padding-top: 60px;*/
  overflow: hidden;
}
#electionTop .sections:not(.terms) {
  overflow: hidden;
}
#electionTop .sections:not(:last-of-type) {
  padding-bottom: 60px;
}
#electionTop section.prize h2 {
  margin-top: 40px;
}
#electionTop section.prize h2 .catch {
  display: block;
  position: absolute;
  top: -40px;
  right: 0;
  left: 0;
  font-size: 16px;
}
#electionTop section.prize h2 .catch .emphasis {
  color: #B38A36;
}
#electionTop section.prize .prizes {
  display: flex;
  flex-direction: column;
  gap: 7px 0;
}
#electionTop section.prize .prizes li {
  line-height: 0;
}
#electionTop section.prize .prizes .annotation {
  display: block;
  line-height: 1.3;
  font-size: 13px;
  font-weight: normal;
}
#electionTop section.vote .banners {
  display: flex;
  justify-content: space-between;
}
#electionTop section.vote .banners li {
  flex: 0 0 48.5%;
  line-height: 0;
}
#electionTop section.vote .banners li.comingsoon a {
  pointer-events: none;
}
#electionTop section.terms {
  position: relative;
  margin-top: 50px;
  margin-bottom: 70px;
  padding-top: 30px;
  border-radius: 20px;
  background: #F5F4EF;
}
#electionTop section.terms h2 {
  padding-bottom: 30px;
  text-align: center;
  font-size: 26px;
}
#electionTop section.terms .termsArea {
  box-sizing: border-box;
  overflow: auto;
  padding-right: 5px;
  padding-bottom: 30px;
  height: 500px;
  font-size: 14px;
}
#electionTop section.terms .termsArea::-webkit-scrollbar {
  width: 12px;
}
#electionTop section.terms .termsArea::-webkit-scrollbar-thumb {
  background-color: #B1B1B1;
  border-radius: 6px;
}
#electionTop section.terms .termsArea::-webkit-scrollbar-track {
  background-color: none;
  border-radius: 6px;
}
#electionTop section.terms .termsArea:not(:first-of-type) {
  display: none;
}
#electionTop section.terms .termsArea p {
  line-height: 1.9;
}
#electionTop section.terms .termsArea p + p {
  padding-top: 1em;
}
#electionTop section.terms .clouds li {
  position: absolute;
}
#electionTop section.terms .clouds li:first-child {
  top: -50px;
  left: -3%;
  width: 25.92593%;
  transform: translateX(30px);
  animation: cloudAnimation 2s ease-in-out 0s forwards infinite alternate;
}
#electionTop section.terms .clouds li:nth-child(2) {
  bottom: -70px;
  right: 0;
  width: 25.92593%;
  transform: translateX(30px);
  animation: cloudAnimation 3s ease-in-out 0.5s forwards infinite alternate;
}
#electionTop .fixingArea {
  margin-top: 30px;
  padding: 12px 12px 10px;
  background: rgba(0, 0, 0, 0.7);
}
#electionTop .fixingArea .banners {
  display: flex;
  justify-content: space-between;
}
#electionTop .fixingArea .box{
  position: relative;
  z-index: 0;
  text-align: center;
}
#electionTop .fixingArea .box .news{
  color: #fff;
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 1.5;
  font-size: 120%;
  font-weight: bold;
  width: 100%;
  text-shadow: 0 0px 10px #000, 0 0px 10px #000, 0 0px 10px #000, 0 0px 10px #000;
}
#electionTop .fixingArea .box:after{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0, 0, 0, 0.7);
}
#electionTop .fixingArea .banners li {
  flex: 0 0 48%;
  line-height: 0;
}

/*==================================================================================
 lower common
==================================================================================*/
/*==================================================================================
 facilitys
==================================================================================*/
#electionFacilitys .facilityListArea {
  box-sizing: border-box;
  padding: 20px 3%;
}
@media (min-width: 1025px) {
  #electionFacilitys .facilityListArea {
    min-height: calc(100vh - (76px + 219px + 70px + 161px));
  }
}
#electionFacilitys .facilityListArea.showAll .facilityList li {
  display: block !important;
}
#electionFacilitys .facilityListArea .facilityList {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 1.25%;
}
#electionFacilitys .facilityListArea .facilityList:not(:first-child) {
  display: none;
}
#electionFacilitys .facilityListArea .facilityList li {
  flex: 0 0 32.5%;
}
#electionFacilitys .facilityListArea .facilityList li.new a:after {
  content: 'NEW';
  position: absolute;
  top: 0;
  right: 0;
  padding: 6px 0;
  width: 40px;
  text-align: center;
  line-height: 1;
  font-size: 11px;
  color: #fff;
  background: #bf2828;
  z-index: 2;
}
#electionFacilitys .facilityListArea .facilityList li a {
  display: block;
  position: relative;
  border-radius: 5px;
  color: #fff;
  box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
#electionFacilitys .facilityListArea .facilityList li .prefecture {
  position: absolute;
  top: 0;
  left: 0;
  padding: 6px 0;
  min-width: 60px;
  text-align: center;
  line-height: 1;
  font-size: 11px;
  color: #fff;
  background: #000;
  z-index: 2;
}
#electionFacilitys .facilityListArea .facilityList li .thumbnail {
  position: relative;
  padding: 48% 0;
}
#electionFacilitys .facilityListArea .facilityList li .thumbnail img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}
#electionFacilitys .facilityListArea .facilityList li .name {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 5px 5px;
  text-align: center;
  font-size: 12px;
}
#electionFacilitys .facilityListArea .facilityList li .name span {
  line-height: 1.4;
}
#electionFacilitys .fixingArea .categorys {
  display: flex;
  justify-content: space-between;
  padding: 0 20px 20px;
}
#electionFacilitys .fixingArea .categorys li {
  flex: 0 0 23%;
}
#electionFacilitys .fixingArea .categorys li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  border-radius: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  background: #004183;
  box-shadow: 3px 3px 0 3px #9A9A9A;
}
#electionFacilitys .fixingArea .categorys li:nth-child(2) a {
  background: #958B46;
}
#electionFacilitys .fixingArea .categorys li:nth-child(3) a {
  background: #B6773E;
}
#electionFacilitys .fixingArea .categorys li:nth-child(4) a {
  background: #4E443F;
}
#electionFacilitys .fixingArea .categorys li a span {
  line-height: 1.4;
}
#electionFacilitys .fixingArea .links {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
}
#electionFacilitys .fixingArea .links li {
  flex: 0 0 36%;
}
@media (min-width: 540px) {
  #electionFacilitys .fixingArea .links li br.sp {
    display: none;
  }
}
#electionFacilitys .fixingArea .links li a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 10px;
  height: 50px;
  border-radius: 10px;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  background: #379E98;
  box-shadow: 3px 3px 0 3px #9A9A9A;
}
#electionFacilitys .fixingArea .links li a:after {
  content: '';
  display: block;
  width: 23px;
  height: 23px;
  background: url("https://img.dormy-hotels.com/static/img/election/common/icon-arrow01.svg") no-repeat center center;
  background-size: 100% 100%;
}
#staging #electionFacilitys .fixingArea .links li a:after {
  background-image: url("https://staging-img.kyoritsu-hotels.net/static/img/election/common/icon-arrow01.svg");
}
#develop #electionFacilitys .fixingArea .links li a:after {
  background-image: url("https://develop-img.kyoritsu-hotels.net/static/img/election/common/icon-arrow01.svg");
}
#electionFacilitys .fixingArea .links li:nth-child(2) a {
  background: #B38A36;
}
#electionFacilitys .fixingArea .links li:nth-child(2) a:after {
  background-image: url("https://img.dormy-hotels.com/static/img/election/common/icon-arrow02.svg");
}
#staging #electionFacilitys .fixingArea .links li:nth-child(2) a:after {
  background-image: url("https://staging-img.kyoritsu-hotels.net/static/img/election/common/icon-arrow02.svg");
}
#develop #electionFacilitys .fixingArea .links li:nth-child(2) a:after {
  background-image: url("https://develop-img.kyoritsu-hotels.net/static/img/election/common/icon-arrow02.svg");
}
#electionFacilitys .fixingArea .links li:nth-child(3) {
  flex: 0 0 22%;
}
#electionFacilitys .fixingArea .links li:nth-child(3) a {
  background: #3E3E3E;
}
#electionFacilitys .fixingArea .links li:nth-child(3) a:after {
  background-image: url("https://img.dormy-hotels.com/static/img/election/common/icon-arrow03.svg");
}
#staging #electionFacilitys .fixingArea .links li:nth-child(3) a:after {
  background-image: url("https://staging-img.kyoritsu-hotels.net/static/img/election/common/icon-arrow03.svg");
}
#develop #electionFacilitys .fixingArea .links li:nth-child(3) a:after {
  background-image: url("https://develop-img.kyoritsu-hotels.net/static/img/election/common/icon-arrow03.svg");
}
#electionFacilitys .fixingArea .links li a span {
  line-height: 1.3;
}
#electionFacilitys .facilityModal {
  display: none;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 20px 5%;
  z-index: 10;
  background: rgba(0, 0, 0, 0.8);
  overflow: auto;
  transform: translate3d(0, 0, 1px);
}
#electionFacilitys .facilityModal .modalCloseButton {
  cursor: pointer;
  position: absolute;
  top: -15px;
  right: -15px;
  z-index: 2;
}
@media (min-width: 1025px) {
  #electionFacilitys .facilityModal .modalCloseButton:hover {
    opacity: .7;
  }
}
#electionFacilitys .facilityModal .contentArea {
  position: relative;
  margin: auto;
  width: 100%;
  max-width: 450px;
  border-radius: 10px;
}
#electionFacilitys .facilityModal .contentArea .name {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 30px 10px 10px;
  min-height: 50px;
  border-radius: 10px 10px 0 0;
  text-align: center;
  line-height: 1.4;
  font-size: 18px;
  color: #fff;
  overflow: hidden;
}
#electionFacilitys .facilityModal .contentArea .name .prefecture {
  bos-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  padding: 5px;
  min-width: 80px;
  text-align: center;
  line-height: 1.3;
  font-size: 12px;
  color: #fff;
  background: #000;
  z-index: 2;
}
#electionFacilitys .facilityModal .bgArea {
  position: relative;
  padding: 25px 0 20px;
  border-radius: 0 0 10px 10px;
  background: #fff;
  overflow: hidden;
  z-index: 1;
}
#electionFacilitys .facilityModal .bgArea:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url("https://img.dormy-hotels.com/static/img/election/facilitys/bg01.svg") no-repeat right top;
  background-size: 80% auto;
  z-index: -1;
}
#staging #electionFacilitys .facilityModal .bgArea:before {
  background-image: url("https://staging-img.kyoritsu-hotels.net/static/img/election/facilitys/bg01.svg");
}
#develop #electionFacilitys .facilityModal .bgArea:before {
  background-image: url("https://develop-img.kyoritsu-hotels.net/static/img/election/facilitys/bg01.svg");
}
#electionFacilitys .facilityModal .bgArea:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: -2px;
  left: 0;
  background: url("https://img.dormy-hotels.com/static/img/election/facilitys/bg02.svg") no-repeat -7% bottom;
  background-size: 70% auto;
  z-index: -1;
}
#staging #electionFacilitys .facilityModal .bgArea:after {
  background-image: url("https://staging-img.kyoritsu-hotels.net/static/img/election/facilitys/bg02.svg");
}
#develop #electionFacilitys .facilityModal .bgArea:after {
  background-image: url("https://develop-img.kyoritsu-hotels.net/static/img/election/facilitys/bg02.svg");
}
#electionFacilitys .facilityModal .imageArea,
#electionFacilitys .facilityModal .texts {
  padding: 0 5%;
}
#electionFacilitys .facilityModal .imageArea {
  position: relative;
  margin-bottom: 40px;
}
#electionFacilitys .facilityModal .imageArea:before {
  content: '';
  display: block;
  position: absolute;
  top: -3%;
  right: 0;
  bottom: -9%;
  left: 0;
  background: url("https://img.dormy-hotels.com/static/img/election/facilitys/clouds.webp") no-repeat center center;
  background-size: 100% 100%;
  z-index: 1;
}
#staging #electionFacilitys .facilityModal .imageArea:before {
  background-image: url("https://staging-img.kyoritsu-hotels.net/static/img/election/facilitys/clouds.webp");
}
#develop #electionFacilitys .facilityModal .imageArea:before {
  background-image: url("https://develop-img.kyoritsu-hotels.net/static/img/election/facilitys/clouds.webp");
}
#electionFacilitys .facilityModal .image {
  position: relative;
  padding: 38% 0;
  border-radius: 10px;
  overflow: hidden;
}
#electionFacilitys .facilityModal .image img {
  position: absolute;
  top: 0;
  left: 50%;
  width: auto;
  height: 100%;
  max-width: none;
  transform: translateX(-50%);
}
#electionFacilitys .facilityModal .texts {
  padding-bottom: 30px;
}
#electionFacilitys .facilityModal .texts dt {
  padding-bottom: 10px;
  line-height: 1;
  font-size: 19px;
  color: #B6773E;
}
#electionFacilitys .facilityModal .texts dd {
  line-height: 1.7;
  font-size: 14px;
}
#electionFacilitys .facilityModal .subImage {
  position: relative;
  margin: auto;
  margin-bottom: 20px;
  padding: 24% 0;
  width: 80%;
  border-radius: 10px;
  overflow: hidden;
}
#electionFacilitys .facilityModal .subImage img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}
#electionFacilitys .facilityModal .voteButton {
  margin: auto;
  width: 90%;
}
#electionFacilitys .facilityModal .voteButton a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 12px;
  padding-right: 15px;
  height: 60px;
  border-radius: 5px;
  font-size: 16px;
  color: #fff;
  background: #000;
}
#electionFacilitys .facilityModal .voteButton a:before {
  content: '';
  display: block;
  width: 32px;
  height: 22px;
  background: url("https://img.dormy-hotels.com/static/img/election/common/icon-vote.webp") no-repeat center center;
  background-size: 100% 100%;
  z-index: 1;
}
#staging #electionFacilitys .facilityModal .voteButton a:before {
  background-image: url("https://staging-img.kyoritsu-hotels.net/static/img/election/common/icon-vote.webp");
}
#develop #electionFacilitys .facilityModal .voteButton a:before {
  background-image: url("https://develop-img.kyoritsu-hotels.net/static/img/election/common/icon-vote.webp");
}
#electionFacilitys .dormyinn .facilityListArea .facilityList .standard a {
  background: #004183;
}
#electionFacilitys .dormyinn .facilityListArea .facilityList .premium a {
  background: #958B46;
}
#electionFacilitys .dormyinn .facilityListArea .facilityList .express a {
  background: #B6773E;
}
#electionFacilitys .dormyinn .facilityListArea .facilityList .nono a {
  background: #4E443F;
}
#electionFacilitys .facilityModal.dormyinn.standard .contentArea .name {
  background: #004183;
}
#electionFacilitys .facilityModal.dormyinn.premium .contentArea .name {
  background: #958B46;
}
#electionFacilitys .facilityModal.dormyinn.express .contentArea .name {
  background: #B6773E;
}
#electionFacilitys .facilityModal.dormyinn.nono .contentArea .name {
  background: #4E443F;
}
#electionFacilitys .resort .facilityListArea .facilityList .casual a {
  background: #2C5B37;
}
#electionFacilitys .resort .facilityListArea .facilityList .standard a {
  background: #9F0136;
}
#electionFacilitys .resort .facilityListArea .facilityList .deluxe a {
  background: #011851;
}
#electionFacilitys .resort .facilityListArea .facilityList .premium a {
  background: #631D57;
}
#electionFacilitys .facilityModal.resort.casual .contentArea .name {
  background: #2C5B37;
}
#electionFacilitys .facilityModal.resort.standard .contentArea .name {
  background: #9F0136;
}
#electionFacilitys .facilityModal.resort.deluxe .contentArea .name {
  background: #011851;
}
#electionFacilitys .facilityModal.resort.premium .contentArea .name {
  background: #631D57;
}
#electionFacilitys .resort .fixingArea .categorys li a {
  background: #2C5B37;
}
#electionFacilitys .resort .fixingArea .categorys li:nth-child(2) a {
  background: #9F0136;
}
#electionFacilitys .resort .fixingArea .categorys li:nth-child(3) a {
  background: #011851;
}
#electionFacilitys .resort .fixingArea .categorys li:nth-child(4) a {
  background: #631D57;
}

/*==================================================================================
 result
==================================================================================*/
#electionResult main {
  background: url("https://img.dormy-hotels.com/static/img/election/result/bg.webp") repeat-y center top #fff;
  background-size: 100% auto;
}
#staging #electionResult main {
  background-image: url("https://staging-img.kyoritsu-hotels.net/static/img/election/result/bg.webp");
}
#develop #electionResult main {
  background-image: url("https://develop-img.kyoritsu-hotels.net/static/img/election/result/bg.webp");
}
#electionResult main h1 {
  margin-bottom: min(10px, 1.851vw);
}
#electionResult .sections {
  overflow: hidden;
}
#electionResult .sections:not(:last-of-type) {
  padding-bottom: min(70px, 12.962vw);
}
#electionResult .ranking {
  position: relative;
}
#electionResult .ranking h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 min(12px, 2.222vw);
  padding: min(40px, 7.407vw) 0 min(35px, 6.481vw);
  margin-bottom: min(60px, 11.111vw);
}
#electionResult .ranking h2 img {
  width: auto;
  height: min(57px, 10.555vw);
}
#electionResult .ranking .rankingSlider > .slider {
  margin-bottom: 0;
}
#electionResult .ranking .rankingSlider > .slider > .slick-list > .slick-track {
  display: flex;
}
#electionResult .ranking .rankingSlider > .slider > .slick-dots {
  display: flex;
  position: static;
  box-sizing: border-box;
  margin: min(20px, 3.703vw) min(20px, 3.703vw) 0;
  width: auto;
  height: min(12px, 2.222vw);
  border: 1px solid #707070;
  border-radius: min(6px, 1.111vw);
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
}
#electionResult .ranking .rankingSlider > .slider > .slick-dots li {
  cursor: pointer;
  flex: 0 0 33.333333333333%;
  display: block;
  margin: 0;
  width: auto;
  height: auto;
}
#electionResult .ranking .rankingSlider > .slider > .slick-dots li button {
  padding: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: min(6px, 1.111vw);
}
#electionResult .ranking .rankingSlider > .slider > .slick-dots li button:before {
  display: none;
}
#electionResult .ranking .rankingSlider > .slider > .slick-dots li.slick-active button {
  background: #389E98;
}
#electionResult .ranking .rankingSlider > .slider .contents {
  position: relative;
  margin: 0 min(20px, 3.703vw);
  padding-bottom: min(144px, 26.666vw);
  height: auto;
  border: 1px solid #3E3E3E;
  border-radius: min(10px, 1.851vw);
  background: url("https://img.dormy-hotels.com/static/img/election/result/bg-clouds.webp") repeat-y center min(590px, 103.703vw) #fff;
  background-size: 100% auto;
  z-index: 1;
  overflow: hidden;
}
#staging #electionResult .ranking .rankingSlider > .slider .contents {
  background-image: url("https://staging-img.kyoritsu-hotels.net/static/img/election/result/bg-clouds.webp");
}
#develop #electionResult .ranking .rankingSlider > .slider .contents {
  background-image: url("https://develop-img.kyoritsu-hotels.net/static/img/election/result/bg-clouds.webp");
}
#electionResult .ranking .rankingSlider > .slider .contents:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: -1.5%;
  left: 0;
  background: url("https://img.dormy-hotels.com/static/img/election/result/ornament03.webp") no-repeat 0 bottom;
  background-size: 90% auto;
  z-index: -1;
}
#staging #electionResult .ranking .rankingSlider > .slider .contents:after {
  background-image: url("https://staging-img.kyoritsu-hotels.net/static/img/election/result/ornament03.webp");
}
#develop #electionResult .ranking .rankingSlider > .slider .contents:after {
  background-image: url("https://develop-img.kyoritsu-hotels.net/static/img/election/result/ornament03.webp");
}
#electionResult .ranking .rankingSlider > .slider .contents .nameArea {
  position: relative;
  margin-bottom: min(18px, 3.333vw);
  padding: min(18px, 3.333vw) 0 min(15px, 2.777vw);
  text-align: center;
  color: #fff;
  z-index: 1;
}
#electionResult .ranking .rankingSlider > .slider .contents .nameArea.category01 {
  background: #004183;
}
#electionResult .ranking .rankingSlider > .slider .contents .nameArea.category02 {
  background: #958B46;
}
#electionResult .ranking .rankingSlider > .slider .contents .nameArea.category03 {
  background: #B6773E;
}
#electionResult .ranking .rankingSlider > .slider .contents .nameArea.category04 {
  background: #4E443F;
}
#electionResult .ranking .rankingSlider > .slider .contents .nameArea.category05 {
  background: #2C5B37;
}
#electionResult .ranking .rankingSlider > .slider .contents .nameArea.category06 {
  background: #9F0136;
}
#electionResult .ranking .rankingSlider > .slider .contents .nameArea.category07 {
  background: #011851;
}
#electionResult .ranking .rankingSlider > .slider .contents .nameArea.category08 {
  background: #631D57;
}
#electionResult .ranking .rankingSlider > .slider .contents .nameArea:before, #electionResult .ranking .rankingSlider > .slider .contents .nameArea:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 140px;
  z-index: -1;
}
#electionResult .ranking .rankingSlider > .slider .contents .nameArea:before {
  left: -1%;
  background: url("https://img.dormy-hotels.com/static/img/election/result/ornament01.webp") no-repeat left top;
  background-size: 100% auto;
}
#staging #electionResult .ranking .rankingSlider > .slider .contents .nameArea:before {
  background-image: url("https://staging-img.kyoritsu-hotels.net/static/img/election/result/ornament01.webp");
}
#develop #electionResult .ranking .rankingSlider > .slider .contents .nameArea:before {
  background-image: url("https://develop-img.kyoritsu-hotels.net/static/img/election/result/ornament01.webp");
}
#electionResult .ranking .rankingSlider > .slider .contents .nameArea:after {
  right: -2%;
  background: url("https://img.dormy-hotels.com/static/img/election/result/ornament02.webp") no-repeat left bottom;
  background-size: 100% auto;
}
#staging #electionResult .ranking .rankingSlider > .slider .contents .nameArea:after {
  background-image: url("https://staging-img.kyoritsu-hotels.net/static/img/election/result/ornament02.webp");
}
#develop #electionResult .ranking .rankingSlider > .slider .contents .nameArea:after {
  background-image: url("https://develop-img.kyoritsu-hotels.net/static/img/election/result/ornament02.webp");
}
#electionResult .ranking .rankingSlider > .slider .contents .nameArea .rankingNumber {
  display: block;
  margin-bottom: min(12px, 2.222vw);
  padding: min(42px, 7.777vw) 0 min(14px, 2.592vw);
  font-size: min(21px, 3.888vw);
  background: url("https://img.dormy-hotels.com/static/img/election/result/icon-mountain.svg") no-repeat center center;
  background-size: auto 100%;
}
#staging #electionResult .ranking .rankingSlider > .slider .contents .nameArea .rankingNumber {
  background-image: url("https://staging-img.kyoritsu-hotels.net/static/img/election/result/icon-mountain.svg");
}
#develop #electionResult .ranking .rankingSlider > .slider .contents .nameArea .rankingNumber {
  background-image: url("https://develop-img.kyoritsu-hotels.net/static/img/election/result/icon-mountain.svg");
}
#electionResult .ranking .rankingSlider > .slider .contents .nameArea .rankingNumber.second {
  background-image: url("https://img.dormy-hotels.com/static/img/election/result/icon-mountain02.svg");
}
#staging #electionResult .ranking .rankingSlider > .slider .contents .nameArea .rankingNumber.second {
  background-image: url("https://staging-img.kyoritsu-hotels.net/static/img/election/result/icon-mountain02.svg");
}
#develop #electionResult .ranking .rankingSlider > .slider .contents .nameArea .rankingNumber.second {
  background-image: url("https://develop-img.kyoritsu-hotels.net/static/img/election/result/icon-mountain02.svg");
}
#electionResult .ranking .rankingSlider > .slider .contents .nameArea .rankingNumber.third {
  background-image: url("https://img.dormy-hotels.com/static/img/election/result/icon-mountain03.svg");
}
#staging #electionResult .ranking .rankingSlider > .slider .contents .nameArea .rankingNumber.third {
  background-image: url("https://staging-img.kyoritsu-hotels.net/static/img/election/result/icon-mountain02.svg");
}
#develop #electionResult .ranking .rankingSlider > .slider .contents .nameArea .rankingNumber.third {
  background-image: url("https://develop-img.kyoritsu-hotels.net/static/img/election/result/icon-mountain02.svg");
}
#electionResult .ranking .rankingSlider > .slider .contents .nameArea .rankingNumber .number {
  position: relative;
  top: .05em;
}
#electionResult .ranking .rankingSlider > .slider .contents .nameArea .name {
  font-size: min(30px, 5.555vw);
  font-weight: bold;
  text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
}
#electionResult .ranking .rankingSlider > .slider .contents .voteNumber {
  margin-bottom: min(20px, 3.703vw);
  padding: min(25px, 4.629vw) 0 min(15px, 2.777vw);
  text-align: center;
  font-size: min(17px, 3.148vw);
  color: #fff;
  background: url("https://img.dormy-hotels.com/static/img/election/result/illust-curtain.webp") no-repeat center center;
  background-size: auto 100%;
}
#staging #electionResult .ranking .rankingSlider > .slider .contents .voteNumber {
  background-image: url("https://staging-img.kyoritsu-hotels.net/static/img/election/result/illust-curtain.webp");
}
#develop #electionResult .ranking .rankingSlider > .slider .contents .voteNumber {
  background-image: url("https://develop-img.kyoritsu-hotels.net/static/img/election/result/illust-curtain.webp");
}
#electionResult .ranking .rankingSlider > .slider .contents .commonSlider02 > .slider {
  margin-bottom: 0;
}
#electionResult .ranking .rankingSlider > .slider .contents .commonSlider02 > .slider .photo {
  position: relative;
  margin: min(15px, 2.777vw);
  padding: min(150px, 27.777vw) 0;
  border-radius: min(10px, 1.851vw);
  overflow: hidden;
}
#electionResult .ranking .rankingSlider > .slider .contents .commonSlider02 > .slider .photo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}
#electionResult .ranking .rankingSlider > .slider .contents .commonSlider02 > .slider .slick-dots {
  display: flex;
  gap: 0 min(15px, 2.777vw);
  justify-content: center;
  position: static;
  bottom: 0;
  padding-top: min(12px, 2.222vw);
  line-height: 0;
}
#electionResult .ranking .rankingSlider > .slider .contents .commonSlider02 > .slider .slick-dots li {
  display: block;
  margin: 0;
  width: min(12px, 2.222vw);
  height: min(12px, 2.222vw);
}
#electionResult .ranking .rankingSlider > .slider .contents .commonSlider02 > .slider .slick-dots li button {
  padding: 0;
  width: 100%;
  height: 100%;
  background: #9A9A9A;
  border-radius: 50%;
}
#electionResult .ranking .rankingSlider > .slider .contents .commonSlider02 > .slider .slick-dots li button:before {
  display: none;
}
#electionResult .ranking .rankingSlider > .slider .contents .commonSlider02 > .slider .slick-dots li.slick-active button {
  background: #707070;
}
#electionResult .ranking .rankingSlider > .slider .commentArea {
  position: relative;
  margin: auto;
  padding: min(30px, 5.555vw) 3% 0;
}
#electionResult .ranking .rankingSlider > .slider .commentArea .commentTitle {
  padding-bottom: min(35px, 6.481vw);
  text-align: center;
  line-height: 1;
  font-size: min(30px, 5.555vw);
}
#electionResult .ranking .rankingSlider > .slider .commentArea .comments {
  display: flex;
  flex-direction: column;
  gap: min(35px, 6.481vw) 0;
}
#electionResult .ranking .rankingSlider > .slider .commentArea .comments li {
  display: flex;
  justify-content: space-between;
  gap: 0 min(17px, 3.148vw);
}
#electionResult .ranking .rankingSlider > .slider .commentArea .comments li .icon {
  flex: 0 0 min(98px, 18.148vw);
  padding-top: min(15px, 2.777vw);
  text-align: center;
  font-size: min(13px, 2.407vw);
}
#electionResult .ranking .rankingSlider > .slider .commentArea .comments li .icon img {
  display: block;
  margin: auto;
  padding-bottom: min(7px, 1.296vw);
  width: min(58px, 10.74vw);
  height: unset;
}
#electionResult .ranking .rankingSlider > .slider .commentArea .comments li .textArea {
  flex: 1 1 auto;
  display: block;
  position: relative;
  padding: min(12px, 2.222vw);
  border-radius: min(6px, 1.111vw);
  line-height: 1.7;
  font-size: min(16px, 2.962vw);
  background: #D8BCBC;
}
#electionResult .ranking .rankingSlider > .slider .commentArea .comments li .textArea:before {
  content: '';
  display: block;
  position: absolute;
  top: min(36px, 6.666vw);
  left: max(-17px, -3.148vw);
  border-top: min(9px, 1.666vw) solid transparent;
  border-bottom: min(9px, 1.666vw) solid transparent;
  border-right: min(20px, 3.703vw) solid #D8BCBC;
}
#electionResult .ranking .rankingSlider > .slider .commentArea .comments li:nth-child(2n) {
  flex-direction: row-reverse;
}
#electionResult .ranking .rankingSlider > .slider .commentArea .comments li:nth-child(2n) .textArea:before {
  right: max(-17px, -3.148vw);
  left: auto;
  border-right: none;
  border-left: min(20px, 3.703vw) solid #D8BCBC;
}
#electionResult .ranking .rankingSlider > .slider .commentArea .comments li:nth-child(2) .textArea {
  background: #BCD8D6;
}
#electionResult .ranking .rankingSlider > .slider .commentArea .comments li:nth-child(2) .textArea:before {
  border-left-color: #BCD8D6;
}
#electionResult .ranking .rankingSlider > .slider .commentArea .comments li:nth-child(3) .textArea {
  background: #D4D8BC;
}
#electionResult .ranking .rankingSlider > .slider .commentArea .comments li:nth-child(3) .textArea:before {
  border-right-color: #D4D8BC;
}
#electionResult .ranking .rankingSlider > .slider .commentArea .comments li:nth-child(4) .textArea {
  background: #BCD8C5;
}
#electionResult .ranking .rankingSlider > .slider .commentArea .comments li:nth-child(4) .textArea:before {
  border-left-color: #BCD8C5;
}
#electionResult .ranking .rankingSlideText {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 min(18px, 3.333vw);
  position: absolute;
  top: min(140px, 25.925vw);
  right: 0;
  left: 0;
  padding-right: min(15px, 2.777vw);
  text-align: center;
  font-size: min(21px, 3.888vw);
  font-weight: bold;
  z-index: 2;
}
#electionResult .ranking .rankingSlideText:before {
  content: '';
  display: block;
  width: min(50px, 9.259vw);
  height: min(36px, 6.666vw);
  background: url("https://img.dormy-hotels.com/static/img/election/common/icon-bucket.svg") no-repeat center center;
  background-size: 100% 100%;
}
#staging #electionResult .ranking .rankingSlideText:before {
  background-image: url("https://staging-img.kyoritsu-hotels.net/static/img/election/common/icon-bucket.svg");
}
#develop #electionResult .ranking .rankingSlideText:before {
  background-image: url("https://develop-img.kyoritsu-hotels.net/static/img/election/common/icon-bucket.svg");
}
#electionResult .others > header {
  padding-bottom: min(20px, 9.259vw);
}
#electionResult .others .otherComments {
  display: flex;
  flex-direction: column;
  gap: min(22px, 3.703vw);
}
#electionResult .others .otherComments li {
  position: relative;
  padding: min(30px, 5.555vw) min(20px, 3.703vw);
  border: 2px solid #000;
  border-radius: min(10px, 1.851vw);
  background: #fff;
  z-index: 1;
  overflow: hidden;
}
#electionResult .others .otherComments li:before, #electionResult .others .otherComments li:after {
  content: '';
  display: block;
  position: absolute;
  top: -.5%;
  right: -.5%;
  bottom: -.5%;
  left: -.5%;
}
#electionResult .others .otherComments li:before {
  background: url("https://img.dormy-hotels.com/static/img/election/result/ornament04.webp") no-repeat right top;
  background-size: 48% auto;
  z-index: -1;
}
#staging #electionResult .others .otherComments li:before {
  background-image: url("https://staging-img.kyoritsu-hotels.net/static/img/election/result/ornament04.webp");
}
#develop #electionResult .others .otherComments li:before {
  background-image: url("https://develop-img.kyoritsu-hotels.net/static/img/election/result/ornament04.webp");
}
#electionResult .others .otherComments li:after {
  background: url("https://img.dormy-hotels.com/static/img/election/result/ornament05.webp") no-repeat left bottom;
  background-size: 30% auto;
  z-index: -1;
}
#staging #electionResult .others .otherComments li:after {
  background-image: url("https://staging-img.kyoritsu-hotels.net/static/img/election/result/ornament05.webp");
}
#develop #electionResult .others .otherComments li:after {
  background-image: url("https://develop-img.kyoritsu-hotels.net/static/img/election/result/ornament05.webp");
}
#electionResult .others .review,
#electionResult .others .reply {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0 min(12px, 2.222vw);
}
#electionResult .others .review span,
#electionResult .others .reply span {
  display: block;
  line-height: 1.9;
  word-break: break-all;
  font-size: min(16px, 2.962vw);
}
#electionResult .others .review {
  margin-bottom: min(20px, 3.703vw);
  padding-bottom: min(20px, 3.703vw);
  border-bottom: 1px solid #000;
}
#electionResult .others .review img {
  width: min(53px, 9.814vw);
}
#electionResult .others .reply {
  padding-left: min(26px, 4.814vw);
}
#electionResult .others .reply img {
  width: min(86px, 15.925vw);
}
#electionResult .others .characterIcon {
  margin: auto;
  padding-top: min(26px, 4.814vw);
  width: min(232px, 42.962vw);
}
#electionResult .others .banner {
  margin: auto;
  padding-top: min(50px, 9.259vw);
  max-width: 300px;
  width: 60%;
}
#electionResult .prize .prizes .annotation {
  display: block;
  line-height: 1.3;
  font-size: min(13px, 2.592vw);
}
#electionResult .prize .originalBox {
  padding-top: min(50px, 9.259vw);
}
#electionResult .prize .originalBox figcaption {
  display: block;
  padding-bottom: min(40px, 7.407vw);
}
#electionResult .fixingArea {
  margin-top: min(60px, 11.111vw);
  padding: min(12px, 2.222vw) min(12px, 2.222vw) min(10px, 1.851vw);
  background: rgba(0, 0, 0, 0.7);
}
#electionResult .fixingArea .banners {
  display: flex;
  justify-content: space-between;
}
#electionResult .fixingArea .banners li {
  flex: 0 0 48%;
  line-height: 0;
}
#electionTop .box_banners{
  margin: 30px auto 0;
  width: 95%;
  background: #FDF2D4;
  border-radius: 15px;
  box-sizing: border-box;
  padding: 1em 1.5em;
}

#electionTop .box_banners p{
  letter-spacing: 0.5px;
  font-size: 100%;
  line-height: 1.6;
  font-family: 'Noto Sans JP', sans-serif;
  color: #222;
}

#electionTop .box_banners p .col_red{
  font-weight: bold;
  font-size: 120%;
  background:linear-gradient(transparent 70%, #A1272C 70%);
  text-shadow: 0 0 2px #FDF2D4, 0 0 2px #FDF2D4, 0 0 2px #FDF2D4, 0 0 2px #FDF2D4, 0 0 2px #FDF2D4, 0 0 2px #FDF2D4,
  0 0 2px #FDF2D4, 0 0 2px #FDF2D4, 0 0 2px #FDF2D4, 0 0 2px #FDF2D4, 0 0 2px #FDF2D4,
  0 0 2px #FDF2D4, 0 0 2px #FDF2D4, 0 0 2px #FDF2D4, 0 0 2px #FDF2D4, 0 0 2px #FDF2D4, 0 0 2px #FDF2D4,
  0 0 2px #FDF2D4, 0 0 2px #FDF2D4, 0 0 2px #FDF2D4, 0 0 2px #FDF2D4, 0 0 2px #FDF2D4, 0 0 2px #FDF2D4,
  0 0 2px #FDF2D4, 0 0 2px #FDF2D4, 0 0 2px #FDF2D4, 0 0 2px #FDF2D4, 0 0 2px #FDF2D4, 0 0 2px #FDF2D4;
  padding: 0 .15em;
  letter-spacing: .1em;
}

@media only screen and (max-width: 640px) {
  #electionTop .box_banners p{
    font-size: 80%;
  }
  .view_pc-tab{
    display: none;
  }
  #electionTop .sections:not(:last-of-type){
    padding-bottom: 20px !important;
  }
  #electionTop section.terms{
  margin-top: 30px !important;
}
}
/*==================================================================================
 page
==================================================================================*/

/*# sourceMappingURL=style.css.map */