@charset "UTF-8";
:root{
	--body : #333;
	--link : #333;
}
/*--------------------------------------------
SEARCH
---------------------------------------------*/
.search .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){
	.search .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){
	.search .title01:before{
		width : calc( 53 * 100vw / 1366 );
		height : calc( 53 * 100vw / 1366 );
		margin-right : calc( 16 * 100vw / 1366 );
	}
}
@media print,screen and (min-width: 9200px){
	.search .title01:before{
		width : 53px;
		height : 53px;
		margin-right : 16px;
	}
}
.search #search-sec ul{
	display : flex;
	flex-direction: column;
}
.search #search-sec li{
	background-color : #f4eaf3;
}
.search #search-sec h3{
	display : flex;
	align-items : flex-end;
	border-bottom-color : #802077;
	border-bottom-style : solid;
	font-weight : 700;
}
.search #search-sec h3:before{
	content : "";
	display : block;
	background-repeat : no-repeat;
	background-position : 0 0;
	background-size : contain;
	flex-shrink : 0;
}
.search #search-sec li.pref h3:before{
	background-image : url("/ren1909/images/ui/icon/map.png");
}
.search #search-sec li.keyword h3:before{
	background-image : url("/ren1909/images/ui/icon/pen.png");
}
.search #search-sec li.postal h3:before{
	background-image : url("/ren1909/images/ui/icon/post.png");
}
.search #search-sec li.here h3:before{
	background-image : url("/ren1909/images/ui/icon/mappin.png");
}
.search #search-sec a, .search #search-sec input[type="submit"]{
	display : flex;
	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;
	width: 100%;
}
.search #search-sec p{
	text-align : center;
}
.search #search-sec select, .search #search-sec input[type="search"]{
	border : 1px solid #b4b4b4;
	background-color : #fff;
	display : block;
	width: 100%;
}
.search #search-sec select{
	appearance: none;
	background-image : url("/ren1909/images/ui/icon/select.png");
	background-position-y : center;
	background-repeat : no-repeat;
	color : #333;
}
.search #search-sec input[type="search"]:-ms-input-placeholder{
	color : #b0b0b0;
}
.search #search-sec input[type="search"]::-ms-input-placeholder{
	color : #b0b0b0;
}
.search #search-sec input[type="search"]::placeholder{
	color : #000;
}
.search #search-sec li input[type="search"], .search #search-sec li a, .search #search-sec li select, .search #search-sec li input[type="submit"]{
	margin-left : auto;
	margin-right : auto;
}
.search #search-sec a:hover, .search #search-sec input[type="submit"]:hover{
	opacity : .7;
}
@media screen and (max-width: 768px){
	.search #search-sec ul{
		gap: calc(40 * 100vw / 750);
		margin-bottom: calc(120 * 100vw / 750);
	}
	.search #search-sec li{
		border-radius : calc( 10 * 100vw / 750 );
		padding: calc(30 * 100vw / 750) calc(30 * 100vw / 750) calc(60 * 100vw / 750);
	}
	.search #search-sec li.postal {
		order: 1;
	}
	.search #search-sec li.pref {
		order: 2;
	}
	.search #search-sec li.keyword {
		order: 3;
	}
	.search #search-sec li.here {
		order: 4;
	}
	.search #search-sec h3{
		border-bottom-width : calc( 2 * 100vw / 750 );
		padding-bottom : calc( 17 * 100vw / 750 );
		font-size : calc( 50 * 100vw / 750 );
	}
	.search #search-sec select{
		background-size : auto calc( 50 * 100vw / 750 );
		background-position-x : calc( 567 * 100vw / 750 );
	}
	.search #search-sec select, .search #search-sec input[type="search"]{
		margin-left : auto;
		margin-right : auto;
		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 );
	}
	.search #search-sec input[type="submit"]{
		margin-top : calc( 30 * 100vw / 750 );
		height : calc( 90 * 100vw / 750 );
		font-size : calc( 30 * 100vw / 750 );
		border-radius : calc( 45 * 100vw / 750 );
	}
	.search #search-sec a, .search #search-sec input[type="submit"]{
		background-position : right calc( 30 * 100vw / 750 ) center;
		background-size : auto calc( 25 * 100vw / 750 );
	}
	.search #search-sec a{
		width : calc( 610 * 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 );
	}
	.search #search-sec p{
		font-size : calc( 26 * 100vw / 750 );
		line-height : 1.38;
		margin-left : calc( -5 * 100vw / 750 );
	}
	.search #search-sec li.here p{
		margin-top : calc( ( 30 - 5 ) * 100vw / 750 );
		text-align : center;
		white-space : nowrap;
	}
	.search #search-sec li.postal p{
		margin-top: calc(25 * 100vw / 750);
		font-size: calc(25 * 100vw / 750);
	}
	.search #search-sec li.pref h3:before{
		width : calc( 69 * 100vw / 750 );
		height : calc( 69 * 100vw / 750 );
		margin-right : calc( 16 * 100vw / 750 );
	}
	.search #search-sec li.keyword h3:before{
		width : calc( 46 * 100vw / 750 );
		height : calc( 69 * 100vw / 750 );
		margin-right : calc( 31 * 100vw / 750 );
		margin-left : calc( 12 * 100vw / 750 );
	}
	.search #search-sec li.postal h3:before{
		width : calc( 69 * 100vw / 750 );
		height : calc( 69 * 100vw / 750 );
		margin-left: calc(8 * 100vw / 750);
		margin-right : calc( 16 * 100vw / 750 );
	}
	.search #search-sec li.here h3:before{
		width : calc( 47 * 100vw / 750 );
		margin-right : calc( 28 * 100vw / 750 );
		margin-left : calc( 11 * 100vw / 750 );
		height : calc( 66 * 100vw / 750 );
	}
}
@media print,screen and (min-width: 769px){
	.search #search-sec ul{
		gap: calc(20 * 100vw / 1366);
		margin-bottom: calc(40 * 100vw / 750);
	}
	.search #search-sec li{
		width: 100%;
		border-radius : calc( 10 * 100vw / 1366 );
		padding: calc(18 * 100vw / 1366) calc( 30 * 100vw / 1366 ) calc(27 * 100vw / 1366); 
		padding-left : calc( 30 * 100vw / 1366 );
		padding-right : calc( 30 * 100vw / 1366 );
	}
	.search #search-sec li.postal {
		order: 1;
	}
	.search #search-sec li.pref {
		order: 2;
	}
	.search #search-sec li.keyword {
		order: 3;
	}
	.search #search-sec li.here {
		order: 4;
	}
	.search #search-sec li:not(.pref){
		padding-top : calc( 28 * 100vw / 1366 );
		padding-bottom : calc( 46 * 100vw / 1366 );
	}
	.search #search-sec li:not(.pref) input[type="submit"]{
		margin-top : calc( 19 * 100vw / 1366 );
	}
	.search #search-sec h3{
		border-bottom-width : calc( 2 * 100vw / 1366 );
		padding-bottom : calc( 10 * 100vw / 1366 );
		font-size : calc( 24 * 100vw / 1366 );
	}
	.search #search-sec li.pref h3:before{
		width : calc( 36 * 100vw / 1366 );
		height : calc( 36 * 100vw / 1366 );
		margin-right : calc( 11 * 100vw / 1366 );
	}
	.search #search-sec li.keyword h3:before{
		width : calc( 24 * 100vw / 1366 );
		height : calc( 36 * 100vw / 1366 );
		margin-right : calc( 12 * 100vw / 1366 );
		margin-left : calc( 14 * 100vw / 1366 );
	}
	.search #search-sec li.postal h3:before{
		width : calc( 36 * 100vw / 1366 );
		height : calc( 36 * 100vw / 1366 );
		margin-right : calc( 8 * 100vw / 1366 );
		margin-left: calc(4 * 100vw / 1366);
	}
	.search #search-sec li.here 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-sec select, .search #search-sec input[type="search"]{
		width: calc(280 * 100vw / 1366);
		height : calc( 50 * 100vw / 1366 );
		font-size : calc( 18 * 100vw / 1366 );
		border-radius : calc( 5 * 100vw / 1366 );
		padding-left : calc( 14 * 100vw / 1366 );
		padding-right : calc( 14 * 100vw / 1366 );
		margin-top : calc( 40 * 100vw / 1366 );
	}
	.search #search-sec li.keyword #search {
		padding-bottom: calc(20 * 100vw / 1366);
	}
	.search #search-sec select{
		background-size : auto calc( 18 * 100vw / 1366 );
		background-position-x : calc( 328 * 100vw / 1366 );
	}
	.search #search-sec a, .search #search-sec input[type="submit"]{
		background-position : right calc(12 * 100vw / 1366) center;
		background-size : auto calc( 12 * 100vw / 1366 );
	}
	.search #search-sec input[type="submit"]{
		width: calc(250 * 100vw / 1366);
		height : calc( 40 * 100vw / 1366 );
		font-size : calc( 18 * 100vw / 1366 );
		border-radius : calc( 20 * 100vw / 1366 );
	}
	.search #search-sec a{
		width: calc(250 * 100vw / 1366);
		height : calc( 50 * 100vw / 1366 );
		font-size : calc( 18 * 100vw / 1366 );
		border-radius : calc( 25 * 100vw / 1366 );
		margin-top : calc( 30 * 100vw / 1366 );
	}
	.search #search-sec li.here p{
		font-size : calc( 14 * 100vw / 1366 );
		margin-top : calc( 14 * 100vw / 1366 );
		line-height : 1.43;
	}
	.search #search-sec li.postal p{
		margin-top: calc( 14 * 100vw / 1366 );
    font-size: calc( 14 * 100vw / 1366 );
    line-height: 1.43;
	}
	.search #search-sec li.here p{
		text-align : center;
	}
	.search #search-sec li.here a{
		width: calc(270 * 100vw / 1366);
	}
}
@media print,screen and (min-width: 1366px){
	.search #search-sec ul{
		gap: 20px;
		margin-bottom: 40px;
	}
	.search #search-sec li{
		border-radius : 10px;
		padding: 18px 30px 27px;
	}
	.search #search-sec li:not(.pref){
		padding-top : 28px;
		padding-bottom : 46px;
	}
	.search #search-sec li:not(.pref) input[type="submit"]{
		margin-top : 19px;
	}
	.search #search-sec h3{
		border-bottom-width : 2px;
		padding-bottom : 10px;
		font-size : 24px;
	}
	.search #search-sec li.pref h3:before{
		width : 36px;
		height : 36px;
		margin-right : 11px;
	}
	.search #search-sec li.keyword h3:before{
		width : 24px;
		height : 36px;
		margin-right : 12px;
		margin-left : 14px;
	}
	.search #search-sec li.postal h3:before{
		width : 36px;
		height : 36px;
		margin-right : 11px;
	}
	.search #search-sec li.here h3:before{
		width : 26px;
		height : 36px;
		margin-left : 8px;
		margin-right : 16px;
	}
	.search #search-sec select, .search #search-sec input[type="search"]{
		width: 280px;
		height : 50px;
		font-size : 18px;
		border-radius : 5px;
		padding-left : 14px;
		padding-right : 14px;
		margin-top : 40px;
	}
	.search #search-sec select{
		background-size : auto 18px;
    background-position-x : 328px;
    display: inline;
	}
	.search #search-sec a, .search #search-sec input[type="submit"]{
		background-position : right 20px center;
		background-size : auto 12px;
	}
	.search #search-sec input[type="submit"]{
		width: 250px;
		height : 40px;
		font-size : 20px;
		border-radius : 20px;
	}
	.search #search-sec a{
		width: 250px;
		height : 50px;
		font-size : 18px;
		border-radius : 25px;
		margin-top : 30px;
	}
	.search #search-sec li.here a{
		width: 270px;
	}
	.search #search-sec li.here p{
		font-size : 14px;
		margin-top : 14px;
		line-height : 1.43;
	}
	.search #search-sec li.postal p{
		margin-top: 14px;
		font-size: 14px;
	}
}
.search #shop {
	line-height: 1.5;
}
.search #shop h3{
	font-weight : 700;
}
.search #shop h4 a{
	color : #802077;
	text-decoration : underline;
	font-weight : 700;
}

