@charset "UTF-8";
#landing-howMuch .firstView {
  position: relative;
}
#landing-howMuch .firstView_title > img {
  width: 100%;
  height: auto;
}
#landing-howMuch .firstView_list {
  padding: 3% 0;
}
#landing-howMuch .firstView_list::after {
  content: '';
  background: url(/images_sp/landing/howMuch/howMuch_index_deco.png) no-repeat 0 center/100% auto;
  display: block;
  height: 23px;
  margin-top: 15px;
}
#landing-howMuch .firstView_list_item {
  line-height: 2.3;
  margin: 0 8%;
  text-align: left;
  letter-spacing: -0.01rem;
}
#landing-howMuch .firstView_list_item::before {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  content: '';
  vertical-align: -0.2rem;
  background: url(/images_sp/landing/howMuch/checkbox.png) no-repeat 0 center/auto 20px;
  display: inline-block;
}
#landing-howMuch .firstView_pop {
  position: absolute;
  top: 35vw;
  display: block;
}
#landing-howMuch .firstView_pop.left {
  left: 8%;
}
#landing-howMuch .firstView_pop.right {
  right: 6%;
}
#landing-howMuch .content_index {
  position: relative;
  margin-top: 20px;
  padding-top: 10px;
  padding-bottom: 5px;
  background: url(/images_sp/landing/howMuch/howMuch_content_bg.png) repeat 0 0/10px 10px #ECECEC;
}
#landing-howMuch .content_index_title {
  position: absolute;
  height: 1rem;
  margin: -1.5rem 0 0 1.5rem;
  text-align: left;
}
#landing-howMuch .content_index_title.center {
  left: 0;
  right: 0;
  margin-left: 0;
  font-family: "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", serif;
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.1em;
}
#landing-howMuch .content_indexList {
  margin: 5% 6%;
  padding: 8% 0;
  background: url(/images_sp/landing/howMuch/index_text_bg.png) no-repeat center center/100% 100%;
}
#landing-howMuch .content_indexList_item:not(:last-of-type) {
  margin-bottom: 2%;
}
#landing-howMuch .content_indexList_item > img {
  width: 80%;
  height: auto;
}
#landing-howMuch .content_index_text {
  padding: 0 5% 20px 5%;
  overflow: hidden;
  width: 100%;
}
#landing-howMuch .content_greenWrap {
  padding: 10px 0;
  background: url(/images_sp/landing/howMuch/howMuch_content_bg.png) repeat 0 0/10px 10px, linear-gradient(rgba(76, 183, 195, 0.4) 0%, rgba(145, 202, 184, 0.5) 100%);
}
#landing-howMuch .content_wrapper {
  position: relative;
  margin: 14% 3% 23%;
}
#landing-howMuch .content_wrapper::before, #landing-howMuch .content_wrapper::after {
  position: absolute;
  display: block;
  width: 100%;
  height: 33px;
  content: '';
}
#landing-howMuch .content_wrapper::before {
  margin-top: -33px;
}
#landing-howMuch .content_wrapper::after {
  margin-bottom: -33px;
  transform: rotate(-180deg);
}
#landing-howMuch .content_wrapper.gray {
  background: #ECECEC;
}
#landing-howMuch .content_wrapper.gray::before, #landing-howMuch .content_wrapper.gray::after {
  background: url(/images_sp/landing/howMuch/content_bg_graySide.png) no-repeat center 0/100% 100%;
}
#landing-howMuch .content_wrapper.green {
  margin-bottom: 14%;
  background: #FFFFFF;
}
#landing-howMuch .content_wrapper.green::before {
  background: url(/images_sp/landing/howMuch/content_bg_greenSide.png) no-repeat center 0/100% 100%;
}
#landing-howMuch .content_wrapper.green::after {
  transform: rotate(0deg);
  background: url(/images_sp/landing/howMuch/content_bg_greenSideBtm.png) no-repeat center 0/100% 100%;
}
#landing-howMuch .content_wrapper.green .content_inner {
  border-color: #138095;
}
#landing-howMuch .content_wrapper.green .content_title {
  background-color: #4CB7C3;
}
#landing-howMuch .content_wrapper.green .content_title::after {
  background-color: #4CB7C3;
}
#landing-howMuch .content_wrapper.green .content_title_sub {
  background-image: linear-gradient(transparent 60%, #98d6dd 60%);
}
#landing-howMuch .content_wrapper.green .content_innerBox {
  background-color: #FFFFFF;
}
#landing-howMuch .content_inner {
  margin: 0 1.44%;
  border: solid #ECECEC;
  border-width: 0 1px;
}
#landing-howMuch .content_innerBox {
  padding: 40px 10px;
  background: url(/images_sp/landing/howMuch/howMuch_content_bg.png) repeat 0 0/10px 10px #ECECEC;
}
#landing-howMuch .content_title {
  position: relative;
  z-index: 2;
  height: 3.5rem;
  background-color: #FFFFFF;
}
#landing-howMuch .content_title > img {
  position: relative;
  z-index: 2;
}
#landing-howMuch .content_title::after {
  position: absolute;
  z-index: 0;
  bottom: -42%;
  left: 50%;
  transform: translate(-50%, 0);
  width: 80px;
  height: 80px;
  content: '';
  border-radius: 50%;
  background: no-repeat center 70%/25% auto #FFFFFF;
}
#landing-howMuch .content_title_01::after {
  background-image: url(/images_sp/landing/howMuch/content_num_01.png);
}
#landing-howMuch .content_title_02::after {
  background-image: url(/images_sp/landing/howMuch/content_num_02.png);
}
#landing-howMuch .content_title_03::after {
  background-image: url(/images_sp/landing/howMuch/content_num_03.png);
}
#landing-howMuch .content_title_04::after {
  background-image: url(/images_sp/landing/howMuch/content_num_04.png);
}
#landing-howMuch .content_title_05::after {
  background-image: url(/images_sp/landing/howMuch/content_num_05.png);
}
#landing-howMuch .content_title_06::after {
  background-image: url(/images_sp/landing/howMuch/content_num_06.png);
}
#landing-howMuch .content_title_07::after {
  background-image: url(/images_sp/landing/howMuch/content_num_07.png);
}
#landing-howMuch .content_title_sub {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 15px;
  background-image: linear-gradient(transparent 60%, #FFFFFF 60%);
  display: inline-block;
}
#landing-howMuch .content_text {
  font-size: 0.9rem;
  margin-bottom: 10px;
}
#landing-howMuch .content_text_small {
  font-size: 0.75rem;
}
#landing-howMuch .content_text_bottom {
  position: relative;
  padding: 20px 10px 0;
  font-size: 0.9rem;
  text-align: left;
  background-color: #FFFFFF;
}
#landing-howMuch .content_text_bottom::before {
  font-size: 2rem;
  position: absolute;
  top: -0.8rem;
  display: block;
  width: 100%;
  height: 22px;
  content: '';
  background: url(/images_sp/landing/howMuch/point_title.png) no-repeat 0 0/84px auto;
}
#landing-howMuch .content_text_btn {
  margin-top: 10px;
}
#landing-howMuch .content_list {
  display: flex;
  justify-content: space-between;
}
#landing-howMuch .content_list_item {
  width: 32.25806%;
}
#landing-howMuch .content_dlList {
  display: flex;
  flex-wrap: wrap;
  padding: 0 5%;
}
#landing-howMuch .content_dlList dt,
#landing-howMuch .content_dlList dd {
  margin-bottom: 10px;
  padding: 2% 3%;
  background-color: #FFFFFF;
}
#landing-howMuch .content_dlList dt.main_title,
#landing-howMuch .content_dlList dd.main_title {
  color: #FFFFFF;
  background-color: #4CB7C3;
}
#landing-howMuch .content_dlList_title {
  font-weight: bold;
  width: 45%;
  text-align: left;
}
#landing-howMuch .content_dlList_item {
  width: 55%;
  text-align: right;
}
#landing-howMuch .content_acordion {
  position: relative;
  margin: 40px 5% 0;
  padding: 2% 3%;
  color: #4CB7C3;
  background-color: #FFFFFF;
  box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.3);
}
#landing-howMuch .content_acordion::before {
  position: absolute;
  top: -2rem;
  left: calc(50% - 1.5rem);
  display: block;
  height: 1rem;
  content: '・・・';
  transform: rotate(90deg);
  color: #4CB7C3;
}
#landing-howMuch .howMuchWedding_list {
  margin-bottom: 40px;
  background: url(/images_sp/landing/howMuch/content_01_animate_bg.png) no-repeat center center/38% auto;
}
#landing-howMuch .howMuchWedding_list_item {
  width: 30%;
}
#landing-howMuch .howMuchWedding_text {
  margin-top: -15px;
  margin-bottom: 15px;
}
#landing-howMuch .howMuchWedding_text_small {
  margin-top: -15px;
  margin-bottom: 15px;
  padding-left: 13%;
  text-align: left;
}
#landing-howMuch .howMuchWedding_link {
  text-decoration: underline;
  color: #4CB7C3;
}
#landing-howMuch .howMuchWedding_link:hover {
  text-decoration: none;
}
#landing-howMuch .selfpay_list {
  padding-bottom: 40px;
}
#landing-howMuch .hanayumewari_img01 {
  position: relative;
  z-index: 10;
  margin-top: 20px;
}
#landing-howMuch .hanayumewari_img01::after {
  content: '';
  background: url(/images_sp/landing/howMuch/content_04_image_bg.png) no-repeat 0 0/100% auto;
  position: absolute;
  z-index: -1;
  top: 4px;
  left: -3px;
  display: block;
  width: 21.1%;
  height: 31.9%;
}
#landing-howMuch .hanayumewari_img01 img {
  width: 100%;
  height: auto;
}
#landing-howMuch .hanayumewari_img02 {
  position: relative;
  padding: 20px 0;
}
#landing-howMuch .hanayumewari_img02::after {
  content: '';
  background: url(/images_sp/landing/howMuch/content_04_image03.png) no-repeat 0 0/34px auto;
  position: absolute;
  top: 27%;
  right: 0;
  display: block;
  width: 34px;
  height: 39px;
}
#landing-howMuch .hanayumewari_img_undertext {
  font-size: 0.78rem;
  margin-top: 5px;
}
#landing-howMuch .hanayumewari_btn {
  margin-bottom: -40px;
}
#landing-howMuch .weddingDesk_title {
  height: 5rem;
}
#landing-howMuch .weddingDesk_title::after {
  top: 45%;
}
#landing-howMuch .weddingDesk_title_sub {
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 10px;
}
#landing-howMuch .weddingDesk_title_sub span {
  font-size: 1rem;
  display: block;
}
#landing-howMuch .weddingDesk_text {
  font-size: 0.95rem;
  line-height: 1.6rem;
  margin: 10px;
  text-align: left;
}
#landing-howMuch .weddingDesk_textMarker {
  color: #4CB7C3;
}
#landing-howMuch .weddingDesk_scroll {
  position: relative;
  padding-top: 40px;
  overflow: hidden;
}
#landing-howMuch .weddingDesk_scroll_deco {
  position: absolute;
  z-index: 2;
  top: 16%;
  left: 13%;
}
#landing-howMuch .weddingDesk_btn {
  margin-bottom: -40px;
}
#landing-howMuch .desk_slider {
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  margin-left: calc(((100vw - 100%) / 2) * -1);
  margin-right: calc(((100vw - 100%) / 2) * -1);
  height: 151px;
  background: url(/images_sp/landing/howMuch/img_desk_mo20.jpg) repeat-x;
  background-position: 0 0;
  background-size: cover;
  -webkit-animation: bgroop 80s linear infinite;
          animation: bgroop 80s linear infinite;
}
@-webkit-keyframes bgroop {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -3060px 0;
  }
}
@keyframes bgroop {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -3060px 0;
  }
}
#landing-howMuch .desk_slider_alphabet {
  position: absolute;
  top: -29px;
  left: -10px;
}
#landing-howMuch .desk_slider_wrap {
  position: relative;
  margin-bottom: 5%;
}
#landing-howMuch .voice {
  padding: 35px 10px;
  margin-top: 1px;
  background: url(/images_sp/landing/howMuch/voice_bg.png?d=20210326) no-repeat 0 0/100% auto #ecebe9;
}
#landing-howMuch .voice_title {
  display: inline-block;
  margin: 0 auto;
  padding-bottom: 20px;
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-align: center;
  line-height: 1.2em;
}
#landing-howMuch .voice_title::before {
  content: "USER’s VOICE";
  display: block;
  font-family: new-atten, sans-serif;
  font-size: 0.66rem;
  padding-bottom: 8px;
  line-height: 1em;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: solid 1px;
}
#landing-howMuch .voice_list {
  width: auto;
  max-width: 500px;
  margin: 0 auto;
  text-align: left;
}
#landing-howMuch .voice_list_item {
  padding-bottom: 10px;
}
#landing-howMuch .voice_item {
  border-radius: 4px;
  background-repeat: no-repeat;
  background-position: 10px 10px;
  background-size: 23vw;
  background-color: #FFFFFF;
}
#landing-howMuch .voice_item_title {
  padding-bottom: 4px;
  font-size: 1.1rem;
  font-weight: bold;
  height: calc(22vw + 20px);
  display: table-cell;
  vertical-align: middle;
  padding: 10px 10px 10px 29vw;
}
#landing-howMuch .voice_item_detail {
  padding: 2vw 4vw;
}
#landing-howMuch .voice_item_lead {
  margin: 0 0 15px;
  color: #c39d4d;
  font-weight: bold;
}
#landing-howMuch .voice_item_text {
  font-size: 0.85rem;
  line-height: 1.3;
}
#landing-howMuch .voice_item_maker {
  background: linear-gradient(transparent 60%, #FFFFA9 60%);
  font-weight: bold;
}
#landing-howMuch .voice_item_status {
  display: block;
  padding-top: 2px;
  font-size: 0.7rem;
}
#landing-howMuch .voice_item.voice1 {
  background-image: url(/images_sp/landing/howMuch/voice_img1.png?d=20190621);
}
#landing-howMuch .voice_item.voice2 {
  background-image: url(/images_sp/landing/howMuch/voice_img2.png?d=20190621);
}
#landing-howMuch .voice_item.voice3 {
  background-image: url(/images_sp/landing/howMuch/voice_img3.png?d=20190621);
}
@media screen and (min-width: 768px) {
  #landing-howMuch .voice_list {
    max-width: 37.5rem;
  }
  #landing-howMuch .voice_item {
    background-size: 8.6rem;
  }
  #landing-howMuch .voice_item_title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 10rem;
    height: auto;
    padding: 12px 12px 12px 10rem;
  }
  #landing-howMuch .voice_item_detail {
    padding: 16px;
  }
}
#landing-howMuch .mv {
  overflow: hidden;
  opacity: 0;
  transform: translate(60px, 0);
  -webkit-transform: translate(60px, 0);
  transition: 0.8s;
}
#landing-howMuch .mv.js-mv {
  overflow: hidden;
  opacity: 1.0;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}
