/*============================================================================
Theme Name: 八幡平市商工会青年部
Theme URI: 
Version: 1.0
Author: スカヘルネット
Author URI: https://isp.sukaheru.net/
============================================================================*/
/* 初期設定
-------------------------------------------------------------*/
* {
	box-sizing: border-box;
}
body	{
	background: #0a51a1;
	margin: 0;
	padding: 0;
	font: 16px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	display: flex;
	flex-direction: column;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

/* text -----*/
.com	{ padding: 10px; }
p+p	{ margin-top: 5px; }
.c	{ text-align: center; }
.r	{ text-align: right; }
.red	{ color: red; }
.blue	{ color: blue; }
.green	{ color: green; }
.orange	{ color: orange; }
.small	{ font-size: 0.75em; }
.big	{ font-size: 1.25em; }
.fl	{ float: left; }
.fr	{ float: right; }
.mark:not(ul) {
	position: relative;
	padding-left: 20px;
}
.mark:not(ul)::before {
	position: absolute;
	left: 0;
	content: attr(data-mark);
}
.tel::before	{ content: "TEL："; }
.fax::before	{ content: "FAX："; }
.eml::before	{ content: "E-mail："; }

/* list -----*/
ul {
	list-style-type: none;
}
li+li {
	margin-top: 5px;
}
ul.mark li {
	position: relative;
	padding-left: 20px;
}
ul.mark li::before {
	position: absolute;
	left: 0;
	content: attr(data-mark);
}

/* image -----*/
img {
	max-width: 100%;
	width: auto;
	max-height: 400px;
	height: auto;
	border: 0;
	vertical-align: bottom;
}
img.fl {
	float: left;
	margin: 0 10px 10px 0;
}
img.fr {
	float: right;
	margin: 0 0 10px 10px;
}
figure.noimage {
	position: relative;
	max-width: 600px;
	padding-top: 75%;
	border: 1px solid #ccc;
	background: #fff;
}
figure.noimage::before {
	content: "No Image";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #ccc;
}

/* flexbox --------------------*/
*+.box {
	margin-top: 15px;
}
/* flexbox --------------------*/
.column6, .column5, .column4, .column3, .column2 {
	display: flex;
	flex-wrap: wrap;
}
.column6>*	{ width: calc(100% / 6 - 1px); }
.column5>*	{ width: calc(100% / 5 - 1px); }
.column4>*	{ width: calc(100% / 4 - 1px); }
.column3>*	{ width: calc(100% / 3 - 1px); }
.column2>*	{ width: calc(100% / 2 - 1px); }

/* table -----*/
table {
	border: 1px solid #acacac;
	border-collapse: collapse;
}
table th,
table td {
	border: 1px solid #acacac;
	padding: 5px;
}

/* a --------------------*/
a {
	color: #06f;
	text-decoration: none;
}
a:hover	{
	color: #f60;
}
.btn {
	width: 100%;
	margin: 30px auto;
	text-align: center;
}
.btn a {
	display: inline-block;
	width: 150px;
	background: #097CEB;
	padding: 10px;
	text-align: center;
	color: #fff;
	font-weight: bold;
}
.btn a:hover {
	background: #0a51a1;
}

/* article/section --------------------*/
article,section	{
	margin-bottom: 35px;
}
article[id],section[id]	{
	margin-top: -35px;
	padding-top: 35px;
}
section:last-child {
	margin-bottom: 0;
}

/* drawer menu --------------------*/
.drawer--top .drawer-hamburger {
	display: none;
}
.drawer--top .drawer-hamburger,
.drawer--top.drawer-open .drawer-hamburger {
	right: 0;
	z-index: 20;
	padding-top: 16px;
}
.drawer--top.drawer-open .drawer-hamburger-icon {
	transform: rotate(360deg);
}
.drawer--top.drawer-open .drawer-hamburger-icon::before {
	transform: translateY(0) rotate(-45deg);
}
.drawer--top.drawer-open .drawer-hamburger-icon::after {
	transform: translateY(0) rotate(45deg);
}
.drawer--top .drawer-nav {
	top: 20px;
	height: 0;
}
.drawer--top.drawer-open .drawer-nav {
	z-index: 15;
	top: 54px;
	height: 100vh;
	animation: drawer-fade-in 1.5s;
	background: rgba(255,255,255,0.9);
}
.drawer--top .drawer-nav .drawer-menu {
	display: flex;
	flex-wrap: wrap;
	max-width: 600px;
	width: 90%;
	margin: 20px auto;
	font-family: 'Noto Serif JP', serif;
}
.drawer--top .drawer-nav .drawer-menu .drawer-menu-item {
	width: calc(100% / 2);
	text-align: center;
}
.drawer--top .drawer-nav .drawer-menu .drawer-menu-item a {
	color: #333;
	text-decoration: none;
	font-weight: bold;
}
.drawer--top .drawer-nav .drawer-menu .drawer-menu-item:hover,
.drawer--top .drawer-nav .drawer-menu .drawer-menu-item a:hover {
	color: #910;
	text-decoration: none;
}
@keyframes drawer-fade-in	{
	0%	{ opacity: 0; }
	100%	{ opacity: 1; }
}
.drawer--top.drawer-open .drawer-overlay {
	z-index: 10;
}


/* breadcrumb --------------------*/
.breadcrumb {
	display: flex;
	width: 98%;
	margin: 10px auto;
	font-size: 0.8em;
}
.breadcrumb>* {
	display: inline-block;
	margin: 0 0 6px;
}
.breadcrumb>*:not(:last-child)::after {
	content: "＞";
	margin: 0 5px;
}



/* wrapper / レイアウト配置
---------------------------------------------------------------*/
#wrapper {
	max-width: 1300px;
	width: 98%;
	min-width: 1100px;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	margin: auto;
}
/* header */
header {
	background: #F9F6EA;
	margin-top: 30px;
	padding-left: 2%;
	padding-right: 2%;
}
/* contents */
.contents {
	flex: 1 1 auto;
	display: flex;
	background: #F9F6EA;
	padding: 30px 2%;
}
.main {
	order: 2;
	flex: 1;
	min-height: 100%;
	padding: 0 2%;
}
.sidebar {
	order: 1;
	max-width: 300px;
	width: 100%;
	margin-right: 40px;
}
/* footer */
footer {
	margin-top: auto;
}

