@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/css?family=Lato);
@import url(https://fonts.googleapis.com/css?family=Ubuntu);
html,body {
	height: 100%;
}
body {
	/*background: url(../images/header-slide01.png) no-repeat center center fixed;*/
	background-size: cover;
	font-size: 14px;
	font-family: 'Noto Sans Japanese', serif;
	letter-spacing: 0.1em;
	color: #555;
}
h1,h2,h4,ul,p,dl,dt,dd {
	margin: 0;
	padding: 0;
}
a {
	display: inline-block;
}
/*img {max-width: 100%;}*/

/*テスト公開用*/
.hihyuoji-kari {
	display: none;
}
.sp-none {
	display: none;
}
.pc-none {
	display: block;
}
/*-----------------------------
             ヘッダー
-----------------------------*/
#js-bgSlide {
	background: no-repeat center center fixed;
	width: 100%;
	background-size: cover;
}
.js-winHeight h1 img {
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

/*空き部屋情報*/
.akibeya {
	font-size: 16px;
	background: #129fe2;
	position: fixed;
	top: 320px;
	right: 0;
	width: 15px;
	z-index: 100;
	padding: 50px 20px 20px 20px;
	color: #fff;
	text-decoration: none;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.akibeya:before {
	content: url(../images/icon-akibeya.png);
	position: absolute;
	top: 16px;
	left: 16px;
}
.akibeya:after {
	content: url(../images/akibeya-point.png);
	position: absolute;
	top: -19px;
	left: -16px;
	-webkit-animation: switchtext 0.8s infinite alternate;
	-moz-animation: switchtext 0.8s infinite alternate;
	animation: switchtext 0.8s infinite alternate;
}
@-webkit-keyframes switchtext {
 from { opacity: 1.0; }
 to { opacity: 0; }
}
@-moz-keyframes switchtext {
 from { opacity: 1.0; }
 to { opacity: 0; }
}
@keyframes switchtext {
 from { opacity: 1.0; }
 to { opacity: 0; }
}

/*-----------------------------
          グローバルナビ
-----------------------------*/
.slicknav_menu {
  display: none;
}
nav {
	z-index: 100;
	position: relative;
	height: 60px;
	background: rgba(0, 0, 0, 0.85);
}
nav h2 img {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 20px;
}
nav > ul {
	position: relative;
	list-style: none;
	float: right;
	line-height: 60px;
}

nav > ul > li {
	/*cursor: pointer;*/
	display: block;
	color: #fff;
	font-size: 13px;
	margin-right: 20px;
	float: left;
}
nav > ul > li a {
	color: #fff;
	text-decoration:none;
}
nav > ul > li:before {
	content: "/";
	position: relative;
	right: 10px;
}
nav > ul > li:first-child:before {
	display: none;
}
nav > ul > li > ul {
	position: absolute;
}
nav > ul > li > ul > li {
	z-index: 100;
	display: block;
	box-sizing:border-box;
	padding: 0 10px;
	background: #555;
	min-width: 130px;
	width: auto;
	line-height: 45px;
	text-align: center;
	border-bottom: solid #333 1px;
}
nav > ul > li > ul > li:last-child {
	border-bottom: none;
}
nav > ul > li > ul > li:hover {
	background: #000;
}
.nav-logo {
	float: left;
}
/*-----------------------------
          新着情報
-----------------------------*/
.newsArea {
	position: relative;
	box-sizing:border-box;
	padding:30px 0;
	/*height: 200px;*/
	height: auto;
	background: rgba(255, 255, 255, 0.9);
}
.newsArea dl {
	border-bottom: 2px dotted #ccc;
	box-sizing:border-box;
}
.newsArea dt,
.newsArea dd {
	box-sizing:border-box;
	float: left;
	padding:10px;
}
.newsArea dt {
	font-family: 'Lato', serif;
	color: #148599;
}
.newsList {
	box-sizing:border-box;
	padding-left: 150px;
}
.newsList:before {
	content: url(../images/icon-news.png);
	position: absolute;
	/*top: 90px;*/
	top: 45%;
	left: 150px;
}

/*ブロックエリア*/
.blockArea01 {
	background: url(../images/blockArea01_bk.png) no-repeat;
	background-size: cover;
}
.blockArea02 {
	background: url(../images/blockArea02_bk.png) no-repeat;
	background-size: cover;
}
.blockArea03 {
	background: url(../images/blockArea03_bk.png) no-repeat;
	background-size: cover;
}
.blockArea04 {
	background: url(../images/blockArea04_bk.png) no-repeat;
	background-size: cover;
	background-position: center center;
}
.blockBtn01 {
	background: rgba(0,0,0,0.85);
	margin-left: calc(100% / 3);
}
.blockBtn01:after {
	content: "";
	display: block;
	height: 200%;
	border-left: 1px solid #fff;
	position: absolute;
	bottom: -200%;
	left: 0;
}
.blockBtn01:before {
	content: "";
	display: block;
	height: 100%;
	border-right: 1px solid #fff;
	position: absolute;
	bottom: -200%;
	right: 0;
}
.blockBtn01 a {
	height: 100%;
	color: #fff;
}
.blockBtn02 {
	/*background: rgba(255,255,255,0.9);*/
	margin-right: calc(100% / 3);
	margin-bottom: calc(100% / 3);
}
_::content, _:future, .blockBtn02:not(*:root) {
	/*background: rgba(255,255,255,0.9);*/
	margin-right: calc(100% / 3);
	margin-bottom: calc(100% / 3);
}
/*@media all and (-ms-high-contrast:none){
	.blockBtn02 {
		background: rgba(255,255,255,0.9);
		margin-right: 0;
		margin-bottom: calc(100% / 3);
	}
}*/
.blockBtn02:before {
	content: "";
	display: block;
	width: 100%;
	border-bottom: 1px solid #fff;
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
}
.blockBtn02:after {
	content: "";
	display: block;
	width: 200%;
	border-bottom: 1px solid #fff;
	position: absolute;
	bottom: 0px;
	right: -100%;
	height: 0;
}
.blockBtn02 a {
	color: #000;
	height: 100%;
}
.blockBtn03 {
	float: right;
	background: rgba(255,255,255,0.9);
	color: #000;
}
.blockBtn03:before {
	content: "";
	display: block;
	width: 200%;
	border-bottom: 1px solid #fff;
	position: absolute;
	top: 0px;
	right: -200%;
	height: 0;
}
.blockBtn03:after {
	content: "";
	display: block;
	width: 100%;
	border-bottom: 1px solid #fff;
	position: absolute;
	bottom: 0px;
	right: -100%;
	height: 0;
}
.blockBtn03 a {
	height: 100%;
	color: #000;
}
.blockBtn04 {
	position: relative;
	background: rgba(0,0,0,0.85);
	color: #fff;
	margin-left: calc(100% / 2);
	margin-top: 100%;
}
.blockBtn04 a {
	height: 100%;
	color: #fff;
}
.blockBtn04:after {
	content: "";
	display: block;
	height: 200%;
	border-left: 1px solid #fff;
	position: absolute;
	top: -200%;
	left: 0;
}
.blockBtn05 {
	position: relative;
	background: rgba(255,255,255,0.9);
	color: #000;
	margin-bottom: 50%;
}
.blockBtn05:before {
	content: "";
	display: block;
	height: 100%;
	border-right: 1px solid #fff;
	position: absolute;
	bottom: -100%;
	right: 0;
}
.blockBtn05:after {
	content: "";
	display: block;
	width: 100%;
	border-bottom: 1px solid #fff;
	position: absolute;
	bottom: 0px;
	right: -100%;
	height: 0;
}
.blockBtn05 a {
	height: 100%;
	color: #000;
}
.blockBtn06 {
	position: relative;
	background: rgba(0,0,0,0.85);
	color: #fff;
	margin-top: calc(100% / 3);;
}
.blockBtn06 a {
	height: 100%;
	color: #fff;
}
.blockBtn07 {
	position: relative;
	background: rgba(255,255,255,0.9);
	color: #000;
	margin-bottom: calc(100% / 3);;
}
.blockBtn07:before {
	content: "";
	display: block;
	height: 100%;
	border-right: 1px solid #fff;
	position: absolute;
	bottom: -100%;
	right: 0;
}
.blockBtn07:after {
	content: "";
	display: block;
	width: 100%;
	border-bottom: 1px solid #fff;
	position: absolute;
	bottom: 0px;
	right: -100%;
	height: 0;
}
.blockBtn07 a {
	height: 100%;
	color: #000;
}
.blockTitle {
	font-size: 26px;
	letter-spacing: 0.2em;
	font-family: 'Ubuntu', serif;
}
/*googlemap*/

#map {
	width: 100%;
	height: 350px;
}
/*フッター*/
footer {
	background:rgba(0,0,0,0.85);
	padding: 40px 0 30px;
	text-align: center;
	color: #fff;
}
footer img {
	margin-bottom: 40px;
}
.footer-address {
	margin-bottom: 30px;
}
.footer-sitemap li {
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 30px;
}
.footer-sitemap li a {
	color: #fff;
	text-decoration: none;
}
address {
	font-style:normal;
	text-decoration: normal;
}


/*-----------------------------
          レンタルスペース
-----------------------------*/
.rental h2 {
	border-bottom: solid 1px #000;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.rental p {
	margin-bottom: 30px;
}
.teaser_rentalspace {
	text-align: center;
	font-size: 20px;
	letter-spacing: 0.2em;
	color: #fff;
	padding: 70px 0;
	background: url(../images/teaser-rentalspace.png);
	background-size: cover;
}
.second-contents {
	background: #fff;
}
.breadcrumb {
	margin-bottom: 50px;
	list-style: none;
	overflow: hidden;
	font: 12px Helvetica, Arial, Sans-Serif;
	background: #F3F1EE;
}
.breadcrumb li {
	color: #483109;
	font-size: 14px;
	text-decoration: none;
	padding: 10px 0 10px 55px;
	background: #E6E2DB;
	position: relative;
	display: block;
	float: left;
}
.breadcrumb li a {
	text-decoration: none;
	color: #483109;
}
.breadcrumb li:after {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 50px solid transparent;
	border-bottom: 50px solid transparent;
	border-left: 30px solid #E6E2DB;
	position: absolute;
	top: 50%;
	margin-top: -50px;
	left: 100%;
	z-index: 2;
}
.breadcrumb li:before {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 50px solid transparent;
	border-bottom: 50px solid transparent;
	border-left: 30px solid white;
	position: absolute;
	top: 50%;
	margin-top: -50px;
	margin-left: 1px;
	left: 100%;
	z-index: 1;
}
.rental-table {
	box-sizing:border-box;
	padding: 40px 20px;
	border:solid 1px #ccc;
	border-radius: 5px;
}
.rental-table table tr:nth-child(even){
	background: #F8F8F8;
}
.rental-table table tr:hover {
	background: #eee;
}
.rental-table table th {
	border-bottom: 2px solid #ccc;
	text-align: left;
	width: 25%;
	padding-bottom: 10px;
}
.rental-table table td {
	color: #A88972;
	border-bottom: 1px solid #ccc;
	padding: 15px 10px;
}
.rental-blockL {
	width: 620px;
	margin-right: 50px;
	float: left;
}
.rental-blockL table {
	border-top: dotted 1px #ccc;
}
.rental-blockL table th,
.rental-blockL table td {
	border-bottom: dotted 1px #ccc;
	padding: 26px 0;
}
.rental-blockL table th {
	width: 150px;
	text-align: left;
	color: #ce054d;
	font-weight: normal;
}
.rental-blockL h3 {
	margin:0;
	font-size: 14px;
	margin-bottom: 5px;
}
.rental-blockL ul {
	list-style: none;
}
.rental-blockL ul li {
}
.r-pt {color: #ccc;}
.rental-blockR {
	float: right;
	width: 330px;
}
a.btn {
	margin-top: 30px;
}
.btn-yoyaku {
	position: relative;
	padding: 10px 10px 10px 50px;
	float: right;
	background: #0e9470;
	color: #fff;
	border-radius: 3px;
}
.btn-yoyaku:before {
	position: absolute;
	content: url(../images/icon-calendar.png);
	top:8px;
	left: 14px;
}
.btn-yoyaku:hover {
	background: #40bd9b;
}
.studio-logo {
	position: relative;
}
.studio-logo:before {
	content: url(../images/studio-collegio_logo.png);
	position: absolute;
	top: 150px;
	right:20px;
}
/*-----------------------------
          ビル紹介
-----------------------------*/
.building-company {
	background: url(../images/building_area.png) no-repeat left;
	height: 840px;
}

.building-company li {
	margin-bottom: 5px;
}

.building-company dl {
	border-top: 1px solid #8bc8ca;
	box-sizing:border-box;
	height: 140px;
	padding: 10px 0;
	margin-left: 40px;
}
.building-company dl:last-child {
	border-bottom: 1px solid #8bc8ca;
}
.building-company dl > dt {
	box-sizing:border-box;
	width: 320px;
	height: 120px;
	padding: 0 10px 0 25px;
	float: left;
	border-right: 1px solid #8bc8ca;
}
.building-company dl > dt >ul {
	list-style: none;
}
.building-company dl > dd {
	width: 125px;
	box-sizing:border-box;
	float: left;
	height: 120px;
	padding: 0 10px;
}
.building-company dl > dd img {
	margin-right: 5px;
}
.sisetu-mark {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px;
}
.sisetu-mark dt {
	float: left;
	line-height: 50px;
	padding-right: 20px;
	border-right: 1px solid #ccc;
}
.sisetu-mark dd {
	line-height: 50px;
	float: left;
}
.sisetu-mark dd ul {
	list-style: none;
	position: relative;
}
.sisetu-mark dd ul li {
	float: left;
	padding-left: 40px;
}
.toilet:before {
	content: url(../images/building_icon01.png);
	position: relative;
	top: 10px;
	left: -7px;
}
.shower:before {
	content: url(../images/building_icon02.png);
	position: relative;
	top: 10px;
	left: -7px;
}
.baby:before {
	content: url(../images/building_icon03.png);
	position: relative;
	top: 10px;
	left: -7px;
}
.handicapped:before {
	content: url(../images/building_icon04.png);
	position: relative;
	top: 10px;
	left: -7px;
}
.drink:before {
	content: url(../images/building_icon05.png);
	position: relative;
	top: 10px;
	left: -7px;
}
.food:before {
	content: url(../images/building_icon06.png);
	position: relative;
	top: 10px;
	left: -7px;
}
.cafe:before {
	content: url(../images/building_icon07.png);
	position: relative;
	top: 10px;
	left: -7px;
}

.js-open {
	z-index: 100;
}

/*-----------------------------
          コンセプト
-----------------------------*/
.conseptArea {
	margin-bottom: 40px;
}
.conseptArea h2 {
	text-align: center;
	font-size:24px;
	color: #038d88;
	margin-top: 60px;
	margin-bottom: 20px;
}
.concept-bk {
	position: relative;
	background: url(../images/concept_bk.png) repeat;
}

.concept-bk p {
	padding: 50px 0;
}
/* ulを最背面に置きます */
ul#cloud {list-style: none;}
#cloud {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	overflow: hidden;
}
/* アニメーションさせるのでabsoluteで */
#cloud li {
	position: absolute;
}
#cloud li {
	z-index: 1;
	position: absolute;
}
#cloud li img {
	position: relative;
	z-index: 2;
}
#cloud img {
	opacity: 0.5;
}
.conceptTitle1 {
	text-align: center;
	z-index: 10;
	padding-top: 50px;
}
.conceptBlock {
	text-align: center;
	padding-bottom: 100px;
}
.conceptBlock p {
	font-size: 16px;
	color: #fff;
}
.conceptBlock .co-bk01 {
	position: relative;
	padding:100px 0 250px 0;
}
.conceptBlock .co-bk01:before {
	position: absolute;
	content: url(../images/conceptBk_01.png);
	top: 250px;
	left: 250px;
}
.conceptBlock .co-bk02 {
	position: relative;
	padding:100px 0 250px 0;
}
.conceptBlock .co-bk02:before {
	position: absolute;
	content: url(../images/conceptBk_04.png);
	top: 250px;
	left: 0;
	right: 0;
	margin: auto;
}
.conceptBlock .co-bk03 {
	position: relative;
	padding:100px 0 380px 0;
}
.conceptBlock .co-bk03:before {
	position: absolute;
	content: url(../images/conceptBk_02.png);
	top: 180px;
	right: 250px;
}
.co-bk04 {
	text-align: center;
	padding: 20px 0;
}
.co-bk04 p {
	font-size: 20px;
}
.co-bk05 {
	background: url(../images/conceptBk_03.png) center;
	background-size: cover;
	text-align: center;
	padding: 300px 0 100px;
}