#landing-howMuch .mv2,
#landing-howMuch .mv2-delay {
  transition: 0.8s;
  transform: scale(0, 0);
}
#landing-howMuch .mv2.js-mv2,
#landing-howMuch .mv2-delay.js-mv2 {
  transform: scale(1, 1);
}
#landing-howMuch .mv2-after::after {
  transition: 0.8s;
  transform: scale(0, 0);
}
#landing-howMuch .mv2-after.js-mv2::after {
  transform: scale(1, 1);
}
#landing-howMuch .mv3 {
  opacity: 0;
  transform: translate(0, 60px);
  -webkit-transform: translate(0, 60px);
  transition: 0.8s;
}
#landing-howMuch .mv3.js-mv3 {
  opacity: 1.0;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}
#landing-howMuch .mv4 {
  opacity: 0;
  transition: opacity 0.8s;
  transform: scale(0, 0);
}
#landing-howMuch .mv4.js-mv4 {
  opacity: 1;
  transform: scale(1, 1);
}
#landing-howMuch .mv-step-child {
  opacity: 0;
}
#landing-howMuch .mv-step .js-mv-step {
  -webkit-animation: fadeIn01 0.8s ease-out forwards;
          animation: fadeIn01 0.8s ease-out forwards;
}
@-webkit-keyframes fadeIn01 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn01 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#landing-howMuch .anime_shiny {
  position: relative;
  overflow: hidden;
  z-index: 2;
  vertical-align: bottom;
}
#landing-howMuch .anime_shiny::before {
  display: block;
  position: absolute;
  z-index: 3;
  top: -30%;
  content: "";
  width: 40px;
  height: 100px;
  transform: rotate(30deg);
  background-image: linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
  -webkit-animation: shiny 3s infinite linear;
          animation: shiny 3s infinite linear;
}
@-webkit-keyframes shiny {
  0% {
    left: -20%;
  }
  20% {
    left: 105%;
  }
  100% {
    left: 105%;
  }
}
@keyframes shiny {
  0% {
    left: -20%;
  }
  20% {
    left: 105%;
  }
  100% {
    left: 105%;
  }
}
#landing-howMuch .odometer.odometer-auto-theme, #landing-howMuch .odometer.odometer-theme-minimal {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  position: relative;
}
#landing-howMuch .odometer.odometer-auto-theme, #landing-howMuch .odometer.odometer-theme-minimal {
  *display: inline;
}
#landing-howMuch .odometer.odometer-auto-theme .odometer-digit, #landing-howMuch .odometer.odometer-theme-minimal .odometer-digit {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  position: relative;
}
#landing-howMuch .odometer.odometer-auto-theme .odometer-digit, #landing-howMuch .odometer.odometer-theme-minimal .odometer-digit {
  *display: inline;
}
#landing-howMuch .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, #landing-howMuch .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  visibility: hidden;
}
#landing-howMuch .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, #landing-howMuch .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
  *display: inline;
}
#landing-howMuch .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, #landing-howMuch .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
#landing-howMuch .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, #landing-howMuch .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon {
  display: block;
}
#landing-howMuch .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, #landing-howMuch .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden;
}
#landing-howMuch .odometer.odometer-auto-theme .odometer-digit .odometer-value, #landing-howMuch .odometer.odometer-theme-minimal .odometer-digit .odometer-value {
  display: block;
  -webkit-transform: translateZ(0);
}
#landing-howMuch .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, #landing-howMuch .odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value {
  position: absolute;
}
#landing-howMuch .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, #landing-howMuch .odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner {
  transition: transform 2s;
}
#landing-howMuch .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, #landing-howMuch .odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  transform: translateY(-100%);
}
#landing-howMuch .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, #landing-howMuch .odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner {
  transform: translateY(-100%);
}
#landing-howMuch .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, #landing-howMuch .odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  transition: transform 2s;
  transform: translateY(0);
}
#landing-howMuch .remodal-wrapper {
  padding: 0 !important;
}
#landing-howMuch .remodal-overlay {
  padding: 10px 10px 0;
}
#landing-howMuch .f-searchBoxBase {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow-y: scroll;
  margin-bottom: 0;
  background: #FFFFFF;
}
#landing-howMuch .f-searchBoxBase:not(.remodal) {
  display: none;
}
#landing-howMuch .f-searchBoxBase_logo {
  padding: 10px 0;
  background: #FFFFFF;
  text-align: center;
}
#landing-howMuch .f-searchBoxBase_header {
  padding: 8px 12px;
  background: #FFFFFF;
  font-size: 0.9rem;
  color: #444444;
  text-align: left;
  letter-spacing: 0.1rem;
}
#landing-howMuch .f-searchBoxBase_header .u-ico {
  width: 1.2em;
  height: 1.2em;
  padding-right: 7px;
}
#landing-howMuch .f-searchBoxBase_form {
  padding-bottom: 80px;
}
#landing-howMuch .f-searchBoxBase_form.bg {
  min-height: calc(100vh - 80px);
  background: #ECECEC;
}
#landing-howMuch .f-searchBoxBase_title {
  padding: 8px 15px;
  background: #F0F6F6;
  font-size: 0.8rem;
  text-align: left;
  letter-spacing: 0.1rem;
}
#landing-howMuch .eventBox_image {
  text-align: center;
}
#landing-howMuch .imageForm_imageBox {
  display: flex;
  flex-wrap: wrap;
  padding: 5px;
}
#landing-howMuch .imageForm_imageItem {
  width: 33%;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  padding: 5px;
}
#landing-howMuch .imageForm_imageItem_inner {
  display: block;
  border-radius: 5px;
}
#landing-howMuch .imageForm_imageItem_text {
  position: absolute;
  bottom: 8%;
  right: 0;
  left: 0;
  margin: auto;
  color: #FFFFFF;
  font-weight: bold;
}
#landing-howMuch .imageForm_imageItem.styles_0 > a {
  display: block;
  height: 100%;
  padding-top: 35%;
  background: #ECECEC;
  font-weight: bold;
  color: #707070;
  font-size: 0.9rem;
}
#landing-howMuch .l-tagHeader_title {
  font-size: 0.8em;
  padding: 8px 15px;
  text-align: left;
  letter-spacing: 0.1rem;
  background: #ECECEC;
}
#landing-howMuch .l-tagHeader_detail {
  padding: 15px 10px 20px;
  background-color: #FFFFFF;
}
#landing-howMuch .l-tagHeader_detail.new {
  margin-bottom: 15px;
}
#landing-howMuch .l-tagHeader_detail_title {
  text-align: left;
  font-weight: bold;
  font-size: 0.8rem;
  padding-left: 5px;
}
#landing-howMuch .l-tagHeader_list {
  display: block;
  padding-bottom: 10px;
  text-align: left;
}
#landing-howMuch .l-tagHeader_list.new {
  margin-top: -2px;
  padding-bottom: 0;
}
#landing-howMuch .l-tagHeader_list_item {
  display: inline-block;
  border-radius: 3px;
  font-size: 0.7em;
  margin: 0 3px 7px 0;
  padding: 2px 8px 1px;
  border: 1px solid #444444;
}
#landing-howMuch .l-tagHeader_list_item.new {
  margin: 7px 3px 0 0;
}
#landing-howMuch .l-tagHeader_list_item a {
  color: #444444;
}
#landing-howMuch .f-searchBtnSet {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  display: table;
  width: 100%;
  table-layout: fixed;
  overflow-wrap: break-word;
  word-break: break-word;
  padding: 15px 8px;
  text-align: center;
}
#landing-howMuch .f-searchBtnSet_item {
  display: table-cell;
  vertical-align: middle;
  padding: 0 5px;
}
#landing-howMuch .f-searchBtnSet_item .f-btn span {
  line-height: inherit;
}
#landing-howMuch .f-searchBtnSet_item .f-btn .u-ico {
  width: 1.2em;
  height: 1.2em;
  padding-right: 4px;
  vertical-align: -0.35rem;
}
#landing-howMuch .f-searchBtnSet_item.cancel {
  width: 35%;
}
#landing-howMuch .f-searchBtnSet_item.cancel button {
  display: block;
  width: 100%;
  height: 51px;
  font-size: 1.15rem;
  letter-spacing: -0.05rem;
}
#landing-howMuch .f-searchBtnSet_item.addConditions, #landing-howMuch .f-searchBtnSet_item.back {
  width: 35%;
  color: #707070;
}
#landing-howMuch .f-searchBtnSet_item.addConditions a, #landing-howMuch .f-searchBtnSet_item.back a {
  padding: 15px 5px;
}
#landing-howMuch .f-searchBtnSet.cancel button,
#landing-howMuch .f-searchBtnSet.cancel span {
  display: block;
  width: 100%;
  height: 51px;
  font-size: 1.15rem;
  letter-spacing: -0.05rem;
}
#landing-howMuch .f-areaSearch {
  background: #FFFFFF;
  text-align: left;
}
#landing-howMuch .f-areaSearch input[type="checkbox"] {
  top: 11px;
  left: 10px;
}
#landing-howMuch .f-areaSearch label.u-richUI.checked .u-ico {
  top: 2px;
}
#landing-howMuch .f-areaSearch_item {
  position: relative;
  border-bottom: solid 1px #ECECEC;
  font-size: 1.06rem;
}
#landing-howMuch .f-areaSearch_item a,
#landing-howMuch .f-areaSearch_item button, #landing-howMuch .f-areaSearch_item_title {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  text-align: left;
  border: 0;
  display: block;
  padding: 14px 10px;
  color: #444444;
}
#landing-howMuch .f-areaSearch_item a .u-ico,
#landing-howMuch .f-areaSearch_item button .u-ico {
  position: absolute;
  top: 50%;
  right: 7px;
  margin-top: -11px;
}
#landing-howMuch .f-areaSearch_item .u-ico_colIco .u-ico {
  position: static;
  margin: 0;
}
#landing-howMuch .f-areaSearch_item .u-ico {
  width: 1.4em;
  height: 1.4em;
}
#landing-howMuch .f-areaSearch_item_title {
  position: relative;
}
#landing-howMuch .f-areaSearch_item_detail {
  background: #F6F6F6;
  border-top: solid 1px #ECECEC;
}
#landing-howMuch .f-areaSearch_item_detail_item {
  position: relative;
  display: block;
  padding: 14px 10px;
  color: #444444;
  border-bottom: solid 1px #FFFFFF;
}
#landing-howMuch .f-areaSearch_item_detail_item:last-child {
  border-bottom: none;
}
#landing-howMuch .f-areaSearch.allCollapse .f-areaSearch_pref {
  box-shadow: inset 0 1px 1px rgba(68, 68, 68, 0.1);
  background: #ECECEC;
}
#landing-howMuch .f-areaSearch.allCollapse .f-areaSearch_item_detail {
  box-shadow: inset 0 1px 1px rgba(68, 68, 68, 0.1);
}
#landing-howMuch .f-areaSearch.allCollapse .f-areaSearch_item_detail_item {
  padding-left: 25px;
}
#landing-howMuch .f-areaSearch.allCollapse .f-areaSearch_item_detail_item input[type="checkbox"] {
  left: 25px;
}
#landing-howMuch .f-areaSearch.allCollapse .f-areaSearch_map {
  padding-left: 20px;
  box-shadow: inset 0 1px 1px rgba(68, 68, 68, 0.1);
  background: #ECECEC !important;
}
#landing-howMuch .f-areaSearch_anotherLink {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  position: static;
  background: #FFFFFF;
  font-size: 0.8rem;
}
#landing-howMuch .f-areaSearch_anotherLink .u-ico {
  vertical-align: -0.1em;
}
#landing-howMuch .f-areaSearch_andImageLink {
  position: static;
  width: 200px;
  margin: 10px auto 30px;
  padding: 5px 10px;
  border-radius: 5px;
  background: #ECECEC;
  font-size: 0.9rem;
}
#landing-howMuch .f-areaSearch_andImageLink a {
  color: #707070;
}
#landing-howMuch .f-areaSearch_andImageLink .u-ico {
  vertical-align: -0.1em;
}
#landing-howMuch .conditionMenu {
  display: flex;
  flex-wrap: wrap;
}
#landing-howMuch .conditionMenu_spacer {
  width: 100%;
  height: 10px;
}
#landing-howMuch .conditionMenu_item {
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 2px;
  text-align: center;
  font-size: 0.8rem;
  color: #4CB7C3;
  border: 1px solid #4CB7C3;
  border-left: 0;
  background: #FFFFFF;
  line-height: 1rem;
}
#landing-howMuch .conditionMenu_item:first-of-type {
  border-radius: 5px 0 0 5px;
  border-left: 1px solid #4CB7C3;
}
#landing-howMuch .conditionMenu_item:last-of-type {
  border-radius: 0 5px 5px 0;
}
#landing-howMuch .conditionMenu_item[aria-selected="true"] {
  background: #4CB7C3;
  color: #FFFFFF;
  font-weight: bold;
}
#landing-howMuch .f-conditionSearch {
  padding: 10px 10px 0;
  background: #FFFFFF;
  border-bottom: solid 1px #ECECEC;
  text-align: left;
}
#landing-howMuch .f-conditionSearch.noborder {
  border-bottom: none;
}
#landing-howMuch .f-conditionSearch_title {
  padding-bottom: 8px;
  font-size: 1.15rem;
  letter-spacing: 0.1rem;
}
#landing-howMuch .f-conditionSearch_title.style {
  padding-bottom: 30px;
}
#landing-howMuch .f-conditionSearch_detail {
  padding-bottom: 20px;
}
#landing-howMuch .f-conditionSearch_detail.range {
  padding: 15px 25px 20px;
}
#landing-howMuch .f-conditionSearch_num {
  position: relative;
  top: -20px;
  left: 50%;
  display: inline-block;
  font-size: 0.7rem;
  color: #4CB7C3;
  text-align: center;
}
#landing-howMuch .f-conditionSearch_num.deactive {
  color: #ECECEC;
}
#landing-howMuch .f-conditionSearch_guest .f-conditionSearch_num {
  width: 50px;
  margin-left: -25px;
}
#landing-howMuch .f-conditionSearch_guest .f-conditionSearch_num::before {
  content: "約";
}
#landing-howMuch .f-conditionSearch_guest .f-conditionSearch_num::after {
  content: "名";
}
#landing-howMuch .f-conditionSearch_numStyle {
  position: relative;
  top: -28px;
  left: 50%;
  display: inline-block;
  font-size: 1rem;
  font-weight: bold;
  color: #4CB7C3;
  text-align: center;
}
#landing-howMuch .f-conditionSearch_numStyle.deactive {
  color: #ECECEC;
}
#landing-howMuch .f-conditionSearch_guest .f-conditionSearch_numStyle {
  width: 70px;
  margin-left: -35px;
}
#landing-howMuch .f-conditionSearch_guest .f-conditionSearch_numStyle::before {
  content: "約";
}
#landing-howMuch .f-conditionSearch_guest .f-conditionSearch_numStyle::after {
  content: "名";
}
#landing-howMuch .f-conditionSearch_budget .f-conditionSearch_numStyle {
  width: 60px;
  margin-left: -25px;
}
#landing-howMuch .f-conditionSearch_budget .f-conditionSearch_numStyle::after {
  content: "万";
}
#landing-howMuch .f-conditionSearch_budget .f-conditionSearch_num {
  width: 50px;
  margin-left: -25px;
}
#landing-howMuch .f-conditionSearch_budget .f-conditionSearch_num::after {
  content: "万";
}
#landing-howMuch .f-conditionSearch_check {
  margin-left: -35px;
  padding-top: 20px;
}
#landing-howMuch .f-conditionSearch_check > p {
  padding: 10px;
}
#landing-howMuch .f-conditionSearch_list {
  text-align: left;
  letter-spacing: -4px;
}
#landing-howMuch .f-conditionSearch_list_item {
  display: inline-block;
  min-width: 5rem;
  margin: 0 8px 10px 0;
  padding: 5px 12px;
  border-radius: 5px;
  background: #ECECEC;
  font-size: 0.9rem;
  color: #707070;
  text-align: center;
  letter-spacing: normal;
}
#landing-howMuch .f-conditionSearch_list_item.is-act {
  background: #4CB7C3;
  color: #FFFFFF;
}
#landing-howMuch .f-conditionSearch_list.hidden {
  display: none;
}
#landing-howMuch .f-conditionSearch_conditionList {
  text-align: left;
  letter-spacing: -4px;
}
#landing-howMuch .f-conditionSearch_conditionList li {
  display: inline-block;
  min-width: 5rem;
  padding: 0 4px 10px;
  font-size: 0.9rem;
  color: #FFFFFF;
  text-align: center;
  letter-spacing: normal;
}
#landing-howMuch .f-conditionSearch_conditionList li input[type="radio"] {
  display: none;
}
#landing-howMuch .f-conditionSearch_conditionList li input[type="radio"]:checked + label {
  background: #4CB7C3;
  color: #fff;
}
#landing-howMuch .f-conditionSearch_conditionList li label {
  display: block;
  padding: 10px 15px;
  border-radius: 5px;
  background: #707070;
  cursor: pointer;
}
#landing-howMuch .f-conditionSearch_conditionList.link a {
  display: block;
  padding: 10px 15px 10px 10px;
  border-radius: 5px;
  border: solid 1px #707070;
  color: #444444;
  cursor: pointer;
}
#landing-howMuch .f-conditionSearch_conditionList.link a .u-ico {
  width: 0.9em;
  height: 0.9em;
  padding-right: 5px;
  fill: #444444;
  vertical-align: 0;
}
#landing-howMuch .f-conditionSearch_image:not(.hidden) {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
#landing-howMuch .f-conditionSearch_image_item {
  color: #FFFFFF;
  width: 33.3%;
  padding: 0 4px 5px 0;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: normal;
  border-radius: 5px;
  box-sizing: border-box;
}
#landing-howMuch .f-conditionSearch_image_item:nth-of-type(3n) {
  padding: 0 0 5px 4px;
}
#landing-howMuch .f-conditionSearch_image_item:nth-of-type(3n-1) {
  padding: 0 2px 5px;
}
#landing-howMuch .f-conditionSearch_image_item > p {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 5px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  font-size: 0.8em;
}
#landing-howMuch .f-conditionSearch_image_item > p::before {
  content: "";
  display: block;
  padding-top: 100%;
}
#landing-howMuch .f-conditionSearch_image_item > p.active {
  border: 4px solid #4CB7C3;
}
#landing-howMuch .f-conditionSearch_image_item.styles_1 p {
  background: url(/images_sp/search/image/cute.jpg?d=20211207) no-repeat;
  background-size: cover;
}
#landing-howMuch .f-conditionSearch_image_item.styles_2 p {
  background: url(/images_sp/search/image/green.jpg?d=20220407) no-repeat;
  background-size: cover;
}
#landing-howMuch .f-conditionSearch_image_item.styles_3 p {
  background: url(/images_sp/search/image/classical.jpg?d=20210623) no-repeat;
  background-size: cover;
}
#landing-howMuch .f-conditionSearch_image_item.styles_4 p {
  background: url(/images_sp/search/image/modern.jpg?d=20240228) no-repeat;
  background-size: cover;
}
#landing-howMuch .f-conditionSearch_image_item.styles_5 p {
  background: url(/images_sp/search/image/simple.jpg?d=20211217) no-repeat;
  background-size: cover;
}
#landing-howMuch .f-conditionSearch_image_item.styles_6 p {
  background: url(/images_sp/search/image/resort.jpg?d=20221205) no-repeat;
  background-size: cover;
}
#landing-howMuch .f-conditionSearch_image_item.styles_7 p {
  background: url(/images_sp/search/image/stylish.jpg?d=20221205) no-repeat;
  background-size: cover;
}
#landing-howMuch .f-conditionSearch_image.hidden {
  display: none;
}
#landing-howMuch .f-searchFreeword {
  position: relative;
}
#landing-howMuch .f-searchFreeword_a {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 40px;
  height: 42px;
  padding: 10px 0 0 10px;
}
#landing-howMuch .f-searchFreeword_btn {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #444444;
  color: #FFFFFF;
  text-align: center;
}
#landing-howMuch .f-searchFreeword_btn .u-ico {
  color: #FFFFFF;
  vertical-align: 0;
}
#landing-howMuch .styleDetail {
  padding: 0 0 7px 0 !important;
  background-color: #4CB7C3;
}
#landing-howMuch .f-searchFreewordDare {
  position: relative;
}
#landing-howMuch .f-searchFreewordDare .freewordInput {
  padding: 0 55px 0 16px !important;
  background: #ECECEC;
  box-shadow: none;
  border: none;
}
#landing-howMuch .f-searchFreewordDare_search {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  background: none;
  font-size: 1.3rem;
  border: 0;
  display: grid;
  place-items: center;
  width: 55px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
