/* 幅 */
.w5  { width: 5%;}
.w10  { width: 10%;}
.w15  { width: 15%;}
.w20  { width: 20%;}
.w25  { width: 25%;}
.w30  { width: 30%;}
.w35  { width: 35%;}
.w40  { width: 40%;}
.w45  { width: 45%;}
.w50  { width: 50%;}
.w55  { width: 55%;}
.w60  { width: 60%;}
.w65  { width: 65%;}
.w70  { width: 70%;}
.w75  { width: 75%;}
.w80  { width: 80%;}
.w85  { width: 85%;}
.w90  { width: 90%;}
.w95  { width: 95%;}
.w100 { width: 100%;}
.wauto{ width: auto; max-width: 100%;}

/* 余白 */
.mgb0  { margin-bottom: 0;}
.mgb5  { margin-bottom: 5px;}
.mgb10 { margin-bottom: 10px;}
.mgb15 { margin-bottom: 15px;}
.mgb20 { margin-bottom: 20px;}
.mgb25 { margin-bottom: 25px;}
.mgb30 { margin-bottom: 30px;}
.mgb35 { margin-bottom: 35px;}
.mgb40 { margin-bottom: 40px;}
.mgb45 { margin-bottom: 45px;}
.mgb50 { margin-bottom: 50px;}
.mgb55 { margin-bottom: 55px;}
.mgb60 { margin-bottom: 60px;}
.mgb80 { margin-bottom: 80px;}
.mgb100{ margin-bottom: 100px;}

.mgt0  { margin-top: 0;}
.mgt5  { margin-top: 5px;}
.mgt10 { margin-top: 10px;}
.mgt15 { margin-top: 15px;}
.mgt20 { margin-top: 20px;}
.mgt25 { margin-top: 25px;}
.mgt30 { margin-top: 30px;}
.mgt35 { margin-top: 35px;}
.mgt40 { margin-top: 40px;}
.mgt45 { margin-top: 45px;}
.mgt50 { margin-top: 50px;}
.mgt55 { margin-top: 55px;}
.mgt60 { margin-top: 60px;}
.mgt80 { margin-top: 80px;}
.mgt100{ margin-top: 100px;}
.mgtauto{ margin-top: auto;}

.mgl0  { margin-left: 0;}
.mgl5  { margin-left: 5px;}
.mgl10  { margin-left: 10px;}
.mgl15  { margin-left: 15px;}
.mgl20  { margin-left: 20px;}
.mgl25  { margin-left: 25px;}
.mgl30  { margin-left: 30px;}
.mgl35  { margin-left: 35px;}
.mgl40  { margin-left: 40px;}
.mgl45  { margin-left: 45px;}
.mgl50  { margin-left: 50px;}

.mgr0  { margin-right: 0;}
.mgr5  { margin-right: 5px;}
.mgr10  { margin-right: 10px;}
.mgr15  { margin-right: 15px;}
.mgr20  { margin-right: 20px;}
.mgr25  { margin-right: 25px;}
.mgr30  { margin-right: 30px;}
.mgr35  { margin-right: 35px;}
.mgr40  { margin-right: 40px;}
.mgr45  { margin-right: 45px;}
.mgr50  { margin-right: 50px;}

.mglr1   { margin-left: 1%; margin-right: 1%;}
.mglr2   { margin-left: 2%; margin-right: 2%;}
.mglr3   { margin-left: 3%; margin-right: 3%;}
.mglr4   { margin-left: 4%; margin-right: 4%;}
.mglr5   { margin-left: 5%; margin-right: 5%;}
.mglr6   { margin-left: 6%; margin-right: 6%;}
.mglr7   { margin-left: 7%; margin-right: 7%;}
.mglr8   { margin-left: 8%; margin-right: 8%;}
.mglr9   { margin-left: 9%; margin-right: 9%;}
.mglr10  { margin-left: 10%; margin-right: 10%;}
.mglr20  { margin-left: 20%; margin-right: 20%;}
.mglrauto{ margin-left: auto; margin-right: auto;}