.co-bk05 p {
	font-size: 18px;
	color: #fff;
	margin-bottom: 200px;
	line-height: 30px;
}

/*-----------------------------
          インキュベーション
-----------------------------*/
.incubationArea {
	color: #827D7E;
}
.incubationArea img {
	max-width: 100%;
}
.incubationArea .sec01 {
	text-align: center;
	background: #eee;
	padding: 100px 0;
}
.incubationArea .sec01 h2 {
	font-weight: normal;
	font-size:20px;
	position: relative;
	margin-bottom: 400px;
}
.incubationArea .sec01 h2:after {
	position: absolute;
	content: url(../images/inc-01_1.png);
	margin: auto;
	top: 140px;
	left: 0;
	right: 0;
}
.incubationArea .sec01 p {
	font-size: 14px;
	line-height: 30px;
}
.incubationArea .secTitle h3 {
	text-align: center;
	font-size: 20px;
	line-height: 60px;
	font-weight: normal;
	margin: 0;
}
.incubationArea .sec02 {
	text-align: center;
	background: url(../images/inc-06.png) center;
	background-size: cover;
	padding-bottom: 50px;
}
.incubationArea .sec02 h2 {
	font-size: 20px;
	font-weight: normal;
	color: #fff;
	line-height: 40px;
	padding: 100px 0 80px 0;
}
.incubationArea .sec02 img {
	display: block;
	margin: 0 auto;
	width: 190px;
}
.incubationArea .sec03 {
	text-align: center;
	background: url(../images/inc-03.png) center;
	background-size: cover;
	padding: 100px 0 100px 0;
}
.incubationArea .sec03 img.inc-shisetu01 {
	width: 190px;
}
.incubationArea .sec03 .inc-floor {
	box-sizing:border-box;
	padding: 0 60px;
}
.inc-10cafeBlock {
	margin-bottom: 100px;
}
.inc-10cafe {
}
.inc-10cafe p {
	text-align: left;
	color: #fff;
	line-height: 30px;
}
.incubationArea .sec04 {
	text-align: center;
	background: url(../images/inc-04.png) center;
	background-size: cover;
	padding: 100px 0 150px 0;
}
.incubationArea .sec04 p {
	color: #fff;
	text-align: left;
	padding-top: 20px;
	line-height: 26px;
}
.incubationArea .sec04 img {
	box-sizing:border-box;
	padding: 0 30px;
}
.incubationArea .sec04 img.inc-edu01 {
	width: 190px;
	padding: 0;
	margin-bottom: 50px;
}
.incubationArea .sec05 {
	text-align: center;
	background: url(../images/inc-05.png) center;
	background-size: cover;
	padding: 100px 0 200px 0;
}
.incubationArea .sec05 p {
	font-size: 16px;
	line-height: 34px;
	color: #fff;
	margin-bottom: 80px;
}
.incubationArea .sec05 p .fontL {
	font-size: 1.4em;
	line-height: 90px;
}
.incubationArea .sec05 img {
	display: block;
	box-sizing:border-box;
	padding: 0 50px;
}
.incubationArea .sec06 {
	text-align: center;
	background: url(../images/inc-06.png) center;
	background-size: cover;
	padding: 100px 0 550px 0;
}
.incubationArea .sec06 p {
	font-size: 24px;
	color: #fff;
	margin-bottom: 80px;
}
/*-----------------------------
          飲食スペース
-----------------------------*/
.foodTitle {
	box-sizing:border-box;
	padding: 15px 20px;
	border-top: 5px solid #e61780;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-bottom: 20px;
}
.foodTag {
	background: #ffe9f1;
	padding: 1px 10px;
	margin-bottom: 20px;
	margin-right: 40px;
	position: relative;
}
.foodTag:after {
	content: url(../images/icon-eat.png);
	position: absolute;
	right: -32px;
	top: -1px;
}
.restaurant {
	box-sizing:border-box;
	padding: 20px;
	background: #fff9f4;
	margin-bottom: 20px;
}
.restaurant p {
	padding: 20px 20px 0 20px;
}
.restaurant_box {
	box-sizing:border-box;
	border: solid 1px #ccc;
	background: #fff;
}
.restaurant_box img {
	max-width: 100%;
}
.restaurant__left {
	width: 479px;
	margin-right: px;
	float: left;
	box-sizing:border-box;
	padding: 10px;
	position: relative;
	height: 331px;
}
.restaurant__left img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.restaurant__right {
	width: 479px;
	float: right;
	box-sizing:border-box;
	padding: 10px;
}
.restaurant__right img {
	max-width: 100%;
}
.restaurantArea .table {
	border-top: 1px solid #ccc;
}
.restaurantArea .table tr {
	border-bottom: solid 1px #ccc;
}
.restaurantArea .table tr:nth-child(even) {
	background: #f9f9f9;
}
.restaurantArea .table tr th {
	line-height: 50px;
	width: 250px;
}