/* header
---------------------------------------------------------------*/
header {
	display: flex;
}
header .logo {
	display: block;
	background: #fff;
	padding: 5px 6.5% 5px 10px;
}
header .logo  h1 a:first-child {
	display: block;
}
header .logo  h1 a:first-child img {
	width: 140px;
}
header .logo  h1 .ttl {
	display: block;
	font-size: 1.3em;
	color: #0850A0;
	transform: scale(1.3, 0.8);
	transform-origin: top left;
}
header .head-menu {
	background: #fff;
	flex: 1;
}
header .head-menu  ul {
	display: flex;
	justify-content: flex-end;
	height: 100%;
}
header .head-menu  ul li {
	position: relative;
	margin-top: 0;
}
header .head-menu  ul li::before {
	position: absolute;
	left: 0;
	top: 15px;
	bottom: 15px;
	content: "";
	width: 1px;
	background: #ccc;
}
header .head-menu  ul li:hover {
	background: #0a51a1;
}
header .head-menu  ul li a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 15px 0 60px;
	height: 100%;
	font-size: 0.95em;
	color: #333;
}
header .head-menu  ul li a:hover {
	color: #fff;
}
header .head-menu ul li.member a {
	padding-left: 70px;
	background: url(../images/ico_buin_off.png) no-repeat;
	background-size: 45px auto;
	background-position: 10px;
}
header .head-menu ul li.tar-h a {
	background: url(../images/ico_hirako.gif) no-repeat;
	background-size: 45px auto;
	background-position: 10px;
}
header .head-menu ul li.fb a {
	background: url(../images/ico_fb.png) no-repeat;
	background-size: 45px auto;
	background-position: 10px;
}
header .head-menu ul li.kanyu a {
	background: url(../images/ico_kanyu.png) no-repeat;
	background-size: 45px auto;
	background-position: 10px;
}

