@charset "utf-8";

body{
margin:0;
padding:0;
}

#MemberBanner a{
color:#fff;
text-decoration:none;
display:block;
width:100%;
height:100%;
padding:1.5em 0;
}

@media (max-width: 740px),(orientation: portrait){
body{
	margin:0;
	padding:1em 0;

	font-size:3vw;
	background:#006;
	padding-top:1em;
	padding-bottom:1em;
	color:#fff;
	text-align:center;
	}
a{
	display:block;
	widows:100%;
	height:100%;
	color:#fff;

	text-decoration:none;
}

a:hover{
	background:#33f;
}

#master{
width:96%;
margin:0 2%;
padding:0;
list-style:none;
text-align:center;
display:table;
background:none;
border-collapse: separate;
}

.Box01,.Box02{
width:100%;
display:inline-table;
overflow:hidden;
vertical-align:middle;
line-height:2;
text-overflow: ellipsis;
border-radius:5px;
padding:0;
margin-bottom:0.5em;
background:#339/* url('list.png') no-repeat center*/;
background-size:100% auto;
border:2px solid #369;
letter-spacing:0.1em;
}

br{display:none;}

}


@media (min-width:741px) and (max-width: 1000px){

.Box01,.Box02{width:90%;text-align:center;}

	
body{
	font-size:1.75vw;
	background:#006;
	padding:1em 0;
	}

#JobaMenuRoot .br_sp{
	display:none;
}

#master{
width:96vw;
margin:0 2vw;
padding:0;
list-style:none;
text-align:center;
display:table;
background:none;
border-collapse: separate;
}

.Box01,.Box02{
min-height:4em;
height:auto;
display:inline-table;
overflow:hidden;
vertical-align:middle;
line-height:1.5;
text-overflow: ellipsis;
border-radius:5px;
margin-right:10px;
margin-bottom:0.5em;
background:#339/* url('list.png') no-repeat center*/;
background-size:100% auto;
border:2px solid #369;
letter-spacing:0.1em;

}

.Box01:hover,.Box02:hover{
color:#ff9;
}

.small{font-size:100%;}


.valign{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

.valign a{
	display:block;
	padding:1.5em 0.5em;
	color:#fff;
	text-decoration:none;
}


.Box02{width:45vw;}
.Box01{width:45vw;}
}




@media (min-width: 1001px){
body{
	font-family: 'MyFont',sans-serif;
	font-size:87.5%;
	background:#003;
}

#master{
width:1000px;
margin:10px auto;
padding:0;
list-style:none;
text-align:center;
display:table;
vertical-align:50%;
background:none;
border-collapse: separate;
}

.Box01,.Box02{
height:90px;
display:inline-table;
overflow:hidden;
vertical-align:middle;
line-height:1.5;
text-overflow: ellipsis;
border-radius:5px;
margin-right:10px;
margin-bottom:10px;
}

.small{font-size:87.5%;}

.valign{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

.valign a{
	display:block;
	padding:1.5em 0.5em;
	color:#fff;
	text-decoration:none;
}


.Box02{width:190px;}
.Box01{width:90px;}


.Color01{background:#36107a;}
.Color02{background:#36f;}
.Color03{background:#c60;}
.Color04{background:#6cf;}
.Color05{background:#336;}
.Color06{background:#c93;}
.Color07{background:#096;}
.Color08{background:#119911;}
.Color09{background:#386;}
.Color10{background:#8af;}
.Color11{background:#900;}
.Color12{background:#096;}
.Color13{background:#69f;}
.Color14{background:#63c;}
.Color15{background:#c66;}
.Color16{background:#69f;}
.Color17{background:#636;}
.Color18{background:#336;}
.Color19{background:#6c3;}
.Color20{background:#36f;}
.Color21{background:#f90;}
.Color22{background:#C03;}
.Color23{background:#070;}
.Color24{background:#333;}
.Color25{background:#f22;}
.Color26{background:#33f;}
.Color27{background:#500;}
.Color28{background:#006;}
.Color29{background:#ff3232;}
.Color30{background:#8b6;}
.Color31{background:#e82c45;}
.Color32{background:#8a8a8a;}
.Color33{background:#8bc;}
.Color34{background:#f00;}
.Color35{background:#d11;}
.Color36{background:#093;}
.Color37{background:#000;}
.Color38{background:#000;}
.Color39{background:#000;}
.Color40{background:#000;}

.Color41 {
	background: #f42;
}
.Color42 {
	background: #900;
}
.Color43 {
	background: #69f;
}
.Color44 {
	background: #6b3;
}
.Color45 {
	background: #c00;
}
.Color46 {
	background: #c00;
}
.Color47 {
	background: #00b285;
}
.Color48 {
	background: #00bfff;
}
}