/*-----------------------------
          空き部屋情報
-----------------------------*/
.rental-title {
	border-bottom: 1px solid #000;
	margin-bottom: 50px;
}
.rental-title h2 {
	border:none;
	margin: 0;
	padding: 0;
	float: left;
	line-height: 35px;
}
.rental-tel {
	font-size: 16px;
	float: right;
	line-height: 35px;
}
.thumbnail{
	overflow: hidden;
	width: 100%;
	cursor: pointer;
}
.thumbnail li{
	float: left;
}
.thumbnail li img{
	width: 100%;
	opacity: 0.5;
	filter: alpha(opacity=50);
	border-radius: 3px;
	box-sizing:border-box;
	border: solid 2px #000;
}
.thumbnail li.current img{
	opacity: 1;
	filter: alpha(opacity=100);
}
.main_photo{
	position: relative;
	height: 410px;
	max-height: 410px;
	overflow: hidden;
}
.main_photo img{
	/*position: absolute;
	top:0;*/
	width: 100%;
	border-radius: 5px;
}
.rental ul.thumbnail>li {
	width: 140px;
	margin:20px 20px 0 0;
}
.rental ul.thumbnail>li:last-child {
	margin-right: 0;
}
.rs-map {
	text-align: right;
}
.rs-detail {
	text-align: center;
	line-height: 40px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-top: 20px;
}
.rs-detail p {
	margin: 0;
}
.rs-detail .title {
	color: #d40852;
}
.tab{overflow:hidden;}
.tab-border {border-bottom: 1px solid #ccc; margin-bottom: 10px; z-index: 1;}
ul.content {
	list-style: none;
}
ul.tab {
	list-style: none;
}
.tab li{
	padding:5px 25px;
	float:left;
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	position: relative;
	top: 1px;
}
.tab li:last-child {
	border-right: 1px solid #ccc;
}
.tab li.select{background:#eee; border-bottom: 1px solid #fff; z-index: 2;}
/*.content li{ padding:20px;}*/
.tab-btn {cursor: pointer;}
.tab-hide {display:none;}
.rental-blockL ul li.tab-content {
	margin-left: 0;
}
.tab-box {
	background: #fbfbfb;
	padding: 30px;
	box-sizing:border-box;
	border: solid 1px #ccc;
}
.active {
	opacity: 1 !important;
}