@charset "UTF-8";

/************************************************************
*
*　アリス・ギア・アイギス 公式サイト -［2017.11.xx］
*　スタッフ
*
************************************************************/

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 タイトル（sec_news）
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#staff #sec_title {
	margin-top: -20px;
	width: 100%;
	height: 250px;
	background-image: url(/alicegearaegis/portal/img/staff/title_bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	min-width: 1200px;
}

#staff #sec_title h2 {
	color: #fff;
	font-size: 110px;
	font-family: 'Gruppo', sans-serif;
	letter-spacing: 0.05em;
	padding-top: 60px;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 ニュース記事（sec_article）
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#staff #sec_article {
	margin: 100px auto;
	max-width: 1000px;
	background-color: #fff;
	box-shadow: 0px 0px 10px 0px #e5e5e5;
	padding: 3%;
	box-sizing: border-box;
}

#staff #sec_article .staff_list {
	max-width: 1000px;
	margin: 0 auto 3%;
	padding: 2% 0 3%;
	transform: rotate(0.03deg) !important;
	border-bottom: 1px solid #e2e9ed;
	box-sizing: border-box;

}

#staff #sec_article .staff_list .list_item {
	display: flex;
	align-items: center;
	padding: 2%;
}

#staff #sec_article .staff_list .list_item .item_name {
	font-size: 16px;
	color: #7f7f7f;
	line-height: 1.3em;
}

#staff #sec_article .staff_list .list_item .item_staff {
	font-size: 24px;
	line-height: 1.3em;
	font-weight: 500;
}

#staff #sec_article .staff_list .list_item .item_staff span {
	display: inline-block;
	font-size: 18px;
}

#staff #sec_article .staff_list .list_item .item_profile .colorbox_popup {
	background: #f13875;
	border-radius: 5px;
	font-size: 12px;
	color: #FFF;
	padding: 5px;
}

#staff #sec_article .staff_list.list_column-02 .item_name {
	width: 60%;
}

#staff #sec_article .staff_list.list_column-02 .item_staff {
	width: 40%;
}

#staff #sec_article .staff_list.list_column-03 .item_name {
	width: 60%;
}

#staff #sec_article .staff_list.list_column-03 .item_staff {
	width: 25%;
}

#staff #sec_article .staff_list.list_column-03 .item_profile {
	width: 15%;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 ポップアップ（body_popup）
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.body_popup {
	background-image: none;
}

.body_popup #sec_popup {
	width: 800px;
	padding-bottom: 3%;
	background-image: url(/alicegearaegis/portal/img/staff/popup_bg.png);
	background-color: #eefbff;
	background-repeat: no-repeat;
}

.body_popup #sec_popup .inner {
	width: 700px;
	margin: 0 auto;
	padding-top: 50px;
}

.body_popup #sec_popup .inner .work {
	font-size: 16px;
	color: #7f7f7f;
	margin-bottom: 10px;
	transform: rotate(0.03deg) !important;
}

.body_popup #sec_popup .inner .name {
	font-size: 30px;
	font-weight: 500;
	padding-bottom: 50px;
	margin-bottom: 50px;
	border-bottom: 1px solid #cbcbcb;
}

.body_popup #sec_popup .inner .name span {
	font-size: 15px;
	font-weight: 500;
	padding-left: 10px;
	color: #7f7f7f;
	transform: rotate(0.03deg) !important;
}

.body_popup #sec_popup .inner .txt {
	font-size: 18px;
	line-height: 1.4em;
	transform: rotate(0.03deg) !important;
}

.body_popup #sec_popup .inner .min {
	font-size: 16px !important;
	line-height: 1.4em !important;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 colorbox
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#cboxContent {
	background: #eefbff !important;
}

a:focus,
button:focus {
	outline: none;
}

#cboxLoadedContent {
	-webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3);
}

#cboxOverlay {
	z-index: 30000 !important;
}

#colorbox {
	z-index: 30000 !important;
}

#cboxClose {
	top: 0px !important;
	right: -140px !important;
	width: 80px !important;
	height: 80px !important;
	background: url(/alicegearaegis/portal/img/colorbox/btn_close.png) !important;
	background-repeat: no-repeat !important;
	text-indent: -9999px;
}

#colorbox,
#cboxOverlay,
#cboxWrapper {
	overflow: visible !important;
}

#cboxCurrent {
	display: none !important;
}

#cboxPrevious {
	display: none;
}

#cboxNext {
	display: none;
}