/* ======================================================

  ヘッダー

====================================================== */

#headbox {
	width: 100%;
}
#headbox * {
	box-sizing: border-box;
}
#headbox .header_inbox {
	width: 960px;
	margin: 0 auto;
	padding-top: 10px;
	position: relative;
}
#headbox .header_inbox:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	font-size: 0.01em;
	height: 0px;
	overflow: hidden;
}

/* ========== ロゴや会員メニュー ========== */

.header_inbox .head_contents_01 {
	width: 100%;
}
.header_inbox .head_contents_01:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	font-size: 0.01em;
	height: 0px;
	overflow: hidden;
}
/* ロゴ */
.logotype {
	float: left;
}
.logotype .header_bttl {
	display: block;
	width: 100%;
	margin-bottom: 3px;
	font-size: 93%;
	font-weight: normal;
	color: #52280f;
	text-align: left;
	position: inherit;
}
h1 {
	position: inherit;
}
#main .page_big_ttl {
	border-top: 1px solid #e7e5d5;
	border-bottom: 1px solid #e7e5d5;
	font-size: 192.30769%;
	color: #4f2004;
	font-weight: bold;
	padding: 14px;
	background: white url(/common/css/img/ttl_green.gif) no-repeat left center;
	padding-left: 30px;
	position: static;
}

/* 会員メニュー＆登録ボタン＆お問い合わせ */
.member_menu {
	float: left;
	width: 738px;
}
.member_menu ul {
	text-align: right;
}
.member_menu ul:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	font-size: 0.01em;
	height: 0px;
	overflow: hidden;
}
.member_menu ul li {
	display: inline-block;
	vertical-align: middle;
}
/* 会員メニュー */
.member_menu ul li.h_icon {
	margin: 5px 5px 0;
	position:relative;
}
.member_menu ul li.h_icon a {
	display: block;
	width: 100%;
	height: auto;
	padding: 0;
	font-size: 68%;
	color: #ad9587;
	text-align: center;
	text-decoration: none;
}
.member_menu ul li.h_icon a img {
	display: block;
	margin: 0 auto 2px;
}
/* お知らせの赤丸 */
#head-tool {
	position: relative;
}
#head-tool span {
	display: block;
	width: 18px;
	height: 18px;
	padding-top: 3px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background: #ff0000;
	font-size: 98%;
	font-weight: bold;
	color: #fff;
	text-align: center;
	position: absolute;
	top: -10px;
	right: -5px;
}
#head-tool-red {
	position: relative;
}
#head-tool-red span {
	display: block;
	width: 14px;
	height: 14px;
	padding-top: 3px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background: #ff0000;
	font-size: 98%;
	font-weight: bold;
	color: #fff;
	text-align: center;
	position: absolute;
	top: -4px;
	right: 0px;
}
#head-tool-green {
	position: relative;
}
#head-tool-green span {
	display: block;
	width: 14px;
	height: 14px;
	padding-top: 8px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background: #00b100;
	font-size: 98%;
	font-weight: bold;
	color: #fff;
	text-align: center;
	position: absolute;
	top: -4px;
	right: -5px;
}
/* 会員登録ボタン */
.member_menu ul li.h_regist {
	margin: 10px 0 0 10px;
}
/* お問い合わせ */
.member_menu ul li.h_inq {
	margin: 0 0 5px 30px;
}
/* ログイン時のニックネーム */
.member_menu ul li.h_nickname {
	padding: 10px 5px 22px;
	font-size: 108%;
	color: #ff9900;
	text-align: right;
}
/*---- 最上部のグレーバー ----*/
#most_top {
	width: 100%;
	height: 24px;
	padding: 3px 0 0 0;
	background: url(https://www.will-gocon.net/img/headtab_bg.png) left bottom repeat-x;
}
#most_top .ttl {
	width: 960px;
	font-size: 89% !important;
	color: #4f2002;
	font-weight: bold;
	margin: 0 auto;
	padding-top: 4px;
	position: static;
}
/*---- グローバルメニュー ----*/
.head_contents_02 {
	width: 100%;
	margin: 12px 0 0;
	padding: 0;
}
.head_contents_02 ul {
	width: 100%;
	border-right: 1px solid #e7e5d5;
	overflow: hidden;
}
.head_contents_02 ul li {
	display: inline-block;
	border-left: 1px solid #e7e5d5;
}
.head_contents_02 ul li a {
	display: block;
	width: 100%;
	height: auto;
	padding: 3px 20px;
	font-weight: bold;
	color: #444;
	text-align: center;
	text-decoration: none;
}
.head_contents_02 ul li:first-of-type {
	width: 16%;
}
.head_contents_02 ul li:nth-of-type(2) {
	width: 13.5%;
}
.head_contents_02 ul li:nth-of-type(3) {
	width: 13.5%;
}
.head_contents_02 ul li:nth-of-type(4) {
	width: 13%;
}
.head_contents_02 ul li:nth-of-type(5) {
	width: 16%;
}
.head_contents_02 ul li:nth-of-type(6) {
	width: 12%;
}
.head_contents_02 ul li:last-of-type {
	width: 13%;
}
/*---- SNS ----*/
.snsbtnbox {
	position: absolute;
	bottom: -92px;
	right: 0px;
}
.snsbtnbox ul {
	text-align: right;
}
.snsbtnbox ul li {
	display: inline-block;
	vertical-align: middle;
}
.snsbtnbox ul li#fb { width: 75px;}

