@charset "UTF-8";
/*
Theme Name: Housing Expo Theme
Version: 1.0
*/

*:where(:not(html, iframe, canvas, img, svg, video, audio) :not(svg*, symbol*)) {
	all: unset;
	display: revert;
}

*, *::before,
*::after {
	box-sizing: border-box;
}

html {
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
	scroll-behavior: smooth;
}
a,
button {
	cursor: revert;
	text-decoration: none;
	color: inherit;
}

ol,
ul,
menu,
summary {
	list-style: none;
}

img {
	max-inline-size: 100%;
	max-block-size: 100%;
	vertical-align: bottom;
}

table {
	border-collapse: collapse;
}

input,
textarea {
	-webkit-user-select: auto;
}

textarea {
	white-space: revert;
}

meter {
	-webkit-appearance: revert;
	-moz-appearance: revert;
	appearance: revert;
}

:where(pre) {
	all: revert;
	box-sizing: border-box;
}

::-moz-placeholder {
	color: unset;
}

::placeholder {
	color: unset;
}

:where([hidden]) {
	display: none;
}

:where([contenteditable] :not([contenteditable=false])) {
	-moz-user-modify: read-write;
	-webkit-user-modify: read-write;
	overflow-wrap: break-word;
	-webkit-line-break: after-white-space;
	-webkit-user-select: auto;
}

:where([draggable=true]) {
	-webkit-user-drag: element;
}

:where(dialog:modal) {
	all: revert;
	box-sizing: border-box;
}

* {
	margin: 0;
	padding: 0;
}

button {
	padding: 0;
	border: none;
	outline: none;
	font: inherit;
	color: inherit;
	background: none;
}

.material-symbols-outlined {
	font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}

body {
	/*	font-family: "Roboto", "Zen Kaku Gothic New", sans-serif; */
	font-family: "Noto Sans Japanese", sans-serif;
	font-size: 16px;
	font-weight: 300;
}

h1 {
	font-weight: 500;
	line-height: 1.2;
}

p {
	line-height: 1.8;
	letter-spacing: 0.5px;
	font-size: 1em;
	margin-bottom: 1em;
}

/*-------------------------
ヘッダーレイアウト
-------------------------*/
.header {
	width: 100%;
	height: 60px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
}
.header__inner {
	width: inherit;
	height: inherit;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-inline: min(5vw, 32px);
}

.logo {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	height: 30px;
}
.logo__link {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	height: inherit;
}
.logo__img {
	width: auto;
	height: 100%;
}

/*-------------------------
グローバルナビゲーション(PC)
-------------------------*/
.hamburger {
	display: none;
}

.gnav {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}
.gnav__list {
	display: flex;
	justify-content: center;
	align-items: center;
	-moz-column-gap: 2rem;
	column-gap: 2rem;
}
.gnav__link {
	font-weight: 700;
	transition: color 300ms ease;
}
.gnav__link:hover {
	color: #EC508F;
	transition: color 300ms ease;
}
.gnav .form__link {
	padding: 0.5em 1em;
	background-color: #EC508F;
	color: #fff;
	border-radius: 100px;
	font-weight: 700;
}