@media print,screen and (max-width: 768px){
  .search #shop {
    font-size: 3.5vw;
    line-height: 1.5;
  }
  .search #shop h3 {
    font-size: 4vw;
  }
}

@media print,screen and (min-width: 769px){
	.search #shop h3{
		font-size : calc( 18 * 100vw / 1366 );
	}
	.search #shop h4{
		margin-top : calc( 14 * 100vw / 1366 );
	}
	.search #shop h4 a{
		font-size : calc( 14 * 100vw / 1366 );
	}
	.search #shop p{
		margin-top : calc( 11 * 100vw / 1366 );
		font-size : calc( 14 * 100vw / 1366 );
	}
}

@media print,screen and (min-width: 1366px){
	.search #shop h3{
		font-size : 18px;
	}
	.search #shop h4{
		margin-top : 14px;
	}
	.search #shop h4 a{
		font-size : 14px;
	}
	.search #shop p{
		margin-top : 11px;
		font-size : 14px;
	}
}

.search #overseas {
	line-height: 1.5;
}
.search #overseas h4 {
	font-weight: 700;
}
.search #overseas a {
	color: #802077;
	text-decoration: underline;
	font-weight: 700;
}
@media print,screen and (max-width: 768px){
  .search #overseas {
    margin: 2em 0 4em;
    font-size: 3.5vw;
  }
  .search #overseas h4 {
    font-size: 4vw;
  }
}
@media print,screen and (min-width: 769px){
	.search #overseas{
		margin-top : calc( 58 * 100vw / 1366 );
		padding-bottom : calc( 120 * 100vw / 1366 );
	}
	.search #overseas h4{
		font-size : calc( 18 * 100vw / 1366 );
	}
	.search #overseas a{
		display : flex;
		align-items : center;
		justify-content : center;
		text-align : center;
		border : solid #d5d5d5 1px;
		background-image : url("/ren1909/images/ui/icon/arrowleft02.png");
		background-repeat : no-repeat;
		background-position-y : center;
		backface-visibility : hidden;
		will-change : background-color;
		transition : background-color .3s ease-in;
	}
	.search #overseas a{
		margin-top : calc( 14 * 100vw / 1366 );
		width : calc( 320 * 100vw / 1366 );
		height : calc( 35 * 100vw / 1366 );
		border-radius : calc( 17.5 * 100vw / 1366 );
		background-size : auto calc( 12 * 100vw / 1366 );
		background-position-x : calc( 297 * 100vw / 1366 );
		font-size : calc( 16 * 100vw / 1366 );
	}
	.search #overseas a:after{
		content : "";
		display : block;
		background : url("/ren1909/images/ui/icon/target.png") 0 0 / contain no-repeat;
		width : calc( 15 * 100vw / 1366 );
		height : calc( 11 * 100vw / 1366 );
		margin-left : calc( 8 * 100vw / 1366 );
	}
	.search #overseas a:hover{
		background-color : #f4eaf3;
		width : calc( 15 * 100vw / 1366 );
		height : calc( 11 * 100vw / 1366 );
		margin-left : calc( 8 * 100vw / 1366 );
	}
}
@media print,screen and (min-width: 1366px){
	.search #overseas{
		margin-top : 58px;
		padding-bottom : 120px;
	}
	.search #overseas h4{
		font-size : 18px;
	}
	.search #overseas a{
		margin-top : 14px;
		width : 320px;
		height : 35px;
		border-radius : 17.5px;
		background-size : auto 12px;
		background-position-x : 297px;
		font-size : 16px;
	}
	.search #overseas a:after{
		width : 15px;
		height : 11px;
		margin-left : 8px;
	}
}

