.search #search #search2021 li:nth-child(1) h3:before {
  background-image: url(/ren1909/images/ui/icon/map.png);
}
.search #search #search2021 li:nth-child(3) h3:before {
  background-image: url(/ren1909/images/ui/icon/post.png);
}
.search #search #search2021 li:nth-child(4) h3:before {
  background-image: url(/ren1909/images/ui/icon/mappin.png);
}
@media screen and (max-width: 768px) {
  .search #search #search2021 li:nth-child(1) h3:before {
    width: calc( 69 * 100vw / 750 );
    height: calc( 69 * 100vw / 750 );
    margin-right: calc( 16 * 100vw / 750 );
  }
  .search #search #search2021 li:nth-child(3) h3:before {
    width: calc( 69 * 100vw / 750 );
    height: calc( 69 * 100vw / 750 );
    margin-right: calc( 16 * 100vw / 750 );
  }
  .search #search #search2021 li:nth-child(4) h3:before {
    width: calc( 47 * 100vw / 750 );
    margin-right: calc( 28 * 100vw / 750 );
    margin-left: calc( 11 * 100vw / 750 );
    height: calc( 66 * 100vw / 750 );
  }
  .search #search #search2021 li:nth-child(1) .maparea + .txt02 {
    font-size: calc( 26 * 100vw / 750 );
    margin-top: calc( 25 * 100vw / 750 );
  }
}
@media print, screen and (min-width: 769px) {
  .search #search #search2021 li:first-child div {
    display: block;
  }
  .search #search #search2021 li:nth-child(1) h3:before {
    width: calc( 36 * 100vw / 1366 );
    height: calc( 36 * 100vw / 1366 );
    margin-right: calc( 11 * 100vw / 1366 );
  }
  .search #search #search2021 li:nth-child(3) h3:before {
    width: calc( 36 * 100vw / 1366 );
    height: calc( 36 * 100vw / 1366 );
    margin-right: calc( 11 * 100vw / 1366 );
  }
  .search #search #search2021 li:nth-child(4) h3:before {
    width: calc( 26 * 100vw / 1366 );
    height: calc( 36 * 100vw / 1366 );
    margin-left: calc( 8 * 100vw / 1366 );
    margin-right: calc( 16 * 100vw / 1366 );
  }
  .search #search #search2021 li:nth-child(1) .maparea + .txt02 {
    font-size: calc( 14 * 100vw / 1366 );
    margin-top: calc( 25 * 100vw / 1366 );
  }
}

.pagettl-search2021 {
  color: #FF6500;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .pagettl-search2021  {
    border-bottom: 0.8vw solid #FF6500;
    font-size: 5.6vw;
    margin-top: calc(70 * 100vw / 750);
    margin-bottom: calc(70 * 100vw / 750);
  }
}
@media print, screen and (min-width: 769px) {
  .main-search2021 {
    max-width: 1080px !important;
		padding-bottom: calc(100 * 100vw / 1366);
  }
  .pagettl-search2021 {
    border-bottom: 6px solid #FF6500;
    font-size: calc(42* 100vw / 1366);
    max-width: 650px;
    margin-top: calc(70 * 100vw / 1366);
    margin-bottom: calc(70 * 100vw / 1366);
  }
}

.title01:before{
	content : "";
	display : block;
	background : url(/ren1909/images/ui/icon/search.png);
	background-repeat : no-repeat;
	background-position : 0 0;
	background-size : contain;
	flex-shrink : 0;
}
@media screen and (max-width: 768px){
	.title01:before{
		width : calc( 90 * 100vw / 750 );
		height : calc( 90 * 100vw / 750 );
		margin-right : calc( 29 * 100vw / 750 );
	}
}
@media screen and (min-width: 769px) and (max-width:9366px){
	.title01:before{
		width : calc( 53 * 100vw / 1366 );
		height : calc( 53 * 100vw / 1366 );
		margin-right : calc( 16 * 100vw / 1366 );
	}
}

