#formTop #ifr_search {
  display: block;
  width: auto;
  height: auto;
  border: none;
  margin: 0;
}
@media screen and (max-width:768px){
  #formTop #ifr_search {
    margin: 0;
    width: auto;
  }
}
#lpsearch * {
  font-Family: YakuHanJP , "Noto Sans JP" , sans-serif;
  --body: #333;
  --link: #333;
}
#lpsearch input,
#lpsearch button {
  -webkit-appearance: none;
}
#lpsearch a {
  text-decoration: none;
  outline: none;
}
#lpsearch a:link {
  color: #333;
}
#lpsearch ul,
#lpsearch ol {
  list-style: none;
}
#lpsearch #column {
  width: 100%;
  height: 80vh;
  margin: 0 auto 50px;
  display: block;
  overflow-x: hidden;
  overflow-y: scroll;
}
#lpsearch .title01 {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: calc(45px * 0.8);
  line-height: 1.17;
  padding: 20px 0 10px;
}
#lpsearch .title01::before {
  width: calc(90px * 0.8);
  height: calc(90px * 0.8);
  margin-right: calc(29px * 0.8);
  content: "";
  display: block;
  background-image: url(/ren1909/images/ui/icon/mappin.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  flex-shrink: 0;
}
#lpsearch .herebtnarea p {
  font-size: calc(26px * 0.8);
  line-height: 1.38;
  margin-left: calc( -5px * 0.8 );
  margin-top: calc( ( 25px * 0.8 ) );
  text-align: center;
  white-space: nowrap;
}
#lpsearch #here {
  display: none;
  margin-top: calc(50px * 0.8);
  padding-bottom: calc( 262px * 0.8 );
}
#lpsearch .lpsearchbtn {
  line-height: 2.5;
  display: block;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  font-weight: 700;
  background-color: #802077;
  background-image: url("/ren1909/images/ui/icon/arrow_white02.png");
  background-repeat: no-repeat;
  backface-visibility: hidden;
  will-change: opacity;
  transition: opacity .3s ease-in;
  background-position: right calc(30px * 0.8) center;
  background-size: auto calc(25px * 0.8);
  width: calc(610px * 0.8);
  height: calc(90px * 0.8);
  font-size: calc(30px * 0.8);
  border-radius: calc(45px * 0.8);
  margin-top: calc(50px * 0.8);
  margin-left: auto;
  margin-right: auto;
}
@media (min-width:769px){
  #lpsearch button {
    cursor: pointer;
  } 
}
#lpsearch #here #heremap {
  width: 100%;
  height: calc(500px * 0.8);
  border: calc( 2px * 0.8 ) solid #d5d5d5;
}
#lpsearch #here .range,
#lpsearch #here .range ol {
  margin-top: calc(20px * 0.8);
}
#lpsearch #here .range ol {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#lpsearch #here .range h4 {
  font-weight: 700;
  font-size: calc( 30px * 0.8 );
}
#lpsearch #here .range li:nth-child(n+3) {
  margin-top: 0;
}
#lpsearch #here .range li:nth-child(n+4) {
  margin-top: calc(20px * 0.8);
}
#lpsearch #here .range label {
  position: relative;
}
#lpsearch #here .range label input {
  display: none;
}
#lpsearch #here .range label span {
  border-color: #d5d5d5;
  border-style: solid;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  backface-visibility: hidden;
  will-change: background-color;
  transition: background-color .3s ease-in;
  border-width: calc( 2px * 0.8 );
  width: calc( 210px * 0.8 );
  height: calc( 60px * 0.8 );
  border-radius: calc( 45px * 0.8 );
  font-size: calc( 20px * 0.8 );
}
@media (min-width:769px){
  #lpsearch #here .range label span {
    cursor: pointer;
  }  
}
#lpsearch #here .range label span::before {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #d5d5d5;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff;
  width: calc(30px * 0.8);
  height: calc(30px * 0.8);
  left: calc( 30px * 0.8 );
}
#lpsearch #here .range input:checked + span,
#lpsearch #here .range label:hover span {
  background-color: #f4eaf3;
}
#lpsearch #here .range label input:checked + span::after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 50%;
}
#lpsearch #here .range span::after {
  width: calc(16px * 0.8);
  height: calc(16px * 0.8);
  left: calc(37px * 0.8);
}
#lpsearch #here .range input:checked + span::after {
  background-color: #802077;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