.search #ostr {
	line-height: 1.5;
}
@media screen and (max-width:768px) {
  .search #ostr {
    font-size: 3.5vw;
  }
}
@media screen and (min-width:768px) {
  .search #ostr {
    margin-top: calc(10 * 100vw / 1366);
    font-size: calc(14 * 100vw / 1366);
  }
}
@media print,screen and (min-width: 1366px){
	.search #ostr {
		margin-top: 10px;
		font-size: 14px;
	}
}

.search #ostr span {
  display: inline-block;
  transform: rotate(90deg);
}

.search .number-of-stores {
  border: 1px solid #333;
  line-height: 1;
}

@media screen and (max-width:768px) {
  .search .number-of-stores {
    width: auto;
    margin-top: calc(32 * 100vw / 780);
    padding: calc(16 * 100vw / 780);
    font-size: calc(36 * 100vw / 780);
  }
}
@media screen and (min-width:768px) {
  .search .number-of-stores {
    width: calc(530 * 100vw / 1366);
    margin-top: calc(16 * 100vw / 1366);
    padding: calc(8 * 100vw / 1366);
    font-size: calc(18 * 100vw / 1366);
  }
}
@media print,screen and (min-width: 1366px){
	.search .number-of-stores {
		width: 530px;
		margin-top: 16px;
		padding: 8px;
		font-size: 18px;
	}

}

@media screen and (max-width: 768px) {
  .pref-links {
    margin-top: 6.9230769231vw;
  }
}
@media screen and (min-width: 769px) {
  .pref-links {
    margin-top: 3.2942898975vw !important;
  }
}

.pref-links-row {
  display: flex;
}
@media screen and (max-width: 768px) {
  .pref-links-row {
    flex-direction: column;
    gap: 3.0769230769vw 0;
  }
}
@media screen and (max-width: 768px) {
  .pref-links-row + .pref-links-row {
    margin-top: 3.8461538462vw;
  }
}
@media screen and (min-width: 769px) {
  .pref-links-row + .pref-links-row {
    margin-top: 1.4641288433vw;
  }
}
@media screen and (min-width: 1366px) {
  .pref-links-row + .pref-links-row {
    margin-top: 20px;
  }
}

.pref-links-name {
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .pref-links-name {
    font-size: 4.6153846154vw;
  }
}
@media screen and (min-width: 769px) {
  .pref-links-name {
    width: 20%;
    font-size: 1.5373352855vw;
  }
}
@media screen and (min-width: 1366px) {
  .pref-links-name {
    font-size: 21px;
  }
}

.pref-links-list {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .pref-links-list {
    gap: 2.0512820513vw 4.1025641026vw;
  }
}
@media screen and (min-width: 769px) {
  .pref-links-list {
    width: 80%;
    gap: 0.7320644217vw 1.4641288433vw;
  }
}
@media screen and (min-width: 1366px) {
  .pref-links-list {
    gap: 10px 20px;
  }
}
.pref-links-list a {
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  background: transparent !important;
  border-radius: initial !important;
  text-align: left !important;
  color: #802077 !important;
  line-height: 1 !important;
  border-bottom: 1px solid #802077;
}
@media screen and (max-width: 768px) {
  .pref-links-list a {
    padding-bottom: 1px;
    font-size: 4.1025641026vw !important;
  }
}
@media screen and (min-width: 769px) {
  .pref-links-list a {
    padding-bottom: 2px;
    font-size: 1.5373352855vw !important;
  }
}
@media screen and (min-width: 1366px) {
  .pref-links-list a {
    font-size: 21px !important;
  }
}

