@charset "utf-8";

/* Responsive styles for members site */

/**************************/
/********** menu **********/
/**************************/
@media screen and (min-width: 767px) {
#header .menu {
	display: none;
	pointer-events: none;
}

.sp {
	display: none;
}
}

@media screen and (max-width: 767px) {

* {
	box-sizing: border-box;
}

#mainContainer {
	margin-top: 60px;
}

#mainContainer input[type="text"], 
#mainContainer input[type="password"], 
#mainContainer input[type="button"], 
#mainContainer input[type="submit"], 
#mainContainer textarea, 
#mainContainer select {
	padding: 4px;
}

#mainContainer .center_button input,
#mainContainer .center_button select,
#mainContainer .center_button textarea {
	max-width: 90%;
	margin: 4px;
}

#mainContainer .center_button_w input,
#mainContainer .center_button_w select,
#mainContainer .center_button_w textarea {
	max-width: 90%;
	margin: 4px;
}

#mainContainer .center_button_w select {
	width: 100%;
}

#mainContainer label {
	white-space: normal;
}



#contents {
	float: none;
	width: 94%;
	margin: 0 auto;
}

#contents * {
	word-break: break-all !important;
}

#globalNavi {
	float: none;
	position: fixed;
	top: 60px;
	right: -100%;
	width: 100%;
	height: calc(100vh - 60px);
	background: #298fcd;
	overflow-y: auto;
	opacity: 0;
	transition: all 0.3s ease;
	z-index: 10;
}

#globalNavi.open {
	right: 0;
	opacity: 1;
}

#globalNavi .gnvWelcome {
	display: block;
	padding: 12px 24px;
	background-color: #0d4595;
	color: #FFF;
}

#globalNavi .gnvWelcome .user {
	display: inline-block;
	padding-left: 8px;
	border-left: 4px solid #FFF;
}

#globalNavi > ul > li > a {
	padding: 16px 40px;
	background-color: #298fcd;
	border-bottom: 1px solid #FFF;
}

#globalNavi .ac-menu > a {
	pointer-events: none;
}

#globalNavi > ul > li > a::before {
	left: 24px;
}

#globalNavi ul li a {
	background-color: #298fcd;
}

#globalNavi .localNavi li {
	border-bottom: 1px solid #FFF;
}

#globalNavi .localNavi li a {
	width: 100%;
	padding: 10px 28px;
	background-color: #d5e3f0;
}

#globalNavi .localNavi {
	background-color: #d5e3f0;
}

#globalNavi .localNavi li a {
	padding: 16px 40px;
}

#globalNavi .localNavi li a:hover {
	color: #298fcd;
}

#globalNavi .localNavi li a::before {
	left: 32px;
}

#globalNavi .localNavi li a:hover::before {
	border-left-color: #298fcd;
}

.localNavi li.current span {
	padding: 16px 40px;
}

.localNavi li.current span::before {
	left: 32px;
}



/*************************************/
/********** header elements **********/
/*************************************/

#headerContainer {
	
}

#header h1 {
	height: 0;
	margin-bottom: 0 !important;
}

#header h1 span {
	display: none;
}


.headerBody {
	position: fixed;
	width: 100%;
	height: 60px;
	padding: 14px 3%;
	top: 0;
	left: 0;
	background-color: #FFF;
}

.headerBody h2 {
	width: 120px;
	top: 14px;
	left: 3%;
}

.topMenu {
	top: 16px;
	right: 56px;
}

.topMenu ul li {
	float: none;
}

.topMenu ul li:first-child {
	display: none;
}

.headerNavi {
	display: none;
}

.headerNavi ul li {
	float: left;
	padding-right: 17px;
}

.headerNavi ul li img {
	vertical-align: top;
}

.headerWelcome {
	display: none;
}

/**************************/
/********** menu **********/
/**************************/

#header .menu {
	position: absolute;
	top: 16px;
	right: 3%;
}

#header .menu button {
	position: relative;
	width: 34px;
	height: 24px;
	padding: 0;
	border: none;
	background-color: transparent;
}

#header .menu button span {
	position: absolute;
	width: 100%;
	height: 3px;
	right: 0;
	background-color: #0d4595;
	transition: .5s all;
}

#header .menu button span:nth-child(1) {
	top: 0;
}

#header .menu button span:nth-child(2) {
	top: 11px;
}

#header .menu button span:nth-child(3) {
	top: 21px;
}

#header .menu button.open span:nth-child(1) {
	top: 11px;
	transform: rotate(45deg);
}

#header .menu button.open span:nth-child(2) {
	opacity: 0;
}

#header .menu button.open span:nth-child(3) {
	top: 11px;
	transform: rotate(-45deg);
}

/*************************************/
/********** footer elements **********/
/*************************************/

#footerContainer {
	border-width: 8px;
	
}

.footerlogo {
	position: static;
	margin-top: 8px;
	text-align: right;
}

/********** topicPath elements **********/

#topicPath {
	display: none;
}


/***********************************/
/********** main elements **********/
/***********************************/

#mainInner {
	background-image: none;
}

/***************************************/

/* contentBody */

/***************************************/

.contentBody {
	font-size: 14px;
}

.contentBody ul {
	margin-left: 1em;
	margin-right: 0;
	
}

/***************************************/

/* system pager */

/***************************************/

.page-number .number {
	display: none;
}

/***************************************/

/* system publi-news */

/***************************************/

#publi-news .date {
	margin-bottom: 8px;
	font-weight: bold;
}

#publi-news .date a {
	display: block;
	margin-top: 4px;
	line-height: 1.6;
	font-size: 13px;
	font-weight: normal;
}


/* login */
.login-box {
	padding: 0;
}

.login-box table {
	width: 100%;
}


/* center_search */

table.center_search select {
	width: 35%;
	margin-top: 4px;
}

table.center_search input[type="image"] {
	margin-top: 4px;
}

/* committeea-info */
#committeea-info dl dt {
	float: none;
	font-weight: bold;
}



/***************************************/

/* system publi-news */

/***************************************/

#publi-news dl dd table {
	width: 100%;
}

#publi-news table th, 
#publi-news table td {
	padding: 4px 2px !important;
}

#publi-news > dl > dd{
	padding-left: 0;
	padding-right: 0;
}

#publi-news dl dd dl.horizen{
	display: block;
}
#publi-news dl dd dl.horizen dt {
	margin: 4px 0;
	font-weight: bold;
}


/* record_list */

table#record_list th {
	padding: 4px 2px;
}

table#record_list td {
	padding: 4px 2px;
}

table#record_list td.button {
	vertical-align: middle;
}

table#record_list .del td {
	color: #f22;
	background: #fff6f6;
}

table#record_list .kigyou td {
	background: #f6f6ff;
	background: #eaeaff;
}

table#record_list .mail_magazine td {
	background: #f6fff6;
	background: #eaffea;
}

table#record_list .meeting_cell {
	padding: 2px;
	text-align: left;
	vertical-align: top;
}

table#record_list td.button {
	padding: 4px 2px;
}

table#record_list td p {
	padding: 0;
}

table#record_list .del td {
	padding: 4px 2px;
}

table#record_list table {
	display: block;
	margin: 0;
}

table#record_list table th,
table#record_list table td {
	display: block;
	width: 100%;
}


/* committeea-info */

#committeea-info div {
	padding-bottom: 4px;
}

/* input_area */

table.input_area th,
table.input_area td {
	padding: 4px 2px;
}

table.input_area > td {
	width: 65%;
}

table.input_area td input[type=text],
table.input_area td textarea {
	width: 100%;
}

}