#container {
    min-width: 100% !important;
}

header {
    width: 100% !important;
    margin-bottom:0;
}

header .logo {
    width:300px;
    height:auto;
    margin:0 14px;
}

.wrapper {
    width: 100% !important;
}

.bx-viewport ul li {
    width:100% !important;
}

.bx-viewport ul li img {
	width:100%;
	height:auto;
}

.large_card {
    width: 43%;
	margin:0 0.2em;
	font-size:90%;
}

.large_card img {
    width: 100%;
    height:auto;
}

.large_card.left{ 
    margin-left: 18px; 
} 
.large_card.right{ 
    margin-right: 18px; 
} 

.large_card img.chevron {
	width:auto;
}

.table_card {
    width: 100%;
	margin:0;
}

aside {
    float: none;
    width: 100%;
/*    display:flex;*/
	display:block;
    margin-bottom:0px;
}

aside .side_block {
    width:80%;
    margin:0 auto 18px auto;
}

.side-bnr {
	width:87%;
    margin:0 auto 18px auto;
}

.left_wrap {
    width: 95%;
    margin:0 auto;
}

.h_flex_b {
    display: block;
	width:100%;
}

.h_flex_b .trans {
    
}

.table_card {
    margin-bottom:14px;
}

.small_card {
    width: 100%;
}

.small_card img {
	float:left;
	width:40% !imporant;
	height:auto;
	margin-right:14px;
}


.small_card:after {
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
  margin-right:24px;
}

.card_tx {
	float:right;
	width:57%;
}

.small_card h4 {
	width:100%;
	font-size:14px;
	line-height:1.4;
}

.small_card p {
	width:100%;
	font-size:12px;
	line-height:1.6;
}

/* top
========================== */
.table_card td h3 {
	font-size:14px;
	padding:0 10px 0px 0;
}

.table_card td p {
	font-size:12px;
}

/* course
========================== */
.card {
    width: 90%;
	margin:0 auto 24px auto;
	display: block;
	height: auto;
}

.card:nth-child(2){ 
    margin-right: auto; 
} 

.card:nth-child(4){ 
    margin-right: auto; 
} 

.wrapper .center {
	margin:4px auto !important;
}

.wrapper .center img {
    width:92%;
	height:auto;
	margin:0 auto 14px auto;
}


/* tb-list
======================================= */
.tb-list {
	border-top:solid 1px #CCC;
	border-right:solid 1px #CCC;
	font-size: 10pt;
	line-height: 16pt;
	color: #63544a;
	margin-bottom:50px;
}

.tb-list th {
	border-bottom:solid 1px #CCC;
	border-left:solid 1px #CCC;
	text-align:left;
	font-weight:bold;
	padding:6px 2px 6px 4px;
	background:#f5f3f0;
	font-size:80%;
	line-height:1.4;
}

.tb-list th.tb-list-head#left-edge {
	width:28%;
}

.tb-list th.tb-list-head {
	width:18%;
	text-align:center;	
	padding:6px 0px;
}

.tb-list th.tb-list-cap {
	background:#f89a00;
	color:#FFF;
}

.tb-list td {
	border-bottom:solid 1px #CCC;
	border-left:solid 1px #CCC;
	text-align:center;
	vertical-align:middle;
	padding:6px 2px;
	font-size:70%;
	line-height:1.4;
}

.tb-list td.al-l {
	text-align:left;
}

/* tb-list 5col
======================================= */
.tb-list5 {
	border-top:solid 1px #CCC;
	border-right:solid 1px #CCC;
	font-size: 10pt;
	line-height: 16pt;
	color: #63544a;
	margin-bottom:50px;
}

.tb-list5 th {
	border-bottom:solid 1px #CCC;
	border-left:solid 1px #CCC;
	text-align:left;
	font-weight:bold;
	padding:6px 2px 6px 4px;
	background:#f5f3f0;
	font-size:80%;
	line-height:1.4;
}

.tb-list5 th.tb-list-head#left-edge {
	width:28%;
}

.tb-list5 th.tb-list-head {
	width:14%;
	text-align:center;	
	padding:6px 0px;
	font-size:70%;
}

.tb-list5 th.tb-list-cap {
	background:#f89a00;
	color:#FFF;
}

.tb-list5 td {
	border-bottom:solid 1px #CCC;
	border-left:solid 1px #CCC;
	text-align:center;
	vertical-align:middle;
	padding:6px 2px;
	font-size:70%;
	line-height:1.4;
}

.tb-list5 td.al-l {
	text-align:left;
}


/* about 
===================================== */
.tb-about {
	width:100%;
}

.tb-about th {
	width:30%;
	white-space:normal;
}

.tb-about td {
	width:70%;
}

.img-whats {
	float:none;
	width:60%;
	margin-left:auto;
	margin-right:auto;
}

.img-whats img {
	width:100%;
	height:auto;
}

/* workshop
===================================== */
.map-pc {
	display:none;
}

.map-sp {
	display:block;
	margin-bottom:32px;
}

.map-sp h3 {
	margin:0 0 8px 0;
	font-weight:bold;	
	color:#4F4F4F;
	padding-left:2%;
}

.map-sp ul {
	padding-left:2%;
}

.map-sp li {

}

.map-sp li a {
	border:solid 3px #6cb100;
	background:#FFF;
	padding:10px 0;
	width:46%;
	margin-right:2%;
	color:#6cb100;
	float:left;
	text-align:center;
	margin-bottom:8px;
	font-weight:bold;
}

.map-sp li a:nth-child(2){ 
    margin-right: 0; 
} 


.map-sp li a:nth-child(4){ 
    margin-right: 0; 
} 

.map-sp li a:nth-child(6){ 
    margin-right: 0; 
} 

.map-sp li a:nth-child(8){ 
    margin-right: 0; 
} 

.map-sp li a:nth-child(10){ 
    margin-right: 0; 
} 

.img-login img {
	width:90%;
	height:auto;
}


/*election2016
--------------------------------------------------*/
.election-member .election-tit .election-tit-l {
	float:none;
	width:60%;
	margin:0 auto 14px auto;
}

.election-member .election-tit .election-tit-l img {
	width:100%;
	height:auto;
}

.election-member .election-tit .election-tit-r {
	float:none;
	width:100%;
	padding-left:0;
}

.election-member h3 {
	font-size:18px;
	font-weight:bold;
	text-align:center;
	margin-bottom:24px;
}

.election-member h4 {
	margin:14px 0 7px 0;
}

.election-member .election-tx {
	padding-top:0px;
	margin-top:-14px;
}

.election-member .election-radio {
	padding:18px 24px;
	background:#ff9804;
	color:#FFF;
	margin:24px auto 0 auto;
	width:80%;
	text-align:center;
}

/* login
===================================== */
.list-fb {
	width:80%;	
}


/* profile
======================================= */
.profile-box .profile-body {
	background:#f5f5f5;
	padding:18px;
	overflow:hidden;
}

.profile-box .profile-body .profile-l {
	width:100%;
	float:none;
}

.profile-box .profile-body .profile-r {
	width:100%;
	float:none;
}

.profile-box .profile-body .profile-l ul {
	margin-bottom:14px;
}

.profile-box .profile-body .profile-l ul li {

}