#lpsearch #here #result {
  margin-top: calc(30px * 0.8);
}
#lpsearch #here #result h3 {
  font-size: calc(20px * 0.8);
}
#lpsearch #here #result h3 span {
  margin-top: calc( 10px * 0.8 );
  display: block;
  line-height: 1;
}
#lpsearch #here #resultContent {
  width: 100%;
  border-style: solid;
  border-color: #d5d5d5;
  position: relative;
  padding-top: calc( 40px * 0.8 );
  padding-left: calc( 40px * 0.8 );
  padding-right: calc( 40px * 0.8 );
  padding-bottom: calc( 40px * 0.8 );
  border-width: calc( 2px * 0.8 );
  margin-top: calc(10px * 0.8);
}
#lpsearch #here #resultContent li {
  padding-bottom: 0;
  border-bottom-style: solid;
  border-bottom-color: #d5d5d5;
  border-bottom-width: calc( 2px * 0.8 );
}
#lpsearch #here #resultContent li:nth-child(n+2) {
  margin-top: calc( 45px * 0.8 );
}
#lpsearch #here #resultContent .hgroup h4 {
  font-size: calc( 36px * 0.8 );
  padding-bottom: calc( 2px * 0.8 );
  display: inline-block;
  font-weight: 700;
}
#lpsearch #here #resultContent dl {
  margin-top: calc( ( 20 - 3 ) );
}
#lpsearch #here #resultContent dl > div {
  display: flex;
  align-items: flex-start;
}
#lpsearch #here #resultContent dd {
  width: 100%;
  flex-grow: 1;
}
#lpsearch #here #resultContent dt,
#lpsearch #here #resultContent dd {
  font-size: calc( 30px * 0.8 );
  line-height: 1.2;
}
#lpsearch #resultContent p {
  width: 100% !important;
  margin: calc( 30px * 0.8 ) auto !important;
  font-size: calc( 30px * 0.8 ) !important;
  line-height: 1.2;
}
#lpsearch #resultContent p .notes {
  color: red;
  display: none;
}
#lpsearch p.selectShop a,
#lpsearch p.selectShop button,
#lpsearch .list-result p.selectShop a,
#lpsearch .list-result p.selectShop button {
  border-color: rgba(98,98,98,.3);
  border-width: calc( 2px * 0.8 );
  width: 100%;
  height: calc( 90px * 0.8 );
  font-size: calc( 30px * 0.8 );
  background-size: auto calc( 25px * 0.8 );
  background-position-x: 95%;
  border-radius: calc( 45px * 0.8 );
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-image: url("/ren1909/images/ui/icon/arrowleft02.png");
  background-repeat: no-repeat;
  border-style: solid;
  background-position-y: center;
  background-color: #FFD800;
}
#lpsearch .title01.icon-search,
#lpsearch .title01.icon-address {
  border-top: 1px solid #ccc;
  margin-top: 40px;
}
#lpsearch .title01.icon-address::before {
  background-image: url(/ren1909/images/ui/icon/map.png);
}
#lpsearch #pref {
  padding-bottom: 0;
}
#lpsearch #pref #selectArea2 {
  margin-top: calc(40px * 0.8);
}
#lpsearch #pref #selectArea2 select {
  -webkit-appearance: none;
  margin-top: calc(20px * 0.8);
  border: calc(2px * 0.8) solid #d5d5d5;
  width: 100%;
  height: calc(100px * 0.8);
  border-radius: calc(10px * 0.8);
  background: url("/ren1909/images/ui/icon/select.png") calc(617px * 0.8) center / auto calc(50px * 0.8) no-repeat;
  padding-left: calc(30px * 0.8);
  padding-right: calc(30px * 0.8);
  font-size: calc(36px * 0.8);
}