.pda2{ padding: 2px;}
.pda5{ padding: 5px;}
.pda10{ padding: 10px;}
.pda15{ padding: 15px;}
.pda20{ padding: 20px;}
.pda25{ padding: 25px;}
.pda30{ padding: 30px;}
.pda35{ padding: 35px;}
.pda40{ padding: 40px;}
.pda45{ padding: 45px;}
.pda50{ padding: 50px;}

.pdt0{ padding-top: 0;}
.pdt5{ padding-top: 5px;}
.pdt10{ padding-top: 10px;}
.pdt15{ padding-top: 15px;}
.pdt20{ padding-top: 20px;}
.pdt25{ padding-top: 25px;}
.pdt30{ padding-top: 30px;}
.pdt35{ padding-top: 35px;}
.pdt40{ padding-top: 40px;}
.pdt45{ padding-top: 45px;}
.pdt50{ padding-top: 50px;}
.pdt55{ padding-top: 55px;}
.pdt60{ padding-top: 60px;}
.pdt80{ padding-top: 80px;}
.pdt100{ padding-top: 100px;}

.pdb0{ padding-bottom: 0;}
.pdb5{ padding-bottom: 5px;}
.pdb10{ padding-bottom: 10px;}
.pdb15{ padding-bottom: 15px;}
.pdb20{ padding-bottom: 20px;}
.pdb25{ padding-bottom: 25px;}
.pdb30{ padding-bottom: 30px;}
.pdb35{ padding-bottom: 35px;}
.pdb40{ padding-bottom: 40px;}
.pdb45{ padding-bottom: 45px;}
.pdb50{ padding-bottom: 50px;}
.pdb55{ padding-bottom: 55px;}
.pdb60{ padding-bottom: 60px;}
.pdb80{ padding-bottom: 80px;}
.pdb100{ padding-bottom: 100px;}

.pdl0    { padding-left: 0;}
.pdl5    { padding-left: 5px;}
.pdl10    { padding-left: 10px;}
.pdl15    { padding-left: 15px;}
.pdl20    { padding-left: 20px;}
.pdl25    { padding-left: 25px;}
.pdl30    { padding-left: 30px;}
.pdl35    { padding-left: 35px;}
.pdl40    { padding-left: 40px;}
.pdl45    { padding-left: 45px;}
.pdl50    { padding-left: 50px;}

.pdr0    { padding-right: 0;}
.pdr5    { padding-right: 5px;}
.pdr10    { padding-right: 10px;}
.pdr15    { padding-right: 15px;}
.pdr20    { padding-right: 20px;}
.pdr25    { padding-right: 25px;}
.pdr30    { padding-right: 30px;}
.pdr35    { padding-right: 35px;}
.pdr40    { padding-right: 40px;}
.pdr45    { padding-right: 45px;}
.pdr50    { padding-right: 50px;}

.pdlr1   { padding-left: 1%; padding-right: 1%;}
.pdlr2   { padding-left: 2%; padding-right: 2%;}
.pdlr3   { padding-left: 3%; padding-right: 3%;}
.pdlr4   { padding-left: 4%; padding-right: 4%;}
.pdlr5   { padding-left: 5%; padding-right: 5%;}
.pdlr6   { padding-left: 6%; padding-right: 6%;}
.pdlr7   { padding-left: 7%; padding-right: 7%;}
.pdlr8   { padding-left: 8%; padding-right: 8%;}
.pdlr9   { padding-left: 9%; padding-right: 9%;}
.pdlr10   { padding-left: 10%; padding-right: 10%;}
.pdlr20   { padding-left: 20%; padding-right: 20%;}