#landing-howMuch .f-searchFreewordDare_searchBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
#landing-howMuch .f-searchFreewordDare_searchBtn .u-ico {
  color: #4CB7C3;
}
#landing-howMuch .f-searchHistory {
  position: relative;
  margin: 12px 10px 0;
  border-radius: 5px;
  background: #ECECEC;
  font-size: 0.85rem;
  text-align: left;
  line-height: 1.3rem;
}
#landing-howMuch .f-searchHistory > a {
  display: block;
  padding: 8px 25px 6px 10px;
  color: #444444;
}
#landing-howMuch .f-searchHistory_title {
  font-weight: bold;
  letter-spacing: 0.1rem;
}
#landing-howMuch .f-searchHistory_title_ico {
  padding-right: 3px;
  vertical-align: -0.05rem;
}
#landing-howMuch .f-searchHistory_text {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #707070;
}
#landing-howMuch .f-searchHistory_arrow {
  position: absolute;
  top: 50%;
  right: 4px;
  width: 1.5em;
  height: 1.5em;
  margin-top: -10px;
}
#landing-howMuch .f-change {
  border-top: solid 1px #FFFFFF;
}
#landing-howMuch .f-change_item {
  display: table;
  width: 100%;
  table-layout: fixed;
  overflow-wrap: break-word;
  word-break: break-word;
  padding: 0 10px;
  background: #ECECEC;
  border-bottom: solid 1px #FFFFFF;
  font-size: 0.8rem;
  text-align: left;
}
#landing-howMuch .f-change_text {
  display: table-cell;
  vertical-align: middle;
  padding-right: 10px;
}
#landing-howMuch .f-change_text > a {
  display: block;
  padding: 8px 0;
  color: #444444;
  line-height: 1.3rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#landing-howMuch .f-change_text > a > span {
  color: #138095;
}
#landing-howMuch .f-change_btn {
  display: table-cell;
  vertical-align: middle;
  width: 40px;
  font-size: 0.8rem;
  color: #FFFFFF;
  text-align: center;
  line-height: 18px;
}
#landing-howMuch .f-change_btn a {
  display: block;
  height: 18px;
  padding: 0 5px;
  border-radius: 4px;
  background: #4CB7C3;
  color: #FFFFFF;
}
#landing-howMuch .f-change_btn .u-ico {
  vertical-align: -0.1rem;
}
#landing-howMuch .f-change_bal {
  position: absolute;
  top: 40px;
  left: 50%;
  z-index: 9;
  width: 70%;
  margin-left: -35%;
  padding: 10px 10px;
  border-radius: 10px;
  background: rgba(68, 68, 68, 0.9);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  font-size: 0.85rem;
  color: #FFFFFF;
}
#landing-howMuch .f-change_bal::after {
  position: absolute;
  top: -13px;
  left: 50%;
  z-index: 9;
  margin-left: -8px;
  content: "▲";
  color: rgba(68, 68, 68, 0.9);
  transform: scale(0.9, 0.6);
}
#landing-howMuch .f-change.noLink .f-change_item:last-child {
  border-bottom: none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