#lpsearch .list-result .title-address {
  background-color: #f4eaf3;
  font-weight: 700;
  font-size: calc( 30px * 0.8 );
  padding-top: calc( 25px * 0.8 );
  padding-bottom: calc( 25px * 0.8 );
  padding-left: calc( 21px * 0.8 );
  padding-right: calc( 21px * 0.8 );
}
#lpsearch .list-result ul {
  margin-right: calc( -3px * 0.8 );
}
.list-result li li {
  border-bottom-style: solid;
  border-bottom-color: #d5d5d5;
  position: relative;
  border-width: calc( 2px * 0.8 );
}
#lpsearch .list-result a {
  display: block;
  padding-top: calc( 45px * 0.8 );
  padding-bottom: calc( 37px * 0.8 );
}
#lpsearch .list-result .title-shop {
  display: inline-block;
  font-weight: 700;
  font-size: calc( 36px * 0.8 );
}
#lpsearch .list-result p {
  width: 100% !important;
  font-size: calc( 30px * 0.8 ) !important;
  line-height: 1.2;
}
#lpsearch .list-result li p:first-of-type {
  margin-top: calc( 17px * 0.8 ) !important;
}
#lpsearch .list-result li p:nth-of-type(2) {
  margin-top: calc( 14px * 0.8 ) !important;
}
#lpsearch .list-result p .notes,
#lpsearch .marker
#lpsearch .notes,
#lpsearch #resultContent p .notes {
  color: red;
  display: none;
}
#lpsearch p.selectShop,
#lpsearch .list-result li p.selectShop {
  margin-top: calc( -15px * 0.8 ) !important;
  margin-bottom: calc( 30px * 0.8 ) !important;
}

#lpsearch #pref .list-result,
#lpsearch #keyword .list-result {
  overflow: auto;
  border: 1px solid #DFDFDF;
  margin-top: 10px;
  padding: calc(30px * 0.8);
}
#lpsearch #pref .list-result li {
  border-bottom-style: solid;
  border-bottom-color: #d5d5d5;
  position: relative;
  border-width: calc(2px * 0.8);
}
#lpsearch .title01.icon-search::before {
  background-image: url(/ren1909/images/ui/icon/pen.png);
}
#lpsearch #here #resultContent dt,
#lpsearch #here #resultContent dl > div:last-child,
#lpsearch #result-pref,
#lpsearch #keyword .section-result,
#lpsearch #keyword .list-result li .option {
  display: none;
}
#lpsearch #searchkey {
  border: 1px solid #b4b4b4;
  background-color: #fff;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: calc(100px * 0.8);
  font-size: calc(36px * 0.8);
  border-radius: calc(10px * 0.8);
  padding-left: calc(30px * 0.8);
  padding-right: calc(30px * 0.8);
  margin-top: calc(40px * 0.8);
}
#lpsearch #searchkey::placeholder {
  color: #b0b0b0;
}
#lpsearch #here #heremap .marker a,
#lpsearch #here #resultContent .hgroup h4,
#lpsearch #here #resultContent .hgroup h4 a,
#lpsearch .list-result .title-shop {
  border: none;
  color: var(--body);
}
#lpsearch #keyword {
  margin-bottom: 50px;
}
#lpsearch #keyword .section-result {
  margin-top: calc( 70px * 0.8 );
}
#lpsearch #keyword .section-result .cat-info {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#lpsearch #keyword .section-result .cat-info p {
  width: inherit !important;
  margin: inherit !important;
  font-size: inherit !important;
}
#lpsearch #keyword .section-result .list-result {
  max-height: none;
}


