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

/* ---------------------------------
  TOPページ
------------------------------------*/

#cover {
	width: 100%;
	background-color: #006150;
	border-bottom: solid #96c958 7px;
	padding: 0;
}
#cover .cover-inner {
	width: 100%;
	margin: 0 auto;
	padding: 30px 0 5px 0;
}
@media screen and (max-width: 640px){

#cover {
	height: auto;}
#cover .cover-inner {
	padding: 25px 0 0 0;
	width: 100%;}
#cover .mainview img {
	width: 100%;}

}

/*
section h2 {
	font-family: "ab-kirigirisu", sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #603813;
	font-size: 2.2em;
	text-align: center;
}
section h2 span {
	color: #33b458;
}
section div.section-subtitle {
	color: #006150;
	font-weight: 600;
	text-align: center;
	margin-top: 0.5em;
}*/


#shopnews {
	background-image: url("../images/top/bg-dot.png");
	background-repeat: repeat;
	border-bottom: solid #96c958 7px;
	padding-top: 3em;
}

#shopnews .gnavi-top {
	background-color: #fff;
	border-radius: 20px;
	padding: 0 2em;
	margin-bottom: 1em;
}
#shopnews .gnavi-top ul {
	display: flex;
	justify-content: space-around;
	color: #603813;
	font-weight: 700;
}
#shopnews .gnavi-top ul li {
	margin: 1em 2em;
	display: flex;
	flex-direction: column;
	justify-content: center;
	justify-content: flex-start;
	text-align: center;
}
#shopnews .gnavi-top ul li img {
	margin-bottom: 0.5em;
}

@media screen and (max-width: 640px){
	#shopnews .gnavi-top {
		padding: 0;
		margin-bottom: 3em;
	}
	#shopnews .gnavi-top ul {
		flex-wrap: wrap;
	}
	#shopnews .gnavi-top ul li {
		margin: 1em 0;
		width: 30%;
		align-items: center;
	}
}

#shopnews ul.shopnews-list {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: 0 0 2em;
}
#shopnews ul.shopnews-list li {
	width: 350px;
	border: 2px solid #96c958;
	border-radius: 10px;
	background-color: #fff;
	padding: 1em;
	margin-bottom: 1em;
	margin-right: 25px;
	box-sizing: border-box;
}
#shopnews ul.shopnews-list li:nth-of-type(3n){
	margin-right: 0;
}

#shopnews ul.shopnews-list li dt img {
	width: 100%;
}
#shopnews ul.shopnews-list li dt {
	display: flex;
	flex-direction: column;
	border-bottom: 2px solid #cccccc;
	margin-bottom: 0.5em;
}
#shopnews ul.shopnews-list li dt a.title {
	display: flex;
	align-items: center;
	margin: 0.5em 0;
	color: #006150;
	font-weight: 600;
}
#shopnews ul.shopnews-list li dt a.title img {
	width: 30px;
	margin-right: 0.2em;
}
#shopnews ul.shopnews-list li dd {
	font-weight: 600;
	color: #603813;
	line-height: 1.2;
}
#shopnews ul.shopnews-list li dd.date {
	color: #96c958;
	font-size: 90%;
	margin-top: 0.5em;
}
@media screen and (max-width: 640px){
#shopnews ul.shopnews-list li {
	width: 48%;
	box-sizing: border-box;
	padding: 0.5em;
	margin-right: 4%;
}
#shopnews ul.shopnews-list li dt a.title img {
	width: 25px;
}
#shopnews ul.shopnews-list li:nth-of-type(3n){
	margin-right: 4%;
}
#shopnews ul.shopnews-list li:nth-of-type(2n){
	margin-right: 0;
}


}


#shopguide {
	border-bottom: solid #96c958 7px;
	padding-top: 3em;
}
#shopguide a.btn-floorguide {
	padding: 0 5% 0 5%;
	margin: 0 auto 2em;
}
#shopguide table {
	border-collapse: collapse;
	width: 100%;
}
#shopguide table tr th, #shopguide table tr td {
	border: 1px solid #ccc;
	padding: 1em;
	line-height: 1.2;
}
#shopguide table tr th{ text-align: center; }
#shopguide table tr th {
	color: #006150;
}
#shopguide .shop-name {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#shopguide .shop-name > div {
	display: flex;
	align-items: center;
}
#shopguide .shop-name .name1 { width: 75%; text-decoration: underline;}
#shopguide .shop-name .name2 { width: 15%;}
#shopguide .shop-name .name3 { width: 20%;justify-content: center; }
#shopguide img.shop-icon {
	width: 30px;
	margin-right: 1em;}
#shopguide img.shop-logo {
	height: 54px;
	margin-right: 1em;}
#shopguide .shop-name span.f1, #shopguide .shop-name span.f2, #shopguide .shop-name span.r1 {
	background-color: #f4b8c3;
	border-radius: 100px;
	padding: 1px 12px;
	margin: 0 4px;
	font-size: 90%;
	font-weight: 500;
}
#shopguide .shop-name span.f2 {
	background-color: #ffde8d;
}
#shopguide .shop-name span.r1 {
	background-color: #b8d9f2;
}
@media screen and (max-width: 640px){

#shopguide table tr th, #shopguide table tr td {
	padding: 1em 0.5em;}
#shopguide .shop-name .name1 { width: 65%; text-decoration: underline;}
#shopguide .shop-name .name2 { width: 15%;}
#shopguide .shop-name .name3 { width: 20%; justify-content: center; }
#shopguide img.shop-icon {
	width: 35px;
	margin-right: 0.5em;}
#shopguide img.shop-logo {
	height: auto;
	width: 100%;
	margin-right: 0;}
#shopguide table tr th:not(:first-child), #shopguide table tr td:not(:first-child) {
	display: none;}
#shopguide .shop-name .name3 { flex-direction: column; width: 10%; }

}

#information {
	background-color: #edf7f2;
	padding: 5em 0;
}
#information .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#information .info-wrapper {
	background-color: #ffffff;
	border-radius: 10px;
	padding: 2em 3em;
	width: 50%;
}
#information .info-wrapper ul {
	margin-bottom: 2em;
}
#information .info-wrapper ul li {
	display: flex;
	border-bottom: 1px solid #96c958;
	padding: 1em 0;
}
#information .info-wrapper ul li .date {
	color: #999999;
	font-size: 90%;
	font-weight: 500;
	margin-right: 2em;
}

@media screen and (max-width: 640px){
#information {
	padding: 2em 0;
}
#information .container {
	flex-direction: column;
}
#information .info-wrapper {
	padding: 2em;
	width: 85%;
	margin-top: 2em;
}
#information .info-wrapper ul li {
	flex-direction: column;
}
#information .info-wrapper ul li .date {
	margin-right: 0;
	margin-bottom: 0.25em;
}

}