/*---- サービスメニュー ----*/
.service_navi {
	width: 100%;
	margin: 10px 0 0;
	padding: 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #fff;
}
.service_navi ul {
	display: table;
	width: 960px;
	margin: 0 auto;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.service_navi ul li {
	display: table-cell;
	width: 25%;
	border-right: 1px dotted #ccc;
	vertical-align: middle;
}
.service_navi ul li:last-of-type {
	border-right: none;
}
.service_navi ul li a {
	display: block;
	width: 100%;
	height: auto;
	padding-top: 10px;
	padding-bottom: 8px;
	font-size: 131%;
	font-weight: bold;
	color: #52280f;
	line-height: 1.23;
	text-decoration: none;
	position: relative;
}
.service_navi ul li a span {
	display: block;
	margin: 0 0 3px;
	font-size: 63%;
	font-weight: normal;
}

.service_navi ul li.navi01 a {
	padding-left: 65px;
	background: url(http://www.will-gocon.net/img/top/snav_icon.png) 20px 65% no-repeat;
}
.service_navi ul li.navi01 a span {
	color: #ffa400;
}

.service_navi ul li.navi02 a {
	padding-left: 72px;
	background: url(http://www.will-gocon.net/img/top/snav_icon_partycon.png) 45px 65% no-repeat;
}
.service_navi ul li.navi02 a span {
	color: #8AC847;
}

.service_navi ul li.navi03 a {
	padding-left: 95px;
	background: url(http://www.will-gocon.net/img/top/snav_icon_omicon.png) 50px 65% no-repeat;
}
.service_navi ul li.navi03 a span {
	color: #DF485D;
}

.service_navi ul li.navi04 a {
	padding-left: 85px;
	background: url(http://www.will-gocon.net/img/top/snav_icon_machicon.png) 50px 65% no-repeat;
}
.service_navi ul li.navi04 a span {
	color: #F76C96;
}

.service_navi ul li.navi01:hover { background-color: #ffa400;}
.service_navi ul li.navi01 a:hover { background: url(http://www.will-gocon.net/img/top/snav_icon_on.png) 20px 65% no-repeat;}

.service_navi ul li.navi02:hover { background-color: #8AC847;}
.service_navi ul li.navi02 a:hover { background: url(http://www.will-gocon.net/img/top/snav_icon_partycon_on.png) 45px 65% no-repeat;}

.service_navi ul li.navi03:hover { background-color: #DF485D}
.service_navi ul li.navi03 a:hover { background: url(http://www.will-gocon.net/img/top/snav_icon_omicon_on.png) 50px 65% no-repeat;}

.service_navi ul li.navi04:hover { background-color: #F76C96;}
.service_navi ul li.navi04 a:hover { background: url(http://www.will-gocon.net/img/top/snav_icon_machicon_on.png) 50px 65% no-repeat;}

.service_navi ul li:hover a,
.service_navi ul li:hover a span {
	color: #fff;
}
/* 合コンセッティングの場合 */
.setting ul li.navi01 a {
	padding-left: 65px;
	background: #ffa400 url(http://www.will-gocon.net/img/top/snav_icon_on.png) 20px 65% no-repeat;
	color: #fff;
}
.setting ul li.navi01 a span {
	color: #fff;
}
/* パーティーコンの場合 */
.partycon ul li.navi02 a {
	padding-left: 72px;
	background: #8AC847 url(http://www.will-gocon.net/img/top/snav_icon_partycon_on.png) 45px 65% no-repeat;
	color: #fff;
}
.partycon ul li.navi02 a span {
	color: #fff;
}
/* おみコンの場合 */
.omicon ul li.navi03 a {
	padding-left: 95px;
	background: #DF485D url(http://www.will-gocon.net/img/top/snav_icon_omicon_on.png) 50px 65% no-repeat;
	color: #fff;
}
.omicon ul li.navi03 a span {
	color: #fff;
}
/* 街コンの場合 */
.machicon ul li.navi04 a {
	padding-left: 85px;
	background: #F76C96 url(http://www.will-gocon.net/img/top/snav_icon_machicon_on.png) 50px 65% no-repeat;
	color: #fff;
}
.machicon ul li.navi04 a span {
	color: #fff;
}


.setting ul li.navi01 a:after,
.partycon ul li.navi02 a:after,
.omicon ul li.navi03 a:after,
.machicon ul li.navi04 a:after {
	content: "";
	border-bottom: 7px solid #fdf9ef;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
	position: absolute;
	bottom: -1px;
	left: 45%;
}


/*----- ページタイトル用h2 -----*/
#main h2.page_ttl {
	border-top: 1px solid #e7e5d5;
	border-bottom: 1px solid #e7e5d5;
	font-size: 192.30769%;
	color: #4f2004;
	font-weight: bold;
	padding: 14px;
	background: white url(/common/css/img/ttl_green.gif) no-repeat left center;
	padding-left: 30px;
	position: static;
}
#main h2.page_mttl {
	border-bottom: 1px solid #e7e5d5;
	border-top: 1px solid #e7e5d5;
	font-size: 123.07692%;
	color: #FFF;
	font-weight: bold;
	padding: 12px;
	background: url(/common/css/img/sttl_mds.gif) no-repeat left center;
	background-color: #0bbf8e;
	padding-left: 24px;
	margin-top: 10px;
}
.clearfix h3 {
	background: none !important;
	border-top: none !important;
	border-bottom: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* ===========================
  フッター
=========================== */
#footerbox {
	width: 100%;
	margin: 0;
	border-top: 1px solid #e7e5d5;
	background: #FDF9EF;
}
#footer_inbox {
	width: 960px;
	margin: 0 auto;
	padding: 12px 0 15px;
}
#footer_inbox:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	font-size: 0.01em;
	height: 0px;
	overflow: hidden;
}
#footer_inbox .left_footer,
#footer_inbox .right_footer {
	float: left;
}
#footer_inbox .left_footer {
	width: 25%;
	text-align: left;
}
#footer_inbox .left_footer p {

}
#footer_inbox .left_footer ul#privacybox {
	width: 100%;
	letter-spacing: -.40em;
	margin-top: 20px;
}
#footer_inbox .left_footer ul#privacybox li {
	display: inline-block;
	padding: 10px;
	border: 1px solid #e7e5d5;
	background: #fff;
	vertical-align: top;
}
#footer_inbox .left_footer ul#privacybox li:first-of-type {
	margin-right: 3px;
	padding: 5px;
}

#footer_inbox .right_footer {
	width: 75%;
	padding-left: 15px;
	font-size: 16px;
	color: #52280f;
	text-align: left;
	box-sizing: border-box;
}
#footer_inbox .right_footer:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	font-size: 0.01em;
	height: 0px;
	overflow: hidden;
}
#footer_inbox .right_footer dl {
	float: left;
}
#footer_inbox .right_footer dl:first-of-type {
	width: 520px;
}
#footer_inbox .right_footer dl:last-of-type {
	width: 185px;
}
#footer_inbox .right_footer dl dt,
#footer_inbox .right_footer dl dd {
	width: 100%;
}
#footer_inbox .right_footer dl dt {
	font-size: 16px;
	font-weight: bold;
}
#footer_inbox .right_footer dl dd {

}
#footer_inbox .right_footer dl dd ul {
	display: inline-block;
	width: 100%;
	vertical-align: top;
}
#footer_inbox .right_footer dl:first-of-type dd ul:first-of-type {
	width: 38%;
}
#footer_inbox .right_footer dl:first-of-type dd ul:nth-of-type(2) {
	width: 30%;
}
#footer_inbox .right_footer dl:first-of-type dd ul:last-of-type {
	width: 30%;
}
#footer_inbox .right_footer dl dd ul li {
	margin-top: 8px;
	padding-left: 16px;
	position: relative;
}
#footer_inbox .right_footer dl dd ul li a {
	color: #52280f;
}
#footer_inbox .right_footer dl dd ul li:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 2px;
	width: 5px;
	height: 5px;
	margin: -4px 0 0 0;
	border-top: solid 1px #52280f;
	border-right: solid 1px #52280f;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: 9999;
}
#footer_inbox .right_footer dl:first-of-type dd ul li:first-of-type {
	padding-left: 18px;
	font-weight: bold;
}
#footer_inbox .right_footer dl:first-of-type dd ul li:first-of-type:before {
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
}
#footer_inbox .right_footer dl:first-of-type dd ul li:first-of-type:after {
	display: block;
	content: "";
	position: absolute;
	top: -5%;
	left: -3px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background: #52280f;
	z-index: 999;
}
#footerbox .bottom_base {
	clear: both;
	width: 960px;
	margin: 0 auto;
	padding: 0 0 10px;
	text-align: center;
}
#footerbox .bottom_base {
	clear: both;
	width: 960px;
	margin: 0 auto;
	padding: 0 0 10px;
	text-align: center;
}
#footerbox .bottom_base a {
	color: #52280F;
}
/*---- ミニ用 ----*/
.mini_footer p {
	display: inline-block;
}
.mini_footer ul#privacybox {
	display: inline-block;
	letter-spacing: -.40em;
	margin: 5px 0 0 20px;
	padding: 0;
	vertical-align: top;
}
.mini_footer ul#privacybox li {
	display: inline-block;
	padding: 10px;
	border: 1px solid #e7e5d5;
	background: #fff;
	vertical-align: top;
}
.mini_footer ul#privacybox li:first-of-type {
	margin-right: 3px;
	padding: 5px;
}
.mini_footer ul.org_info {
	display: inline-block;
	margin: 35px 0 0;
	padding: 0;
	list-style-type: none;
	vertical-align: top;
}
.mini_footer ul.org_info li {
	display: inline-block;
	padding: 0 18px;
	border-right: 1px solid #ccc;
}
.mini_footer ul.org_info li a {

}
.mini_footer ul.org_info li a:hover {
	text-decoration: none;
}
/*---- スポンサーバナー ----*/
.sponsor {
	clear: both;
	display: block;
	width: 100%;
	margin: 5px auto 10px;
	padding: 10px 0 5px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	background: #fff;
}
.sponsor ul {
	width: 960px;
	margin: 0 auto;
	text-align: center;
}
.sponsor ul li {
	display: inline-block;
	width: 18%;
	margin: 0;
}
/*---- 著作 ----*/
#copyright {
	clear: both;
	width: 100%;
	background: #52413c;
}
#copyright span {
	display: block;
	margin: 0 auto;
	width: 960px;
	text-align: right;
	padding: 16px 0px;
}


