@charset "utf-8";
/* CSS Document */

/* header
-------------------------------------------------- */
@media (min-width: 768px) {
/* tablet+PC用 */
	.header .inner > div {
		width:25%;
	}
	.ul--header--wowring {
		flex-direction: row;
		padding:1.2rem 0 0.8rem;
	}
	.ul--header--wowring li {
		height:auto;
	}
	.header h1 {
		max-width:70%;
		padding: 1rem 0 1rem;
		font-weight:normal;
		line-height: 1.5;
		font-size:13px;
		text-align: left;
	}
}
@media (min-width: 1024px) {
/* PC用 */
	.ul--header--wowring {
		flex-direction: row;
		padding:0.95rem 0 0.8rem;
	}
	.ul--header--wowring li {
		height:52px;
	}
	.header h1 {
		padding: 1.8rem 0 1rem;
	}
}
@media (min-width: 1224px) {
/* PC-wide用 */
}
@media (min-width: 768px) and ( max-width: 1023px) {
/* tablet用 */
}
@media (max-width: 767px) {
/* SP用 */
	.header--wowring.for-sp {
		left:0;
		top:0.5rem;
		width:36%;
	}
	.header h1 {
		font-size:10px;
		font-weight: normal;
		line-height: 1.5;
		margin:0.6rem 0 0 40%;
	}
}



/* footer
-------------------------------------------------- */
@media (min-width: 768px) {
/* tablet+PC用 */
}
@media (min-width: 1024px) {
/* PC用 */
}
@media (min-width: 1224px) {
/* PC-wide用 */
}
@media (min-width: 768px) and ( max-width: 1023px) {
/* tablet用 */
}
@media (max-width: 767px) {
/* SP用 */
}



/* home--content
-------------------------------------------------- */
article img {
	width:100%;
	height: auto;
}

article h2 {
	margin-bottom: 2.5rem;
	padding:3rem 0 4rem;
	font-weight: lighter;
	letter-spacing: 0.75rem;
	font-size:2.5rem;/*40*/
	color: #ccc;
}
article h3 {
	margin-bottom: 1.25rem;
	line-height: 1.25;
	font-size:1.125rem;/*18*/
	color: #e35947;
}
.home h4 {
	margin-bottom: 1.25rem;
	line-height: 1.5;
	font-weight: normal;
}
@media (min-width: 768px) {
/* tablet+PC用 */
}
@media (min-width: 1024px) {
/* PC用 */
}
@media (min-width: 1224px) {
/* PC-wide用 */
}
@media (min-width: 768px) and ( max-width: 1023px) {
/* tablet用 */
}
@media (max-width: 767px) {
/* SP用 */
	article {
		margin:4.5rem 0 0;
	}
	article h2 {
		margin-bottom: 3rem;
		padding:0;
		font-size:2rem;/*32*/
	}
	article h3 {
		margin-bottom: 1.25rem;
		line-height: 1.25;
		font-size:1rem;/*16*/
	}
	
	.shop--home article h4 {
		font-size:0.875rem;/*14*/
	}
}




/* latest--ul01
-------------------------------------------------- */
.search--bx > div,
.my--map {
	position:relative;
}
.latest--area {}

.search--area h3,
.latest--area .latest--ttl {
	position:absolute;
	left: 50%;
	top:0;
	z-index: 21;
}
.search--area h3 img,
.latest--area .latest--ttl img {
	width:100%; height: auto;
}
.search--area ul {
	padding:7rem 0 0;
	/*display:flex;
	justify-content: flex-start;*/
}
.search--area ul li {
	display:inline-block;
	margin:0 1rem 0.8rem 0;
}

.latest--ul01 {}
.latest--ul01 li a {
	position:relative;
	display: block;
	width:100%;
	height: 100%;
}

.latest--ul01 li a::after {
	position:absolute;
	right:0;
	bottom:0;
	width:20px;
	height:20px;
	content:"";
	background:#333 url("../img/site_common/arrow_01@2x.png") center center no-repeat;
	background-size:12px auto;
	border-radius: 20px;
	transition:0.3s;
}
.latest--ul01 li a:hover::after {
	background:#f00 url("../img/site_common/arrow_01@2x.png") center center no-repeat;
	background-size:12px auto;
	transition:0.3s;
}



.latest--ul01 li .eyecatch {
}

.latest--ul01 li .fx {
    border-left:1px solid #000;
}

.latest--ul01 li .category--icn {
    display: none;
}
.latest--ul01 li .category--icn span {
	/*display:block;*/
	width:60px;
	height:60px;
	/*border: 1px solid #f00;*/
}
.latest--ul01 li .catch--copy {
	margin-bottom: 0;
	font-size:12px;
	font-weight: normal;
}