/*--------------------------------------------
HERE
---------------------------------------------*/
.here .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;
}
.here .marker a {
  color: #802077;
  font-weight: 700;
  text-decoration: underline;
}
@media screen and (max-width: 768px){
	.here .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){
	.here .title01:before{
		width : calc( 53 * 100vw / 1366 );
		height : calc( 53 * 100vw / 1366 );
		margin-right : calc( 16 * 100vw / 1366 );
	}
}
@media print,screen and (min-width: 9200px){
	.here .title01:before{
		width : 53px;
		height : 53px;
		margin-right : 16px;
	}
}
.here .marker a.markerShop,
button.markerShop {
  border-color: rgba(98,98,98,.3);
  border-width: 1px;
  width: 100%;
  height: 2rem;
  font-size: 1rem;
  border-radius: 0.5rem;
  display: block;
  border-style: solid;
  background-color: #FFD800;
}
.here .marker a.markerShop {
  text-align: center;
  text-decoration: none;
  color: #000;
  line-height: 2rem;
  font-weight: unset;
}
@media screen and (min-width: 769px) {
  button.markerShop:hover {
    opacity: .7;
  }
}
.here #here #heremap{
	width : 100%;
}
@media screen and (max-width: 768px){
	.here #here{
		padding-bottom : calc( 262 * 100vw / 750 );
	}
	.here #here #heremap{
		border : calc( 2 * 100vw / 750 ) solid #d5d5d5;
		height : calc( 800 * 100vw / 750 );
	}
}
@media screen and (min-width: 769px) and (max-width:9366px){
	.here #here{
		padding-bottom : calc( 152 * 100vw / 1366 );
	}
	.here #here #heremap{
		height : calc( 500 * 100vw / 1366 );
  }
}
@media print,screen and (min-width: 9200px){
	.here #here{
		padding-bottom : 152px;
	}
	.here #here #heremap{
		height : 500px;
	}
}
.here #here .range h4{
	font-weight : 700;
}
.here #here .range ol{
	display : flex;
	justify-content : space-between;
}
.here #here .range label{
	position : relative;
}
.here #here .range label input{
	display : none;
}
.here #here .range label span{
	display : flex;
	align-items : center;
	cursor : pointer;
}
.here #here .range label span::before{
	content : "";
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	border-radius : 50%;
}
.here #here .range label input:checked + span:after{
	content : "";
	display : block;
	position : absolute;
	border-radius : 50%;
}
.here #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;
}
.here #here .range label span:before{
	border : 1px solid #d5d5d5;
	position : absolute;
	top : 50%;
	transform : translateY(-50%);
	background-color : #fff;
}
.here #here .range input:checked + span, .here #here .range label:hover span{
	background-color : #f4eaf3;
}
.here #here .range input:checked + span:after{
	background-color : #802077;
	position : absolute;
	top : 50%;
	transform : translateY(-50%);
}
@media screen and (max-width: 768px){
	.here #here .range{
		margin-top : calc( 60 * 100vw / 750 );
	}
	.here #here .range h4{
		font-size : calc( 30 * 100vw / 750 );
	}
	.here #here .range ol{
		margin-top : calc( 40 * 100vw / 750 );
		flex-wrap : wrap;
	}
	.here #here .range li:nth-child(n+3){
		margin-top : calc( 20 * 100vw / 750 );
	}
	.here #here .range span{
		border-width : calc( 2 * 100vw / 750 );
		width : calc( 325 * 100vw / 750 );
		height : calc( 90 * 100vw / 750 );
		border-radius : calc( 45 * 100vw / 750 );
		font-size : calc( 30 * 100vw / 750 );
	}
	.here #here .range span:before{
		width : calc( 40 * 100vw / 750 );
		height : calc( 40 * 100vw / 750 );
		left : calc( 30 * 100vw / 750 );
	}
	.here #here .range span:after{
		width : calc( 20 * 100vw / 750 );
		height : calc( 20 * 100vw / 750 );
		left : calc( 40 * 100vw / 750 );
	}
  .here #here .area-ouchi .link-archive.btn-ouchi {
		background-position : right calc( 40 * 100vw / 750 ) center;
    background-image: url("/ren1909/images/ui/icon/arrowleft.png");
    margin-top: calc( 60 * 100vw / 750 );
    background-color: #FFD800;
  }
}
@media print,screen and (min-width: 769px){
	.here #here .range span{
		border-width : 1px;
	}
}
@media screen and (min-width: 769px) and (max-width:9366px){
	.here #here .range{
		margin-top : calc( 33 * 100vw / 1366 );
	}
	.here #here .range h4{
		font-size : calc( 16 * 100vw / 1366 );
	}
	.here #here .range ol{
		margin-top : calc( 14 * 100vw / 1366 );
	}
	.here #here .range span{
		width : calc( 100 * 100vw / 1366 );
		height : calc( 30 * 100vw / 1366 );
		padding-left : calc( 10 * 100vw / 1366 );
		border-radius : calc( 15 * 100vw / 1366 );
		font-size : calc( 14 * 100vw / 1366 );
	}
	.here #here .range span:before{
		width : calc( 16 * 100vw / 1366 );
		height : calc( 16 * 100vw / 1366 );
		left : calc( 8 * 100vw / 1366 );
	}
	.here #here .range span:after{
		width : calc( 8 * 100vw / 1366 );
		height : calc( 8 * 100vw / 1366 );
		left : calc( 12 * 100vw / 1366 );
	}
  .here #here .range .area-ouchi,
  .here #here > .area-ouchi {
    display: flex;
    justify-content: flex-end;
		font-size : calc( 14 * 100vw / 1366 );
  }
  .here #here .range .area-ouchi .link-archive.btn-ouchi,
  .here #here > .area-ouchi .link-archive.btn-ouchi {
    width: calc( 300 * 100% / 650 );
    height: calc( 30 * 100vw / 1366 );
		background-position : right calc( 15 * 100vw / 1366 ) center;
    background-image: url("/ren1909/images/ui/icon/arrowleft.png");
    margin-top: calc( 20 * 100vw / 1366 );
    background-color: #FFD800;
  }
  .here #here > .area-ouchi .link-archive.btn-ouchi {
    margin-top: calc( -30 * 100vw / 1366 );
  }
}
@media print,screen and (min-width: 9200px){
	.here #here .range{
		margin-top : 33px;
	}
	.here #here .range h4{
		font-size : 16px;
	}
	.here #here .range ol{
		margin-top : 14px;
	}
	.here #here .range span{
    /*
    width : 122px;
    */
		height : 30px;
		border-radius : 15px;
		font-size : 14px;
		padding-left : 10px;
	}
	.here #here .range span:before{
		width : 16px;
		height : 16px;
		left : 8px;
	}
	.here #here .range span:after{
		width : 8px;
		height : 8px;
		left : 12px;
	}
}
.here #here #result h3{
	font-weight : 700;
}
.here #here #result h3 span{
	font-weight : 400;
}
@media screen and (max-width: 768px){
	.here #here #result{
		margin-top : calc( 100 * 100vw / 750 );
	}
	.here #here #result h3{
		font-size : calc( 30 * 100vw / 750 );
	}
	.here #here #result h3 span{
		margin-top : calc( 10 * 100vw / 750 );
		display : block;
		line-height : 1;
	}
}
@media print,screen and (min-width: 769px){
	.here #here #result h3{
		display : flex;
		align-items : center;
	}
	.here #here #result h3 span{
		margin-left : 1em;
	}
}
@media screen and (min-width: 769px) and (max-width:9366px){
	.here #here #result{
		margin-top : calc( 42 * 100vw / 1366 );
	}
	.here #here #result h3{
		font-size : calc( 30 * 100vw / 1366 );
	}
	.here #here #result h3 span{
		font-size : calc( 14 * 100vw / 1366 );
	}
}
@media print,screen and (min-width: 9200px){
	.here #here #result{
		margin-top : 42px;
	}
	.here #here #result h3{
		font-size : 16px;
	}
	.here #here #result h3 span{
		font-size : 14px;
	}
}
.here #here #resultContent{
	width : 100%;
	border-style : solid;
	border-color : #d5d5d5;
	position : relative;
}
.here #here #resultContent li{
	border-bottom-style : solid;
	border-bottom-color : #d5d5d5;
}
.here #here #resultContent .hgroup h4{
	font-weight : 700;
	color : #802077;
	border-bottom : solid 1px #802077;
}
.here #here #resultContent .hgroup h4 a{
	color : #802077;
	font-weight : 700;
}
.here #here #resultContent .hgroup p{
	display : flex;
	align-items : center;
}
.here #here #resultContent .hgroup p:before{
	content : "（";
}
.here #here #resultContent .hgroup p:after{
	content : "）";
}
.here #here #resultContent dl > div{
	display : flex;
	align-items : flex-start;
}
.here #here #resultContent dt{
	font-weight : 700;
	flex-shrink : 0;
}
.here #here #resultContent dd{
	width : 100%;
	flex-grow : 1;
}
@media screen and (max-width: 768px){
	.here #here #resultContent{
		/*max-height : calc( 1500 * 100vw / 750 );*/
		margin-top : calc( 40 * 100vw / 750 );
		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 );
	}
	.here #here #resultContent li{
		padding-bottom : calc( ( 45 - 3 ) * 100vw / 750 );
		border-bottom-width : calc( 2 * 100vw / 750 );
	}
	.here #here #resultContent li + li{
		margin-top : calc( 45 * 100vw / 750 );
	}
	.here #here #resultContent .hgroup h4{
		font-size : calc( 36 * 100vw / 750 );
		padding-bottom : calc( 2 * 100vw / 750 );
		display : inline-block;
	}
	.here #here #resultContent .hgroup p{
		font-size : calc( 30 * 100vw / 750 );
		margin-top : calc( 20 * 100vw / 750 );
	}
	.here #here #resultContent dl{
		margin-top : calc( ( 40 - 3 ) * 100vw / 750 );
	}
	.here #here #resultContent dl > div + div{
		margin-top : calc( ( 20 - 3 - 3 ) * 100vw / 750 );
	}
	.here #here #resultContent dt, .here #here #resultContent dd{
		font-size : calc( 30 * 100vw / 750 );
		line-height : 1.2;
	}
	.here #here #resultContent dt{
		width : calc( 152 * 100vw / 750 );
	}
}
@media print,screen and (min-width: 769px){
	.here #here #resultContent{
		border-width : 1px;
	}
	.here #here #resultContent .hgroup{
		display : flex;
		align-items : center;
	}
	.here #here #resultContent .hgroup p{
		margin-left : 1em;
	}
	.here #here #resultContent li{
		border-bottom-width : 1px;
	}
}
@media screen and (min-width: 769px) and (max-width:9366px){
	.here #here #resultContent{
		/*max-height : calc( 750 * 100vw / 1366 );*/
		margin-top : calc( 16 * 100vw / 1366 );
		padding-top : calc( 30 * 100vw / 1366 );
		padding-left : calc( 30 * 100vw / 1366 );
		padding-right : calc( 30 * 100vw / 1366 );
		padding-bottom : calc( 30 * 100vw / 1366 );
	}
	.here #here #resultContent li{
		padding-bottom : calc( ( 20 - 4 ) * 100vw / 1366 );
	}
	.here #here #resultContent li + li{
		margin-top : calc( 20 * 100vw / 1366 );
	}
	.here #here #resultContent .hgroup h4{
		font-size : calc( 18 * 100vw / 1366 );
		padding-bottom : calc( 2 * 100vw / 1366 );
	}
	.here #here #resultContent .hgroup p{
		font-size : calc( 16 * 100vw / 1366 );
	}
	.here #here #resultContent dl{
		margin-top : calc( ( 10 - 4 ) * 100vw / 1366 );
	}
	.here #here #resultContent dt, .here #here #resultContent dd{
		font-size : calc( 16 * 100vw / 1366 );
		line-height : 1.5;
	}
	.here #here #resultContent dt{
		width : calc( 84 * 100vw / 1366 );
	}
}
@media print,screen and (min-width: 9200px){
	.here #here #resultContent{
		max-height : 750px;
		margin-top : 16px;
		padding-top : 30px;
		padding-left : 30px;
		padding-right : 30px;
		padding-bottom : 30px;
	}
	.here #here #resultContent li{
		padding-bottom : calc( 20px - 4px );
	}
	.here #here #resultContent li + li{
		margin-top : 20px;
	}
	.here #here #resultContent .hgroup h4{
		font-size : 18px;
		padding-bottom : 2px;
	}
	.here #here #resultContent .hgroup p{
		font-size : 16px;
	}
	.here #here #resultContent dl{
		margin-top : calc( 10px - 4px );
	}
	.here #here #resultContent dt, .here #here #resultContent dd{
		font-size : 16px;
		line-height : 1.5;
	}
	.here #here #resultContent dt{
		width : 84px;
	}
}
@media screen and (max-width: 768px){
	.here #here .link-archive{
		margin-top : calc( 90 * 100vw / 750 );
	}
}
@media screen and (min-width: 769px) and (max-width:9366px){
	.here #here .link-archive{
		margin-top : calc( 40 * 100vw / 1366 );
	}
}
@media print,screen and (min-width: 9200px){
	.here #here .link-archive{
		margin-top : 40px;
	}
}
/*--------------------------------------------
keyword
---------------------------------------------*/
.keyword .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){
	.keyword .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){
	.keyword .title01:before{
		width : calc( 53 * 100vw / 1366 );
		height : calc( 53 * 100vw / 1366 );
		margin-right : calc( 16 * 100vw / 1366 );
	}
}
@media print,screen and (min-width: 9200px){
	.keyword .title01:before{
		width : 53px;
		height : 53px;
		margin-right : 16px;
	}
}
@media screen and (max-width: 768px){
	.keyword #keyword{
		padding-bottom : calc( 262 * 100vw / 750 );
	}
}
@media screen and (min-width: 769px) and (max-width:9366px){
	.keyword #keyword{
		padding-bottom : calc( 365 * 100vw / 1366 );
	}
}
@media print,screen and (min-width: 9200px){
	.keyword #keyword{
		padding-bottom : 152px;
	}
}
@media screen and (max-width: 768px){
	.keyword #keyword .list-result{
		margin-top : calc( 70 * 100vw / 750 );
	}
}
@media screen and (min-width: 769px) and (max-width:9366px){
	.keyword #keyword .list-result{
		margin-top : calc( 40 * 100vw / 1366 );
	}
}
@media print,screen and (min-width: 9200px){
	.keyword #keyword .list-result{
		margin-top : 40px;
	}
}
.keyword #keyword .pagination{
	display : inline-flex;
	align-items : center;
	justify-content : center;
	left : 50%;
	transform : translateX( -50% );
	position : relative;
}
.keyword #keyword .pagination .numbers, .keyword #keyword .pagination .current{
	display : inline-flex;
	justify-content : center;
	position : relative;
}
.keyword #keyword .pagination .prev{
	position : absolute;
	top : 50%;
	transform : translateY(-50%);
}
.keyword #keyword .pagination .next{
	position : absolute;
	top : 50%;
	transform : translateY(-50%);
}
.keyword #keyword .pagination a, .keyword #keyword .pagination .current{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
}
.keyword #keyword .pagination .dots{
	display : flex;
	align-items : center;
}
@media screen and (max-width: 768px){
	.keyword #keyword .pagination{
		margin-top : calc( ( 130 - 20 ) * 100vw / 750 );
		padding-left : calc( 100 * 100% / 670 );
		padding-right : calc( 100 * 100% / 670 );
		width : 100%;
		flex-wrap : wrap;
	}
	.keyword #keyword .pagination .numbers, .keyword #keyword .pagination .current{
		height : calc( 80 * 100vw / 750 );
		width : calc( 80 * 100% / 470 );
		font-size : calc( 40 * 100vw / 750 );
		margin-left : calc( 15 * 100% / 470 );
		margin-right : calc( 15 * 100% / 470 );
		border-radius : calc( 5 * 100vw / 750 );
		margin-top : calc( 20 * 100vw / 750 );
	}
	.keyword #keyword .pagination .numbers{
		border : solid calc( 2 * 100vw / 750 ) #ccc;
	}
	.keyword #keyword .pagination .current{
		background-color : #802077;
		color : #fff;
	}
	.keyword #keyword .pagination .prev, .keyword #keyword .pagination .next{
		display : flex;
		align-items : center;
		justify-content : center;
		text-align : center;
		height : calc( 80 * 100vw / 750 );
		width : calc( 80 * 100vw / 750 );
		border : solid calc( 2 * 100vw / 750 ) #ccc;
	}
	.keyword #keyword .pagination .prev img, .keyword #keyword .pagination .next img{
		height : calc( 37 * 100vw / 750 );
	}
	.keyword #keyword .pagination .prev{
		left : calc( 20 * 100vw / 750 );
	}
	.keyword #keyword .pagination .next{
		right : calc( 20 * 100vw / 750 );
	}
}
@media print,screen and (min-width: 769px){
	.keyword #keyword .pagination .numbers, .keyword #keyword .pagination .current{
		display : flex;
		align-items : center;
		justify-content : center;
		text-align : center;
		border-left : solid 1px #b9b9b9;
		border-right : solid 1px #b9b9b9;
	}
	.keyword #keyword .pagination .numbers{
		color : #802077;
	}
}
@media screen and (min-width: 769px) and (max-width:9366px){
	.keyword #keyword .pagination{
		margin-top : calc( 40 * 100vw / 1366 );
	}
	.keyword #keyword .pagination .numbers, .keyword #keyword .pagination .current{
		height : calc( 18 * 100vw / 1366 );
		width : calc( 34 * 100vw / 1366 );
		font-size : calc( 16 * 100vw / 1366 );
		margin-left : -1px;
	}
	.keyword #keyword .pagination .prev img, .keyword #keyword .pagination .next img{
		height : calc( 11 * 100vw / 1366 );
	}
	.keyword #keyword .pagination .prev{
		left : calc( -27 * 100vw / 1366 );
	}
	.keyword #keyword .pagination .next{
		right : calc( -27 * 100vw / 1366 );
	}
}
@media print,screen and (min-width: 9200px){
	.keyword #keyword .pagination{
		margin-top : 40px;
	}
	.keyword #keyword .pagination .numbers, .keyword #keyword .pagination .current{
		height : 18px;
		width : 34px;
		font-size : 16px;
		margin-left : -1px;
	}
	.keyword #keyword .pagination .prev img, .keyword #keyword .pagination .next img{
		height : 11px;
	}
	.keyword #keyword .pagination .prev{
		left : -27px;
	}
	.keyword #keyword .pagination .next{
		right : -27px;
	}
}
@media screen and (max-width: 768px){
	.keyword #keyword .link-archive{
		margin-top : calc( 130 * 100vw / 750 );
	}
  .keyword #keyword .area-ouchi .link-archive.btn-ouchi {
		background-position : right calc( 40 * 100vw / 750 ) center;
    background-image: url("/ren1909/images/ui/icon/arrowleft.png");
    margin-top: calc( 60 * 100vw / 750 );
    background-color: #FFD800;
  }
}
@media screen and (min-width: 769px) and (max-width:9366px){
	.keyword #keyword .link-archive{
		margin-top : calc( 40 * 100vw / 1366 );
	}
  .keyword #keyword .area-ouchi {
    display: flex;
    justify-content: flex-end;
		font-size : calc( 14 * 100vw / 1366 );
  }
  .keyword #keyword .area-ouchi .link-archive.btn-ouchi {
    width: calc( 300 * 100% / 650 );
    height: calc( 30 * 100vw / 1366 );
		background-position : right calc( 15 * 100vw / 1366 ) center;
    background-image: url("/ren1909/images/ui/icon/arrowleft.png");
    margin-top: calc( -30 * 100vw / 1366 );
    background-color: #FFD800;
  }
}
@media print,screen and (min-width: 9200px){
	.keyword #keyword .link-archive{
		margin-top : 40px;
	}
}
.keyword #keyword .section-result .shopdetail {
  display: none;
  margin-bottom: 1em;
}
.keyword #keyword .section-result .shopdetail img {
  border: 1px solid rgba(98,98,98,.3);
  margin: 1em auto 0;
  border-bottom-width: 0;
  width: 100%;
}
.keyword #keyword .section-result .shopdetail th, .shopdetail td {
  border: 1px solid rgba(98,98,98,.3);
  padding: 0.5em;
}
.keyword #keyword .section-result .shopdetail th {
  width: 7.1em;
}
.keyword #keyword .section-result .shopdetail table {
  width: 100%;
  border-collapse: collapse;
}
@media screen and (max-width: 768px){
  .keyword #keyword .section-result .shopdetail table{
    font-size: calc( 25 * 100vw / 750 );
    line-height: 1.2;
  }
}