@media (max-width:768px){
  #lpsearch #column {
    width: 90%;
    margin: 0 0 50px 2%;
  }
  #lpsearch .title01 {
    font-size: calc(45 * 100vw / 750);
  }
  #lpsearch .title01::before {
    width: calc(80 * 100vw / 750);
    height: calc(80 * 100vw / 750);
    margin-right: calc(10 * 100vw / 750);
  }
  #lpsearch .herebtnarea p {
    font-size: calc(26 * 100vw / 750);
    margin-left: calc( -5 * 100vw / 750 );
    margin-top: calc( ( 25 * 100vw / 750 ) );
  }
  #lpsearch #here {
    margin-top: calc(50 * 100vw / 750);
    padding-bottom: calc( 262 * 100vw / 750 );
  }
  #lpsearch .lpsearchbtn {
    background-position: right calc(30 * 100vw / 750) center;
    background-size: auto calc(25 * 100vw / 750);
    width: calc(570 * 100vw / 750);
    height: calc(90 * 100vw / 750);
    font-size: calc(30 * 100vw / 750);
    border-radius: calc(45 * 100vw / 750);
    margin-top: calc(50 * 100vw / 750);
  }
  #lpsearch #here #heremap {
    height: calc(500 * 100vw / 750);
    border: calc( 2 * 100vw / 750 ) solid #d5d5d5;
  }
  #lpsearch #here .range,
  #lpsearch #here .range ol {
    margin-top: calc(20 * 100vw / 750);
  }
  #lpsearch #here .range h4 {
    font-size: calc( 30 * 100vw / 750 );
  }
  #lpsearch #here .range li:nth-child(n+4) {
    margin-top: calc(20 * 100vw / 750);
  }
  #lpsearch #here .range label span {
    border-width: calc( 2 * 100vw / 750 );
    width: calc( 180 * 100vw / 750 );
    height: calc( 60 * 100vw / 750 );
    border-radius: calc( 45 * 100vw / 750 );
    font-size: calc( 25 * 100vw / 750 );
  }
  #lpsearch #here .range label span::before {
    width: calc(30 * 100vw / 750);
    height: calc(30 * 100vw / 750);
    left: calc( 30 * 100vw / 750 );
  }
  #lpsearch #here .range span::after {
    width: calc(16 * 100vw / 750);
    height: calc(16 * 100vw / 750);
    left: calc(37 * 100vw / 750);
  }
  #lpsearch #here .range label span code {
    padding-left: 10px;
  }
  #lpsearch #here .range input:checked + span::after {
    transform: translateY(-50%);
  }
  #lpsearch #here #result {
    margin-top: calc(30 * 100vw / 750);
  }
  #lpsearch #here #result h3 {
    font-size: calc(20 * 100vw / 750);
  }
  #lpsearch #here #result h3 span {
    margin-top: calc( 10 * 100vw / 750 );
  }
  #lpsearch #here #resultContent {
    padding-top: calc( 40 * 100vw / 750 );
    padding-left: calc( 40 * 100vw / 750 );
    padding-right: calc( 40 * 100vw / 750 );
    padding-bottom: calc( 40 * 100vw / 750 );
    border-width: calc( 2 * 100vw / 750 );
    margin-top: calc(10 * 100vw / 750);
  }
  #lpsearch #here #resultContent li {
    border-bottom-width: calc( 2 * 100vw / 750 );
  }
  #lpsearch #here #resultContent li:nth-child(n+2) {
    margin-top: calc( 45 * 100vw / 750 );
  }
  #lpsearch #here #resultContent .hgroup h4 {
    font-size: calc( 36 * 100vw / 750 );
    padding-bottom: calc( 2 * 100vw / 750 );
  }
  #lpsearch #here #resultContent dl {
    margin-top: calc( ( 20 - 3 ) );
  }
  #lpsearch #here #resultContent dt,
  #lpsearch #here #resultContent dd {
    font-size: calc( 30 * 100vw / 750 );
  }
  #lpsearch #resultContent p {
    margin: calc( 30 * 100vw / 750 ) auto !important;
    font-size: calc( 30 * 100vw / 750 ) !important;
  }
  #lpsearch p.selectShop a,
  #lpsearch p.selectShop button,
  #lpsearch .list-result p.selectShop a,
  #lpsearch .list-result p.selectShop button {
    border-color: rgba(98,98,98,.3);
    border-width: calc( 2 * 100vw / 750 );
    height: calc( 90 * 100vw / 750 );
    font-size: calc( 30 * 100vw / 750 );
    background-size: auto calc( 25 * 100vw / 750 );
    border-radius: calc( 45 * 100vw / 750 );
  }
  #lpsearch #pref #selectArea2 {
    margin-top: calc(40 * 100vw / 750);
  }
  #lpsearch #pref #selectArea2 select {
    margin-top: calc(20 * 100vw / 750);
    border: calc(2 * 100vw / 750) solid #d5d5d5;
    height: calc(100 * 100vw / 750);
    border-radius: calc(10 * 100vw / 750);
    background: url("/ren1909/images/ui/icon/select.png") calc(617 * 100vw / 750) center / auto calc(50 * 100vw / 750) no-repeat;
    padding-left: calc(30 * 100vw / 750);
    padding-right: calc(30 * 100vw / 750);
    font-size: calc(36 * 100vw / 750);
  }
  
  #lpsearch .list-result .title-address {
    font-size: calc( 30 * 100vw / 750 );
    padding-top: calc( 25 * 100vw / 750 );
    padding-bottom: calc( 25 * 100vw / 750 );
    padding-left: calc( 21 * 100vw / 750 );
    padding-right: calc( 21 * 100vw / 750 );
  }
  #lpsearch .list-result ul {
    margin-right: calc( -3 * 100vw / 750 );
  }
  .list-result li li {
    border-width: calc( 2 * 100vw / 750 );
  }
  #lpsearch .list-result a {
    padding-top: calc( 45 * 100vw / 750 );
    padding-bottom: calc( 37 * 100vw / 750 );
  }
  #lpsearch .list-result .title-shop {
    font-size: calc( 36 * 100vw / 750 );
  }
  #lpsearch .list-result p {
    font-size: calc( 30 * 100vw / 750 ) !important;
  }
  #lpsearch .list-result li p:first-of-type {
    margin-top: calc( 17 * 100vw / 750 ) !important;
  }
  #lpsearch .list-result li p:nth-of-type(2) {
    margin-top: calc( 14 * 100vw / 750 ) !important;
  }
  #lpsearch p.selectShop,
  #lpsearch .list-result li p.selectShop {
    margin-top: calc( -15 * 100vw / 750 ) !important;
    margin-bottom: calc( 30 * 100vw / 750 ) !important;
  }
  
  #lpsearch #pref .list-result,
  #lpsearch #keyword .list-result {
    padding: calc(30 * 100vw / 750);
  }
  #lpsearch #pref .list-result li {
    border-width: calc(2 * 100vw / 750);
  }
  #lpsearch #searchkey {
    height: calc(100 * 100vw / 750);
    font-size: calc(36 * 100vw / 750);
    border-radius: calc(10 * 100vw / 750);
    padding-left: calc(30 * 100vw / 750);
    padding-right: calc(30 * 100vw / 750);
    margin-top: calc(40 * 100vw / 750);
  }
  #lpsearch #keyword .section-result {
    margin-top: calc( 70 * 100vw / 750 );
  }
}