.latest--ul01 li .shop--name {
	margin-bottom: 0;
	font-size:16px;
	font-weight:bold;
}
.txt--shop--concept {
	font-size:0.875rem;
	line-height: 1.7;
}
@media (min-width: 768px) {
/* tablet+PC用 */
	.search--area h3,
	.latest--area .latest--ttl {
		width:340px;
		height: 100px;
		margin-left:-170px;
	}
	
	.search--bx {
		display:flex;
		justify-content: space-between;
	}
	.search--bx > div {
		width:48.5%;
		
		min-height: 300px;
	}
	
	
	.latest--ul01 li .fx {
		display:table;
		margin:0 0 0.7rem;
	}
	.latest--ul01 li .fx > div {
		/*display:table-cell;*/
		vertical-align: middle;
	}

	
	.latest--ul01 {
		display:flex;
		justify-content: flex-start;
		margin-top:3rem;
	}
	.latest--ul01 li {
		width:23.5%;
        margin-left:2%;
	}
    .latest--ul01 li:nth-child(4n) {
        margin-left:0;
    }
	.latest--ul01 li .eyecatch {
		margin:0 0 0.7rem;
	}
	.latest--ul01 li .shop--txt > p {
		padding-left:0.75rem;
	}
	
	
	.latest--ul01 li .category--icn {
		
	}
	.latest--ul01 li .shop--txt > p {
	}
	
}
@media (min-width: 1024px) {
/* PC用 */
}
@media (min-width: 1224px) {
/* PC-wide用 */
}
@media (min-width: 768px) and ( max-width: 1023px) {
/* tablet用 */
}
@media (max-width: 767px) {
/* SP用 */
	.search--area h3,
	.latest--area .latest--ttl {		
		width:240px;
		height: 50px;
		margin-left:-120px;
	}
	.search--area h3 .my--map {
		padding-bottom: 3rem;
	}
	.search--bx > div {		
		min-height: 300px;
	}
	.search--content {
		padding: 4rem 0 0;
	}
	
	.search--area ul {
		display:block;
		padding-top:5.6rem;
	}
	.search--area ul li {
		display:inline-block;
		margin-right:1.2rem;
	}
	
	.latest--ul01 {
		display:block;		
	}
	.latest--ul01 li {
		position: relative;
		width:100%;
		margin: 0 0 1.4rem;		
	}
	.latest--ul01 li a {
		padding-bottom: .5rem;
	}
	.latest--ul01 li .fx {
		margin:0 0 0;
	}
	.latest--ul01 li .category--icn {
		position: absolute;
		top:5px;
		left:5px;
	}
	.latest--ul01 li .category--icn span {
		width:44px;
		height:44px;
	}
    .latest--ul01 li .eyecatch {
        float: left;
        width:30%;
        padding-right:5%;
		padding-bottom: 20px;
    }
    .latest--ul01 li .fx {
        display:block;
    }
	.latest--ul01 li .shop--txt {
        margin:0 0 0.25rem 30%;
        padding-left:2%;
        border-left:1px solid #000;
    }
	.latest--ul01 li .catch--copy {
		font-size:11px;
	}
	.latest--ul01 li .shop--name {
		font-size:14px;
	}
	.txt--shop--concept {
		font-size:13px;
		line-height: 1.5;
	}
}


/* category.php
-------------------------------------------------- */
.category ul.slick-dots {
	margin-left: 0;
	justify-content: center;
}
.category--list {
	position:relative;
}
@media (min-width: 768px) {
/* tablet+PC用 */
	.search--area .latest--ul01 {
		padding-bottom:3rem;
	}
	.search--area .latest--ul01 li {
		margin-bottom: 2rem;
	}
}
@media (min-width: 1024px) {
/* PC用 */
}
@media (min-width: 1224px) {
/* PC-wide用 */
}
@media (min-width: 768px) and ( max-width: 1023px) {
/* tablet用 */
}
@media (max-width: 767px) {
/* SP用 */
	.search--area .latest--ul01 {
		padding-bottom:3rem;
	}
	.search--area .latest--ul01 li {
		margin-bottom: 2rem;
	}
}


/* 
-------------------------------------------------- */
@media (min-width: 768px) {
/* tablet+PC用 */
}
@media (min-width: 1024px) {
/* PC用 */
}
@media (min-width: 1224px) {
/* PC-wide用 */
}
@media (min-width: 768px) and ( max-width: 1023px) {
/* tablet用 */
}
@media (max-width: 767px) {
/* SP用 */
}


/* 
-------------------------------------------------- */
@media (min-width: 768px) {
/* tablet+PC用 */
}
@media (min-width: 1024px) {
/* PC用 */
}
@media (min-width: 1224px) {
/* PC-wide用 */
}
@media (min-width: 768px) and ( max-width: 1023px) {
/* tablet用 */
}
@media (max-width: 767px) {
/* SP用 */
}


/* 
-------------------------------------------------- */
@media (min-width: 768px) {
/* tablet+PC用 */
}
@media (min-width: 1024px) {
/* PC用 */
}
@media (min-width: 1224px) {
/* PC-wide用 */
}
@media (min-width: 768px) and ( max-width: 1023px) {
/* tablet用 */
}
@media (max-width: 767px) {
/* SP用 */
}