#search2021 .ttl-search {
    border-bottom: solid 2px #333333;
    color: #333;
    font-weight: 700;
    line-height: 1.17;
    width: 100%;
    display: flex;
    align-items: baseline;
}
#search2021 .ttl-search::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  flex-shrink: 0;
}
#search2021 .ttl-search.icon-address::before {
  background-image: url(/ren1909/images/ui/icon/map.png);
}
#search2021 .ttl-search + .txt {
  text-align: center;
}
#search2021 .maparea {
  text-align: center;
}
#search2021 .maparea img {
  max-width: 100%;
  background-color: #fff;
  border-radius: 1em;
}
@media screen and (max-width: 768px) {
  .mapwrap {
    padding: 1em;
  }
  #search2021 .maparea img {
    padding: 1em;
    margin-top: 1em;
  }
    #search2021 .ttl-search {
    font-size: calc(45 * 100vw / 750);
    padding: 0 0 calc(10 * 100vw / 750);
    margin-bottom: calc(40 * 100vw / 750);
  }
  #search2021 .ttl-search::before {
    width: calc(80 * 100vw / 750);
    height: calc(80 * 100vw / 750);
    margin-right: calc(30 * 100vw / 750);
  }
  #search2021 .txt {
    font-size: calc(26 * 100vw / 750);
  }
  #search2021 .ttl-search + .txt {
    margin-bottom: calc(38 * 100vw / 750);
  }
  #search2021 .maparea + .txt {
    margin-top: calc(97 * 100vw / 750);
    margin-bottom: calc(80 * 100vw / 750);
  }
}
@media print, screen and (min-width: 769px) {
  .mapwrap {
    padding: 2em 5em;
  }
  #search2021 .ttl-search {
    font-size: calc(40 * 100vw / 1366);
    padding: 0 0 calc(10 * 100vw / 1366);
    margin-bottom: calc(40 * 100vw / 1366);
  }
  #search2021 .ttl-search.icon-address::before {
    width: calc(55* 100vw / 1366);
    height: calc(55 * 100vw / 1366);
    margin-right: calc(30 * 100vw / 1366);
    top: calc(3 * 100vw / 1366);
  }
  #search2021 .txt {
    font-size: calc(26 * 100vw / 1366);
  }
  #search2021 .ttl-search + .txt {
    margin-bottom: calc(38 * 100vw / 1366);
  }
  #search2021 .maparea + .txt {
    margin-top: calc(97 * 100vw / 1366);
    margin-bottom: calc(80 * 100vw / 1366);
  }
}

@media (max-width: 768px) {
	#search2021 .title01 {
		font-size: 5.3vw;
		padding: 0 0 0.6vw;
		margin: 9.3vw 0 5.3vw;
	}
	#search2021 .title01::before {
		width: calc(37 * 100vw / 750);
		height: calc(52 * 100vw / 750);
		margin-right: calc(27 * 100vw / 750);
		top: calc(3 * 100vw / 750);
	}
	#search2021 .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);
	}
}