/* main
---------------------------------------------------------------*/
.main {
}
h2{
	position: relative;
	display: block;
	width: 95%;
	padding: 0 17%;
	margin: 0 auto 25px;
	text-align: center;
	font-size: 1.6em;
	color: #0A51A1;
}
h2::before, h2::after {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 25%;
	height: 1px;
	background: #0A51A1;
}
h2::before {
	left: 0;
	background: linear-gradient(-45deg, transparent, #0A51A1 10%, #0A51A1 30%, transparent);
}
h2::after {
	right: 0;
	background: linear-gradient(-45deg, transparent, #0A51A1 70%, #0A51A1 90%, transparent);
}
/* sidebar
---------------------------------------------------------------*/
/* 行事予定表 ----------*/
.sidebar .schedule {
	margin-bottom: 30px;
}
.sidebar .schedule .ttl {
	background: #3FA9F5;
	padding: 7px 0;
	text-align: center;
	color: #fff;
	font-weight: bold;
}
.sidebar .schedule ul {
	padding: 0 7px;
	font-size: 0.95em;
}
.sidebar .schedule ul li {
	padding: 10px 4px;
	border-bottom: 1px dashed #ccc;
}
.sidebar .schedule ul .date {
	display: block;
	font-weight: bold;
}
/* バナー ----------*/
.sidebar .banner ul {
	text-align: center;
}

/* footer
---------------------------------------------------------------*/
footer {
	text-align: center;
	color: #fff;
}
footer a {
	color: #fff;
	text-decoration: none;
}
footer a:hover {
	color: #fff;
	text-decoration: underline;
}
/* menu --------------------*/
footer .foot-menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 20px 10px 10px;
	font-size: 0.9em;
	line-height: 1;
}
footer .foot-menu li {
	margin-bottom: 8px;
	padding: 2px 14px 0;
	border-right: 1px solid #fff;
}
footer .foot-menu li:first-child {
	border-left: 1px solid #fff;
}
footer .foot-menu li+li {
	margin-top: 0;
}
footer .foot-menu li br {
	display: none;
}
/* about --------------------*/
footer .foot-about {
	padding: 15px 0;
}
footer .foot-about .name {
	font-size: 1.3em;
	font-weight: bold;
}
/* copyright --------------------*/
footer .copy {
	padding: 15px 0;
	font-size: 0.75em;
	color: #fff;
	text-decoration: none;
}
footer .copy::before {
	content: "Copyright";
	margin-right: 5px;
}
footer .copy::after {
	content: "All Rights reserved.";
	margin-left: 5px;
}

/* TOPページ ==============================*/
.top .info {
	margin: 30px auto;
}
.top .info iframe {
	display: block;
	background: #fff;
	margin: auto;
	width: 98%;
	border: 1px solid #0A51A1;
}
.top .info .infolist-link {
	margin-top: 10px;
	text-align: right;
	font-size: 0.85em;
}
.top .banner {
	margin: 20px auto 10px;
	text-align: center;
}

/* 個別データ ==============================*/
.member h2 {
	max-width: 600px;
}
.member .category {
	width: 98%;
	margin: 0 auto 20px;
	display: flex;
	justify-content: center;
}
.member .category li {
	flex: 1;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
	background: #6DAEF5;
	text-align: center;
	font-size: 0.9em;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}
.member .category li:first-child {
	border-radius: 6px 0 0 6px;
}
.member .category li:last-child {
	border-radius: 0 6px 6px 0;
}
.member .category li:not(:first-child) {
	border-left: 1px solid #2686F0;
}
.member .category li:hover,
.member .category li.active {
	background: #2686F0;
}
.member .date {
	font-size: 0.8em;
}
.member-list {
	width: 100%;
}
.member-list>.box {
	margin: 0 0 20px;
	padding: 0 10px;
	display: flex;
}
.member-list>.box .inner {
	width: 100%;
	padding: 6px;
	border: 1px solid #00b4ff;
	color: #333;
}
.member-list>.box .inner figure {
	width: 100%;
	margin: 0 auto 5px;
	text-align: center;
}
.member-list>.box .inner figure img {
	max-width: 100%;
	width: auto;
	max-height: 240px;
	height: auto;
}
.member-list>.box .inner .post {
	text-align: center;
	font-size: 0.85em;
	font-weight: bold;
}
.member-list>.box .inner .name {
	text-align: center;
	font-size: 1.2em;
}
.member-list>.box .inner .office {
	text-align: center;
	font-size: 0.85em;
}
.member-list>.box .inner .item {
	text-align: center;
	font-size: 0.75em;
}
.member-list>.box .inner a {
	display: block;
	width: 60%;
	margin: 5px auto;
	border: 1px solid #00b4ff;
	border-radius: 5px;
	padding: 6px 4px;
	text-align: center;
	font-size: 0.8em;
	color: #06f;
	line-height: 1;
}
.member-list>.box a:hover {
	background: #fff;
}

.member-box {
	display: flex;
	width: 100%;
	background: #fff;
	border: 1px solid #00b4ff;
	padding: 20px;
}
.member-box .inner {
	width: 50%;
	padding: 0 15px;
}
.member-box .member-data dl {
	overflow: hidden;
}
.member-box .member-data dl dt {
	display: flex;
	align-items: center;
	clear: both;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	color: #0A51A1;
	font-weight: bold;
}
.member-box .member-data dl dt::before {
	content: "◎";
}
.member-box .member-data dl dd {
	overflow: hidden;
	margin-bottom: 15px;
}
.member-box .member-info *+.box {
	margin-top: 30px;
}

.member-box .member-info .sns b {
	display: block;
	margin-bottom: 4px;
	border-bottom: 3px double #00b4ff;
	padding: 3px;
	text-align: center;
}

/* WEBサイト */
.member-box .member-info .web b {
	display: block;
	margin-bottom: 4px;
	border-bottom: 3px double #00b4ff;
	padding: 3px;
	text-align: center;
}
.member-box .member-info .web p {
	padding: 3px;
}

/* 事業所新着 */
.member-box .member-info .sns b {
	display: block;
	margin-bottom: 4px;
	border-bottom: 3px double #00b4ff;
	padding: 3px;
	text-align: center;
}
.member-box .member-info .sns>*+div {
	margin-top: 15px;
}

.member-box .member-info .no-sns {
	border: 1px solid #00b4ff;
	background: #F5FAF9;
	padding: 15px;
}
.member-box .member-info .no-sns b {
	display: block;
	margin-bottom: 4px;
	border-bottom: 3px double #00b4ff;
	padding: 3px;
}
.member-box .member-info .no-sns p {
	padding: 3px;
}
/* 動画 */
.member-box .member-info .movie b {
	display: block;
	margin-bottom: 10px;
	border-bottom: 3px double #00b4ff;
	padding: 3px;
	text-align: center;
}

.video-outer {
	position: relative;
	height: 0;
	padding: 0 0 56.25%;
	overflow: hidden;
	margin-bottom: 20px;
}
.video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-width: 100%;
}
.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

