@charset "UTF-8";
/*--------------------------------------------
DATA TEXT
---------------------------------------------*/
[data-before]:before{
	content : attr( data-before );
}
[data-after]:after{
	content : attr( data-after );
}
/*--------------------------------------------
MAP
---------------------------------------------*/
.map-container , .iframe-container{
	position : relative;
}
.map-container > #map , .map-container > iframe , .iframe-container > #map , .iframe-container > iframe{
	width : 100%;
	height : 100%;
	position : absolute;
	top : 0;
	left : 0;
	right : 0;
	bottom : 0;
	margin : auto;
}
@media print,screen and (min-width: 769px){
	.is-sp{
		display : none !important;
	}
}
@media screen and (max-width: 768px){
	.is-pc{
		display : none !important;
	}
}
/*--------------------------------------------
TITLE01
---------------------------------------------*/
.title01{
	display : flex;
	align-items : center;
	font-weight : 700;
}
@media screen and (max-width: 768px){
	.title01{
		font-size : calc( 45 * 100vw / 750 );
    line-height : 1.17;
    padding: 20px 0 50px;
	}
}
@media screen and (min-width: 769px) and (max-width:9366px){
	.title01{
		font-size : calc( 36 * 100vw / 1366 );
		height : calc( 210 * 100vw / 1366 );
	}
}
@media print,screen and (min-width: 9200px){
	.title01{
		font-size : 36px;
		height : 210px;
	}
}
.title01.icon-search: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.icon-search: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.icon-search:before{
		width : calc( 53 * 100vw / 1366 );
		height : calc( 53 * 100vw / 1366 );
		margin-right : calc( 16 * 100vw / 1366 );
	}
}
@media print,screen and (min-width: 9200px){
	.title01.icon-search:before{
		width : 53px;
		height : 53px;
		margin-right : 16px;
	}
}
.title02{
	font-weight : 700;
	border-bottom-style : solid;
	border-bottom-color : #802077;
}
@media screen and (max-width: 768px){
	.title02{
		border-bottom-width : calc( 2 * 100vw / 750 );
		font-size : calc( 50 * 100vw / 750 );
		padding-bottom : calc( 20 * 100vw / 750 );
	}
}
@media print,screen and (min-width: 769px){
	.title02{
		border-bottom-width : 1px;
	}
}
@media screen and (min-width: 769px) and (max-width:9366px){
	.title02{
		font-size : calc( 24 * 100vw / 1366 );
		padding-bottom : calc( 10 * 100vw / 1366 );
	}
}
@media print,screen and (min-width: 9200px){
	.title02{
		font-size : 24px;
		padding-bottom : 10px;
	}
}
.title03{
	font-weight : 700;
}
@media screen and (max-width: 768px){
	.title03{
		font-size : calc( 40 * 100vw / 750 );
	}
}
@media screen and (min-width: 769px) and (max-width:9366px){
	.title03{
		font-size : calc( 22 * 100vw / 1366 );
	}
}
@media print,screen and (min-width: 9200px){
	.title03{
		font-size : 22px;
	}
}
/*--------------------------------------------
LINK
---------------------------------------------*/
.link-archive{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	border-style : solid;
	background-image : url("/ren1909/images/ui/icon/arrowright.png");
	background-repeat : no-repeat;
	background-position-y : center;
}
@media screen and (max-width: 768px){
	.link-archive{
		border-color : rgba(98,98,98,.3);
		width : 100%;
		height : calc( 90 * 100vw / 750 );
		font-size : calc( 30 * 100vw / 750 );
		border-radius : calc( 45 * 100vw / 750 );
		background-position-x : calc( 40 * 100vw / 750 );
		background-size : auto calc( 25 * 100vw / 750 );
		border-width : calc( 2 * 100vw / 750 );
	}
}
@media print,screen and (min-width: 769px){
	.link-archive{
		border-color : #d5d5d5;
		border-width : 1px;
	}
}
@media screen and (min-width: 769px) and (max-width:9366px){
	.link-archive{
		width : calc( 240 * 100vw / 1366 );
		height : calc( 30 * 100vw / 1366 );
		font-size : calc( 14 * 100vw / 1366 );
		border-radius : calc( 15 * 100vw / 1366 );
		background-position-x : calc( 15 * 100vw / 1366 );
		background-size : auto calc( 12 * 100vw / 1366 );
	}
}
@media print,screen and (min-width: 9200px){
	.link-archive{
		width : 240px;
		height : 30px;
		font-size : 14px;
		border-radius : 15px;
		background-position-x : 15px;
		background-size : auto 12px;
	}
}
.link01{
	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;
}
@media screen and (max-width: 768px){
	.link01{
    display: block;
    line-height: calc( 90 * 100vw / 750 );
		border-color : rgba(98,98,98,.3);
		border-width : calc( 2 * 100vw / 750 );
		width : 100%;
		height : calc( 90 * 100vw / 750 );
		font-size : calc( 30 * 100vw / 750 );
		background-size : auto calc( 25 * 100vw / 750 );
		background-position-x : calc( 615 * 100vw / 750 );
		border-radius : calc( 45 * 100vw / 750 );
	}
}
@media print,screen and (min-width: 769px){
	.link01{
		border-color : #d5d5d5;
		border-width : 1px;
	}
}
@media screen and (min-width: 769px) and (max-width:9366px){
	.link01{
		width : calc( 210 * 100vw / 1366 );
		height : calc( 35 * 100vw / 1366 );
		font-size : calc( 16 * 100vw / 1366 );
		background-size : auto calc( 12 * 100vw / 1366 );
		background-position-x : calc( 187 * 100vw / 1366 );
		border-radius : calc( 17.5 * 100vw / 1366 );
	}
	.tenpo .link01{
		width : calc( 280 * 100vw / 1366 );
		background-position-x : calc( 260 * 100vw / 1366 );
	}
}
@media print,screen and (min-width: 9200px){
	.link01{
		width : 210px;
		height : 35px;
		font-size : 16px;
		background-size : auto 12px;
		background-position-x : 187px;
		border-radius : 17.5px;
	}
}
/*--------------------------------------------
SCROLLBAR
---------------------------------------------*/
.ps .ps__rail-x:hover , .ps .ps__rail-y:hover , .ps .ps__rail-x:focus , .ps .ps__rail-y:focus , .ps .ps__rail-x.ps--clicking , .ps .ps__rail-y.ps--clicking{
	background-color : transparent;
}
.ps__rail-y{
	right : 0;
	position : absolute;
	opacity : 1!important;
}
.ps__rail-y:hover > .ps__thumb-y , .ps__rail-y:focus > .ps__thumb-y , .ps__rail-y.ps--clicking .ps__thumb-y{
	background-color : rgba(64,64,64,.6);
	width : 100%;
}
.ps__rail-y .ps__thumb-y{
	background-color : rgba(64,64,64,.6);
	width : 100%;
	right : 0;
}
@media screen and (min-width: 769px) and (max-width:9366px){
	.ps__rail-y{
		width : calc( 8 * 100vw / 1366 );
		right : calc( 5 * 100vw / 1366 );
	}
	.ps__rail-y .ps__thumb-y{
		border-radius : calc( 4 * 100vw / 1366 );
	}
}
@media print,screen and (min-width: 9200px){
	.ps__rail-y{
		width : 8px;
		right : 5px;
	}
	.ps__rail-y .ps__thumb-y{
		border-radius : 4px;
	}
}
/*--------------------------------------------
SEARCH INFO
---------------------------------------------*/
#searchInfo{
	background-color : #f6f6f6;
	display : flex;
	align-items : center;
	justify-content : space-between;
}
#searchInfo #searchInfoCount{
	font-weight : 700;
}
@media screen and (max-width: 768px){
	#searchInfo{
		border-radius : calc( 10 * 100vw / 750 );
		padding-top : calc( 25 * 100vw / 750 );
		padding-bottom : calc( 25 * 100vw / 750 );
		padding-left : calc( 50 * 100vw / 750 );
		padding-right : calc( 28 * 100vw / 750 );
		font-size : calc( 30 * 100vw / 750 );
	}
}
@media screen and (min-width: 769px) and (max-width:9366px){
	#searchInfo{
		border-radius : calc( 5 * 100vw / 1366 );
		padding-top : calc( 7 * 100vw / 1366 );
		padding-bottom : calc( 7 * 100vw / 1366 );
		padding-left : calc( 21 * 100vw / 1366 );
		padding-right : calc( 10 * 100vw / 1366 );
		font-size : calc( 16 * 100vw / 1366 );
	}
}
@media print,screen and (min-width: 9200px){
	#searchInfo{
		border-radius : 5px;
		padding-top : 7px;
		padding-bottom : 7px;
		padding-left : 21px;
		padding-right : 10px;
		font-size : 16px;
	}
}
.keyword #searchInfo #searchInfoWord:before{
	content : "「";
}
.keyword #searchInfo #searchInfoWord:after{
	content : "」";
}
/*--------------------------------------------
LIST RESULT
---------------------------------------------*/
.list-result .title-address{
	background-color : #f4eaf3;
	font-weight : 700;
}
.list-result .title-shop{
	display : inline-block;
	font-weight : 700;
	border-bottom : solid 1px currentColor;
	color : #802077;
}
.list-result .parking{
	display : flex;
	align-items : center;
}
.list-result .parking:before{
	content : "";
	display : block;
	background : url("/ren1909/images/ui/icon/parking.png") 0 0 / contain no-repeat;
}
.list-result a{
	display : block;
}
.list-result li li{
	border-bottom-style : solid;
  border-bottom-color : #d5d5d5;
  position: relative;
}
.list-result p .notes,
.marker .notes,
#resultContent p .notes {
  color: red;
  display: none;
}
.list-result a.title-shop-a {
  padding-bottom: 0;
}
@media screen and (max-width: 768px){
	.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 );
	}
	.list-result ul{
		margin-right : calc( -3 * 100vw / 750 );
	}
	.list-result li li{
		border-width : calc( 2 * 100vw / 750 );
	}
	.list-result a{
		padding-top : calc( 45 * 100vw / 750 );
		padding-bottom : calc( ( 40 - 3 ) * 100vw / 750 );
	}
	.list-result .title-shop{
		font-size : calc( 36 * 100vw / 750 );
	}
	.list-result li p:first-of-type{
		margin-top : calc( ( 20 - 3 ) * 100vw / 750 );
	}
	.list-result li p:nth-of-type(2){
		margin-top : calc( ( 20 - 3 - 3 ) * 100vw / 750 );
	}
	.list-result p{
		font-size : calc( 30 * 100vw / 750 );
		line-height : 1.2;
	}
  .list-result p.opennew {
    display: block;
  }
  .list-result p.opennew span {
    display: inline-block;
    background-color: #FFD800;
    padding: 0 5px;
  }
  p.selectShop,
  .list-result li p.selectShop {
    display: none;
    margin-top: calc( -15 * 100vw / 750 );
    margin-bottom: calc( 30 * 100vw / 750 );
  }
  #map p.selectShop,
  .cta p.selectShop,
  #resultContent p,
  .tenpo p.selectShop {
    margin-top: calc( 30 * 100vw / 750 );
  }
  #resultContent p {
    font-size: calc( 30 * 100vw / 750 );
    line-height: 1.2;
  }
  p.selectShop a,
  p.selectShop button,
  .list-result p.selectShop a,
  .list-result p.selectShop button {
    border-color: rgba(98,98,98,.3);
    border-width: calc( 2 * 100vw / 750 );
    width: 100%;
    height: calc( 90 * 100vw / 750 );
    font-size: calc( 30 * 100vw / 750 );
    background-size: auto calc( 25 * 100vw / 750 );
    background-position-x: 95%;
    border-radius: calc( 45 * 100vw / 750 );
    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;
  }
  .list-result li .option {
    display: flex;
    flex-wrap: wrap;
  }
  .list-result li .option p {
    margin-top : calc( ( 20 - 3 ) * 100vw / 750 );
    padding: 0 10px 0 0;
    font-size: calc( 27 * 100vw / 750 );
  }
	.list-result .parking:before{
		width : calc( 27 * 100vw / 750 );
		height : calc( 27 * 100vw / 750 );
		margin-right : calc( 14 * 100vw / 750 );
	}
  .list-result .e25 {
    padding-top: calc( ( 40 - 3 ) * 100vw / 750 );
  }
}
@media print,screen and (min-width: 769px){
  p.selectShop button:hover,
  .list-result p.selectShop button:hover {
    opacity: .7;
  }
	.list-result li li{
		border-bottom-width : 1px;
	}
	.list-result li li:last-child{
		border-bottom-width : 0;
	}
}
@media screen and (min-width: 769px) and (max-width:9366px){
	.list-result > li + li{
		margin-top : calc( 40 * 100vw / 1366 );
	}
	.list-result .title-address{
		font-size : calc( 16 * 100vw / 1366 );
		padding-top : calc( 7 * 100vw / 1366 );
		padding-bottom : calc( 7 * 100vw / 1366 );
		padding-left : calc( 9 * 100vw / 1366 );
		padding-right : calc( 9 * 100vw / 1366 );
	}
	.list-result a{
		padding-top : calc( 20 * 100vw / 1366 );
		padding-bottom : calc( ( 20 - 7 ) * 100vw / 1366 );
	}
	.list-result .title-shop{
		font-size : calc( 18 * 100vw / 1366 );
		padding-bottom : calc( 4 * 100vw / 750 );
	}
	.list-result li p:first-of-type{
		margin-top : calc( 2 * 100vw / 1366 );
	}
	.list-result p{
		font-size : calc( 16 * 100vw / 1366 );
		line-height : 1.88;
  }
  .list-result p.opennew {
    display: inline;
    background-color: #FFD800;
    padding: 0 5px;
    margin-left: 8px;
  }
  p.selectShop,
  .list-result p.selectShop {
    display: none;
  }
  .list-result li .option {
    display: flex;
  }
  .list-result li .option p {
    margin-top : calc( 2 * 100vw / 1366 );
    padding: 0 10px 0 0;
    font-size: calc( 14 * 100vw / 1366 );
  }
	.list-result .parking:before{
		width : calc( 16 * 100vw / 1366 );
		height : calc( 16 * 100vw / 1366 );
		margin-right : calc( 6 * 100vw / 1366 );
	}
}
@media print,screen and (min-width: 9200px){
	.list-result > li + li{
		margin-top : 40px;
	}
	.list-result .title-address{
		font-size : 16px;
		padding-top : 7px;
		padding-bottom : 7px;
		padding-left : 9px;
		padding-right : 9px;
	}
	.list-result a{
		padding-top : 20px;
		padding-bottom : calc( 20px - 7px );
	}
	.list-result .title-shop{
		font-size : 18px;
	}
	.list-result li p:first-of-type{
		margin-top : 2px;
	}
	.list-result p{
		font-size : 16px;
		line-height : 1.88;
	}
	.list-result .parking:before{
		width : 16px;
		height : 16px;
		margin-right : 6px;
	}
}