/* カラー */
.clr_main     { color: #f29600;}
.clr_submain   { color: #00a199;}
.clr_red     { color: #e00;}
.clr_yellow  { color: #ff0 ;}
.clr_orange  { color: #ff6c04;}
.clr_purple  { color: #9f56ac;}
.clr_blue    { color: #018ADB;}
.clr_green   { color: #238C00;}
.clr_beige   { color: #e7e3d5;}
.clr_rich    { color: #9a947e;}
.clr_gray    { color: #b8bec4;}
.clr_cgray   { color: #6e6e6e;}
.clr_lgray   { color: #6e6e6e;}
.clr_xgray   { color: #3d3d3d;}
.clr_black   { color: #000 ;}
.clr_white   { color: #fff ;}
.clr_thin    { color: #c56702;}
.clr_light   { color: #fc0;}
.clr_sub     { color: #544426;}
.clr_theme   { color: #f90;}
.clr_em      { color: #c56702;}
.clr_pale    { color: #c56702;}
.clr_btn     { color: #4469b1;}
.clr_inherit { color: inherit ;}

/* 背景色 */
.bgmain { background: #f29600 ;}
.bgsubmain { background: #00a199 ;}
.bginherit { background: inherit ;}
.bgred     { background: #e00;}
.bgyellow  { background: #ff0 ;}
.bgblue    { background: #095dcc;}
.bgbeige   { background: #e7e3d5;}
.bgrich    { background: #9a947e;}
.bggray    { background: #b8bec4;}
.bgcgray   { background: #6e6e6e;}
.bglgray   { background: #f3f3f3;}
.bgxgray   { background: #3d3d3d;}
.bgblack   { background: #000 ;}
.bgwhite   { background: #fff ;}
.bgthin    { background: #fcedcc;}
.bglight   { background: #fc0;}
.bgsub     { background: #544426;}
.bgtheme   { background: #f90;}
.bgem      { background: #c56702;}
.bgbtn     { background: #4469b1;}
.bgpale    { background: #fffbf4;}
.bgdred    { background: #940505;}
.bgdblue   { background: #263571;}
.bgcream   { background: #fdfbe4;}
.bgpyellow { background: #f9f2af;}
.bgorange  { background: #EB5505;}
.bggreen   { background: #238C00;}


/* 線 */
.border0 { border: none;}
.border01{ border: 1px solid #e00;}
.border02{ border: 1px solid #b8bec4;}
.border03{ border: 1px solid #ccc;}
.border04{ border: 1px solid #f90;}
.border05{ border: 1px solid #000;}
.border06{ border: 3px solid #e00;}
.border07{ border: 3px double #e00;}
.border08{ border: 5px double #e00;}
.border09{ border: 5px solid #e00;}
.border10{ border: 5px solid #666;}
.border11{ border: 3px solid #f3f3f3;}

.border-bottom001{ border-bottom: 1px solid #f29600;}
.border-bottom01{ border-bottom: 1px solid #e00;}
.border-bottom02{ border-bottom: 1px solid #b8bec4;}
.border-bottom03{ border-bottom: 1px solid #ccc;}
.border-bottom04{ border-bottom: 1px solid #f90;}
.border-bottom05{ border-bottom: 1px solid #000;}
.border-bottom06{ border-bottom: 2px solid #e00;}
.border-bottom07{ border-bottom: 3px double #e00;}
.border-bottom08{ border-bottom: 5px double #e00;}
.border-bottom09{ border-bottom: 5px solid #e00;}
.border-bottom10{ border-bottom: 5px solid #ccc;}
.border-bottom11{ border-bottom: 1px solid #666;}

.border-r01{ border-radius: 2px;}
.border-r02{ border-radius: 4px;}
.border-r03{ border-radius: 6px;}
.border-r04{ border-radius: 10px;}
.border-r05{ border-radius: 20px;}
.border-r06{ border-radius: 100px;}
.border-r07{ border-radius: 50%;}

.border-w01{ border-width: 1px;}
.border-w02{ border-width: 3px;}
.border-w03{ border-width: 5px;}
.border-w04{ border-width: 7px;}
.border-w05{ border-width: 10px;}

.border-clg     { border-color: #f3f3f3; }
.border-beige   { border-color: #e7e3d5; }
.border-cream   { border-color: #fffde8; }
.border-ctheme  { border-color: #f90; }
.border-cem     { border-color: #c56702; }
.border-cthin   { border-color: #fcedcc; }
.border-cpale   { border-color: #fffbf4; }
.border-clight  { border-color: #fc0; }
.border-csub    { border-color: #544426; }

/* 配置 */
.text-center { text-align: center;}
.text-right { text-align: right;}
.text-left { text-align: left;}

.prelative{ position: relative;}
.pabsolute{ position: absolute;}
.pinherit{ position: inherit;}

.dblock   { display: block;}
.dinline  { display: inline}
.dinblock { display: inline-block;}

.dflex      { display: flex;}
.flex_wrap  { flex-wrap: wrap;}
.flex_nowrap{ flex-wrap: nowrap;}
.flex_center{ justify-content: center;}
.flex_betw  { justify-content: space-between;}
.flex_around{ justify-content: space-around;}

.flex_albase{ align-items: baseline;}
.flex_alcn  { align-items: center;}
.flex_alen  { align-items: flex-end;}
.flex_alst  { align-items: flex-start;}

.vert_base{ vertical-align: baseline;}
.vert_top { vertical-align: top;}
.vert_mid { vertical-align: middle;}
.vert_bot { vertical-align: bottom}

/* 横分割 */
.flxlist{
	display: flex;
	box-sizing: border-box;
	.spl05{ width: 5%;}
	.spl10{ width: 10%;}
	.spl15{ width: 15%;}
	.spl20{ width: 20%;}
	.spl23{ width: 23%;}
	.spl25{ width: 25%;}
	.spl30{ width: 30%;}
	.spl33{ width: 33%;}
	.spl35{ width: 35%;}
	.spl38{ width: 38%;}
	.spl40{ width: 40%;}
	.spl43{ width: 43%;}
	.spl45{ width: 45%;}
	.spl48{ width: 48%;}
	.spl50{ width: 50%;}
	.spl53{ width: 53%;}
	.spl55{ width: 55%;}
	.spl58{ width: 58%;}
	.spl60{ width: 60%;}
	.spl63{ width: 63%;}
	.spl65{ width: 65%;}
	.spl68{ width: 68%;}
	.spl70{ width: 70%;}
	.spl73{ width: 73%;}
	.spl75{ width: 75%;}
	.spl78{ width: 78%;}
	.spl80{ width: 80%;}
	.spl83{ width: 83%;}
	.spl85{ width: 85%;}
	.spl88{ width: 88%;}
	.spl90{ width: 90%;}
	.spl93{ width: 93%;}
	.spl95{ width: 95%;}
	.spl98{ width: 98%;}
	.spl100{ width: 100%;}
	@media screen and (min-width:1024px){
		.pcl05{ width: 5%;}
		.pcl10{ width: 10%;}
		.pcl15{ width: 15%;}
		.pcl18{ width: 18%;}
		.pcl20{ width: 20%;}
		.pcl23{ width: 23%;}
		.pcl25{ width: 25%;}
		.pcl30{ width: 30%;}
		.pcl33{ width: 33%;}
		.pcl35{ width: 35%;}
		.pcl38{ width: 38%;}
		.pcl40{ width: 40%;}
		.pcl43{ width: 43%;}
		.pcl45{ width: 45%;}
		.pcl48{ width: 48%;}
		.pcl50{ width: 50%;}
		.pcl53{ width: 53%;}
		.pcl55{ width: 55%;}
		.pcl58{ width: 58%;}
		.pcl60{ width: 60%;}
		.pcl63{ width: 63%;}
		.pcl65{ width: 65%;}
		.pcl68{ width: 68%;}
		.pcl70{ width: 70%;}
		.pcl73{ width: 73%;}
		.pcl75{ width: 75%;}
		.pcl78{ width: 78%;}
		.pcl80{ width: 80%;}
		.pcl83{ width: 83%;}
		.pcl85{ width: 85%;}
		.pcl88{ width: 88%;}
		.pcl90{ width: 90%;}
		.pcl93{ width: 93%;}
		.pcl95{ width: 95%;}
		.pcl98{ width: 98%;}
		.pcl100{ width: 100%;}
	}
}


/* 見出しフォントサイズ */
.heading-xl {
  font-size: clamp(2.2rem, 4vw, 2.8rem);
}
.heading-lg {
  font-size: clamp(2rem, 3.5vw, 2.4rem);
}
.heading-md {
  font-size: clamp(1.8rem, 3vw, 2rem);
}
.heading-sm {
  font-size: clamp(1.6rem, 2.5vw, 1.8rem);
}

.fsp10{ font-size: 1.0rem;}
.fsp11{ font-size: 1.1rem;}
.fsp12{ font-size: 1.2rem;}
.fsp13{ font-size: 1.3rem;}
.fsp14{ font-size: 1.4rem;}
.fsp15{ font-size: 1.5rem;}
.fsp16{ font-size: 1.6rem;}
.fsp17{ font-size: 1.7rem;}
.fsp18{ font-size: 1.8rem;}
.fsp19{ font-size: 1.9rem;}
.fsp20{ font-size: 2.0rem;}
.fsp21{ font-size: 2.1rem;}
.fsp22{ font-size: 2.2rem;}
.fsp23{ font-size: 2.3rem;}
.fsp24{ font-size: 2.4rem;}
.fsp25{ font-size: 2.5rem;}
.fsp26{ font-size: 2.6rem;}
.fsp27{ font-size: 2.7rem;}
.fsp28{ font-size: 2.8rem;}
.fsp29{ font-size: 2.9rem;}
.fsp30{ font-size: 3.0rem;}
.fsp32{ font-size: 3.2rem;}
.fsp34{ font-size: 3.4rem;}
.fsp36{ font-size: 3.6rem;}
.fsp38{ font-size: 3.8rem;}
.fsp40{ font-size: 4.0rem;}
.fsp42{ font-size: 4.2rem;}
.fsp44{ font-size: 4.4rem;}
.fsp46{ font-size: 4.6rem;}
.fsp48{ font-size: 4.8rem;}
.fsp50{ font-size: 5.0rem;}
.fsp60{ font-size: 6.0rem;}
.fsp70{ font-size: 7.0rem;}

.f60p  { font-size: 60%; }
.f70p  { font-size: 70%; }
.f80p  { font-size: 80%; }
.f90p  { font-size: 90%; }
.f100p { font-size: 100%; }
.f110p { font-size: 110%; }
.f120p { font-size: 120%; }
.f130p { font-size: 130%; }
.f140p { font-size: 140%; }
.f150p { font-size: 150%; }
.f160p { font-size: 160%; }
.f170p { font-size: 170%; }
.f180p { font-size: 180%; }
.f190p { font-size: 190%; }
.f200p { font-size: 200%; }
.f250p { font-size: 250%; }
.f300p { font-size: 300%; }

.lineh100{ line-height: 1.0;}
.lineh110{ line-height: 1.1;}
.lineh120{ line-height: 1.2;}
.lineh130{ line-height: 1.3;}
.lineh140{ line-height: 1.4;}
.lineh150{ line-height: 1.5;}
.lineh160{ line-height: 1.6;}
.lineh170{ line-height: 1.7;}
.lineh180{ line-height: 1.8;}
.lineh190{ line-height: 1.9;}
.lineh200{ line-height: 2.0;}
.lineh210{ line-height: 2.1;}
.lineh220{ line-height: 2.2;}
.lineh230{ line-height: 2.3;}
.lineh240{ line-height: 2.4;}
.lineh250{ line-height: 2.5;}
.lineh260{ line-height: 2.6;}
.lineh270{ line-height: 2.7;}
.lineh280{ line-height: 2.8;}
.lineh290{ line-height: 2.9;}
.lineh300{ line-height: 3.0;}
.lineh350{ line-height: 3.5;}
.lineh400{ line-height: 4.0;}


/* リスト */
.liout li{
	list-style-position: outside;
  margin-left: 1.5em;
}
.liins li{
	list-style-position: inside;
}
.linon li{
	list-style-type: none;
}
.lideci li{
	list-style-type: decimal;
}
.lidisc li {
	list-style-type: disc;
}
.lisq li {
	list-style-type: square;
}

.fwb {
    font-weight: bold;
}

/* デバイスごとの表示・非表示 */
/* SPでのみ表示 */
@media only screen and (max-width:750px) {
	.t-sp {
		display: none;
  }
}
/* PCでのみ表示 */
@media only screen and (min-width: 751px){
  .t-pc {
    display: none;
  }
}

/* テキスト装飾 */
.fwn    { font-weight: normal;}
.fwb    { font-weight: bold;}
.fnormal{ font-family: normal;}

.t_linet{ text-decoration: line-through;}
.t_linet_b{ text-decoration: line-through 4px solid #000;}
.t_lineu { text-decoration: underline; }
.t_line_d, .B_line { border-bottom: 1px dotted #666666;}
.ln_yel{ background: linear-gradient(transparent 40%, #fef9bf 40%);}