/*--------------------------------------------
PREF
---------------------------------------------*/
@media screen and (max-width: 768px){
	#pref{
		padding-bottom : calc( 180 * 100vw / 750 );
	}
}
@media screen and (min-width: 769px) and (max-width:9366px){
	#pref{
		padding-bottom : calc( 150 * 100vw / 1366 );
	}
}
@media print,screen and (min-width: 9200px){
	#pref{
		padding-bottom : 150px;
	}
}
#pref .title02 {
	display: flex;
}
@media screen and (max-width: 768px){
	#pref .title02{
		margin-top : calc( 70 * 100vw / 1366 );
	}
}
@media screen and (min-width: 769px) and (max-width:9366px){
	#pref .title02{
		margin-top : calc( 40 * 100vw / 1366 );
	}
}
@media print,screen and (min-width: 9200px){
	#pref .title02{
		margin-top : 40px;
	}
}
#pref .title02 .search-condition {
	display: block;
	margin: 0 0 0 auto;
	background-color: #F4EAF3;
	text-align: center;
	font-weight: 700;
}
@media screen and (max-width: 768px){
	#pref .title02 .search-condition {
		width: calc(300 * 100vw / 750);
    font-size: calc(24 * 100vw / 750);
    padding: calc(18 * 100vw / 750) 0;
    border-radius: calc(30 * 100vw / 750);
	}
}
@media screen and (min-width: 769px) and (max-width:9366px){
	#pref .title02 .search-condition {
    width: calc(170 * 100vw / 1366);
    font-size: calc(14 * 100vw / 1366);
    padding: calc(8 * 100vw / 1366) 0;
    border-radius: calc(15 * 100vw / 1366);
	}
}
@media print,screen and (min-width: 9200px){
	#pref .title02 .search-condition {
    width: 170px;
    font-size: 14px;
    padding: 8px 0;
    border-radius: 15px;
	}
}
@media screen and (max-width: 768px){
	#pref #selectArea{
		margin-top : calc( 40 * 100vw / 750 );
	}
	#pref #selectArea p{
		font-size : calc( 30 * 100vw / 750 );
	}
	#pref #selectArea select{
		margin-top : calc( 20 * 100vw / 750 );
		border : calc( 2 * 100vw / 750 ) solid #d5d5d5;
		width : 100%;
		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 );
		color : #b0b0b0;
	}
  #pref #selectArea .area-ouchi .link-archive.btn-ouchi,
  #pref > .area-ouchi .link-archive.btn-ouchi {
		background-position : right calc( 40 * 100vw / 750 ) center;
    background-image: url("/ren1909/images/ui/icon/arrowleft.png");
    margin-top: calc( 60 * 100vw / 750 );
    background-color: #FFD800;
  }
}
@media print,screen and (min-width: 769px){
	#pref #selectArea ul{
		display : flex;
		flex-wrap : wrap;
	}
	#pref #selectArea li{
		border : solid 1px #d5d5d5;
	}
	#pref #selectArea a{
		display : flex;
		align-items : center;
		justify-content : center;
		text-align : center;
		width : 100%;
		height : 100%;
		background-image : url("/ren1909/images/ui/icon/arrowdown.png");
		background-position-y : center;
		background-repeat : no-repeat;
	}
}
@media screen and (min-width: 769px) and (max-width:9366px){
	#pref #selectArea{
		margin-top : calc( 30 * 100vw / 1366 );
	}
	#pref #selectArea p{
		font-size : calc( 16 * 100vw / 1366 );
	}
	#pref #selectArea ul{
		margin-top : calc( 16 * 100vw / 1366 );
	}
	#pref #selectArea li{
		width : calc( 155 * 100% / 650 );
		height : calc( 30 * 100vw / 1366 );
		border-radius : calc( 15 * 100vw / 1366 );
	}
	#pref #selectArea li:not(:nth-child(4n+1)){
		margin-left : calc( 10 * 100% / 650 );
	}
	#pref #selectArea li:nth-child(n+5){
		margin-top : calc( 10 * 100vw / 1366 );
	}
	#pref #selectArea a{
		font-size : calc( 14 * 100vw / 1366 );
		background-position : right calc( 15 * 100vw / 1366 ) center;
		background-size : auto calc( 8 * 100vw / 1366 );
	}
  #pref #selectArea .area-ouchi,
  #pref > .area-ouchi {
    display: flex;
    justify-content: flex-end;
		font-size : calc( 14 * 100vw / 1366 );
  }
  #pref #selectArea .area-ouchi .link-archive.btn-ouchi,
  #pref > .area-ouchi .link-archive.btn-ouchi {
    width: calc( 300 * 100% / 650 );
    height: calc( 30 * 100vw / 1366 );
		background-position : right calc( 15 * 100vw / 1366 ) center;
    background-image: url("/ren1909/images/ui/icon/arrowleft.png");
    margin-top: calc( 20 * 100vw / 1366 );
    background-color: #FFD800;
  }
  #pref > .area-ouchi .link-archive.btn-ouchi {
    margin-top: calc( -30 * 100vw / 1366 );
  }
}
@media print,screen and (min-width: 9200px){
	#pref #selectArea{
		margin-top : 30px;
	}
	#pref #selectArea p{
		font-size : 16px;
	}
	#pref #selectArea ul{
		margin-top : 16px;
	}
	#pref #selectArea li{
		width : 155px;
		height : 30px;
		border-radius : 15px;
	}
	#pref #selectArea li:not(:nth-child(4n+1)){
		margin-left : 10px;
	}
	#pref #selectArea li:nth-child(n+5){
		margin-top : 10px;
	}
	#pref #selectArea a{
		font-size : 14px;
		background-position-x : 128px;
		background-size : auto 8px;
	}
}
#pref #resultBox h2{
	font-weight : 700;
}
#pref #resultBox > ul > li{
	display : flex;
}
#pref #resultBox > ul > li > p{
	flex-shrink : 0;
	color : #a4a4a4;
}
#pref #resultBox > ul > li .list-result{
	width : 100%;
	flex-grow : 1;
}
@media screen and (max-width: 768px){
	#pref #resultBox{
		margin-top : calc( 108 * 100vw / 750 );
	}
	#pref #resultBox h2{
		font-size : calc( 40 * 100vw / 750 );
	}
	#pref #resultBox > ul{
		margin-top : calc( 48 * 100vw / 750 );
	}
	#pref #resultBox > ul > li + li{
		margin-top : calc( 75 * 100vw / 750 );
	}
	#pref #resultBox > ul > li > p{
		width : calc( 60 * 100vw / 750 );
		font-size : calc( 36 * 100vw / 750 );
		padding-top : calc( 19 * 100vw / 750 );
	}
}
@media screen and (min-width: 769px) and (max-width:9366px){
	#pref #resultBox{
		margin-top : calc( 80 * 100vw / 1366 );
	}
	#pref #resultBox h2{
		font-size : calc( 18 * 100vw / 1366 );
	}
	#pref #resultBox > ul{
		margin-top : calc( 20 * 100vw / 1366 );
	}
	#pref #resultBox > ul > li + li{
		margin-top : calc( 60 * 100vw / 1366 );
	}
	#pref #resultBox > ul > li > p{
		width : calc( 40 * 100vw / 1366 );
		font-size : calc( 16 * 100vw / 1366 );
		padding-top : calc( 5 * 100vw / 1366 );
	}
}
@media print,screen and (min-width: 9200px){
	#pref #resultBox{
		margin-top : 80px;
	}
	#pref #resultBox h2{
		font-size : 18px;
	}
	#pref #resultBox > ul{
		margin-top : 20px;
	}
	#pref #resultBox > ul > li + li{
		margin-top : 60px;
	}
	#pref #resultBox > ul > li > p{
		width : 40px;
		font-size : 16px;
		padding-top : 5px;
	}
}
@media screen and (max-width: 768px){
	#pref .link-archive{
		margin-top : calc( 130 * 100vw / 750 );
	}
}
@media screen and (min-width: 769px) and (max-width:9366px){
	#pref .link-archive{
		margin-top : calc( 40 * 100vw / 1366 );
	}
}
@media print,screen and (min-width: 9200px){
	#pref .link-archive{
		margin-top : 40px;
	}
}


