@charset "UTF-8";
/*
 * mw_style.css
 * Date: 05/17/2018
 * Author: (C) Minatoro Works
 * 
 * MW Assets 
 * mw common style
*/



/* ----------------------------------------------------------------------- **
   topics-icon
** ----------------------------------------------------------------------- */

/**
  topics-icon
*/
.topics-block span.topics-icon {	 display: inline-block;	width: 120px;	margin-top: -2px;	padding: 6px 0 4px;	line-height: 1.1;	text-align: center;	color: #fff;	font-size: 0.9em;}
.topics-block span.info {	background-color: #80BD1B;}
.topics-block span.attention {	background-color: #f00;}
.topics-block span.press {	background-color: #8659E1;}
.topics-block span.event {	background-color: #7BDBAD;}
.topics-block span.case {	background-color: #0792E4;}
.topics-block span.function {	background-color: #f7a126;}
.topics-block span.maintenance {	background-color: #e257c6;}
/**
  file dl button
*/
.topics-block p.dtl_txt + p.topics-file-dl {	margin-top: 30px !important;}
.topics-block p.topics-file-dl .button {	margin-top: 0 !important;	padding-left: 10px;	padding-right: 15px;	text-align: left;	vertical-align: middle;}
.topics-block p.topics-file-dl .button img.icon {	height: 32px; width: auto;	vertical-align: -10px;}
/*.topics-block p.topics-file-dl .button i {	margin-right: 0.2em;	color: #fff;	font-size: 1.4em;	vertical-align: middle;}
.topics-block p.topics-file-dl .button.pdf {	background: #80BD1B url(/_assets/_img/icons/icon_files_pdf.svg) 10px center no-repeat;	background-size: auto 32px;}
.topics-block p.topics-file-dl .button.doc {	background: #80BD1B url(/_assets/_img/icons/icon_files_doc.svg) 10px center no-repeat;	background-size: auto 32px;}
.topics-block p.topics-file-dl .button.docx {	background: #80BD1B url(/_assets/_img/icons/icon_files_docx.svg) 10px center no-repeat;	background-size: auto 32px;}
.topics-block p.topics-file-dl .button.xls {	background: #80BD1B url(/_assets/_img/icons/icon_files_xls.svg) 10px center no-repeat;	background-size: auto 32px;}
.topics-block p.topics-file-dl .button.xlsx {	background: #80BD1B url(/_assets/_img/icons/icon_files_xlsx.svg) 10px center no-repeat;	background-size: auto 32px;}
.topics-block p.topics-file-dl .button.ppt {	background: #80BD1B url(/_assets/_img/icons/icon_files_ppt.svg) 10px center no-repeat;	background-size: auto 32px;}*/
.topics-block p.topics-file-dl>span {	padding-left: 5px;	font-size: 0.9em;	color: #666;/*	vertical-align: 15px;*/}
.topics-block .buttons i.icon_popup {	margin-right: 5px;}



@media (min-width: 781px) {
	a.button.green:hover {	background-color: #91D51E !important;}
}
@media (max-width: 480px) {
	.topics-block span.topics-icon {	width: 100px;	font-size: 0.8em;}
	.topics-block p.topics-file-dl {	text-align: center;}
	/*.topics-block p.topics-file-dl>span {	vertical-align: 5px;}*/
}




/* ----------------------------------------------------------------------- **
   #modalwindow modalmsgbox
** ----------------------------------------------------------------------- */
#modalwindow {/*	display: none;*/	width: 100%;	height: 100%;	position: fixed;	top: 0; left: 0;	background-color: rgba(0,0,0,0.5);	z-index: 6;}
#modalmsgbox {/*	display: none;*/	position: fixed;	width: 720px;	background-color: #fff;	box-shadow: 0 0 10px rgba(0,0,0,0.5);	z-index: 10;}
#modalmsgbox .frame {	border: 10px solid #F3F3F3;}
#modalmsgbox .frame .inner {	padding: 20px 20px 20px 88px;	position: relative;}
#modalmsgbox .frame .inner dl {	text-align: left;}
#modalmsgbox .frame .inner dl dt {	font-weight: bold;}
#modalmsgbox .frame .inner dl dt i {	content: "";	display: block;	width: 48px;	height: 48px;	position: absolute;	top: 50%;	left: 20px;	transform: translateY(-50%);	font-size: 48px;	text-align: center;}
#modalmsgbox .frame .inner dl dt i.icon_attention-alt {	color: #F00;}
#modalmsgbox .frame .inner dl dt i.icon_off {	color: #0066cc;}
#modalmsgbox .frame .inner dl dt img {	position: absolute;	top: 50%;	left: 20px;	transform: translateY(-50%);}
#modalmsgbox .frame .inner dl dd {	margin-top: 8px;	font-size: 0.9em;}
#modalmsgbox .frame .inner dl dd em,
#modalmsgbox .frame .inner dl dd strong {	font-style: normal;	color: #0167CC;	font-weight: bold;}
#modalmsgbox .frame .inner .comment {	text-align: left;	font-size: 0.9em;}




@media (max-width: 980px) {
	#modalmsgbox {	width: 70%;	}
}
@media (max-width: 780px) {
	#modalmsgbox {	width: 80%;	}
}
@media (max-width: 640px) {
	#modalmsgbox {	width: 94%;	}
}





/* ----------------------------------------------------------------------- **
   Hack
** ----------------------------------------------------------------------- */



/* [F] */