@charset "utf-8";
/*■■■■■■■■■■■■■■■■■■■■■■■■■
　	トップページ用
　■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* ▼▼▼▼▼ ＰＣレイアウト : 1200 px以上。 ▼▼▼▼▼ */
.top_main_words{
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.5em;
	color: #000;
	margin: 15px;
}
.top_main_words strong{
	color: #f14e55;
}
main{
	max-width: none;
}
.free-acount{
	max-width: 1200px;
	margin: 30px auto;
	padding: 10px 0 5px;
	background: #8cc63f;
	text-align: center;
	font-weight: bold;
	font-size: 28px;
	line-height: 1.4em;
	color: #fff;
	text-shadow: #004a0c 0 0 5px;
}
.free-acount a{
	display: block;
	color: #fff;
}
.free-acount a:hover{
	color: #fff;
	text-decoration: none;
}
.free-acount em,
.free-acount strong{
	font-size: 140%;
	vertical-align: middle;
	margin: 0 4px;
}
.free-acount strong{
	color: #ff5;
}

/* ■■■■■ 地図サーチ ■■■■■ */
.top_map{
	background: url(../img/top/map_bg.png);
	background: url(../img/common/bg_wave_bottom.png) repeat-x center bottom, url(../img/top/map_bg.png);
	padding: 20px;
	margin-bottom: 40px;
}
.top_map h2{
	position: absolute;
	top: -500px;
	left: -20000px;
}
.top_map article{
	position: relative;
	z-index: 3;
	max-width: 1100px;
	margin: 0 auto;
}
.top_map article img[src*="map.png"]{
	width: 100%;
	position: relative;
}
.top_map article h2.count{
	position: absolute;
	width: 50%;
	top: 0;
	left: 0;
}
.top_map article h2.count img{
	max-width: 100%;
}
.top_map article h2.count span{
	position: absolute;
	display: block;
	bottom: 10%;
	left: 37%;
	font-size: 22px;
	line-height: 1.4em;
}
.top_map article h2.count span strong{
	font-size: 52px;
	line-height: 1.2em;
	color: #f14e55;
}
.top_map article div{
	position: absolute;
	height: 44px;
}
.top_map article div:hover em{
	border: 2px solid #c1272d !important;
	border-radius: 6px;
	box-shadow: #555 0px 0px 5px;
	-webkit-transition:all 0.1s linear;
	-moz-transition:all 0.1s linear;
	-o-transition:all 0.1s linear;
	transition:all 0.1s linear;
}
.top_map article div em{
	position: relative;
	display: block;
	background: url(../img/top/map_button_bg.png) no-repeat right center !important;
	text-align: center;
	height: 44px;
	padding: 7px 25px 7px 10px;
	font-weight: bold;
	font-style: normal;
	font-size: 20px;
	line-height: 31px;
	color: #333;
	border: 2px solid #FFF !important;
	border-radius: 6px;
	box-shadow: #555 0px 0px 5px;
	cursor: pointer;
	border-radius: 6px;
	-webkit-transition:all 0.5s linear;
	-moz-transition:all 0.5s linear;
	-o-transition:all 0.5s linear;
	transition:all 0.5s linear;
	z-index: 2;
}
.top_map article div em.line2{
	line-height: 20px;
}
.top_map article div div{
	display: none;
	opacity: 0;
	right: -50px;
	bottom: 35px;
	padding-bottom: 10px;
	height: auto;
	width: 200px;
	-webkit-transition:all 0.5s linear;
	-moz-transition:all 0.5s linear;
	-o-transition:all 0.5s linear;
	transition:all 0.5s linear;
}
.top_map article div:hover div{
	display: inline;
	opacity: 1;
	-webkit-transition:all 0.1s linear;
	-moz-transition:all 0.1s linear;
	-o-transition:all 0.1s linear;
	transition:all 0.1s linear;
}
.top_map article div div p{
	position: relative;
	z-index: 4;
	background: #fff;
	border: 1px solid #b3b3b3;
	padding: 10px 5px 10px 0;
	margin: 0px 0px 5px;
	border-radius: 6px;
	text-align: left;
	vertical-align: top;
	box-shadow: rgba(0,0,0,0.3) 2px 2px 10px;
}
.top_map article div div p a{
	display: inline-block;
	font-size: 13px;
	line-height: 1.6em;
	margin: 0 0 0 10px;
	vertical-align: top;
}
.top_map article div div p a.close{
	display: none;
}
.top_map article div div img[src*="fukidasi"]{
	position: absolute;
	z-index: 4;
	bottom: -3px !important;
	left: 72px !important;
}
.top_map article div#hokkaido{
	right: 24%;
	top: 7%;
}
.top_map article div#touhoku{
	right: 16%;
	top: 45%;
}
.top_map article div#kanto{
	right: 30%;
	top: 80%;
}
.top_map article div#toukai{
	right: 47%;
	top: 85%;
}
.top_map article div#hokuriku{
	right: 40%;
	top: 48%;
}
.top_map article div#kinki{
	right: 58%;
	top: 62%;
}
.top_map article div#chugoku{
	right: 78%;
	top: 62%;
}
.top_map article div#shikoku{
	right: 68%;
	top: 86%;
}
.top_map article div#kyushu{
	right: 83%;
	top: 80%;
}
.top_map article div#okinawa{
	right: 83%;
	top: 42%;
}
.top_map article div div img{
	position: absolute;
	margin: 0;
	vertical-align: top;
	z-index: 0;
}
/* ■■■■■ カレンダー ■■■■■ */
.top_calendar{
	position: relative;
	max-width: 1200px;
	margin: 30px auto 40px;
}
#calendar_slide{
	position: relative;
	margin: 0 35px;
	width: auto;
}
#calendar_all{
	width: 200%;
}
#calendar_all div{
	width: 16.66666%;
	padding: 10px;
	float: left;
}
#calendar_all div h3 span{
	display: none;
}
#calendar_all div table{
	font-size: 20px;
}
#calendar_all div table tr td{
	padding: 10px 0;
}
#calendar_all div h3{
	padding: 10px;
}
#calendar_all div h3 span{
	padding: 10px 0;
	width: 40px;
}
.top_calendar a.next,
.top_calendar a.prev{
	position: absolute;
	display: block;
	width: 25px;
	height: 80px;
	padding: 25px 0;
	background: #5a5a5a;
	text-align: center;
	font-size: 20px;
	line-height: 30px;
	color: #fff;
	top: 220px;
	z-index: 3;
	cursor: pointer;
}
.top_calendar a.next{
	right: 0;
}
.top_calendar a.prev{
	left: 0;
}
.top_calendar a.next:hover,
.top_calendar a.prev:hover{
	text-decoration: none;
}
.top_calendar a.next.off,
.top_calendar a.prev.off{
	opacity: 0.5;
}
/* ■■■■■■■■ トップコンテンツ ■■■■■■■■ */
.top_main{
	max-width: 1200px;
	margin: 40px auto;
}
.top_left{
	position: relative;
	width: 790px;
	float: left;
}
.top_right{
	width: 380px;
	float: right;
}
/* ■■■■■ パーティーリスト ■■■■■ */
div.right_button{
	position: relative;
	float: right;
	margin: -51px 10px 0 0;
	z-index: 3;
}
div.right_button em{
	background: #fff;
	display: block;
	padding: 2px 10px;
	border-radius: 15px;
	font-style: normal;
	font-size: 13px;
	text-align: center;
	color: #5a5a5a;
	cursor: pointer;
}
div.right_button p{
	position: absolute;
	display: none;
	left: -40px;
	top: 20px;
	width: 230px;
	text-align: center;
	line-height: 0;
}
div.right_button p span{
	display: block;
	border: 2px solid #969696;
	padding: 8px 8px 0 0;
	margin: 0 !important;
	overflow: hidden;
	background: #fff;
}
div.right_button p img{
	vertical-align: top;
}
div.right_button p span a{
	display: block;
	float: left;
	margin: 0 0 8px 8px;
	padding: 8px 0;
	text-align: center;
	width: 100px;
	border: 2px solid #969696;
	font-size: 12px;
	line-height: 1.3em;
	color: #5a5a5a;
}
div.right_button p span a:hover{
	border: 2px solid #f14e55;
	background: #f14e55;
	color: #fff;
	text-decoration: none;
}
div.right_button p span a.close{
	border: 2px solid #5a5a5a;
	background: #5a5a5a;
	color: #fff;
	cursor: pointer;
}
.tab_date{
	text-align: center;
	margin: 15px 0;
	font-size: 0;
}
.tab_date > span{
	display: inline-block;
	width: 13%;
	background: url(../img/top/icon_party_date.png) no-repeat center bottom #5a5a5a;
	padding: 2px 2px 15px;
	margin: 0 0.6%;
	font-size: 13px;
	line-height: 1.4em;
	color: #5a5a5a;
	cursor: pointer;
}
.tab_date > span span{
	display: block;
	background: #fff;
	padding: 5px 0 5px 3px;
}
.tab_date > span.on span{
	background: transparent;
	color: #fff;
}
.tab_date > span.on{
	background: url(../img/top/icon_party_date_on.png) no-repeat center bottom #5a5a5a;
}
.tab_date > span.holiday{
	background-color: #f1767f;
	color: #f1767f;
}
.tab_date > span.holiday.on{
	background: url(../img/top/icon_party_date_on.png) no-repeat center bottom #f1767f;
}
.tab_date > span.saturday{
	background-color: #0098de;
	color: #0098de;
}
.tab_date > span.saturday.on{
	background: url(../img/top/icon_party_date_on.png) no-repeat center bottom #0098de;
}
.party_list{
	position: relative;
	margin: 10px;
}
.party_list article{
	border-top: 3px dotted #aaa;
	padding: 13px 0 10px;
	overflow: hidden;
	line-height: 1.3em;
}
.party_list article:first-child{
	border-top: 0;
	padding: 0 0 10px;
}
.party_list article img{
	width: 115px;
	float: left;
}
.party_list article p{
	margin: 5px 0 5px 125px;
}
.party_list article p.words{
	position: relative;
/*	max-height: 2.6em;
	text-overflow: ellipsis;
	overflow: hidden;*/
}
/*
.party_list article p.words a{
	position: absolute;
	display: inline-block;
	padding: 0;
	background: #fff;
	bottom: 0;
	right: 0;
}
*/
.party_list article p.address{
	font-size: 85%;
	color: #555;
}
.party_list article p.address::before{
	content: "開催場所：";
}
.party_list article h3{
	margin: 0 0 4px 125px;
	font-weight: bold;
	font-size: 110%;
	color: #8cc63f;
}
.party_list article h3 a{
	color: #8cc63f;
	text-decoration: underline;
}
.party_list article h3 a:hover{
	text-decoration: none;
}
.party_list article p.reserved_condition{
	border: 2px solid #e6e6e6;
	text-align: center;
	padding: 0 15px;
	margin: 0 0 0 10px;
	float: right;
}
.reserved_condition span{
	display: inline-block;
	padding: 5px 0 5px 25px;
	font-weight: bold;
	font-size: 15px;
	line-height: 25px;
	color: #f48640;
}
.reserved_condition span:first-child{
	margin-right: 15px;
}
span.man{
	background: url(../img/common/icon_man.png) no-repeat left center;
	background-size: 23px;
}
span.woman{
	background: url(../img/common/icon_woman.png) no-repeat left center;
	background-size: 23px;
}
span.hobo{
	color: #f48640;
}
span.ka{
	color: #0071bc;
}
span.full{
	color: #ed1c24;
}
.goto_list{
	display: block;
	max-width: 510px;
	margin: 20px auto 0;
	padding: 10px 0;
	background: #8cc63f;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	line-height: 1.5em;
	color: #fff;
}
/* ■■■■■ お知らせ ■■■■■ */
a.right_button{
	position: relative;
	float: right;
	margin: 10px 10px 0 0;
	background: #fff;
	display: block;
	padding: 2px 10px;
	border-radius: 15px;
	font-style: normal;
	font-size: 13px;
	text-align: center;
	color: #5a5a5a;
	cursor: pointer;
}
dl.top_info{
	margin: 10px 10px 20px;
}
dl.top_info dt{
	margin-top: 10px;
	border-top: 3px dotted #aaa;
	padding-top: 13px;
	font-weight: bold;
	font-size: 14px;
	color: #8cc63f;
}
dl.top_info dt:first-child{
	border-top: 0;
	padding-top: 0;
	margin-top: 0;
}
/* ■■■■■ スタッフブログ ■■■■■ */
.top_blog{
	margin: 10px 0 20px;
	height: 150px;
	overflow-y: scroll;
}
.top_blog div{
	border-top: 3px dotted #aaa;
	padding: 13px 10px 10px;
}
.top_blog div:first-child{
	border-top: 0;
	padding: 0 10px 10px;
}
.top_blog div h3{
	font-size: 14px;
	line-height: 1.3em;
	color: #5a5a5a;
}
.top_blog div h3 a{
	color: #5a5a5a;
	text-decoration: underline;
}
.top_blog div h3 a:hover{
	text-decoration: none;
}
.top_blog div .date{
	display: block;
	color: #f48640;
}