#landing-howMuch .f-changeFooter {
  background: #FFFFFF;
}
#landing-howMuch .f-changeFooter_title {
  padding: 8px 10px;
  background: #F0F6F6;
  font-size: 0.8rem;
  text-align: left;
  letter-spacing: 0.1rem;
}
#landing-howMuch .f-changeFooter_title .u-ico {
  width: 1.2em;
  height: 1.2em;
  padding-right: 4px;
}
#landing-howMuch .f-changeFooter .f-change_item {
  padding: 8px 10px;
  background: #FFFFFF;
}
#landing-howMuch .f-changeFooter .f-change_item:not(:last-child) {
  border-bottom: dotted 1px #ECECEC;
}
#landing-howMuch .f-changeFooter_detail {
  padding: 15px 10px 20px;
}
#landing-howMuch .f-changeFooter_condition {
  text-align: left;
}
#landing-howMuch .f-changeFooter_condition > a {
  position: relative;
  display: block;
  padding: 15px 10px;
  color: #444444;
}
#landing-howMuch .f-changeFooter_condition_arrow {
  position: absolute;
  top: 50%;
  right: 5px;
  width: 1.4em;
  height: 1.4em;
  margin-top: -10px;
  fill: #444444;
}
#landing-howMuch .f-changeFooter_area {
  padding: 20px 10px;
}
#landing-howMuch .f-changeFooter_desk {
  padding: 0 10px 0;
}
#landing-howMuch .f-changeFooter_desk > a {
  display: table;
  width: 100%;
  table-layout: fixed;
  overflow-wrap: break-word;
  word-break: break-word;
  position: relative;
  padding: 8px 0;
}
#landing-howMuch .f-changeFooter_desk > a:not(:last-child) {
  border-bottom: 1px solid #ECECEC;
}
#landing-howMuch .f-changeFooter_desk_left {
  display: table-cell;
  vertical-align: middle;
  width: 35%;
}
#landing-howMuch .f-changeFooter_desk_left > figure > img {
  max-width: 100%;
  height: auto;
}
#landing-howMuch .f-changeFooter_desk_right {
  display: table-cell;
  vertical-align: middle;
  color: #444444;
  padding-left: 10px;
  width: 58%;
  text-align: left;
}
#landing-howMuch .f-changeFooter_desk_name {
  font-weight: bold;
  font-size: 0.8rem;
}
#landing-howMuch .f-changeFooter_desk_access {
  font-size: 0.8rem;
}
#landing-howMuch .f-changeFooter_desk .rightico {
  position: absolute;
  top: 50%;
  right: 2px;
  width: 1.6em;
  height: 1.6em;
  margin-top: -12px;
  fill: #444;
}
#landing-howMuch .f-changeFooter_desk_link {
  margin-top: 15px;
  padding: 5px 0;
}
#landing-howMuch .f-changeFooter_other {
  padding-bottom: 10px;
  text-align: center;
  font-size: 0.8rem;
}
#landing-howMuch .f-changeFooter .textTax {
  padding: 10px 0 0 0;
  font-size: 0.7rem;
  color: #707070;
  text-align: center;
}
#landing-howMuch .f-changeFooter_innerTitle {
  font-size: 0.8rem;
  font-weight: bold;
  text-align: left;
  padding-bottom: 4px;
}
#landing-howMuch .f-changeFooter_list {
  display: block;
  padding-bottom: 12px;
  text-align: left;
}
#landing-howMuch .f-changeFooter_list a {
  color: #707070;
}
#landing-howMuch .f-changeFooter_list_item {
  display: inline-block;
  font-size: 0.66rem;
  border: 1px solid #707070;
  padding: 2px 8px 1px;
  border-radius: 3px;
  margin: 0 3px 7px 0;
  font-weight: normal;
}
#landing-howMuch .f-changeFooter_innerDescription {
  padding: 10px 0;
  font-size: 0.8rem;
  color: #707070;
  text-align: left;
  letter-spacing: normal;
}
#landing-howMuch .f-switch {
  display: table;
  width: 100%;
  table-layout: fixed;
  overflow-wrap: break-word;
  word-break: break-word;
  background: #FFFFFF;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