#keyword .section-result .cat-info {
  display: flex;
  justify-content: space-between;  
}
#keyword .section-result .cat-info h3 {
  font-weight: bold;
}
#keyword .section-result .list-result {
    overflow: auto;
    border: 1px solid #DFDFDF;
    margin-top: 10px;
}
@media (max-width: 768px){
  #keyword .section-result {
    margin-top: calc( 70 * 100vw / 750 );
  }
  #keyword .section-result .cat-info {
    flex-wrap: wrap;
  }
  #keyword .section-result .list-result {
    padding: calc( 30 * 100vw / 750 );
  }
}
@media (min-width: 769px){
  #keyword .section-result {
    margin-top: calc( 70 * 100vw / 1366 );
  }
  #keyword .section-result .list-result {
    padding: calc( 30 * 100vw / 1366 );
  }
}

.list-result li li .shopbtnlist .shopbtn:hover,
.here #here #resultContent li .shopbtnlist .shopbtn:hover {
	opacity: 1.0;
}

.list-result li li .shopbtnlist,
.here #here #resultContent li .shopbtnlist {
	margin-top: 15px;
	display: flex;
	justify-content: space-between;
}

.list-result li li .shopbtnlist li,
.here #here #resultContent li .shopbtnlist li {
	width: 48%;
  border-bottom-width: 0;
  margin: 0;
  padding: 0;
}

