@charset "UTF-8";
/* =========================================================== top.css

女子会/ホットペッパー HOTPEPPER グルメ

 -Default
 -Bottom Link
 -SEO Footer Link
 -ソーシャルボタン
 -差し込み枠
 -女子会サブサイト　全国TOP　2016年

/* ▼ Default ▼
------------------------------------------------------------*/
.cf {
	overflow: hidden;
	*zoom: 1;
}
.cf:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}
/* ▼ Bottom Link ▼
------------------------------------------------------------*/
.btmLink {
	margin-top: 10px;
}
.btmLink p, .btmLink dl dt, .btmLink dl dd, .btmLink a:link, .btmLink a:visited {
	color: #555555;
	line-height: 1.6em;
}
/* ▼ SEO Footer Link ▼
------------------------------------------------------------*/
.SS10 {
	height: 80px;
}

.SS20 {
	height: 80px;
}

.SS30 {
	height: 115px;
}

.SS40 {
	height: 80px;
}

.SS50 {
	height: 115px;
}

.SS60 {
	height: 80px;
}

.SS70 {
	height: 80px;
}

.SS80 {
	height: 80px;
}
/* ▼ ソーシャルボタン ▼
------------------------------------------------------------*/
.socialArea {
	margin: 5px 0 0 0;
	width: 250px;
	float: right;
}
ul.socialArea li {
	display: block;
	height: 20px;
}
ol li, ul li {
	list-style: none outside none;
}
.btnSocialTwitter {
	float: right;
	width: 80px;
}
.btnSocialFacebook {
	float: right;
}
.btnSocialHatena {
        padding-right: 5px;
	float: right;
}
/* ▼ 差し込み枠 ▼
------------------------------------------------------------*/
#container.meiryoFont>#topicPath>p {
	background-image: url("/SYS/cmn/images/common/mark_links_back.gif");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 16px;
	margin-right: 5px;
}
#container.meiryoFont>#topicPath>ol>li>.strong,
#container.meiryoFont>#topicPath>ol>li>a {
	background-image: url("/SYS/cmn/images/common/bg_chevron.gif");
	background-repeat: no-repeat;
	background-position: left center;
}
#container.meiryoFont>#topicPath>p+ol {
	padding-left: 0 !important;
}
/* 女子会サブサイト　全国TOP　2016年
-------------------------------------------------------------------------------*/
#container {
	padding-bottom: 15px;
}
.keyVisual {
	width: 950px;
	height: 367px;
	box-sizing: border-box;
	background : url("/doc/top_party34/images/bg/bg_maincontents.png") no-repeat 0 0;
}
.keyVisualTxt {
	position: absolute;
	top: 90px;
	left: 339px;
	width: 271px;
	height: 183px;
}
.areaSelect {
	height: 133px;
	padding: 5px 3px 10px 15px;
	background : url("/doc/top_party34/images/bg/bg_areaselect.png") no-repeat 0 0;
	box-sizing: border-box;
}
.searchTxt {
	padding-left: 1px;
}
.areaSelectList {
	margin-top: 12px;
	font-size: 0;
}
.areaSelectListLeft {
	display: inline-block;
	float: left;
	width: 483px;
}
.areaSelectListRight {
	display: inline-block;
	width: 444px;
	margin-left: 5px;
}
.areaSelectListLeft+.areaSelectListLeft,
.areaSelectListRight+.areaSelectListRight {
	margin-top: 7px;
}
.areaSelectBox>dt {
	float: left;
	margin-right: 5px;
	line-height: 1;
}
.areaSelectBox>dt>img {
	vertical-align: top;
}
.areaSelectBox>dd {
	float: left;
	margin-top: 5px;
	padding-top: 2px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
}
.areaSelectBox>dd>a {
	color: #318D58;
}
.areaSelectBox>dd>a:hover {
	text-decoration: underline;
}
.areaSelectBox>dd+dd {
	border-left: 1px solid #EB91A0;
	margin-left: 4px;
	padding-left: 4px;
}
.searchAbout {
	background-image: url("/doc/top_party34/images/bg/bg_searchabout.png");
	background-repeat: no-repeat;
	height: 224px;
	margin-top: 20px;
	padding: 10px 20px;
}
.searchAboutTtl {
	color: #EF4C66;
	font-weight: normal;
	font-size: 14px;
}
.searchAboutTxt {
	color: #666666;
	font-size: 12px;
	width: 695px;
	margin-top: 3px;
}
/* お役立ちコンテンツ */
.subsiteSection {
	margin-top: 30px;
}
.subsiteSectionTitleWrap {
	height: 45px;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 47px;
	background-image: url("/doc/top_party34/images/bg/bg_article_title_wide.png");
	background-repeat: no-repeat;
}
.subsiteSectionTitle {
	padding-left: 50px;
	font-size: 18px;
	background-image: url("/doc/top_party34/images/icon/icn_sectiontitle.png");
	background-repeat: no-repeat;
	background-position: 7px 7px;
	color: #F23D79;
}
.subsiteSectionTitleBottomSquare {
	height: 42px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFE0DD;
}
.subsiteSectionContents {
	margin-top: 20px;
}
.guideOtherList {
	padding: 0 13px;
}
.guideOtherList>li {
	float: left;
	width: 210px;
	font-size: 100%;
	padding: 0 10px;
}
.guideOtherFigure {
	text-align: center;
}
.guideOtherDescription {
	margin-top: 10px;
	line-height: 1.4;
}
.guideOtherDescription>dt {
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.2;
}
.guideOtherDescription>dd {
	font-size: 10px;
	width: 210px;
}
.guideOtherList>li+li {
	border-left: dotted 1px #CCC;
}
/* エリアから探す */
.searchAreaFirst {
	width: 465px;
	float: left;
	padding-top: 5px;
	margin-top: 5px;
}
.searchAreaSecond {
	width: 465px;
	float: left;
	padding-top: 5px;
	margin-top: 5px;
	margin-left: 12px;
	border-left: 1px dotted #CCC;
}
.searchAreaFirst>.searchAreaTitle {
	font-weight: bold;
	font-size: 14px;
}
.searchAreaSecond>.searchAreaTitle {
	font-weight: bold;
	font-size: 14px;
	margin-left: 15px;
}
.searchAreaFirst>.searchAreaContents {
	margin-top: 6px;
	font-size: 12px;
	line-height: 18px;
	border-bottom: 1px dotted #CCC;
	padding-bottom: 10px;
}
.searchAreaSecond>.searchAreaContents {
	margin-top: 6px;
	font-size: 12px;
	line-height: 18px;
	margin-left: 15px;
	border-bottom: 1px dotted #CCC;
	padding-bottom: 10px;
}
.searchAreaContents>a:hover {
	text-decoration: underline;
}
.searchAreaFirst.SS10 { height: 46px;}
.searchAreaSecond.SS20 { height: 46px;}
.searchAreaFirst.SS30 {
	height: 82px;
	margin-top: 15px;
}
.searchAreaSecond.SS40 {
	height: 82px;
	margin-top: 15px;
}
.searchAreaSecond.SS40>.searchAreaContents {
	padding-bottom: 28px;
}
.searchAreaFirst.SS50 {
	height: 46px;
	margin-top: 15px;
}
.searchAreaSecond.SS60 {
	height: 46px;
	margin-top: 15px;
}
.searchAreaFirst.SS70 {
	height: 46px;
	margin-top: 15px;
}
.searchAreaSecond.SS80 {
	height: 46px;
	margin-top: 15px;
}
/* おすすめのグルメ・クーポン情報 */
.subsiteLinkWrap {
	margin-top: 30px;
}
.subsiteLinkWrap > h2 {
	padding: 13px 10px 8px 50px;
	min-height: 25px;
	background: url("/SYS/subsite_cmn/images/icn_hotpepper.png") no-repeat 6px center #FFE5E4;
	border-radius: 5px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
	color: #333333;
}
.subsiteLinkList {
	display: flex;
	width: 720px;
	margin: 20px auto 0;
	flex-wrap: wrap;
}
.subsiteLinkList > li {
	width: 210px;
	margin: 20px 45px 0 0;
}
.subsiteLinkList > li:nth-of-type(3n) {
	margin-right: 0;
}
.subsiteLinkList > li:nth-of-type(1),
.subsiteLinkList > li:nth-of-type(2),
.subsiteLinkList > li:nth-of-type(3) {
	margin-top: 0;
}
.subsiteLinkImgWrap {
	width: 180px;
	height: 90px;
	margin: 0 auto;
}
.subsiteLinkDescription {
	margin-top: 10px;
}
.subsiteLinkDescription > dt {
	text-align: center;
}
.subsiteLinkDescription > dt > a {
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4;
	color: #1470CC;
}
.subsiteLinkDescription > dd {
	margin-top: 5px;
	font-size: 12px;
	line-height: 1.4;
	color: #4E4E4E;
}
.scrollWrap {
	position: fixed;
	right: 20px;
	z-index: 300;
	display: block;
	min-width: 85px;
	height: 85px;
	cursor: pointer;
}