#landing-howMuch .f-switch.onBorder {
  border-top: solid 1px #ECECEC;
}
#landing-howMuch .f-switch_item {
  display: table-cell;
  vertical-align: middle;
}
#landing-howMuch .f-switch_item > a,
#landing-howMuch .f-switch_item > span {
  display: block;
  padding: 10px;
  color: #444444;
}
#landing-howMuch .f-switch_item > a .u-ico,
#landing-howMuch .f-switch_item > span .u-ico {
  width: 1.1em;
  height: 1.1em;
  margin-left: -5px;
  padding-right: 4px;
  vertical-align: -0.1em;
}
#landing-howMuch .f-switch_item:nth-child(2n + 1) > a,
#landing-howMuch .f-switch_item:nth-child(2n + 1) > span {
  border-right: dotted 1px #ECECEC;
}
#landing-howMuch .f-switch_item.is-act {
  position: relative;
  background: #444444;
}
#landing-howMuch .f-switch_item.is-act::after {
  position: absolute;
  bottom: -12px;
  left: 50%;
  margin-left: -10px;
  content: "▼";
  color: #444444;
  transform: scale(1, 0.7);
}
#landing-howMuch .f-switch_item.is-act > a,
#landing-howMuch .f-switch_item.is-act > span {
  color: #FFFFFF;
  border: none;
}
#landing-howMuch .f-switch.fixed .f-switch_item.is-act::after {
  display: none;
}
#landing-howMuch .f-switchTab {
  display: table;
  width: 100%;
  table-layout: fixed;
  overflow-wrap: break-word;
  word-break: break-word;
  background: #FFFFFF;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
}
#landing-howMuch .f-switchTab_item {
  display: table-cell;
  vertical-align: middle;
  border-bottom: 2px solid #ECECEC;
  font-size: 0.95rem;
}
#landing-howMuch .f-switchTab_item .u-ico {
  width: 1.1em;
  height: 1.1em;
  margin-left: -5px;
  padding-right: 4px;
}
#landing-howMuch .f-switchTab_item > a {
  display: block;
  padding: 10px;
  color: #444444;
}
#landing-howMuch .f-switchTab_item.is-act {
  position: relative;
  color: #4CB7C3;
  border-bottom: 2px solid #4CB7C3;
}
#landing-howMuch .f-switchTab.fixed .f-switch_item.is-act::after {
  display: none;
}
#landing-howMuch .f-error {
  padding: 0 0 10px;
  font-weight: bold;
  color: #d52c3c;
}
#landing-howMuch .f-error .u-ico {
  padding-right: 6px;
  vertical-align: -0.15rem;
}
#landing-howMuch .f-nsBox {
  position: relative;
  z-index: 9;
  display: table;
  width: 100%;
  table-layout: fixed;
  overflow-wrap: break-word;
  word-break: break-word;
  padding: 8px 10px;
  background: #FFFFFF;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  text-align: left;
}
#landing-howMuch .f-narrowing {
  display: table-cell;
  vertical-align: middle;
  padding: 4px 0 6px;
}
#landing-howMuch .f-narrowing_item {
  display: inline-block;
  padding-right: 5px;
  font-size: 0.85rem;
}
#landing-howMuch .f-sort {
  display: table-cell;
  vertical-align: middle;
  width: 40px;
}
#landing-howMuch .f-sort.is-expand::after {
  position: absolute;
  bottom: -9px;
  right: 23px;
  content: "▲";
  color: #FFFFFF;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
  transform: scale(0.8, 0.5);
}
#landing-howMuch .f-sort_btn {
  border-radius: 4px;
  border: solid 1px #ECECEC;
}
#landing-howMuch .f-sort_btn a {
  display: block;
  padding: 3px 3px 3px 6px;
  text-align: center;
}
#landing-howMuch .f-sort_btn a .u-ico {
  width: 1.6em;
  height: 1.6em;
  color: #707070;
}
#landing-howMuch .f-sort_detail {
  position: absolute;
  top: 48px;
  right: 0;
  width: 100%;
  background: #FFFFFF;
  border-top: solid 1px #ECECEC;
}
#landing-howMuch .f-sort_list_item {
  position: relative;
  border-bottom: solid 1px #ECECEC;
}
#landing-howMuch .f-sort_list_item a {
  display: block;
  padding: 14px 10px;
  color: #444444;
}
#landing-howMuch .f-sort_list_item .u-ico {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 1.2em;
  height: 1.2em;
  margin-top: -10px;
}
#landing-howMuch .noUi-origin.deactive {
  background: #c6c6c6;
}
#landing-howMuch .noUi-handle.deactive {
  background: #c6c6c6;
}
#landing-howMuch input[type="tel"],
#landing-howMuch input[type="email"],
#landing-howMuch input[type="text"],
#landing-howMuch input[type="number"],
#landing-howMuch input[type="search"],
#landing-howMuch input[type="password"],
#landing-howMuch select, #landing-howMuch textarea {
  width: 100%;
  border-radius: 5px;
  font-size: 0.8rem;
  background-color: #FFFFFF;
  border: solid 1px #ccc;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#landing-howMuch input[type="tel"],
