@charset "utf-8";

.per5 { width: 5% !important;}
.per8 { width: 8% !important;}
.per10 { width: 10% !important;}
.per12 { width: 12% !important;}
.per15 { width: 15% !important;}
.per20 { width: 20% !important;}
.per22 { width: 22% !important;}
.per25 { width: 25% !important;}
.per30 { width: 30% !important;}
.per35 { width: 35% !important;}
.per40 { width: 40% !important;}
.per42 { width: 42% !important;}
.per45 { width: 45% !important;}
.per49 { width: 49% !important;}
.per50 { width: 50% !important;}
.per52 { width: 52% !important;}
.per55 { width: 55% !important;}
.per60 { width: 60% !important;}
.per70 { width: 70% !important;}
.per75 { width: 75% !important;}
.per78 { width: 78% !important;}
.per80 { width: 80% !important;}
.per85 { width: 85% !important;}
.per88 { width: 88% !important;}
.per90 { width: 90% !important;}
.full  { width: 100% !important;}

.text8{ font-size: .8rem;}
.text9{ font-size: .9rem;}
.text10{ font-size: 1rem;}
.text11{ font-size: 1.1rem;}
.text12{ font-size: 1.2rem;}
.text13{ font-size: 1.3rem;}
.text14{ font-size: 1.4rem;}
.text15{ font-size: 1.5rem;}


/* == ▼配置 =============================================================== */
/* flex */
.disp-flex{
	margin: 0!important;
	padding: 0!important;
	list-style-type:none;
	
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	
	-webkit-box-pack:justify;
	-moz-box-pack:justify;
	-webkit-flex-pack:justify;
	-moz-flex-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	justify-content:space-between;
	
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	align-items: flex-start;
	
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

.disp-flex li{
	-webkit-box-flex:1;
	-moz-box-flex:1;
	-ms-flex-positive:1;
	-webkit-flex:1;
	-moz-flex:1;
	flex:1;
}


/* inline-block */
.inline_b{font-size: 0 !important;letter-spacing: -1em !important;word-spacing: -1em !important;}
:root .inline_b {font-size: 0.1px;letter-spacing: -1px;word-spacing: -1px;}
.inline_b > * {
	display: inline-block !important;
	font-size: 1rem;
	letter-spacing: normal;
	word-spacing: normal;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
}

.align-left{display: block;text-align:left;margin-left: 0;margin-right: auto;}
.align-center{display: block;text-align:center;margin-left: auto;margin-right: auto;}
.align-right{display: block;text-align:right;margin-left: auto;margin-right: 0;}

.ver-top	{vertical-align: top !important;}
.ver-middle	{vertical-align: middle !important;}
.ver-bottom	{vertical-align: bottom !important;}

/* == ▼疑似テーブル ======================================================= */

.table.ver-middle > .cell,
.table.ver-middle .row > .cell{ vertical-align: middle !important; }
.table.ver-bottom > .cell,
.table.ver-bottom .row > .cell{ vertical-align: bottom !important; }

.table{ display: table; border-collapse: collapse !important; }
.table.fx { table-layout: fixed;}

.table .row > .cell.th { background-color: rgba( 0, 0, 0, 0.70 ) !important;color:#fff; }
/*.border .row:nth-child(even) { background-color: rgba( 255, 255, 255, 0.70 ); }*/

.table .row { display: table-row !important; }


.cell {	display: table-cell !important;}

.pad, .table.pad .row > .cell,
ul.pad > li,
dl.pad > dt,
dl.pad > dd {padding: 2pt;}

.radius { 
	border-collapse: separate !important;
	border-radius: 20px;        	/* CSS3草案 */  
	-webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 20px;		/* Firefox用 */  
}

/* 共通 */
#header .shamei { margin: .5rem 0; font-size: 1.5rem; }