body.lpsearch2404 {
	max-width: 750px;
}

.lpsearch2404 #FrmInner {
	max-width: 750px;
	padding: 0 4%;
}

.lpsearch2404 #formTop h2.formh2 {
	border-bottom: 6px solid #FF6500;
	font-size: 42px;
	margin: 0 auto;
}
@media (max-width: 768px) {
	.lpsearch2404 #formTop h2.formh2  {
			border-bottom: 0.8vw solid #FF6500;
			font-size: 5.6vw;
			padding-left: 0;
	}
}

.lpsearch2404 #lpsearch #column {
	height: auto;
  overflow-y: auto;
}
@media (max-width: 768px) {
	.lpsearch2404 #lpsearch #column {
			margin: 0 5% 4%;
	}
}

.lpsearch2404 #lpsearch .title01 {
	border-top: none;
	border-bottom: solid 2px #333333;
	color: #333;
	font-size: 40px;
	width: 100%;
	align-items: baseline;
	padding: 0 0 5px;
	margin: 70px 0 40px;
}
.lpsearch2404 #lpsearch .title01::before {
	width: 37px;
	height: 52px;
	margin-right: 27px;
	position: relative;
	top: 3px;
}
.lpsearch2404 #lpsearch .title01.icon-address::before {
	width: 55px;
	height: 55px;
	margin-right: 30px;
	position: relative;
	top: 3px;
}
@media (max-width: 768px) {
	.lpsearch2404 #lpsearch .title01 {
		font-size: 5.3vw;
		padding: 0 0 0.6vw;
		margin: 9.3vw 0 5.3vw;
	}
	.lpsearch2404 #lpsearch .title01::before {
		width: calc(37 * 100vw / 750);
		height: calc(52 * 100vw / 750);
		margin-right: calc(27 * 100vw / 750);
		top: calc(3 * 100vw / 750);
	}
	.lpsearch2404 #lpsearch .title01.icon-address::before {
		width: calc(55 * 100vw / 750);
		height: calc(55 * 100vw / 750);
		margin-right: calc(30 * 100vw / 750);
		top: calc(3 * 100vw / 750);
	}
}