#areaall {
  position: relative;
}
#loader {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  background-color: #fff;
  opacity: 0.8;
}
#loader img {
  position: absolute;
  width: 20%;
  top: 30%;
  left: 40%;
}
#search2021 .areablock .areattl,
#search2021 .areablock .prefttl,
#search2021 .areablock .cityttl {
	border-bottom: solid 2px #fff;
	color: #333;
	font-weight: 700;
}
#search2021 .areablock .areattl {
	background-color: #ffd800;
}
#search2021 .areablock .prefttl {
	background-color: #ffef99;
}
#search2021 .areablock .cityttl {
	background-color: #f8ecd3;
}
#search2021 .areablock.type02 .areattl,
#search2021 .areablock .prefttl,
#search2021 .areablock .cityttl {
	background-image: url(/search/images/icon_open.png);
	background-repeat: no-repeat;
	background-position: right 30px center;
	cursor: pointer;
}
#search2021 .areablock .prefttl.seireittl {
  background-color: #f8ecd3;
}
#search2021 .areablock .citylist .citylist .cityttl {
  background-color: #fffbf2;
}
#search2021 .areablock.type02 .areattl.open,
#search2021 .areablock .prefttl.open,
#search2021 .areablock .cityttl.open {
	background-image: url(/search/images/icon_close.png);
}
#search2021 .areablock.type02 .areattl + .citylist,
#search2021 .areablock .prefttl + .citylist,
#search2021 .areablock .cityttl + .shoplist {
	display: none;
}
/*
#search2021 .areablock.type02 .areattl.open + .citylist,
#search2021 .areablock .prefttl.open + .citylist,
#search2021 .areablock .cityttl.open + .shoplist {
	display: block;
}
*/
#search2021 .areablock {
  border: solid #d5d5d5;
  border-width: 0 1px;
}
#search2021 .areablock .shopdata {
	border-bottom: solid 1px #d5d5d5;
}
#search2021 .areablock .shopdata:last-child {
	border-bottom: none;
}
#search2021 .areablock .shopname {
  color: #ccc;
}
#search2021 .areablock .shopname a {
	border-bottom: solid 1px #802077;
  color: #802077;
  line-height: 1.5;
}
#search2021 .areablock .shopadd {
	color: #333;
	line-height: 1.2;
	width: auto;
}
/*
#search2021 .shopbtnlist {
  display: none;
	display: flex;
	justify-content: space-between;
}
*/
#search2021 .shopbtnlist li {
	width: 48%;
}
/*
#search2021 .shopbtn {
	border-color: rgba(98,98,98,.3);
	width: 100%;
	background-position-x: 95%;
	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;
}
*/
#search2021 .shopbtn:hover {
	opacity: 1.0;
}
@media (max-width: 768px) {
	#search2021 .areablock .areattl,
	#search2021 .areablock .prefttl,
	#search2021 .areablock .cityttl {
		font-size: calc(40 * 100vw / 750);
		line-height: calc(98 * 100vw / 750);
	}
	#search2021 .areablock .areattl {
		padding-left: calc(29 * 100vw / 750);
	}
	#search2021 .areablock .prefttl {
		padding-left: calc(29 * 100vw / 750);
	}
	#search2021 .areablock .cityttl {
		padding-left: calc(59 * 100vw / 750);
	}
	#search2021 .areablock.type02 .cityttl {
		padding-left: calc(59 * 100vw / 750);
	}
  #search2021 .areablock .prefttl.seireittl {
    padding-left: calc(59 * 100vw / 750);
  }
  #search2021 .areablock .citylist .citylist .cityttl {
    padding-left: calc(89 * 100vw / 750);
  }
	#search2021 .areablock.type02 .areattl,
	#search2021 .areablock .prefttl,
	#search2021 .areablock .cityttl {
		background-position: right 4vw center;
		background-size: 5.3vw  5.3vw;
	}
	#search2021 .areablock.type02 .areattl.open,
	#search2021 .areablock .prefttl.open,
	#search2021 .areablock .cityttl.open {
		background-size: 5.3vw  0.6vw;
	}
	#search2021 .areablock .shopdata {
		padding: 4vw 0 5vw;
		margin: 0 4vw;
	}
	#search2021 .areablock .shopname {
		font-size: calc(29 * 100vw / 750);
	}
	#search2021 .areablock .shopadd {
    font-size: calc(24 * 100vw / 750);
    margin-top: calc(15 * 100vw / 750);
	}
	#search2021 .shopbtnlist {
		margin-top: calc(15 * 100vw / 750);
	}
	#search2021 .shopbtn {
		border-color: rgba(98,98,98,.3);
    border-width: calc( 2 * 100vw / 750 );
    height: calc( 90 * 100vw / 750 );
    font-size: calc( 24 * 100vw / 750 );
    background-size: auto calc( 25 * 100vw / 750 );
    border-radius: calc( 45 * 100vw / 750 );
	}
}
@media print, screen and (min-width: 769px) {
	#search2021 .areablock .areattl,
	#search2021 .areablock .prefttl,
	#search2021 .areablock .cityttl {
		font-size: calc(30 * 100vw / 1366);
		line-height: calc(70 * 100vw / 1366);
	}
	#search2021 .areablock .areattl {
		padding-left: calc(29 * 100vw / 1366);
	}
	#search2021 .areablock .prefttl {
		padding-left: calc(29 * 100vw / 1366);
	}
	#search2021 .areablock .cityttl {
		padding-left: calc(89 * 100vw / 1366);
	}
	#search2021 .areablock.type02 .cityttl {
		padding-left: calc(59 * 100vw / 1366);
	}
	#search2021 .areablock.type02 .areattl,
	#search2021 .areablock .prefttl,
	#search2021 .areablock .cityttl {
		background-position: right 2.3vw center;
		background-size: calc(30 * 100vw / 1366)  calc(30 * 100vw / 1366);
	}
  #search2021 .areablock .prefttl.seireittl {
    padding-left: calc(59 * 100vw / 1366);
  }
  #search2021 .areablock .citylist .citylist .cityttl {
    padding-left: calc(89 * 100vw / 1366);
  }
	#search2021 .areablock.type02 .areattl.open,
	#search2021 .areablock .prefttl.open,
	#search2021 .areablock .cityttl.open {
		background-size: calc(30 * 100vw / 1366) calc(4 * 100vw / 1366);
	}
	#search2021 .areablock .shopdata {
		padding: calc(20 * 100vw / 1366) calc(30 * 100vw / 1366) calc(30 * 100vw / 1366);
		margin: 0;
	}
	#search2021 .areablock .shopname {
		font-size: calc(24 * 100vw / 1366);
	}
	#search2021 .areablock .shopadd {
    font-size: calc(16 * 100vw / 1366);
    margin-top: calc(13 * 100vw / 1366);
	}
	#search2021 #FrmInner .areablock .shopadd {
		font-size: calc(24 * 100vw / 1366);
		margin-top: calc(15 * 100vw / 1366);
	}
	#search2021 .shopbtnlist {
		margin-top: calc(15 * 100vw / 1366);
	}
	#search2021 .shopbtn {
    border-width: calc( 2 * 100vw / 1366 );
    height: calc( 70 * 100vw / 1366 );
    font-size: calc( 24 * 100vw / 1366 );
    background-size: auto calc( 25 * 100vw / 1366 );
    border-radius: calc( 45 * 100vw / 1366 );
	}
}

