/* ==== align === */
.anker-internal{}
.anker-hover a:hover{
	opacity: 0.8;
}
/* ==== 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-BL,.bg-BL { background: #007DA6!important; }
.bg-PNK,.bg-PNK { background: #F189BC!important; }
.bg-GLY,.bg-GLY { background: #66CBCA!important; }
.bg-O,.bg-O { background: #F4A766!important; }
.bg-GRN,.bg-GRN { background: #005E3C!important; }
.bg-BK,.bg-BK { background: #333!important; }
.bg-YEL,.bg-YEL { background: #CD930A!important; }
/* ==== border === */
.border-BL,.border-BL { border-color: #007DA6!important; }
.border-PNK,.border-PNK { border-color: #F189BC!important; }
.border-GLY,.border-GLY { border-color: #66CBCA!important; }
.border-O,.border-O { border-color: #F4A766!important; }
.border-GRN,.border-GRN { border-color: #005E3C!important; }
.border-BK,.border-BK { border-color: #333!important; }
.border-YEL,.border-YEL { border-color: #CD930A!important; }

/* ==== btn === */
.btn{
    background-color: #EFEFEF;
    border-radius: 4px;
    border:none;
    color: #222;
    display: inline-block;
    font-weight: bold;
    padding: 10px;
    margin: 0 auto;
    text-align:center;
    text-decoration: none;
}

/* ==== 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;
}
/* ==== dl === */
dl.dl-B dd {
    padding-bottom: 5px;
    border-bottom: 1px dotted #CCC;
}
/* ==== flex === */
.flex{
    display: flex;
}
.flexwrap{
	flex-wrap: wrap;
    justify-content: space-between;
}
.flexstart{
    flex-wrap: wrap;
    justify-content: flex-start;
}
.flexrow{
	flex-direction: row;
}
.flexrowreverse{
	flex-direction: row-reverse
}
/* ==== font === */
.font-S {
    font-size: 0.9rem!important;
    line-height: 1.2rem;
}
.font-XS {
    font-size: 0.8rem!important;
    line-height: 1.1rem;
}
.font-XXS {
    font-size: 0.7rem!important;
    line-height: 1rem;
}
.font-L {
    font-size: 1.2rem!important;
    line-height: 1.4rem;
}
.font-XL {
    font-size: 1.35rem!important;
    line-height: 1.6rem;
}
.font-XXL {
    font-size: 1.5rem!important;
    line-height: 1.8rem;
}
/* ==== img === */
.img-hover img:hover{
	opacity: 0.8;
}
/* ==== 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; }

/* ==== table === */
table.table-B {
	border-top: 1px solid #D7D7D7;
	border-left: 1px solid #D7D7D7;
	margin-top: 10px;
	margin-bottom: 10px;
}
table.table-B td {
	border-right: 1px solid #D7D7D7;
	border-bottom: 1px solid #D7D7D7;
	padding: 10px;
}
table.table-B th {
	border-right: 1px solid #D7D7D7;
	border-bottom: 1px solid #D7D7D7;
	background-color: #efefef;
	font-weight: bold;
	padding: 10px;
	text-align: center;
}
table.table-D {
	margin-top: 10px;
	margin-bottom: 10px;
}
table.table-D td {
	border-bottom: 1px dotted #D7D7D7;
	padding: 10px 5px;
}
table.table-D th {
	border-bottom: 1px dotted #D7D7D7;
	font-weight: bold;
	padding: 10px 5px;
	text-align: left;
}
/* ==== ul,ol === */
ul.ul {
    list-style-type: disc;
    margin-bottom: 20px;
    margin-left: 1.5em;
    margin-top: 20px;
}
ul.ul li {
    margin-left: 5px;
}
ul.ul-B { margin-left: 0!important; }
ul.ul-B li {
    border-bottom: 1px dotted #CCC;
    list-style: none;
    padding-bottom: 5px;
    padding-top: 5px
}
ul.ul-I { margin-left: 0; }
ul.ul-I li { display: inline-block; }
ol.ol {
    margin-bottom: 20px;
    margin-left: 1.5em;
    margin-top: 20px;
}
ol.ol li { margin-left: 5px; }
ol.ol-li {
    border-bottom: 1px dotted #CCC;
    padding-bottom: 5px;
    padding-top: 5px;
}

/*----------------------------------------------------------------------------
******************************************************************************
min-width: 781px
******************************************************************************
----------------------------------------------------------------------------*/
@media screen and (min-width: 781px) {
/* ==== display === */
.pc-display { display: block; }
.pc-display-inlineblock { display: inline-block; }
.pc-display-inline { display: inline; }
.tab-display { display: none; }
.tab-display-inlineblock { display: none; }
.tab-display-inline { display: none; }
.sp-display { display: none; }
.sp-display-inlineblock { display: none; }
.sp-display-inline { display: none; }
/* ==== float === */
.float-L { float: left!important; }
.float-R { float: right!important; }
/* ==== flex === */
.flex-split2,.flex-split3,.flex-split4,.flex-split5{ 
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: 10px 0;
}
.flex-split2 > *,.flex-split3 > *,.flex-split4 > *,.flex-split5 > * { 
	margin-right: 2%;
	margin-bottom: 10px;
}
.flex-split2 > *:nth-child(2n),.flex-split3 > *:nth-child(3n),.flex-split4 > *:nth-child(4n),.flex-split5 > *:nth-child(5n){
      margin-right: 0;
}
.flex-split2 > * { 
	width: 49%;
}
.flex-split3 > * { 
	width: 32%;
}
.flex-split4 > * { 
	width: 23.5%;
}
.flex-split5 > * { 
	width: 18.4%;
}
/* ==== 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;
}
.img-L,.img-R {
    text-align: center;
}


/* ==== width === */
.width-1 { width: 9%!important; }
.width-2 { width: 19%!important; }
.width-3 { width: 29%!important; }
.width-4 { width: 39%!important; }
.width-5 { width: 48%!important; }
.width-6 { width: 59%!important; }
.width-7 { width: 69%!important; }
.width-8 { width: 79%!important; }
.width-9 { width: 89%!important; }
.width-10 { width: 100%!important; }
}
/*----------------------------------------------------------------------------
******************************************************************************
max-width: 780px
******************************************************************************
----------------------------------------------------------------------------*/
@media screen and (max-width: 780px) and (min-width: 581px){
/* ==== display === */
.pc-display { display: none; }
.pc-display-inlineblock { display: none; }
.pc-display-inline { display: none; }
.tab-display { display: block; }
.tab-display-inlineblock { display: inline-block; }
.tab-display-inline { display: inline; }
/* ==== img === */
.img-C,.img-L,.img-R {
display: block;
float: none;
margin: 0 auto 10px;
}
/* ==== split === */
.split-2,
.split-3,
.split-4,
.split-5,
.split-6,
.split-7,
.split-8,
.split-9,
.split-10 { width: 100%!important; }
.tab-split-2 { width: 48%!important; }
.tab-split-3 { width: 31.33%!important; }
.tab-split-4 { width: 23%!important; }
.tab-split-5 { width: 18%!important; }
.tab-split-6 { width: 14.66%!important; }
.tab-split-7 { width: 12.22%!important; }
.tab-split-8 { width: 10.5%!important; }
.tab-split-9 { width: 9.11%!important; }
.tab-split-10 { width: 8%!important; }
/* ==== width === */
.width-1,
.width-2,
.width-3,
.width-4,
.width-5,
.width-6,
.width-7,
.width-8,
.width-9,
.width-10 { width: 100%!important; }
.tab-width-1 { width: 9%!important; }
.tab-width-2 { width: 19%!important; }
.tab-width-3 { width: 29%!important; }
.tab-width-4 { width: 39%!important; }
.tab-width-5 { width: 48%!important; }
.tab-width-6 { width: 59%!important; }
.tab-width-7 { width: 69%!important; }
.tab-width-8 { width: 79%!important; }
.tab-width-9 { width: 89%!important; }
.tab-width-10 { width: 100%!important; }
}
/*----------------------------------------------------------------------------
******************************************************************************
max-width: 480px
******************************************************************************
----------------------------------------------------------------------------*/
@media screen and (max-width: 580px) {
/* ==== display === */
.pc-display { display: none; }
.pc-display-inlineblock { display: none; }
.pc-display-inline { display: none; }
.sp-display { display: block; }
.sp-display-inlineblock { display: inline-block; }
.sp-display-inline { display: inline; }
/* ==== 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;
 min-width: 680px;
}
/* ==== split === */
.split-2,
.split-3,
.split-4,
.split-5,
.split-6,
.split-7,
.split-8,
.split-9,
.split-10 { width: 100%!important; }
.sp-split-2 { width: 48%!important; }
.sp-split-3 { width: 31.33%!important; }
.sp-split-4 { width: 23%!important; }
.sp-split-5 { width: 18%!important; }
.sp-split-6 { width: 14.66%!important; }
.sp-split-7 { width: 12.22%!important; }
.sp-split-8 { width: 10.5%!important; }
.sp-split-9 { width: 9.11%!important; }
.sp-split-10 { width: 8%!important; }
/* ==== width === */
.width-1,
.width-2,
.width-3,
.width-4,
.width-5,
.width-6,
.width-7,
.width-8,
.width-9,
.width-10 { width: 100%!important; }
.sp-width-1 { width: 9%!important; }
.sp-width-2 { width: 19%!important; }
.sp-width-3 { width: 29%!important; }
.sp-width-4 { width: 39%!important; }
.sp-width-5 { width: 48%!important; }
.sp-width-6 { width: 59%!important; }
.sp-width-7 { width: 69%!important; }
.sp-width-8 { width: 79%!important; }
.sp-width-9 { width: 89%!important; }
.sp-width-10 { width: 100%!important; }
}