@charset "utf-8";
/* CSS Document */


/*----------------------------------------------------------------------------
 ***                                                                    space
----------------------------------------------------------------------------*/
.mgb30{margin-bottom:30px;}
.mgb20{margin-bottom:20px;}
.mgb15{margin-bottom:15px;}
.mgb10{margin-bottom:10px;}
.mgb5{margin-bottom:5px;}
.mgb0{margin-bottom:0;}

.mgt30{margin-top:30px;}
.mgt20{margin-top:20px;}
.mgt15{margin-top:15px;}
.mgt10{margin-top:10px;}
.mgt5{margin-top:5px;}
.mgt0{margin-top:0;}

.mgr30{margin-right:30px;}
.mgr20{margin-right:20px;}
.mgr15{margin-right:15px;}
.mgr10{margin-right:10px;}
.mgr5{margin-right:5px;}
.mgr0{margin-right:0;}

.mg30{margin:30px;}
.mg20{margin:20px;}
.mg15{margin:15px;}
.mg10{margin:10px;}
.mg5{margin:5px;}
.mg0{margin:0;}


.pdt15{padding-top:15px;}
.pdt20{padding-top:20px;}

/*----------------------------------------------------------------------------
 ***                                                                    text
----------------------------------------------------------------------------*/
.tac{ text-align:center;}
.tar{ text-align:right;}
.tal{ text-align:left;}
.va{vertical-align: middle;}
.ol{ text-decoration:line-through;}
.txtColorBl{color:#0033FF;}
.txtColorRd{color:#CC3300;}
.txtSizeSS{ font-size:74%}
.txtSizeS{ font-size:86%}
.txtSizeL{ font-size:120%}
.txtSizeLL{ font-size:146%}
.attention{ color:#FF0000;}
.attentionMtoM{ color:#E4007F;}
.attenG{ color:#666; text-align:right; margin:0;}
.planudBlock{ border-bottom: 2px solid #EAFF00; color:#E3017F;}

.floatR{ float:right;}
.floatL{ float:left;}

.floatRImg{ float:right;}
.floatRImg span,
.floatRImg img{	padding-left:8px;}

.floatLImg{ float:left;}
.floatLImg span,
.floatLImg img{	padding-right:8px;}

.imgfloatR{ float:right;}
.imgfloatR span,
.imgfloatR img{	padding-left:8px;}

.pcNone{ display:none;}

.table{display:table;}
.table_child{display:table-cell;}
.flex{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.child_2 > *{width:50%;}
.child_3 > *{width:33.333%;}
.child_4 > *{width:25%;}
.child_5 > *{width:20%;}
.child_6 > *{width:16.666%;}

.hover:hover {opacity:.7; }
.hoverEase{transition:opacity .3s ease;}
.hoverEase:hover{opacity:.7;}
.hoverON:hover{display:block; background:#fff;}
.hoverON:hover > *{filter:brightness(100%) saturate(120%) opacity(80%);}


.colorP{color:#ff0084;}
.colorO{color:#f3a530;}
.colorG{color:#88c542;}
.colorL{color:#6bccff;}
.colorPu{color:#913cce;}
.colorY{color:#fbc52c;}
.colorB{color:#367abd;}
.colorRB{color:#95002B;}
.colorBB{color:#036EB8;}

.backP{background:#fbeaf4;}
.backY{background:#fdf9ed;}
.backL{background:#f3fbfe;}
.backGr{background:#f8f8f8;}

/*----------------------------------------------------------------------------
***                                                               font-family
----------------------------------------------------------------------------*/
.font_shinGo{font-family: "A-OTF UD新ゴ Pro", 'メイリオ', 'Meiryo UI', "Hiragino kaku Gothic Pro", "ヒラギノ角ゴ Pro W3",Verdana,'ＭＳ Ｐゴシック',sans-serif; font-weight:normal;}
.font_kakuGo{ font-family:  "FP-ヒラギノ角ゴ ProN W6";}
.font_yuGo{font-family:"游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

/*----------------------------------------------------------------------------
 ***                                                                   table
----------------------------------------------------------------------------*/
table {
	border-collapse:collapse;
	margin-bottom:10px;
}
td,th {
	line-height: 1.8em;
	padding: 3px;
	/* [disabled]border: 1px solid #CCC; */
}
th{
	font-weight: bold;
}
.hec{ background:#F3F7FF;}

/* 幅　-------------------*/
.twA{ width:auto;}
.tw5{ width:5%;}
.tw10{ width:10%;}
.tw20{ width:20%;}
.tw25{ width:25%;}
.tw30{ width:30%;}
.tw33{ width:33%;}
.tw34{ width:34%;}
.tw35{ width:35%;}
.tw40{ width:40%;}
.tw45{ width:45%;}
.tw50{ width:50%;}
.tw60{ width:60%;}
.tw70{ width:70%;}
.tw80{ width:80%;}
.tw90{ width:90%;}
.tw100{ width:100%;}