@charset "utf-8";


/*-------------------------------------------------
タイトル
------------------------------------------------*/
h1#mainTtl {
	margin-bottom: 10px;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
}



/*-------------------------------------------------
概要
------------------------------------------------*/
#outline {
	margin-bottom: 30px;
}

#outline h2 {
	margin-bottom: 15px;
	color: #7e4800;
	line-height: 1.4;
}

#outline img {
	width: 710px;
	margin-bottom: 20px;
}

#outline .box01 {
	line-height: 1.6;
}
#outline .box01 p {
	margin-bottom: 0.6em;
}
#outline .box01 p:last-child {
	margin-bottom: 0;
}
#outline .box01 strong {
	font-weight: bold;
	color: #7e4800;
}


/*-------------------------------------------------
注目エリア
------------------------------------------------*/
#area {
	margin-bottom: 30px;
}

#area h2 {
	margin-bottom: 15px;
	padding: 0 10px;
	min-height: 48px;
	line-height: 48px;
	background:#d1c0a5;
	color: #fff;
	font-size: 18px; font-size: 1.8rem;
	font-weight: bold;
}
#area ul#attArea {
	margin-bottom: 20px;
}
#area ul#attArea li {
	display: inline;
	padding: 0 10px 0 5px;
	border-right: 1px solid #999;
	line-height: 1.8;
	white-space:nowrap;
}
#area ul#attArea li:last-child {
	padding-right: 0;
	border-right: 0 none;
}

#area ul.accordion {
	margin-right: -18px;
}
#area ul.accordion > li {
	float: left;
	vertical-align: top;
	width: 346px;
	margin-right: 18px;
}
#area ul.accordion p.areaTtl {
	display: none;
}
#area ul.accordion .areaTtl {
	margin-bottom: 10px;
	background-color: #f3e9e1;
	border: 1px solid #d2c1a4;
	border-radius: 3px;
	-webkit-border-border-radius: 3px;
	-moz-border-radius: 3px;
}
#area ul.accordion .areaTtl span {
	display:block;
	min-height: 44px;
	line-height: 44px;
	padding:0 10px;
	color: #7e4800;
	font-size: 16px; font-size: 1.6rem;
	font-weight: bold;
}
#area ul.accordion ul {
	margin-bottom: 15px;
}
#area ul.accordion ul li {
	float: left;
	margin-bottom: 0.8em;
	padding: 0 10px 0 5px;
	border-right: 1px solid #999;
	font-size: 13px; font-size: 1.3rem;
	white-space:nowrap;
}
#area ul.accordion ul li:last-child {
	padding-right: 0;
	border-right: 0 none;
}


/*-------------------------------------------------
掲載店舗情報
------------------------------------------------*/
#shopinfo {
	margin-bottom: 30px;
}

#shopinfo h2 {
	margin-bottom: 15px;
	padding: 0 10px;
	min-height: 48px;
	line-height: 48px;
	background:#d1c0a5;
	color: #fff;
	font-size: 18px; font-size: 1.8rem;
	font-weight: bold;
	position: relative;
}

#shopinfo li {
	margin-bottom: 15px;
	position: relative;
	padding: 0 0 10px 24em;
	border-bottom:1px solid #ddd;
	line-height: 1.6;
}
#shopinfo li:last-child {
	margin-bottom: 20px;
}
#shopinfo li span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 24em;
}


/*-------------------------------------------------
お知らせ
------------------------------------------------*/
#notice {
	margin-bottom: 40px;
}
#notice h2 {
	margin-bottom: 15px;
	padding: 0 10px;
	min-height: 48px;
	line-height: 48px;
	background:#d1c0a5;
	color: #fff;
	font-size: 18px; font-size: 1.8rem;
	font-weight: bold;
}
#notice h2 span {
	font-size: 14px; font-size: 1.4rem;
}

#notice dt {
	margin-bottom: 5px;
	font-size: 16px; font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.6;
}
#notice dd {
	line-height: 1.6;
}


/*-------------------------------------------------
ボタン （twitter）
------------------------------------------------*/
.btnTwitter {
	margin-bottom: 30px;
	text-align: center;
}

.btnTwitter img {
	width: 440px;
}


/*-------------------------------------------------
ボタン （日刊アロマエステジョブ）
------------------------------------------------*/
.btnJob {
	text-align: center;
}

.btnJob img {
	width: 440px;
}


/*-------------------------------------------------
SmartPhone
------------------------------------------------*/
@media screen and (max-width: 767px) {

/*タイトル*/
h1#mainTtl {
	margin-bottom: 5px;
	padding: 0 10px;
}


/*概要*/
#outline {
	margin-bottom: 10px;
}
#outline h2 {
	padding: 0 10px;
	margin-bottom: 10px;
}
#outline img {
	margin-bottom: 10px;
}
#outline .box01 {
	padding: 0 10px;
}


/*注目エリア*/
#area {
	margin-bottom: 10px;
}
#area h2 {
	margin-bottom: 5px;
	min-height: 36px;
	line-height: 36px;
	font-size: 16px; font-size: 1.6rem;
}
#area ul#attArea {
	margin-bottom: 10px;
	padding: 0 10px;
}
#area ul.accordion {
	margin-right: 0;
	padding: 0 10px;
}
#area ul.accordion > li {
	display: block;
	width: auto;
	margin-right: 0;
}
#area ul.accordion div.areaTtl {
	display: none;
}
#area ul.accordion p.areaTtl {
	display: block;
}
#area ul.accordion p.areaTtl span {
	padding:0 10px 0 50px;
	background-position:10px center;
	background-repeat:no-repeat;
	background-image:url(../imgs/home/area_ico_close_pc.png);
	font-size: 14px; font-size: 1.4rem;
}
#area ul.accordion p.areaTtl span.open {
	background-image:url(../imgs/home/area_ico_open_pc.png);
}
#area ul.accordion {
	margin-right: 0;
}
#area ul.accordion ul {
	display: none;
	margin-bottom: 0;
}
#area ul.accordion > li {
	float: none;
	width: auto;
	margin-right: 0;
}


/*掲載店舗情報*/
#shopinfo {
	margin-bottom: 10px;
}
#shopinfo h2 {
	margin-bottom: 5px;
	min-height: 36px;
	line-height: 36px;
	font-size: 16px; font-size: 1.6rem;
}
#shopinfo ul {
	padding: 0 10px;
}
#shopinfo li {
	margin-bottom: 5px;
	padding: 0 0 5px 0;
	position: static;
}
#shopinfo li:last-child {
	margin-bottom: 0px;
}
#shopinfo li span {
	position: static;
	width: auto;
}


/*お知らせ*/
#notice {
	margin-bottom: 10px;
}
#notice h2 {
	margin-bottom: 5px;
	min-height: 36px;
	line-height: 36px;
	font-size: 16px; font-size: 1.6rem;
}
#notice h2 span {
	font-size: 14px; font-size: 1.4rem;
}
#notice dl {
	padding: 0 10px;
}


/*ボタン（twitter）*/
.btnTwitter {
	margin-bottom: 10px;
	padding: 0 10px;
}

/*ボタン （日刊アロマエステジョブ）*/
.btnJob {
	padding: 0 10px;
}


}/*//@media screen*/