@charset "Shift_JIS";

body {
	min-width: 320px;
	margin-left: 0;
	margin-top: 0;
}

.bm-contents { 
	background: url(../img/main_visual_bm.jpg); 
	background-size: cover;
	
}

.bm-btn {
    background-color: #822454;
    color: white;
}

.bm-text {
    color: #822454;
}

.bp-contents { 
	background: url(../img/main_visual_bp.png); 
	background-size: cover; 
}

.bp-btn {
    background-color: #C9618E;
    color: white;
}

.bp-text {
    color: #C9618E;
}

.cp-btn {
    background-color: #7295CC;
    color: white;
}

.cp-text {
    color: #7295CC;
}

.cp-contents { 
	background: url(../img/main_visual_cp.jpg); 
	background-size: cover; 
}

#footer .uk-heading-bullet {
	padding: 0 10px;
}

.news-right {
	max-height: 410px!important;
}

#loginNG_form { 
	width: 315px; 
	min-width: 300px;
}

#login_form { 
	width: 315px; 
	min-width: 260px; 
}

#login_form, #loginNG_form, #news, #announcementNote { 
	background: white; 
	margin: 30px; 
	padding: 20px; 
}

#news {
	max-height: 450px;
	min-width: 300px; 
	max-width: calc(50vw - 60px);
}

#announcementNote {
	max-height: 450px;
	min-width: 300px; 
	max-width: calc(50vw - 60px);
}

.noteName {
	display:inline-block; 
	max-width: 100%; 
	vertical-align:bottom;
	overflow: hidden;
	text-overflow: ellipsis;
}

.square {
	border: solid;
	padding: 3%;
	border-radius: 7px;
	cursor: pointer;
}

/**
 * 640px‚Ü‚Å
 */
@media (max-width: 640px) {
	#login_form {
		width: 410px;
	}
	
	#loginNG_form {
		width: 410px;
	}
	
	#footer .uk-heading-bullet {
		width: 100%; padding-left: 15%;
	}
	
	.uk-section {
		padding: 5px 0;
	}
	
	#news {
		max-height: initial;
		max-width: calc(100vw - 60px);
	}
	
	#announcementNote {
		max-height: initial;
		max-width: calc(100vw - 60px);
	}
}