.lpsearch2404 #lpsearch .lpsearchbtn {
	border: none;
	font-size: 28px;
	line-height: 1.0;
	width: 600px;
	height: 60px;
	border-radius: 30px;
}
.lpsearch2404 #lpsearch .lpsearchbtn#searchbtn {
	font-size: 30px;
	width: 300px;
	height: 90px;
	border-radius: 45px;
}
@media (max-width: 768px) {
	.lpsearch2404 #lpsearch .lpsearchbtn {
		font-size: 3.7vw;
		width: calc(600 * 100vw / 750);
    height: calc(60 * 100vw / 750);
    border-radius: calc(30 * 100vw / 750);
	}
	.lpsearch2404 #lpsearch .lpsearchbtn#searchbtn {
		font-size: 3.7vw;
		width: calc(300 * 100vw / 750);
    height: calc(90 * 100vw / 750);
    border-radius: calc(45 * 100vw / 750);
	}
}

.lpsearch2404 #FrmInner #formTop p.txt {
	width: 100%;
	font-size: 26px;
}
.lpsearch2404 #FrmInner #formTop .lpsearchbtn + p.txt {
	margin-top: 30px;
}
.lpsearch2404 #FrmInner #formTop .maparea + p.txt {
	margin-top: 15px;
}
@media (max-width: 768px) {
	.lpsearch2404 #FrmInner #formTop p.txt {
		width: 100%;
		font-size: 3.4vw;
	}
	.lpsearch2404 #FrmInner #formTop .lpsearchbtn + p.txt {
		margin-top: calc(30 * 100vw / 750);
	}
	.lpsearch2404 #FrmInner #formTop .maparea + p.txt {
		margin-top: calc(15 * 100vw / 750);
	}
}

