/* ==== align === */
.align-C { text-align:center!important; }
.align-L { text-align:left!important; }
.align-R { text-align:right!important; }
.ver-align-T { vertical-align:top!important; }
.ver-align-M { vertical-align:middle!important; }
.ver-align-M { vertical-align:bottom!important; }
/* ==== bg === */
.bg-B { background: #669ACA!important; }
.bg-P { background: #F189BC!important; }
.bg-GLY { background: #66CBCA!important; }
.bg-O { background: #F4A766!important; }
.bg-GRN { background: #66C589!important; }
.bg-BK { background: #333!important; }
/* ==== box === */
.box {
	table-layout:fixed;
	display: table;
	margin-bottom: 10px;
	width: 100%;
}
.box > div {
	display: table-cell;
	vertical-align: top;
	padding: 0 5px;
}
.box > div img {
	max-width: 100%;
	height: auto;
}
/* ==== color === */
.color-R {
	color: #FF3333!important;
	font-weight: bold!important;
}
.color-O {
	color: orange!important;
	font-weight: bold!important;
}
.color-B {
	color: #00557f!important;
	font-weight: bold!important;
}
.color-BK {
	color: #333!important;
	font-weight: bold!important;
}
.color-G {
	color: green!important;
	font-weight: bold!important;
}
/* ==== clear === */
.clearfix:after {
	content:" ";
	display:block;
	clear:both;
}
.crr {
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;
	clear:both;
}
/* ==== display === */
.pc-display-B { display: block; }
.sp-display-N { display: none; }
/* ==== dl === */
dl.dl-B dd {
	padding-bottom: 5px;
	border-bottom: 1px dotted #CCC;
}
/* ==== float === */
.float-L { float: left!important; }
.float-R { float: right!important; }
img.float-L {
	float: left!important;
	margin-bottom: 10px;
	margin-right: 10px;
}
img.float-R {
	float: right!important;
	margin-bottom: 10px;
	margin-left: 10px;
}
/* ==== font === */
.font-S {
	font-size: 0.9em!important;
	line-height: 1.3em;
}
.font-XS {
	font-size: 0.8em!important;
	line-height: 1.3em;
}
.font-XXS {
	font-size: 0.7em!important;
	line-height: 1.3em;
}
.font-L {
	font-size: 1.2em!important;
	line-height: 1.3em;
}
.font-XL {
	font-size: 1.35em!important;
	line-height: 1.3em;
}
.font-XXL {
	font-size: 1.5em!important;
	line-height: 1.3em;
}
/* ==== img === */
.img-C {
	display: block;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}
.img-L {
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
}
.img-R {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
}
div.img-L, div.img-R{
	text-align: center;
}
/* ==== margin === */
.margin-T0 { margin-top:0px!important; }
.margin-T5 { margin-top:5px!important; }
.margin-T10 { margin-top:10px!important; }
.margin-T15 { margin-top:15px!important; }
.margin-T20 { margin-top:20px!important; }
.margin-T30 { margin-top:30px!important; }
.margin-T40 { margin-top:40px!important; }
.margin-B0 { margin-bottom:0px!important; }
.margin-B5 { margin-bottom:5px!important; }
.margin-B10 { margin-bottom:10px!important; }
.margin-B15 { margin-bottom:15px!important; }
.margin-B20 { margin-bottom:20px!important; }
.margin-B30 { margin-bottom:30px!important; }
.margin-B40 { margin-bottom:40px!important; }
.margin-L0 { margin-left:0px!important; }
.margin-L5 { margin-left:5px!important; }
.margin-L10 { margin-left:10px!important; }
.margin-L15 { margin-left:15px!important; }
.margin-L20 { margin-left:20px!important; }
.margin-L30 { margin-left:30px!important; }
.margin-L40 { margin-left:40px!important; }
.margin-R0 { margin-right:0px!important; }
.margin-R5 { margin-right:5px!important; }
.margin-R10 { margin-right:10px!important; }
.margin-R15 { margin-right:15px!important; }
.margin-R20 { margin-right:20px!important; }
.margin-R30 { margin-right:30px!important; }
.margin-R40 { margin-right:40px!important; }
/* ==== margin === */
.padding-T0 { padding-top:0px!important; }
.padding-T5 { padding-top:5px!important; }
.padding-T10 { padding-top:10px!important; }
.padding-T15 { padding-top:15px!important; }
.padding-T20 { padding-top:20px!important; }
.padding-T30 { padding-top:30px!important; }
.padding-T40 { padding-top:40px!important; }
.padding-B0 { padding-bottom:0px!important; }
.padding-B5 { padding-bottom:5px!important; }
.padding-B10 { padding-bottom:10px!important; }
.padding-B15 { padding-bottom:15px!important; }
.padding-B20 { padding-bottom:20px!important; }
.padding-B30 { padding-bottom:30px!important; }
.padding-B40 { padding-bottom:40px!important; }
.padding-L0 { padding-left:0px!important; }
.padding-L5 { padding-left:5px!important; }
.padding-L10 { padding-left:10px!important; }
.padding-L15 { padding-left:15px!important; }
.padding-L20 { padding-left:20px!important; }
.padding-L30 { padding-left:30px!important; }
.padding-L40 { padding-left:40px!important; }
.padding-R0 { padding-right:0px!important; }
.padding-R5 { padding-right:5px!important; }
.padding-R10 { padding-right:10px!important; }
.padding-R15 { padding-right:15px!important; }
.padding-R20 { padding-right:20px!important; }
.padding-R30 { padding-right:30px!important; }
.padding-R40 { padding-right:40px!important; }
/* ==== smartphone === */
.sp-table-area { }
/* ==== table === */
.context table.table-B {
	border-top: 1px solid #D7D7D7;
	border-left: 1px solid #D7D7D7;
}
.context table.table-B td {
	padding: 5px;
	border-right: 1px solid #D7D7D7;
	border-bottom: 1px solid #D7D7D7;
}
.context table.table-B th {
	border-right: 1px solid #D7D7D7;
	border-bottom: 1px solid #D7D7D7;
	background-color: #F2F2F2;
	text-align: center;
	font-weight: bold;
}
.context table.table-D { }
.context table.table-D td { border-bottom: 1px dotted #D7D7D7; }
.context table.table-D th {
	border-bottom: 1px dotted #D7D7D7;
	text-align: left;
	font-weight: bold;
}
/* ==== ul,ol === */
.context ul.ul-B { margin-left: 0!important; }
.context ul.ul-B li {
	border-bottom: 1px dotted #CCC;
	list-style: none;
	padding-bottom: 5px;
	padding-top: 5px
}
.context ul.ul-I { margin-left: 0; }
.context ul.ul-I li { display: inline-block; }
.context ol.ol-.context li {
	border-bottom: 1px dotted #CCC;
	padding-bottom: 5px;
	padding-top: 5px;
}
/* ==== width === */
.width-10 { width: 10%!important; }
.width-15 { width: 15%!important; }
.width-20 { width: 20%!important; }
.width-25 { width: 25%!important; }
.width-30 { width: 30%!important; }
.width-35 { width: 35%!important; }
.width-40 { width: 40%!important; }
.width-45 { width: 45%!important; }
.width-50 { width: 50%!important; }
.width-55 { width: 55%!important; }
.width-60 { width: 60%!important; }
.width-65 { width: 65%!important; }
.width-70 { width: 70%!important; }
.width-75 { width: 75%!important; }
.width-80 { width: 80%!important; }
.width-85 { width: 85%!important; }
.width-90 { width: 90%!important; }
.width-95 { width: 95%!important; }
.width-100 { width: 100%!important; }
@media screen and (max-width: 780px) {
/* ==== float === */
.float-L {
float: none!important;
}
.float-R {
float: none!important;
}
img.float-L {
display: block;
float: none!important;
margin: 0 auto 10px!important;
}
img.float-R {
display: block;
float: none!important;
margin: 0 auto 10px!important;
}
.img-L {
display: block;
float: none!important;
margin: 0 auto 10px!important;
}
.img-R {
display: block;
float: none!important;
margin: 0 auto 10px!important;
}

/* ==== width === */
.width-10, .width-15, .width-20, .width-25, .width-30, .width-35, .width-40, .width-45, .width-50, .width-55, .width-60, .width-65, .width-70, .width-75, .width-8, .width-85, .width-90, .width-95, .width-100 {
width: 100%!important;
}
}
 @media screen and (max-width: 420px) {
/* ==== align === */
.align-L {
text-align:justify!important;
}
.align-R {
text-align:justify!important;
}

/* ==== box === */
.box {
display: block;
}
.box > div {
display: block;
width: 100%;
padding:0;
margin-bottom: 10px;
}
.box > div:nth-last-of-type(1) {
margin-bottom: 0;
}

/* ==== display === */
.pc-display-B {
display: none;
}
.sp-display-N {
display: block;
}

/* ==== margin === */
.margin-L0, .margin-L5, .margin-L10, .margin-L15, .margin-L20, .margin-L30, .margin-L40, .margin-R0, .margin-R5, .margin-R10, .margin-R15, .margin-R20, .margin-R30, .margin-R40 {
margin-left:0px!important;
margin-right:0px!important;
}

/* ==== smartphone === */
.sp-table-area {
 box-shadow: -3px 0 5px rgba(0, 0, 0, 0.2) inset;
 margin-bottom: 20px;
 margin-top: 20px;
 overflow: auto;
}
.sp-table-area table {
 margin: 0!important;
 width: 480px;
}

}