h1 {
	font-size: 180%;
	font-weight: bold;
}

/* ****** 地域ナビ ****** */
#area_link {
	border-top:1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;
	padding-top:1px;
	padding-bottom:1px;	
}

#area_link ul {
    display: flex;
    flex-flow: row wrap;
	background-color:#f8f8f8;
}

#area_link li {
    width: calc(20% - 10px);
	text-align:center;
	padding:10px 5px 15px 5px;
	background:#f8f8f8 url(/image/common/arrow_showroom.gif) no-repeat;
	background-position: center 80%;
}

.shoparea {
	margin-top: 30px;
}
.area_ttl{
	font-size:110%;
	font-weight:normal;
	color:#666666;
	padding:10px 0px 5px 5px;
	margin:0px 0px 20px 0px;
	background:linear-gradient(#ffffff 80%, #f8f8f8);
	border-bottom:1px solid #eeeeee;
}

.area_event {
	display: flex;
	flex-flow: row wrap;
}
.area_event li {
	width: calc((100% - 2em) / 3);
	margin: 0 0 2em;
}
.area_event li:not(:nth-child(3n)) {
	margin-right: 1em;
}

.area_event a {
	display: block;
	padding: 0.5em;
	transition: 0.5s;
}
.area_event a:hover {
	text-decoration: none;
	background-color: #eee;
	transition: 0.5s;
}
.area_event li > dl {
	margin: 0 0.5em;
	padding: 1em;
	height: calc(100% - 4em);
}
.area_event .event_title {
	font-size: 140%;
	font-weight: bold;
	position: relative;
}
.area_event .event_title img {
	max-width: 100%;
	margin: 0 0 0.5em;
}
.area_event .event_title::before,
.area_event .event_title::after {
	position: absolute;
	right: 0.2em;
	top: 12.5em;
	font-size: 85%;
	text-align: center;
}
.area_event .event_title::before {
	content: "詳細はこちら";
	width: 7em;
	padding-right: 0.8em;
	background-color: #fff;
	border-radius: 5px;
	font-weight: normal;
	line-height: 1.7em;
}
.area_event .event_title::after {
	content: "\f105";
	font-family: FontAwesome;
	margin: 0 0.5em;
	line-height: 1.6em;
}
.area_event .date,
.area_event .place {
	margin-left: 0.5em;
}
.area_event .date::before,
.area_event .place::before {
	content: "\f0da";
	font-family: FontAwesome;
	margin-right: 0.5em;
}
.area_event .overview {
	margin: 0.5em 0 0;
}

/* *** ページトップへ *** */
.ptop{
	font-size:xx-small;
	padding:5px;
	text-align:right;
}
.ptop a:before{
	content:url(/image/common/arrow_showroom_up.gif)
}

.pnote{
	font-size:90%;
	color:#666666;
	padding:40px 5px 20px 5px;
	text-align:right;
}


/* *** 午前中限定イベント *** */

#timesale{
}
.timesale_t{
	font-size:130%;
	font-weight:bold;
	margin:0.9em 0 0.2em 0em;
}

.timesale_place,
.timesale_place2 {
	margin: 0.6em 0.6em 0 0;
	font-size: 115%;
    padding: 0 0.8em;
    border: 1px solid #ccc;
    border-radius: 2px;
    width: 100px;
    display: inline;
    line-height: 1.8;
    letter-spacing: 1.5px;
}



/******** eventマーク *********/
.event_mark01{
background-color: #b28247;
padding:0.5em 0.8em;
margin:0 0 5px 0;
font-size: 0.8em;
color: #fff;
display: inline-block;
letter-spacing: 0.3em;
}


.event_mark02{
background-color: #e5005a;
padding:0.5em 0.8em;
margin:0 0 5px 0;
font-size: 0.8em;
color: #fff;
display: inline-block;
letter-spacing: 0.3em;
}

.event_mark03{
background-color: #006934;
padding:0.5em 0.8em;
margin:0 0 5px 0;
font-size: 0.8em;
color: #fff;
display: inline-block;
letter-spacing: 0.3em;
}

.event_mark04 {
	text-align:center;
	font-weight:bold;
	font-family: Helvetica,Arial,Verdana,"游ゴシック",YuGothic,"ヒラギノ角ゴProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
	font-size:150%;

	background-color: #fff;
padding:0.5em auto;
margin:50px 0 15px 0;

color: #e5005a;
display: block;
border: #e5005a solid 1px;
letter-spacing: 0.2em;

}


.moreinfo_event {
	font-weight:bold;
	font-family: Helvetica,Arial,Verdana,"游ゴシック",YuGothic,"ヒラギノ角ゴProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
	font-size:115%;
	background-color: #fff;
	color: #7b81bf;
	letter-spacing: 0.15em;
	width: 100%;
	margin: 4em auto;
}

.moreinfo_event a {
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 1.5em 0;
	background-color: #fff;
	border: solid 1px #7b81bf;
	text-align: center;
		color: #7b81bf;
}
.moreinfo_event a,
.image a {
	transition: 0.5s;
}
.moreinfo_event a::after {
	content: "\f105";
	font-family: FontAwesome;
	position: absolute;
	right: 1em;
	color: #7b81bf;
}
.moreinfo_event a:hover,
.image a:hover {
	text-decoration: none;
	opacity: 0.7;
	transition: 0.5s;
}