.lpsearch2404 .areablock .areattl,
.lpsearch2404 .areablock .prefttl,
.lpsearch2404 .areablock .cityttl {
	border-bottom: solid 2px #fff;
	color: #333;
	font-size: 20px;
	font-weight: 700;
	line-height: 46px;
}
.lpsearch2404 .areablock .areattl {
	background: #1eb0a3;
  color: #fff;
	padding-left: 30px;
}
.lpsearch2404 .areablock .prefttl {
	background: #d6f6e9;
	padding-left: 40px;
}
.lpsearch2404 .areablock .cityttl {
	padding-left: 89px;
}
.lpsearch2404 .areablock .areattl {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20y%3D%228.75%22%20width%3D%2220%22%20height%3D%222.5%22%20fill%3D%22%23ffffff%22%2F%3E%3Cpath%20d%3D%22M8.75%2020L8.75%200L11.25%20-1.09278e-07L11.25%2020L8.75%2020Z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  background-position: right 40px center;
  background-size: 20px auto;
  cursor: pointer;
}
.lpsearch2404 .areablock .prefttl,
.lpsearch2404 .areablock .cityttl {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20y%3D%228.75%22%20width%3D%2220%22%20height%3D%222.5%22%20fill%3D%22%23333333%22%2F%3E%3Cpath%20d%3D%22M8.75%2020L8.75%200L11.25%20-1.09278e-07L11.25%2020L8.75%2020Z%22%20fill%3D%22%23333333%22%2F%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
	background-position: right 40px center;
  background-size: 20px auto;
	cursor: pointer;
}
.lpsearch2404 .areablock .prefttl.seireittl {
  background-color: #f8ecd3;
	padding-left: 90px;
}
.lpsearch2404 .areablock .citylist .citylist .cityttl {
  background-color: #fffbf2;
	padding-left: 120px;
}
.lpsearch2404 .areablock .areattl.open {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2220%22%20height%3D%224%22%20viewBox%3D%220%200%2020%204%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20y%3D%220.75%22%20width%3D%2220%22%20height%3D%222.5%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E');
}
.lpsearch2404 .areablock .prefttl.open,
.lpsearch2404 .areablock .cityttl.open {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2220%22%20height%3D%224%22%20viewBox%3D%220%200%2020%204%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20y%3D%220.75%22%20width%3D%2220%22%20height%3D%222.5%22%20fill%3D%22%23333333%22%2F%3E%3C%2Fsvg%3E');
}
.lpsearch2404 .areablock .preflist,
.lpsearch2404 .areablock .preflist .citylist,
.lpsearch2404 .areablock .preflist .shoplist {
	display: none;
}
.lpsearch2404 .areablock .shopdata {
	border-bottom: solid 1px #d5d5d5;
	padding: 32px 0 28px;
	margin: 0 36px;
}
.lpsearch2404 .areablock .shopdata:last-child {
	border-bottom: none;
}
.lpsearch2404 .areablock .shopdata .shopdetail {
  display: none;
}
.lpsearch2404 .areablock .shopdata .shopdetail img {
  width: 294px;
  margin: 0;
}
.lpsearch2404 .areablock .shopdata .shopdetail th, .shopdetail td {
  border: 1px solid rgba(98,98,98,.3);
  padding: 0.5em;
}
.lpsearch2404 .areablock .shopdata .shopdetail th {
  width: 7.1em;
}
.lpsearch2404 .areablock .shopdata .shopdetail table {
  width: 100%;
  border-collapse: collapse;
}
.lpsearch2404 .areablock .shopwrap {
  display: flex;
}
.lpsearch2404 .areablock .shopname{
	color: #333;
	font-size: 21px;
	font-weight: 700;
}
#FrmInner #formTop .lpsearch2404 .areablock .shopadd {
	color: #333;
	font-size: 16px;
	line-height: 1.5;
	width: auto;
	margin-top: 15px;
}
#FrmInner #formTop .lpsearch2404 .areablock .shopnotes {
  color: red;
  font-size: 18px;
  line-height: 1;
  width: auto;
  margin-top: 10px;
}
.lpsearch2404 .shopbtnlist {
  width: 184px;
  margin: 0 0 0 auto;
}
.lpsearch2404 .shopbtnlist li + li {
  margin-top: 10px;
}
.lpsearch2404 .shopbtn {
	width: 100%;
	height: 45px;
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background-repeat: no-repeat;
	border: none;
	background-position-y: center;
	background-color: #fba74e;
  color: #fff;
  font-weight: 700;
  --link: #fff;
}
.lpsearch2404 .shopbtn:hover {
	opacity: 0.8;
}
.lpsearch2404 .shopbtn.detail {
  position: relative;
  background-color: #f15e6a;
}
.lpsearch2404 .shopbtn.detail::after {
  display: block;
  content: '';
  position: absolute;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%227%22%20height%3D%227%22%20viewBox%3D%220%200%207%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7%200.464102L3.5359%206.4641L0.0717969%200.464101L7%200.464102Z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E');
  background-size: 100% auto;
  background-repeat: no-repeat;
  right: 21px;
  top: calc(50% - 4px);
  width: 8px;
  height: 8px;
  transition: transform 0.3s;
}
.lpsearch2404 .shopbtn.open::after {
  transform: rotate(180deg);
}
@media (max-width: 768px) {
	.lpsearch2404 .areablock .areattl,
	.lpsearch2404 .areablock .prefttl,
	.lpsearch2404 .areablock .cityttl {
		font-size: calc(40 * 100vw / 750);
		line-height: calc(98 * 100vw / 750);
	}
	.lpsearch2404 .areablock .areattl {
		padding-left: calc(60 * 100vw / 750);
    background-position: right calc(40 * 100vw / 750) center;
		background-size: calc(40 * 100vw / 750) auto;
	}
	.lpsearch2404 .areablock .prefttl {
		padding-left: calc(80 * 100vw / 750);
	}
	.lpsearch2404 .areablock .cityttl {
		padding-left: calc(89 * 100vw / 750);
	}
	.lpsearch2404 .areablock .prefttl,
	.lpsearch2404 .areablock .cityttl {
		background-position: right calc(40 * 100vw / 750) center;
		background-size: calc(40 * 100vw / 750) auto;
	}
  .lpsearch2404 .areablock .prefttl.seireittl {
    padding-left: calc(89 * 100vw / 750);
  }
  .lpsearch2404 .areablock .citylist .citylist .cityttl {
    padding-left: calc(119 * 100vw / 750);
  }
	.lpsearch2404 .areablock .shopdata {
		padding: calc(64 * 100vw / 750) 0 calc(56 * 100vw / 750);
	  margin: 0 calc(72 * 100vw / 750);
	}
  .lpsearch2404 .areablock .shopwrap {
    flex-direction: column;
  }
	.lpsearch2404 .areablock .shopname {
		font-size: calc(42 * 100vw / 750);
	}
  #FrmInner #formTop .lpsearch2404 .areablock .shopdata,
  #FrmInner #formTop .lpsearch2404 .areablock .shopnotes {
    font-size: calc(24 * 100vw / 750);
		margin-top: calc(15 * 100vw / 750);
	}
  .lpsearch2404 .shopbtnlist {
    width: 100%;
    margin: calc(30 * 100vw / 750) 0 0;
  }
	.lpsearch2404 .shopbtn {
    height: calc( 90 * 100vw / 750 );
    font-size: calc( 32 * 100vw / 750 );
  }
  .lpsearch2404 .shopbtn:hover {
    opacity: 1.0;
  }
  .lpsearch2404 .areablock .shopdata .shopdetail img {
    width: 100%;
    margin: calc(30 * 100vw / 750) 0 0;
  }
  .lpsearch2404 .shopbtn.detail {
    background-position: right calc(42 * 100vw / 750) center;
    background-size: calc(16 * 100vw / 750) auto;
  }
  .lpsearch2404 .shopbtn.detail::after {
    top: calc(50% - calc(8 * 100vw / 750));
    right: calc(42 * 100vw / 750);
    width: calc(16 * 100vw / 750);
    height: calc(16 * 100vw / 750);
    background-size: 100% auto;
  }
}

