/* CSS Document */

/* ----------------
 * 汎用CSS
 * ---------------- */
body{font-family: 'Noto Sans SC', sans-serif;}

/* clear */
.both{clear: both; }
.clear{clear:both; line-height:0;}
.clearfix::after {
	content: "";
	display: table;
	clear: both;
}




/* text-align */
.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}
.fleft {float: left;}
.fright {float: right;}
.fright_pic {float: right; margin: 0 0 1em 1em; }

/* text-other */
.letter{ letter-spacing: -1px; }
.uline{ text-decoration: underline; }

/* line-height */
.lh100{ line-height: 1.0 !important; }
.lh140{ line-height: 1.4 !important; }
.lh150{ line-height: 1.5 !important; }
.lh160{ line-height: 1.6 !important; }
.lh170{ line-height: 1.7 !important; }
.lh180{ line-height: 1.8 !important; }
.lh190{ line-height: 1.9 !important; }
.lh200{ line-height: 2.0 !important; }

/* width */
.w_auto{width:auto!important; }
.w9{width:9%!important; }
.w10{width:10%!important; }
.w20{width:20%!important; }
.w30{width:30%!important; }
.w40{width:40%!important; }
.w50{width:50%!important; }
.w60{width:60%!important; }
.w70{width:70%!important; }
.w80{width:80%!important; }
.w90{width:90%!important; }
.w99{width:99%!important; }
.w100{width:100%!important; }


.w4em{ width: 4em!important; }
.w5em{ width: 5em!important; }
.w8em{ width: 8em!important; }
.w10em{ width: 10em!important; }





/* margin */
.mg_auto {margin-left: auto;margin-right: auto;}
.auto{margin:0 auto;}

.mt1em {margin-top:1em;}
.mt2em {margin-top:2em;}
.mt3em {margin-top:3em;}

.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb0_3em{margin-bottom:0.3em!important;}
.mb0_5em{margin-bottom:0.5em!important;}
.mb0_8em{margin-bottom:0.8em!important;}
.mb1em{margin-bottom:1em!important;}
.mb1_5em{margin-bottom:1.5em!important;}
.mb2em{margin-bottom:2em!important;}
.mb3em{margin-bottom:3em!important;}
.mb4em{margin-bottom:4em!important;}
.mb5em{margin-bottom:5em!important;}

.ml0{margin-left:0!important;}
.ml1_5em{margin-left:1.5em!important;}
.ml2em{margin-left:2em!important;}
.ml3em{margin-left:3em!important;}
.ml4em{margin-left:4em!important;}
.ml5em{margin-left:5em!important;}
.ml2p{margin-left:2%!important;}
.ml3p{margin-left:3%!important;}
.ml5p{margin-left:5%!important;}

.mr1em{margin-right:1em!important;}
.mr40{margin-right:40px!important;}


/* padding */
.p0{ padding: 0 !important; }

.pt0_3em{padding-top:0.3em!important;}
.pt0_5em{padding-top:0.5em!important;}
.pt0_8em{padding-top:0.8em!important;}
.pt1em{padding-top:1em!important;}

.pb0{padding-bottom:0 !important;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}

.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl110{padding-left:110px;}
.pl0_3p{padding-left:0.3%;}
.pl5_8p{padding-left:5.8%;}


/* cursor,display,position,float,align,valign */
.cursor_p {cursor: pointer;}

.dis_non{display:none;}
.dis_bl {display: block;}
.dis_in {display: inline;}
.dis_inb {display: inline-block;}
.dis_tb {display: table;}
.dis_tbcell {display: table-cell;}
.dis_flex{ display: flex; }
.dis_flex_wrap{ display: flex; flex-wrap: wrap;  }

.fix {position: fixed;}
.abslt {position: absolute;}
.reltiv {position: relative;}
.vtop {vertical-align: top!important;}
.vmid {vertical-align: middle!important;}
.vbtm {vertical-align: bottom!important;}


/* border,background,overflow */
.overflow {overflow: auto;}
.overhidden{overflow:hidden;}

/* ------------
 * font
 * ------------ */
 
.bold{font-weight:bold;}
.fwn{font-weight:normal;}
 
/* size */
.fs10{font-size:1.0rem !important;}
.fs11{font-size:1.1rem !important;}
.fs12{font-size:1.2rem !important;}
.fs13{font-size:1.3rem !important;}
.fs14{font-size:1.4rem !important;}
.fs15{font-size:1.5rem !important;}
.fs16{font-size:1.6rem !important;}
.fs17{font-size:1.7rem !important;}
.fs18{font-size:1.8rem !important;}
.fs19{font-size:1.9rem !important;}
.fs20{font-size:2.0rem !important;}
.fs21{font-size:2.1rem !important;}
.fs22{font-size:2.2rem !important;}
.fs23{font-size:2.3rem !important;}
.fs24{font-size:2.4rem !important;}

.fs_100p{ font-size: 100% !important;}
.fs_105p{ font-size: 105% !important;}
.fs_108p{ font-size: 108% !important;}
.fs_110p{ font-size: 110% !important;}


/* color */
.white {color: #FFF;}
.red{color:#F00;}

.bg_red{ background: #f15258; }
.bg_yellow{ background: #f6c503; }
.bg_lgreen{background: #68c775; }
.bg_lblue{ background: #3dc1f3; }
.bg_blue{ background: #1d47a6; }


/* background-size */
.contain{background-size:contain;}

/* list */

.disc li{list-style:disc;}
.list_none li{list-style: none !important;}
.circle{margin-left:15px;}
.circle li{ list-style:circle; margin-bottom:5px;}
.decimal li{list-style:decimal}


/*border*/
.btnone{ border-top: none!important;}
.bbnone{ border-bottom:none !important;}