@charset "utf-8";
/**
 * iroha Board Project
 *
 * @author        Kotaro Miura
 * @copyright     2015-2016 iroha Soft, Inc. (http://irohasoft.jp)
 * @link          http://irohaboard.irohasoft.jp
 * @license       http://www.gnu.org/licenses/gpl-3.0.en.html GPL License
 */

/* custom.css */
.mark_mi{
	min-width: 10px;
	padding: 2px 6px;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background-color: #D9534F;
	border-radius: 50%;
}
.mark_chu{
	min-width: 10px;
	padding: 2px 6px;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background-color: #337AB7;
	border-radius: 50%;
}
.mark_zumi{
	min-width: 10px;
	padding: 2px 6px;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background-color: #39967A;
	border-radius: 50%;
}
.ib-theme-color{
background-color: #d8792b;
}



/* スマートフォンは表示しない */
.spnone {display: none;}
.pcnone {display:block;}

.login_bg{
	background: #FFF url('../img/login_bg.jpg') no-repeat center center;
	background-size: cover;
}
.logo{
	margin: 0;
	padding: auto;
	text-align: center;
	height: 75px;
	border-bottom: 1px solid #ccc;
}
.logo img{
	margin: 2px 0;
	width: 300px;
	height: 70px;
	line-height: 1;
}
.wrap{
	margin: auto;
	padding: 0 15px 20px;
	/* max-width: 1200px; */
	max-width: 1300px;
	height: 100%;
	text-align: left;
}
#footer ul{
	display: flex;
	flex-wrap: wrap;
	margin: 15px 0;
	padding: 0;
	list-style: none;
}
#footer ul li{
	margin: 0 0 0 0;
	text-align: left;
}

/* .修了証明書プリント
***************************************** */
.certificate_box{
	margin:0px;
	padding:300px 200px;
	background:#efefef;
	background: url(../img/certificate_bg.gif) center top / auto 100% no-repeat;
	font-size:2.0rem;
	font-family:serif;
	}
	.certificate_no{
	text-align:right;
	}
	.certificate_title{
	margin:50px 0 30px;
	padding:auto;
	font-size:3.6rem;
	line-height:1.3;
	font-weight:600;
	text-align: center;
	}
	.certificate_name{
	margin:0 0 25px;
	padding:auto;
	font-size:2.8rem;
	line-height:1;
	}
	.certificate_txt{
	margin:50px 60px 350px;
	padding:auto;
	font-size:2.4rem;
	}
	.certificate_data{
	text-align:right;
	}
	.certificate_organization{
	text-align:right;
	font-size:1.8rem;
	}
	.certificate_representative{
	text-align:right;
	}
	.certificate_box p{
	font-size:1.8rem;
	}
	
	.certificate_box table,
	.certificate_box tr,
	.certificate_box th,
	.certificate_box td{
	border:1px solid #444;
	font-size:1.6rem;
	}


	/* スマートフォン用 */
	@media only screen and (max-width:800px){
		.spnone {display:block;}
		.pcnone {display: none;}
	}


	/* 印刷用 */
	@page {
		size: A4 portrait;  
		margin: [ページの余白を指定];  
	}
	@media print {
		body {
			top:0 !IMPORTANT;
			left:0 !IMPORTANT;
			/* width:172mm !IMPORTANT; */
			/* height:251mm !IMPORTANT; */
			-webkit-print-color-adjust:exact;
			}
		.certificate_box{
			margin:0px;
			padding:100px 100px;
			background: url(../img/certificate_bg.gif) center top / auto 100% no-repeat;
			font-size:2.0rem;
			font-family:serif;
			}		
		.header{display:none;}
		.logo{display:none;}
		＃heade{display:none;}
		＃foote{display:none;}
		.wrap{display:none;}
		.print_buttan{display:none;}
		.footer{display:none;}
		.ib-theme-color{display:none;}

		.panel{border:none;}
	}