@media (max-width: 768px) {
	#sidebar{
		background-color: #f4eaf3;
    padding-top : calc( 80 * 100vw / 750 );
    padding-left : calc( 20 * 100vw / 750 );
    padding-right : calc( 20 * 100vw / 750 );
    padding-bottom : calc( 80 * 100vw / 750 );
    border-radius : calc( 10 * 100vw / 750 ) calc( 10 * 100vw / 750 ) 0 0;
    margin-top : calc( 80 * 100vw / 750 );
    margin-bottom : calc( 100 * 100vw / 750 );
  }
  #sidebar a:hover, 
	#sidebar input[type="submit"]:hover{
    opacity : .7;
  }
  #sidebar h4{
		background-image: url(/ren1909/images/sidebar/border.png);
    background-position: center bottom;
    background-repeat: repeat-x;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    color: #802077;
    font-weight: 700;
    font-size : calc( 45 * 100vw / 750 );
    padding-bottom : calc( 40 * 100vw / 750 );
    background-size : auto calc( 5 * 100vw / 750 );
  }
  #sidebar h4:before{
    width : calc( 22 * 100vw / 750 );
    height : calc( 22 * 100vw / 750 );
    margin-right : calc( 7 * 100vw / 750 );
  }
  #sidebar ul{
    margin-top : calc( 50 * 100vw / 750 );
  }
  #sidebar li:nth-child(2){
    margin-top : calc( ( 41 - 3 ) * 100vw / 750 );
  }
  #sidebar li:nth-child(3){
    margin-top : calc( 41 * 100vw / 750 );
  }
  #sidebar h5{
		display: flex;
    font-weight: 700;
    align-items: flex-end;
    font-size : calc( 40 * 100vw / 750 );
    margin-top : calc( 60 * 100vw / 750 );
  }
	#sidebar h5:before {
    content: "";
    display: block;
    background-position: 0 0;
    background-size: contain;
    background-repeat: no-repeat;
	}
  #sidebar li:nth-child(1) h5:before{
		content: "";
		background-image: url(/ren1909/images/ui/icon/mappin.png);
    margin-left : calc( 6 * 100vw / 750 );
		margin-right: calc( 20 * 100vw / 750 );
    width: calc( 33 * 100vw / 750 );
    height: calc( 48 * 100vw / 750 );
  }
  #sidebar li:nth-child(2) h5:before{
		background-image: url(/ren1909/images/ui/icon/map.png);
		margin-right: calc( 20 * 100vw / 750 );
    width: calc( 50 * 100vw / 750 );
    height: calc( 50 * 100vw / 750 );
  }
  #sidebar li:nth-child(3) h5:before{
		background-image: url(/ren1909/images/ui/icon/pen.png);
    margin-left : calc( 6 * 100vw / 750 );
		margin-right: calc( 20 * 100vw / 750 );
    width: calc( 33 * 100vw / 750 );
    height: calc( 50 * 100vw / 750 );
  }
  #sidebar a , 
	#sidebar input[type="submit"]{
		display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    font-size : calc( 30 * 100vw / 750 );
    font-weight: 700;
    background-color: #802077;
    margin-left: auto;
    margin-right: auto;
    background-image: url(/ren1909/images/ui/icon/arrow_white02.png);
    background-repeat: no-repeat;
    backface-visibility: hidden;
		width : 100%;
    height: calc( 100 * 100vw / 750 );
    border-radius : calc( 70 * 100vw / 750 );
    will-change: opacity;
    transition: opacity .3s ease-in;
    background-size : auto calc( 25 * 100vw / 750 );
		background-position: right calc( 40 * 100vw / 750 ) center;
  }
  #sidebar li:nth-child(1) a{
    margin-top : calc( 40 * 100vw / 750 );
  }
  #sidebar input[type="submit"]{
    margin-top : calc( 30 * 100vw / 750 );
  }
  #sidebar p{
    font-size : calc( 30 * 100vw / 750 );
    line-height : 1.43;
    margin-top : calc( 30 * 100vw / 750 );
  }
  #sidebar select, 
	#sidebar input[type="search"]{
		border: 1px solid #b4b4b4;
		background-color: #fff;
		margin-left: auto;
		margin-right: auto;
		display: block;
		width: 100%;
    height: calc( 100 * 100vw / 750 );
    font-size: calc( 30 * 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 );
  }
  #sidebar select{
    background-size : auto calc( 18 * 100vw / 750 );
    background-position-x : calc( 233 * 100vw / 750 );
  }
}

@media (min-width: 1520px) {
  #sidebar li:nth-child(1) a {
    width: 100%;
    height: auto;
    padding: 10px 25px;
    line-height: 1.5;
  }
}