.service_navi ul li.navi01 a {
	padding-left: 145px;
	background: url(https://www.will-gocon.net/img/top/snav_icon.png) 95px 65% no-repeat;
}
.service_navi ul li.navi03 a {
	padding-left: 130px;
	background: url(https://www.will-gocon.net/img/top/snav_icon_omicon.png) 85px 65% no-repeat;
}
.service_navi ul li.navi04 a {
	padding-left: 85px;
	background: url(https://www.will-gocon.net/img/top/snav_icon_machicon.png) 50px 65% no-repeat;
}

.service_navi ul li.navi01:hover { background-color: #ffa400;}
.service_navi ul li.navi01 a:hover { background: url(https://www.will-gocon.net/img/top/snav_icon_on.png) 95px 65% no-repeat;}

.service_navi ul li.navi03:hover { background-color: #DF485D}
.service_navi ul li.navi03 a:hover { background: url(https://www.will-gocon.net/img/top/snav_icon_omicon_on.png) 85px 65% no-repeat;}

.service_navi ul li.navi04:hover { background-color: #F76C96;}
.service_navi ul li.navi04 a:hover { background: url(https://www.will-gocon.net/img/top/snav_icon_machicon_on.png) 50px 65% no-repeat;}

/* 合コンセッティングの場合 */
.setting ul li.navi01 a {
	background: #ffa400 url(https://www.will-gocon.net/img/top/snav_icon_on.png) 95px 65% no-repeat;
	color: #fff;
}
.setting ul li.navi01 a span { color: #fff;}
/* おみコンの場合 */
.omicon ul li.navi03 a {
	background: #DF485D url(https://www.will-gocon.net/img/top/snav_icon_omicon_on.png) 85px 65% no-repeat;
	color: #fff;
}
.omicon ul li.navi03 a span { color: #fff;}
/* 街コンの場合 */
.machicon ul li.navi04 a {
	background: #F76C96 url(https://www.will-gocon.net/img/top/snav_icon_machicon_on.png) 50px 65% no-repeat;
	color: #fff;
}
.machicon ul li.navi04 a span { color: #fff;}