.shopoptlist {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.shopoptlist li {
  width: 20%;
  text-align: center;
  border: 1px solid #7A7AFF;
  color: #7A7AFF;
}
@media (max-width: 768px) {
  .shopoptlist {
    margin: calc(16 * 100vw / 750) 0 0;
  }
  .shopoptlist li {
    width: 31%;
    font-size: calc(24 * 100vw / 750);
    padding: calc(12 * 100vw / 750) 0;
    border-radius: calc(18 * 100vw / 750);
    margin: 0 calc(10 * 100vw / 750) calc(10 * 100vw / 750) 0;
  }
}
@media print, screen and (min-width: 769px) {
  .shopoptlist {
    margin: calc(16 * 100vw / 1366) 0 0;
  }
  .shopoptlist li {
    width: 21%;
    font-size: calc(12 * 100vw / 1366);
    padding: calc(8 * 100vw / 1366) 0;
    border-radius: calc(12 * 100vw / 1366);
    margin: 0 calc(10 * 100vw / 1366) calc(10 * 100vw / 1366) 0;
  }
}

#lpsearch .telbtnarea {
  display: none;
}
#lpsearch .telbtnarea .title01.icon-tel::before {
  width: 55px;
  height: 55px;
  margin-right: 30px;
  position: relative;
  top: 3px;
  background-image: url(/lp/images/lpsearch2021/icon_tel.png);
}
#FrmInner #formTop .telbtnarea p {
  width: 100%;
  margin: 0;
  font-size: 21px;
}
#lpsearch .telbtnarea .link-tel01 {
  display: block;
  width: 100%;
  margin: 40px 0 0;
}
#lpsearch .telbtnarea .link-tel02 {
  display: block;
  width: 518px;
  margin: 40px auto 0;
}
@media (max-width: 768px) {
  #lpsearch .telbtnarea .title01.icon-tel::before {
    width: calc(55 * 100vw / 750);
		height: calc(55 * 100vw / 750);
		margin-right: calc(30 * 100vw / 750);
		top: calc(3 * 100vw / 750);
  }
  #FrmInner #formTop .telbtnarea p {
    font-size: calc(36 * 100vw / 750);
  }
  #lpsearch .telbtnarea .link-tel01 {
    margin: calc(40 * 100vw / 750) 0 0;
  }
  #lpsearch .telbtnarea .link-tel02 {
    width: calc(650 * 100vw / 750);
    margin: calc(40 * 100vw / 750) auto 0;
  }
}