#landing-howMuch input[type="email"],
#landing-howMuch input[type="text"],
#landing-howMuch input[type="number"],
#landing-howMuch input[type="search"],
#landing-howMuch input[type="password"],
#landing-howMuch select {
  height: 42px;
  padding: 0 10px;
}
#landing-howMuch input[type="tel"]:focus,
#landing-howMuch input[type="email"]:focus,
#landing-howMuch input[type="text"]:focus,
#landing-howMuch input[type="number"]:focus,
#landing-howMuch input[type="search"]:focus,
#landing-howMuch input[type="password"]:focus,
#landing-howMuch select:focus {
  border: 1px solid #4CB7C3;
}
#landing-howMuch input[type="tel"].js-checkFormInvalid,
#landing-howMuch input[type="email"].js-checkFormInvalid,
#landing-howMuch input[type="text"].js-checkFormInvalid,
#landing-howMuch input[type="number"].js-checkFormInvalid,
#landing-howMuch input[type="search"].js-checkFormInvalid,
#landing-howMuch input[type="password"].js-checkFormInvalid,
#landing-howMuch select.js-checkFormInvalid {
  background: #FEF6F6;
}
#landing-howMuch input[type="text"].half {
  width: 60%;
}
#landing-howMuch input[type="search"]::-webkit-search-cancel-button {
  display: none;
}
#landing-howMuch .u-chkList > * {
  position: relative;
}
#landing-howMuch .u-chkList input[type="checkbox"] {
  position: absolute;
  z-index: 0;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  background-color: #FFFFFF;
  border: solid 1px #ccc;
  vertical-align: -8px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#landing-howMuch .u-chkList label {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  padding-left: 30px;
  text-align: left;
}
#landing-howMuch .u-chkList label .u-ico {
  display: none;
  position: absolute;
  top: 3px;
  left: 4px;
  width: 1.1em;
  height: 1.1em;
}
#landing-howMuch .u-chkList label.checked .u-ico {
  display: inline;
}
#landing-howMuch .u-rdoList label {
  vertical-align: -2px;
}
#landing-howMuch select {
  height: 42px;
  padding: 0 30px 0 10px;
  background-image: url(/images_sp/common/selectarrow.png);
  background-repeat: no-repeat;
  background-position: right 15px;
  background-size: 22px;
  font-size: 0.8rem;
}
#landing-howMuch select:focus {
  border: 1px solid #4CB7C3;
}
#landing-howMuch textarea {
  padding: 8px 10px;
}
#landing-howMuch textarea:focus {
  border: 1px solid #4CB7C3;
}
#landing-howMuch .noUi-background {
  background: #4CB7C3;
}
#landing-howMuch .noUi-origin {
  background: #fafafa;
}