.list-result li li .shopbtn,
.here #here #resultContent li .shopbtn {
	border-color: rgba(98,98,98,.3);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-style: solid;
	background-color: #FFD800;
}

.list-result li li .shopbtn:hover,
.here #here #resultContent li .shopbtn:hover {
	opacity: 0.8;
}

.list-result li li .shopbtn.detail,
.here #here #resultContent li .shopbtn.detail {
  background-color: #ffff88;
}

@media (max-width: 768px){
  .list-result li li .shopbtnlist,
  .here #here #resultContent li .shopbtnlist {
    margin: calc(15 * 100vw / 750) 0;
  }
  .list-result li li .shopbtnlist .shopbtn,
  .here #here #resultContent li .shopbtnlist .shopbtn {
    border-width: calc( 2 * 100vw / 750 );
    height: calc( 60 * 100vw / 750 );
    font-size: calc( 24 * 100vw / 750 );
    border-radius: calc( 45 * 100vw / 750 );
    padding: 0;
  }
}

@media (min-width: 769px){
  .list-result li li .shopbtnlist,
  .here #here #resultContent li .shopbtnlist {
    margin: calc(15 * 100vw / 1366) 0;
  }
  .list-result li li .shopbtnlist .shopbtn,
  .here #here #resultContent li .shopbtnlist .shopbtn {
    border-width: calc( 2 * 100vw / 1366 );
    height: calc( 40 * 100vw / 1366 );
    font-size: calc( 16 * 100vw / 1366 );
    background-size: auto calc( 25 * 100vw / 1366 );
    border-radius: calc( 45 * 100vw / 1366 );
    padding: 0;
  }
  .list-result li li .e25 {
    padding-top: calc( ( 20 - 7 ) * 100vw / 1366 );
  }
}