.facebook{
	margin: auto;
	text-align: center;
}

.facebook iframe{
	width: 100%;
	margin: auto;
}

/* ■■■■■ 婚活パーティーコラム ■■■■■ */
.top_column{
	background: url(../img/top/contents_bg.png);
	background: url(../img/common/bg_wave_bottom.png) repeat-x center bottom, url(../img/common/bg_wave_head.png) repeat-x center top, url(../img/top/contents_bg.png);
	padding: 20px;
	margin-bottom: 20px;
}
.top_column div{
	max-width: 1200px;
	margin: auto;
}
.top_column div h2{
	text-align: center;
}
.top_column div h2 a{
	display: block;
	font-weight: bold;
	font-size: 30px;
	line-height: 1.1em;
	color: #3c3c3c;
}
.top_column div h2 a:hover{
	color: #707070;
	text-decoration: none;
}

.top_column div h2 a span{
	display: inline-block;
	vertical-align: middle;
}
.top_column div h2 a > img{
	vertical-align: middle;
}
.top_column div h2 a span > img{
	vertical-align: top;
	line-height: 20px;
}

.top_column div table{
	border-spacing: 10px;
	table-layout: fixed !important;
}
.top_column div table td{
	background: #fff;
	padding: 5px;
	border: 2px solid #5a5a5a;
	border-radius: 6px;
	vertical-align: top;
	font-size: 13px;
	line-height: 1.4em;
}
/*
.top_column div table td:nth-child(1){
	width: 34%;
}
.top_column div table td:nth-child(2){
	width: 34%;
}
.top_column div table td:nth-child(3){
	width: 31%;
}
*/
.top_column div table td img{
	float: left;
	border-right: 4px solid #f14e55;
	margin: 0 10px 0 0;
}
.top_column div table td.rowspan img{
	display: block;
	margin: 0 0 10px 0;
	border-bottom: 4px solid #f14e55;
	border-right: 0;
	float: none;
}
.top_column div table td h3{
	padding: 5px 5px 5px 0;
	margin: 0 0 5px 142px;
	border-bottom: 3px dotted #aaa;
	font-size: 15px;
	line-height: 1.4em;
	color: #f14e55;
	white-space: nowrap;
}
.top_column div table td p{
	padding: 0 5px 5px 142px;
}
.top_column div table td.rowspan  p{
	padding-left: 5px;
}
.top_column div table td.rowspan h3{
	margin-left: 0;
}
.top_column div table td h3 a{
	color: #f14e55;
}
/* ■■■■■ 都道府県から婚活パーティーを探す ■■■■■ */
.top_prefecture{
	margin: 0 auto 40px;
	max-width: 1200px;
	overflow: hidden;
}
.top_prefecture div{
	position: relative;
	width: 50%;
	float: left;
	padding: 0 50px 0 0;
}
.top_prefecture div.first{
	padding: 0 0 0 50px;
}
.top_prefecture div p{
	position: relative;
	padding: 0 0 0 120px;
	margin: 0 0 10px;
	font-size: 0;
}
.top_prefecture div p strong{
	display: block;
	position: absolute;
	left: 0;
	font-size: 14px;
	line-height: 1.7em;
	color: #8cc63f;
}
.top_prefecture div p strong a{
	color: #8cc63f;
}