@media (max-width: 900px) {
	.hamburger {
		display: block;
		width: 30px;
		height: 30px;
		position: fixed;
		top: 20px;
		right: min(5vw, 32px);
		z-index: 999;
		cursor: pointer;
	}
	.hamburger.active span {
		background: #fff;
	}
	.hamburger.active span:first-child {
		transform: rotate(45deg) translate(3px, 10px);
	}
	.hamburger.active span:nth-child(2) {
		opacity: 0;
	}
	.hamburger.active span:last-child {
		transform: rotate(-45deg) translate(5px, -11px);
	}
	.hamburger-bar {
		width: 100%;
		height: 2px;
		border-radius: 10px;
		background-color: #000;
		display: block;
	}
	.hamburger-bar:nth-child(2) {
		margin-block: 8px;
	}
	.gnav {
		width: min(100%, 300px);
		height: 100vh;
		background-color: #EC508F;
		position: fixed;
		top: 0;
		right: 0;
		transform: translateX(100%);
		transition: all 300ms ease;
	}
	.gnav.active {
		transform: translateX(0);
	}

	.gnav__link {
		display: block;
		width: 100%;
		padding: 1em 1em;
		text-align: center;
		color: #fff;
		font-size: 20px;
		transition: background-color 300ms ease;
	}
	.gnav__link:hover {
		color: #fff;
		background-color: #d33474;
		transition: background-color 300ms ease;
	}
	.gnav .form-btn {
		width: 100%;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		display: grid;
		place-content: cneter;
		margin-top: 16px;
	}
	.gnav .form__link {
		display: inline-block;
		width: 80%;
		margin-inline: auto;
		background-color: #FFE75D;
		color: #EC508F;
		padding: 1em 2em;
		text-align: center;
		font-size: 20px;
		font-weight: 900;
		box-shadow: 0px 4px 0px 0px color-mix(in srgb, #FFE75D, black 30%);
	}
	.gnav .form__link:hover {
		box-shadow: none;
		transform: translateY(4px);
	}
	.gnav__list { display: block; }
}
/*-------------------------
メインコンテンツ-レイアウト
-------------------------*/
.main {
	width: 100%;
	margin-top: 60px;
}
.main__inner {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	-moz-column-gap: 0px;
	column-gap: 0px;
}

.kv {
	width: 100%;
	height: 100vh;
	padding-inline: calc(min(5vw, 32px) + 16px);
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	left: 0;
	display: grid;
	justify-items: end;
	align-items: center;
}
.kv__img {
	width: min(100%, 640px);
	animation: updown 2s ease-in-out infinite alternate-reverse;
}

@-webkit-keyframes updown {
	from {
		transform: translateY(-5%);
	}
	to {
		transform: translateY(5%);
	}
}

@keyframes updown {
	from {
		transform: translateY(-5%);
	}
	to {
		transform: translateY(5%);
	}
}
.contents {
	width: 100%;
}
.contents__inner {
	width: min(94%, 700px);
	display: grid;
	justify-self: center;
}

@media (max-width: 767px) {
	.main { }
	.main__inner {
		display: block;
	}
	.kv {
		width: 100%;
		height: auto;
		position: static;
		place-content: center;
		margin: auto;
		padding-inline: calc(min(5vw, 1px) + 10px);		
	}
	.contents__inner {
		margin-inline: auto;
	}
}
.main-heading {
	width: 100%;
	height: auto;
	display: grid;
	place-content: center;
}
.main-heading__img {
	width: min(100%, 600px);
}
@media (max-width: 756px) {
	.main-heading {
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		margin-bottom: 64px;
	}
}

/*-------------------------
参加企業ロゴ カルーセル
-------------------------*/
.corp-logo {
	margin-bottom: 80px;
	overflow: hidden;
}
.corp-logo .carousel {
	display: grid;
	grid-auto-columns: 13rem;
	grid-auto-flow: column;
	justify-items: center;
	-webkit-animation: scroll-to-left 12s linear infinite;
	animation: scroll-to-left 12s linear infinite;
}
.corp-logo .carousel img {
	height: 60px;
}
.corp-logo .loop-left {
	margin-bottom: 24px;
}

@-webkit-keyframes scroll-to-left {
	to {
		translate: -104rem;
	}
}

@keyframes scroll-to-left {
	to {
		translate: -104rem;
	}
}

/*-------------------------
section フォーム
-------------------------*/
.sec__form {
	width: 100%;
	padding-block: 60px;
}

.sec__inner {
	width: 100%;
	padding-inline: min(5vw, 12px);
}

.form__container {
	text-align: center;
}
.form__container .info__label {
	background-color: #EC508F;
	display: inline-block;
	padding: 0.25em 2em;
	margin-bottom: 8px;
	border-radius: 100px;
	color: #fff;
}
.form__container ul {
	margin-bottom: 24px;
}
.form__container li {
	font-size: 1.2em;
	font-weight: 500;
}
.form__container span.txt {
	font-size: 14px;
}
.form__container .form-btn {
	width: min(100%, 400px);
	margin-top: 24px;
	background-color: #FFE75D;
	display: inline-block;
	padding: 1em 2em;
	border-radius: 100px;
	font-size: 1.4rem;
	font-weight: 700;
	box-shadow: 0px 4px 0px 0px color-mix(in srgb, #FFE75D, black 30%);
}
.form__container .form-btn:hover {
	box-shadow: none;
	transform: translateY(4px);
	background-color: color-mix(in srgb, #FFE75D, white 30%);
}
.form__container .form-btn span {
	font-size: 1rem;
	color: #EC508F;
	display: block;
}

.formlinkbtn {
	display: flex;
	justify-content: center;
	padding: 0px;
}

.formlinkbtn a {
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	font-weight: bold;
	color: #1a1a1a;
	background-color: #ffe152;
	border-radius: 60px;
	box-shadow: 0 5px 0 #ccb441;
	transition: transform 0.1s;
	font-family: sans-serif;
}
.formlinkbtn a:hover,
.formlinkbtn a:active {
	transform: translateY(3px);
	box-shadow: 0 2px 0 #ccb441;
}
.footfix {
	position: fixed;
	bottom: 20%;
	right: 0px;
}

@media screen and (max-width: 767px) {
	.footfix {
		position: fixed;
		bottom: 0px;
		right: 10px;
	}	
	.formlinkbtn a {
		width: 100%;
		max-width: 350px;
		padding: 18px 40px;
		font-size: 18px;
	}
	.formlinkbtn a::after { content: "▼"; }
}

@media screen and (min-width: 768px) {
	.formlinkbtn a {
		writing-mode: vertical-rl;
		padding: 30px 25px;
		font-size: 20px;
		letter-spacing: 0.2em;
		text-orientation: upright;
		align-items: flex-start;
	}
	.formlinkbtn a::after { 
		content: "▼"; 
		writing-mode: horizontal-tb;
		margin-top: 10px;
	}
}
/*-------------------------
section タイムスケジュール
-------------------------*/
.sec__heading {
	width: 100%;
	padding-block: 16px;
	margin-bottom: 16px;
	background-color: #EC508F;
	display: grid;
	place-content: center;
}
.sec__heading img {
	height: 60px;
}

.schedule {
	width: 100%;
}

.timetable {
	display: table;
	width: 92%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
}
.timetable tbody {
	border-bottom: dotted 2px #EC508F;
}
.timetable tbody:has(.schedule__caption) .schedule__caption {
	padding-bottom: 16px;
}
.timetable tbody:not(:has(.schedule__caption)) td {
	padding-bottom: 16px;
}
.timetable td {
	font-size: 1.1rem;
	padding-top: 16px;
	font-weight: 500;
	vertical-align: top;
}
.timetable td.hour { width: 4.5em;  }
.timetable td.item span.sub-text { display: block; font-size: 14px; font-weight: 300; }
.timetable .hour {
	font-size: 1.5em;
	font-weight: 600;
	color: #EC508F;
	padding-right: 0px;
}
.timetable .schedule__caption {
	padding-top: 4px;
	font-size: 14px;
	font-weight: 500;
	color: #6e6e6e;
	letter-spacing: 1;
}

/*-------------------------
section 特典
-------------------------*/
.present_card {
	border: solid 6px #EC508F;
	border-radius: 16px;
	margin: 40px min(5vw,12px);
	position: relative;
}
.present_card h3 {
	display: inline-block;
	width: 90%;
	text-align: center;
	position: absolute;
	top: -2rem;
	left: 50%;
	transform: translate(-50%, 0);
	padding-inline: 1rem;
	margin-inline: auto;
	background: #fff;
	font-size: clamp(1em, 3vw, 1.6em);
	color: #EC508F;
	font-weight: 900;
}
.present_card .card__body {
	padding-inline: min(5vw, 22px);
	text-align: center;
	width: 50%;
}
.present_card .card__body_wrap { display: flex; justify-content: center; }
.present_card p {
	margin-top: 20px;
}
.present_card strong {
	font-size: 1.2em;
	font-weight: 500;
	color: #EC508F;
	display: inline-block;
	padding-bottom: 0.5em;
}
.point {
	font-weight: 600;
	color: #EC508F;
}

.present_card img {
	margin-bottom: 40px;
	border-radius: 16px;
	border: 1px solid #eee;
}
@media (max-width: 756px) {
	.present_card h3 {
		width: 92%;
		font-size: 16px;
		top: -1.1em;
	}
}

/*-------------------------
section 企業一覧
-------------------------*/
.corp {
	width: 100%;
	margin-top: 60px;
}

.gallery {
	width: 100%;
}
.gallery__inner {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px 16px;
}

.thumbnail {
	width: 100%;
	aspect-ratio: 3/2;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 10px;
}

.corp__card span {
	font-size: 12px;
	font-weight: 500;
	color: #EC508F;
	line-height: 1.3em;
	display: block;
}
.corp__card p {
	font-weight: 500;
	font-size: 15px;
}

.card__body {
	padding-inline: 8px;
	margin-top: 8px;
}

.display-none {
	display: none;
}

.footer {
	width: 100%;
	padding-block: 24px;
	margin-top: 40px;
	background-color: #EC508F;
	color: #fff;
	text-align: center;
	display: grid;
	place-content: center;
}
.footer li {
	margin-bottom: 0.5rem;
}

/*----------------
企業ページ
(各セクション)
----------------*/
.corp__main {
	margin-top: 84px;
}

.corp__inner {
	width: min(100%, 1050px);
	margin-left: auto;
	margin-right: auto;
}

.article {
	width: 100%;
}
.article h1 {
	font-size: 2.5em;
	margin: 1em 0px 1em;
}
.introduction__inner h1 {
	font-size: 2.5em;
	margin: 1em 0px 1em;
}
.introduction__inner h3 {
	margin-bottom: 8px;
	color: #EC508F;
	font-weight: 900;
}
.introduction__inner p {
	margin-bottom: 24px;
}
.introduction__inner img {
	width: 100%;
	margin-bottom: 16px;
}

.infomation {
	background-color: #e0e0e0;
	border-radius: 10px;
	padding: 24px;
}
.infomation__inner {
	display: grid;
	grid-template-columns: 2fr 1fr;
	-moz-column-gap: 16px;
	column-gap: 16px;
	place-content: center;
}
.infomation__list li {
	margin-bottom: 16px;
	display: flex;
	align-items: center;
}
.infomation__list li .infomation__label {
	display: inline-block;
	width: 3rem;
	margin-right: 16px;
	border-right: solid 2px #000;
	text-align: justify;
	line-height: 1;
}
.infomation__list li .infomation__content { 	flex: 1;　}
.googlemap iframe {
	width: 100%;
	aspect-ratio: 1;
	-o-object-fit: cover;
	object-fit: cover;
}

.gallery-area h3 {
	text-align: center;
	margin-bottom: 16px;
}

.home-btn {
	display: inline-block;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	padding: 8px 16px;
	margin-top: 24px;
	border: 2px solid #000;
	border-radius: 100px;
}

.main-heading.sec__inner {
	color: #000;
	line-height: 1.2;
	padding: 20px;
	max-width: 600px;
	margin: 0 auto 50px;
	word-break: break-all;
}

.event-copy {
	font-weight: 600;
	/* clamp(最小, 推奨, 最大) でレスポンシブなフォントサイズを実現 */
	font-size: clamp(1.4em, 4vw, 3em);
	letter-spacing: 1px;
	margin-bottom: 0.6em;
	line-height: 1.4em;
}

.event-copy span {
	display: block;
}

/* 日時・場所のセクション（ピンク色） */
.event-details {
	color: #e95484; /* デザインに合わせたマゼンタ・ピンク */
	font-weight: 700;
}

/* 日付部分のレイアウト */
.event-date {
	font-size: clamp(1.8rem, 7vw, 3.5rem);
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 0 0.2rem;
	margin-bottom: 0.5rem;
}

.date-bracket {
	font-size: 0.5em;
	margin: 0 0.1em;
	vertical-align: middle;
}

.start-time {
	font-size: 0.5em;
	margin-left: 0px;
	letter-spacing: 0.05em;
	font-weight: 900;
}

/* 場所部分 */
.event-location {
	font-size: clamp(1em, 2.5vw, 2em);
	display: flex;
	align-items: center;
	letter-spacing: -3px;
	font-weight: 900;
}

.location-label {
	margin-right: 0.1em;
}

/* 装飾的な調整 */
.bold-num {
	font-size: 0.8em;
	font-feature-settings: "palt"; /* プロポーショナルメトリクス */
}
.bold-num.date { font-size: 1.2em; font-weight:900; }
.topttl {
	background-color: #e95295;
	color: #ffffff;
	text-align: center;
	padding: 24px 10px;
	margin: 0 auto 30px;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.topttl-main {
	font-size: 36px;
	font-weight: 900;
	letter-spacing: -1px;
	line-height: 1;
	margin-bottom: 8px;
	white-space: nowrap;
}

.topttl-sub {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	white-space: nowrap;
}
.topttl02 {
	font-size: 24px;
	text-align: center;
	margin: 0 auto 0.8em;
}
.clearfix:after {
	clear: both;
	content: "";
	display: block;
}
.eventbloc {
	margin-bottom: 30px;
}
.eventbloc img { border-radius: 10px; margin-bottom: 10px; float: left; margin-right: 20px; width: 48%;  }

.aligncenter { text-align: center; }
a.morelink {
	background: #FFE75D;
	display: inline-block;
	padding: 1em 3em;
	border-radius: 30px;
	text-align: center;
	font-size: 16px;
	font-weight:500;
	box-shadow: 0px 4px 0px 0px 
		color-mix(in srgb, #FFE75D, black 30%);
}
a.morelink:hover {
	box-shadow: none;
	transform: translateY(4px);
	background-color: 
		color-mix(in srgb, #FFE75D, white 30%);
}
.content-area {
	overflow: hidden;
}

.profile-img-frame {
	float: right;
	width: 40%;
	aspect-ratio: 1 / 1;
	margin: 0 0 20px 10px;
	background-color: #eee;
	position: relative;
}
.main-text::first-letter {
	float: left;
	font-size: 3em;
	font-weight: 600;
	line-height: 1;
	margin-right: 0px;
	color: #000;
}
.profile-img-frame img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.main-text {
	letter-spacing: 0px;
}
.main-text strong { font-weight: 500;}
.contactform {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 30px;
	color: #333;
}

.contactform tr {
	border-bottom: 1px solid #eee;
}

.contactform th {
	width: 30%;
	text-align: left;
	padding: 20px;
	background-color: #f9f9f9;
	vertical-align: top;
	line-height: 1.6;
	font-weight: 500;
}

.contactform td {
	width: 70%;
	padding: 20px;
	vertical-align: middle;
	line-height: 1.8;
}

.contactform th .hissu {
	background-color: #ff4d4d;
	color: #fff;
	font-size: 10px;
	padding: 2px 6px;
	border-radius: 3px;
	margin-left: 8px;
	vertical-align: middle;
	display: inline-block;
	line-height: 1;
}

.contactform td input[type="text"],
.contactform td input[type="email"],
.contactform td input[type="tel"],
.contactform td select,
.contactform td textarea {
	width: 100%;
	padding: 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	font-size: 15px;
	background-color: #fff;
	transition: border-color 0.2s;
	font-family: inherit;
	font-weight: 300;
}

.contactform td input:focus,
.contactform td select:focus,
.contactform td textarea:focus {
	border-color: #ffe152;
	outline: none;
	box-shadow: 0 0 0 2px rgba(255, 225, 82, 0.2);
}

.contactform td select {
	margin: 10px 0 10px 0;
}

.contactform td input.age {
	width: 60px;
	display: inline-block;
	margin: 0 5px 10px;
	text-align: center;
}

/* 住所セクション */
.contactform td .spw {
	display: inline-block;
	width: 100px;
	font-weight: 500;
	margin-top: 15px;
}

.contactform td #zip {
	width: 150px;
}

.contactform td .red {
	color: #ff4d4d;
	font-size: 12px;
	display: block;
	margin-top: 5px;
}

div[style*="text-align: center"] {
	background-color: #f9f9f9;
	padding: 10px 10px 10px !important;
	border-radius: 8px;
	margin-top: 20px;
}
.contactform p { margin: 0px; }
input[type="checkbox"] {
	transform: scale(1.3);
	margin-right: 10px;
}

/* 送信ボタン */
.aligncenter {
	text-align: center;
	padding-top: 20px;
}

.aligncenter input[type="submit"] {
	background-color: #ffe152;
	color: #1a1a1a;
	border: none;
	padding: 18px 80px;
	font-size: 18px;
	font-weight: bold;
	border-radius: 50px;
	cursor: pointer;
	box-shadow: 0 5px 0 #ccb441;
	transition: transform 0.1s;
	display: block;
	margin: auto;
}
div.wpcf7 .wpcf7-submit:disabled {
    background: #aaa;
    border-color: #aaa;
    color: #ddd;
}
.aligncenter input[type="submit"]:active {
	transform: translateY(3px);
	box-shadow: 0 2px 0 #ccb441;
}

.bloc3 {
	margin-top: 50px;
	padding: 20px;
	text-align: center;
	font-size: 13px;
	color: #666;
	line-height: 1.8;
	border-top: 1px solid #eee;
}

/* レスポンシブ対応 */
@media screen and (max-width: 767px) {
	.contactform th, .contactform td {
		display: block;
		width: 100%;
	}
	.contactform th {
		padding: 15px 20px 5px;
		background-color: transparent;
	}
	.contactform td {
		padding: 5px 20px 20px;
	}
	.contactform td .spw {
		width: 100%;
		margin-bottom: 5px;
	}
	.aligncenter input[type="submit"] {
		width: 100%;
		padding: 18px 0;
	}
}


@media (max-width: 900px) {
	.corp__inner {
		display: block;
	}
	.infomation__inner {
		display: block;
	}
	.googlemap iframe {
		aspect-ratio: 16/9;
	}
	.infomation {
		margin-bottom: 40px;
	}
}
@media (max-width: 767px) {
	body {
		font-size: 15px;
	}	
	.spbr { display: block; }
	.form__container .form-btn {
		width: min(100%, 400px);
		margin-top: 24px;
		padding: 0.5em 2em;
		box-shadow: 0px 4px 0px 0px color-mix(in srgb, #FFE75D, black 30%);
	}
	.present_card .card__body {
		padding-inline: 4px;
		text-align: center;
		width: 80%;
		margin: auto;
	}
	.present_card .card__body_wrap { display: block; }
	.present_card img { margin-bottom: 20px; }

	.topttl-main {
		font-size: 28px; 
		margin-bottom: 6px;
	}
	.topttl-sub {
		font-size: 16px;
	}
	.sec__inner {
		padding-inline: 0px;
		margin-left: auto;
		margin-right: auto;
	}
	.timetable td { font-size: 1em; }
	.timetable td.hour { font-size: 1em; }
	.timetable td.item span.sub-text { font-size: 13px; }
	.timetable { width: 96%; }
	.form__container span.txt {
		font-size: 12px;
	}
	.corp__card p {
		font-size: 13px;
	}
	.gallery__inner { gap: 10px;}
	.corp__card span { font-size: 10px; }

	.eventbloc img { border-radius: 10px; margin-bottom: 20px; float: none; margin-right: 0px; width: auto;  }
	.footer li { font-size: 12px; }
	.spclear { clear: both; }
}