/* facebook --------------------*/
.fblist {
	display: flex;
	flex-wrap: wrap;
}
.fblist .box {
	margin-top: 0;
	width: 50%;
}
.facebook-wrapper {
	max-width: 500px;
	width: 100%;
	margin: 0 auto;
	padding: 10px;
}
.facebook-wrapper > .fb-page {
	width: 100%;
	display: block !important;
}
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
	width: 100% !important;
}

/* タブレット
---------------------------------------------------------------*/
@media screen and (max-width:800px) {

	/* wrapper / レイアウト配置
	---------------------------------------------------------------*/
	#wrapper {
		width: 100%;
		min-width: 100%;
	}
	/* header */
	header {
		margin-top: 0;
		padding: 0;
	}
	/* contents */
	.contents {
		display: block;
		background: #F9F6EA;
		padding: 30px 2%;
	}
	.main {
		order: 2;
		flex: 1;
		min-height: 100%;
		padding: 0 2%;
	}
	.sidebar {
		max-width: 100%;
		margin: 40px auto;
	}
	/* footer */
	footer {
		margin-top: auto;
	}


	/* header
	---------------------------------------------------------------*/
header {
	display: block;
}
	header .logo {
		width: 100%;
		padding: 0;
		display: block;
		height: 80px;
		border-bottom: 1px solid #ccc;
	}
	header .logo h1 {
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
	}
	header .logo h1 a:first-child {
		position: absolute;
		left: 6px;
		display: block;
	}
	header .logo h1 a:first-child img {
		height: 60px;
		width: auto;
	}
	header .logo h1 .ttl {
		display: block;
		font-size: 1.4em;
		transform: scale(1.1,1);
	}