.top_prefecture div p > a{
	display: inline-block;
	width: 14.2%;
	font-size: 14px;
	line-height: 1.7em;
	color: #333;
}

.bottom_words{
	margin: 10px auto 50px;
	max-width: 1100px;
	padding: 20px;
	background: url(../img/top/contents_bg.png);
	border-radius: 10px;
	font-weight: bold;
	color: #333;
}

.top_sentence{
	margin: 30px auto 40px;
	max-width: 1100px;
}

.top_sentence h2{
	font-weight: bold;
	font-size: 130%;
	line-height: 1.1em;
	border-bottom: 1px solid #f14e55;
	color: #f14e55;
	margin: 0 0 10px;
	padding: 0 0 5px;
}


/* ▼▼▼▼▼ タブレットレイアウト : 800 px ～ 1200 px。ＰＣレイアウトからスタイルを継承。 ▼▼▼▼▼ */
@media only screen and (max-width: 1200px){
	.free-acount{
		font-size: 24px;
	}

	/* ■■■■■ 地図サーチ ■■■■■ */
	.top_map article h2.count span{
		bottom: 8%;
	}
	.top_map article h2.count span strong{
		font-size: 40px;
		line-height: 1.2em;
		color: #f14e55;
	}
	.top_map article > div > div p a {
		padding: 5px 0;
	}

	/* ■■■■■■■■ トップコンテンツ ■■■■■■■■ */
	.top_left{
		width: 65%;
	}
	.top_right{
		width: 33%;
	}
	div.right_button{
		margin: -47px 10px 0 0;
	}
	a.right_button{
		margin: 7px 10px 0 0;
	}
	.tab_date > span{
		font-size: 11px;
		line-height: 1.4em;
		white-space: nowrap;
	}
	/* ■■■■■ 婚活パーティーコラム ■■■■■ */
	.top_column {
		margin: 0 -10px;
	}

	.top_column div h2 a{
		font-size: 26px;
	}
	.top_column div{
		margin: 0 10px;
	}
	.top_column div table td img{
		width: 30%;
		margin-right: 0;
	}
	
	.top_column div table td.rowspan img{
		width: 100%;
	}
	.top_column div table td {
		font-size: 11px;
		line-height: 1.3em;
	}
	.top_column div table td h3{
		margin: 0 0 10px 32%;
		font-size: 12px;
	}
	.top_column div table td.rowspan h3{
		margin-left: 0;
	}
	.top_column div table td p{
		padding: 0 5px 5px 32%;
	}
	/* ■■■■■ 都道府県から婚活パーティーを探す ■■■■■ */
	.top_prefecture div p > a{
		width: 16.666666%;
	}
	.top_prefecture div{
		padding: 0 25px 0 0;
	}
	.top_prefecture div.first{
		padding: 0 0 0 25px;
	}
	/* ■■■■■ パーティーリスト ■■■■■ */
	.party_list article p{
		margin-left: 125px;
	}
	
	.party_list article h3{
		margin-left: 125px;
	}
}