.adjacent-hd {
	font-weight: 700;
	line-height: 1;
}
.adjacent-list {
	display: flex;
	flex-wrap: wrap;
}
.adjacent-list li a {
	display: block;
	border: 1px solid #7A7AFF;
	text-align: center;
	color: #7A7AFF;
}
@media (max-width: 768px){
	.adjacent {
		margin-top: calc(64 * 100vw / 750);
	}
	.adjacent-hd {
		font-size: calc(40 * 100vw / 750);
	}
	.adjacent-list {
		gap: calc(20 * 100vw / 750) calc(10 * 100vw / 750);
		margin-top: calc(28 * 100vw / 750);
	}
	.adjacent-list li {
		width: calc(244 * 100vw / 750);
	}
	.adjacent-list li a {
		height: calc(54 * 100vw / 750);
		border-radius: calc(18 * 100vw / 750);
		font-size: calc(24 * 100vw / 750);
		line-height: calc(54 * 100vw / 750);
	}
}
@media (min-width: 769px){
	.adjacent {
		margin-top: calc(40 * 100vw / 1366);
	}
	.adjacent-hd {
		font-size: calc(20 * 100vw / 1366);
	}
	.adjacent-list {
		gap: calc(10 * 100vw / 1366);
		margin-top: calc(15 * 100vw / 1366);
	}
	.adjacent-list li {
		width: calc(122 * 100vw / 1366);
	}
	.adjacent-list li a {
		height: calc(32 * 100vw / 1366);
		border-radius: calc(12 * 100vw / 1366);
		font-size: calc(12 * 100vw / 1366);
		line-height: calc(32 * 100vw / 1366);
	}
}