header .head-menu {
	background: #fff;
	flex: 1;
	border-bottom: 1px solid #ccc;
}
header .head-menu  ul {
	display: flex;
	justify-content: flex-end;
	height: 66px;
}
header .head-menu  ul li {
	position: relative;
	width: calc(100% / 5);
	margin-top: 0;
}
header .head-menu  ul li::before {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	content: "";
	width: 1px;
	background: #ccc;
}
header .head-menu  ul li:hover {
	background: #0a51a1;
}
header .head-menu  ul li a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	padding: 0 10px 5px;
	height: 100%;
	text-align: center;
	font-size: 0.8em;
	color: #333;
	line-height: 1.1;
}
header .head-menu  ul li a:hover {
	color: #fff;
}
header .head-menu ul li.member a {
	padding-left: 10px;
	background: url(../images/ico_buin_off.png) no-repeat;
	background-size: 25px auto;
	background-position: center 6px;
}
header .head-menu ul li.tar-h a {
	background: url(../images/ico_hirako.gif) no-repeat;
	background-size: 25px auto;
	background-position: center 6px;
}
header .head-menu ul li.fb a {
	background: url(../images/ico_fb.png) no-repeat;
	background-size: 25px auto;
	background-position: center 6px;
}
header .head-menu ul li.kanyu a {
	background: url(../images/ico_kanyu.png) no-repeat;
	background-size: 25px auto;
	background-position: center 6px;
}

	/* サイド
	---------------------------------------------*/
	.sidebar .banner ul {
		display: flex;
		flex-wrap: wrap;
	}
	.sidebar .banner ul li {
		width: calc(100% / 3 - 1px);
		margin-top: 0;
		padding: 5px;
	}

	footer .copy::before,
	footer .copy::after {
		display: none;
	}




	/* 個別データ ==============================*/
	.member .category {
		flex-wrap: wrap;
	}
	.member .category li {
		flex: auto;
		width: calc(100% / 4);
		height: 50px;
		font-size: 0.8em;
	}
	.member .category li:first-child {
		border-radius: 6px 0 0 0;
	}
	.member .category li:nth-child(4) {
		border-radius: 0 6px 0 0;
	}
	.member .category li:nth-child(5) {
		border-left: 0;
		border-radius: 0 0 0 6px;
	}
	.member .category li:last-child {
		border-radius: 0 0 6px 0;
	}
	.member .category li:nth-child(-n+4) {
		border-bottom: 1px solid #2686F0;
	}
	.member-list>.box {
		width: calc(100%  / 3 - 1px);
	}
	.member-box {
		display: block;
		padding: 20px;
	}
	.member-box .inner {
		width: 100%;
	}


}
@media screen and (max-width:650px) {
	header .head-menu {
/*		background: #f0f;*/
		flex: 1;
	}

	.member-list>.box {
		width: calc(100%  / 2);
	}

	/* facebook --------------------*/
	.fblist {
		display: block;
		flex-wrap: wrap;
	}
	.fblist .box {
		width: 100%;
	}

}