@media only screen and (max-width: 1100px){
	.top_sentence{
		margin: 30px 10px;
	}
}

@media only screen and (max-width: 1000px){
	/* ■■■■■ 都道府県から婚活パーティーを探す ■■■■■ */
	.top_prefecture div p > a{
		width: 25%;
	}
}
/* ▼▼▼▼▼ モバイルレイアウト : 799 px およびそれ以下。ＰＣレイアウトからスタイルを継承 ▼▼▼▼▼ */
@media only screen and (max-width: 799px){
	.top_main_words{
		text-align: justify;
		text-justify: inter-ideograph;
	}

	.free-acount{
		margin: 20px auto;
		padding: 5px;
		font-size: 20px;
	}

	/* ■■■■■ 地図サーチ ■■■■■ */
	.top_map{
		padding: 20px 10px;
	}
	.top_map article h2.count{
		width: 100%;
	}
	.top_map article h2.count span{
		left: 48%;
		bottom: 15%;
		font-size: 15px;
		line-height: 1.4em;
	}
	.top_map article h2.count span strong{
		font-size: 24px;
		line-height: 1.2em;	
	}
	.top_map article img[src*="map.png"]{
		margin-top: 10%;
	}
	.top_map article div{
		position: absolute;
		height: 40px;
	}
	
	.top_map article div em{
		height: 40px;
		font-size: 16px;
		line-height: 25px;
		padding: 7px 15px 7px 7px;
		background: url(../img/top/map_button_bg.png) no-repeat right center #fff !important;
		background-size: 200px !important;
	}
	.top_map article div div{
		position: fixed;
		left: 0;
		top: 30%;
		width: 100%;
		padding: 20px;
		z-index: 6;
	}
	.top_map article div:hover div{
		display: none;
	}
	.top_map article div div p a.close{
		display: block;
		width: 150px;
		background: #5a5a5a;
		color: #fff;
		text-align: center;
		margin: 10px auto 0;
		padding: 10px 0;
	}
	.top_map article div#hokkaido{
		right: 35%;
		top: 27%;
	}
	.top_map article div#touhoku{
		right: 5%;
		top: 40%;
	}
	.top_map article div#kanto{
		right: 12%;
		top: 70%;
	}
	.top_map article div#toukai{
		right: 38%;
		top: 85%;
	}
	.top_map article div#hokuriku{
		right: 35%;
		top: 45%;
	}
	.top_map article div#kinki{
		right: 58%;
		top: 62%;
	}
	.top_map article div#chugoku{
		right: 78%;
		top: 62%;
	}
	.top_map article div#shikoku{
		right: 62%;
		top: 86%;
	}
	.top_map article div#kyushu{
		right: 80%;
		top: 80%;
	}
	.top_map article div#okinawa{
		right: 80%;
		top: 44%;
	}
	/* ■■■■■ カレンダー ■■■■■ */
	.top_calendar{
		margin: 20px 0 30px;
	}
	#calendar_slide{
		margin: 0;
	}
	#calendar_all{
		width: 600%;
	}
	#calendar_all div{
		width: 16.66666666666%;
		margin-left: 0;
		padding: 10px;
		float: left;
	}
	#calendar_all div h3 span{
		display: block;
	}
	.top_calendar a.next,
	.top_calendar a.prev{
		display: none;
	}
	/* ■■■■■■■■ トップコンテンツ ■■■■■■■■ */
	.top_main{
		margin: 20px auto;
	}
	.top_right,
	.top_left{
		float: none;
		width: auto;
		margin-bottom: 20px;
	}
	.top_right{
		margin-bottom: 0;
	}
	/* ■■■■■ パーティーリスト ■■■■■ */
	.party_list article,
	.party_list article:first-child{
		padding-left: 10px;
		padding-right: 10px;
	}
	.tab_date{
		margin: 10px;
	}
	.party_list article img{
		width: 80px;
		float: left;
	}
	.party_list article p{
		margin-left: 90px;
	}
	.party_list article p.reserved_condition{
		float: none;
		margin-left: 90px;
	}
	.party_list article h3{
		margin-left: 90px;
	}
	.party_list article p.words{
		display: none;
	}
	div.right_button{
		float: none;
		margin: 10px;
	}
	div.right_button em{
		border: 2px solid #8cc63f;
		background: #e6e6e6;
		padding: 5px 0;
	}
	div.right_button p{
		left: 50%;
		margin: 0 -115px;
	}
	.facebook{
		margin: 10px;
	}
	.top_column{
		margin: 0 0 10px;
	}

	.bottom_words{
		margin: 10px 10px 30px;
		padding: 10px;
		border-radius: 6px;
	}

}
@media only screen and (max-width: 600px){
	.tab_date > span{
		width: 23%;
		margin: 0 1%;
	}
	.goto_list{
		max-width: none;
		margin: 20px 10px 0;
	}

	.free-acount{
		font-size: 18px;
	}


}
@media only screen and (max-width: 320px){
}