/* スマホ
---------------------------------------------------------------*/
@media screen and (max-width:500px) {
	body {
		background: rgba(0,125,255,0.4);
	}

	/* drawer menu */
	.drawer--top .drawer-hamburger {
		display: block;
	}

	/* header
	---------------------------------------------------------------*/
	header {
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		width: 100%;
		z-index: 15;
		height: 55px;
		overflow: hidden;
		background: #fff;
		text-align: center;
	}
	header .logo {
		position: relative;
		width: 100%;
		padding: 0;
		height: 55px;
	}
	header .logo h1 {
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
	}
	header .logo h1 a:first-child {
		position: absolute;
		left: 6px;
		display: inline;
	}
	header .logo h1 a:first-child img {
		height: 45px;
		width: auto;
	}
	header .logo h1 .ttl {
		display: block;
		font-size: 1em;
		transform: scale(1,1);
	}
	header .head-menu {
		display: none;
	}

	/* contents
	---------------------------------------------------------------*/
	.contents {
		margin-top: 55px;
		padding-top: 15px;
	}

	/* main
	---------------------------------------------------------------*/
	h2 { font-size: 1.2em; }

	/* footer
	---------------------------------------------------------------*/
	footer {
		display: flex;
		flex-direction: column;
		align-items: center;
		background: #F9F6EA;
	}
	.sidebar .banner ul li {
		width: calc(100% / 2);
	}
	/* menu --------------------*/
	footer .foot-menu {
		order: 2;
		width: 100%;
		background: #fff;
		margin-top: 20px;
		padding: 0;
	}
	footer .foot-menu li {
		border-top: 1px solid #ccc;
		height: 48px;
		margin: 0;
		line-height: 1.2;
	}
	footer .foot-menu li.f-ninaite br {
		display: block;
	}
	footer .foot-menu li.f-home,
	footer .foot-menu li.f-member,
	footer .foot-menu li.f-ninaite,
	footer .foot-menu li.f-kanyu {
		width: calc(100% / 4);
	}
	footer .foot-menu li.f-tairadate,
	footer .foot-menu li.f-tyler {
		width: calc(100% / 2);
	}
	footer .foot-menu li.f-home,
	footer .foot-menu li.f-member,
	footer .foot-menu li.f-ninaite,
	footer .foot-menu li.f-tyler {
		border-right: 1px solid #ccc;
	}
	footer .foot-menu li.f-home	{ order: 1; }
	footer .foot-menu li.f-member	{ order: 2; }
	footer .foot-menu li.f-ninaite	{ order: 3; }
	footer .foot-menu li.f-kanyu	{ order: 4; }
	footer .foot-menu li.f-tairadate{ order: 6; }
	footer .foot-menu li.f-tyler	{ order: 5; }
	footer .foot-menu a,
	footer .foot-menu a:hover {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		color: #0a51a1;
		text-decoration: none;
	}

	/* about --------------------*/
	footer .foot-about {
		order: 1;
		background: #fff;
		border-radius: 8px;
		box-shadow: 1px 1px 4px rgba(100,100,100,0.6);
		padding: 14px;
		font-size: 0.9em;
		color: #0a51a1;
	}
	/* copyright --------------------*/
	footer .copy {
		order: 3;
		width: 100%;
		background: #0a51a1;
	}


	/* 部員紹介 ==============================================*/
	.member .category {
		display: block;
	}
	.member .category li {
		display: inline-block;
		width: auto;
		height: auto;
		margin-bottom: 6px;
		padding: 4px 10px;
		font-size: 0.8em;
	}
	.member .category li br {
		display: none;
	}
	.member .category li {
		border-radius: 8px !important;
		border: 0 !important;
	}

	.member-box {
		padding: 20px 10px;
	}
	.member-box .member-data dl {
		font-size: 0.9em;
	}

	.member-box .member-data dl dt {
		float: none;
		margin-right: 0;
		margin-bottom: 0;
	}
	.member-box .member-data dl dd {
		padding-left: 14px;
	}
}

.twitter-wrapper {
	max-width: 480px;
	margin: 0 auto;
	padding: 10px;
	border: 1px solid #ccc;
}