@charset "utf-8";

/* //////////////// universal class ////////////////////////////////  */


.xxxbroad {margin-top:4em !important; margin-bottom:4em !important;}
.xxbroad {margin-top:3em !important; margin-bottom:3em !important;}
.xbroad {margin-top:2em !important; margin-bottom:2em !important;}
.broad {margin-top:1.5em !important; margin-bottom:1.5em !important;}
.regular {margin-top:1em !important; margin-bottom:1em !important;}
.narrow {margin-top:0.5em !important; margin-bottom:0.5em !important;}
.thin {margin-top:0.25em !important; margin-bottom:0.25em !important;}
.flat {margin-top:0 !important; margin-bottom:0 !important;}
.flat-top {margin-top:0 !important;}
.flat-bottom {margin-bottom:0 !important;}

.ofv {overflow:visible !important;}

.ofh {overflow:hidden;}
.ofa {overflow:auto;}
.ofs {overflow:scroll;}
.tac { text-align:center; }
.tal { text-align:left; }
.tar { text-align:right; }
.taj { text-align:justify; }

.cb {	clear: both; }
.cl  {	clear: left; }
.cr  { clear: right; }
.fr { float: right; }
.fl { float: left; }
.ib { display:inline-block;}
.vat {vertical-align:top;}

.posr {position:relative;}
.posa {position:absolute;}
.r-btm {position:absolute; right:1em; bottom:1em;}
.r-btm-1em {position:absolute; right:1em; bottom:1em;}

/* Mobile Single Column ( like 7-10 inch Tablet ) */
@media only screen and (max-width: 768px) {

}
/* Traditional SmartPhone Portrait Size */
@media only screen and (max-width: 479px) {

}


/*** text  status ***/
.fix8 {font-size: 8px;}
.fix9 {font-size: 9px;}
.fix10 {font-size: 10px;}
.fix11 {font-size: 11px;}
.fix12 {font-size: 12px;}
.fix13 {font-size: 13px;}
.fix14 {font-size: 14px;}
.fix15 {font-size: 15px;}
.fix16 {font-size: 16px;}
.fix17 {font-size: 17px;}
.fix18 {font-size: 18px;}
.fix20 {font-size: 20px;}
.fix21 {font-size: 21px;}
.fix22 {font-size: 22px;}
.fix24 {font-size: 24px;}
.fix26 {font-size: 26px;}
.fix28 {font-size: 28px;}
.fix30 {font-size: 30px;}
.fix32 {font-size: 32px;}
.fix36 {font-size: 36px;}
.fix40 {font-size: 40px;}
.fix50 {font-size: 50px;}
.fix60 {font-size: 60px;}
.fix70 {font-size: 70px;}
.fix80 {font-size: 80px;}
.fix90 {font-size: 90px;}
.fix100 {font-size: 100px;}

.fs50, .fs50p {font-size: 50%;}
.fs60, .fs60p {font-size: 60%;}
.fs70, .fs70p {font-size: 70%;}
.fs75, .fs75p {font-size: 75%;}
.fs80, .fs80p {font-size: 80%;}
.fs85, .fs85p {font-size: 85%;}
.fs90, .fs90p {font-size: 90%;}
.fs100, .fs100p {font-size: 100%;}
.fs110, .fs110p {font-size: 110%;}
.fs120, .fs120p {font-size: 120%;}
.fs125, .fs125p {font-size: 125%;}
.fs130, .fs130p {font-size: 130%;}
.fs140, .fs140p {font-size: 140%;}
.fs150, .fs150p {font-size: 150%;}
.fs160, .fs160p {font-size: 160%;}
.fs170, .fs170p {font-size: 170%;}
.fs180, .fs180p {font-size: 180%;}
.fs190, .fs190p {font-size: 190%;}
.fs200, .fs200p {font-size: 200%;}
.fs220, .fs220p {font-size: 220%;}
.fs250, .fs250p {font-size: 250%;}
.fs300, .fs300p {font-size: 300%;}
.fs350, .fs350p {font-size: 350%;}
.fs400, .fs400p {font-size: 400%;}

.norm {font-weight: normal;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.oblique {font-style: oblique;}

.overline {text-decoration: overline;}
.underline {text-decoration: underline;}
.wline {text-decoration: overline underline;}
.blink {text-decoration: blink;}
.cline {text-decoration: line-through;}

.underdash {border-bottom: dotted 1px gray;}

.wh, .white {color: #fff;}
.awhite {color:#fdf6ee; /*antiquewhite;*/}
.bk {color: #000;}
.bk2 {color: #222;}
.bk3 {color: #333;}
.bk4 {color: #444;}
.bk5 {color: #555;}
.bk6 {color: #666;}
.pink {color: pink;}
.hpink {color: hotpink;}
.red {color: red;}
.dred {color: crimson;}
.tred {color: #C04641;}
.ered {color: #965755;}
.sred {color:#E95513;}
.maroon {color:maroon;}
.orange {color: orange;}
.yellow {color: yellow;}
.gold {color: gold;}
.green {color: green;}
.dgreen {color: darkgreen;}
.lgreen {color: limegreen;}
.msgreen {color: mediumseagreen;}
.ngreen {color:#009146;}
.egreen { color:#225A4B; }/**/
.edbrown { color:#534741; }/**/
.elbrown { color:#736357; }/**/
.teal {color: teal;}
.lime {color: lime;}
.silver {color: silver;}
.gray {color: gray;}
.dsgray {color: darkslategray;}
.cyan {color: cyan;}
.blue {color: blue;}
.dblue {color: darkblue;}
.dsblue {color: darkslateblue;}
.eblue {color: #476582;}
.sky {color:#3FA9F5;}

.dorange {color:darkorange;}
.brown {color: brown;}
.dbrown {color:#534741;} /* =rgb(83,71,65)  */
.awhite {color:#fdf6ee; /*antiquewhite;*/}
.slyellow {color:#FFD27B;}
.laqua {color:#DDF2FA;}
.aqua {color:#65BAF7;}



/*** background ***/
.bgw1 {background:rgba(255,255,255,0.1);}
.bgw2 {background:rgba(255,255,255,0.2);}
.bgw3 {background:rgba(255,255,255,0.3);}
.bgw4 {background:rgba(255,255,255,0.4);}
.bgw5 {background:rgba(255,255,255,0.5);}
.bgw6 {background:rgba(255,255,255,0.6);}
.bgw7 {background:rgba(255,255,255,0.7);}
.bgw8 {background:rgba(255,255,255,0.8);}
.bgw9 {background:rgba(255,255,255,0.9);}
.bgw10 {background:rgba(255,255,255,1);}

.bgk0 {background:rgba(0,0,0,0.05);}
.bgk1 {background:rgba(0,0,0,0.1);}
.bgk2 {background:rgba(0,0,0,0.2);}
.bgk3 {background:rgba(0,0,0,0.3);}
.bgk4 {background:rgba(0,0,0,0.4);}
.bgk5 {background:rgba(0,0,0,0.5);}
.bgk6 {background:rgba(0,0,0,0.6);}
.bgk7 {background:rgba(0,0,0,0.7);}
.bgk8 {background:rgba(0,0,0,0.8);}
.bgk9 {background:rgba(0,0,0,0.9);}

.bgs0 {background:rgba(68,22,10,0.05);}
.bgs1 {background:rgba(68,22,10,0.1);}
.bgs2 {background:rgba(68,22,10,0.2);}

/*** opacity ***/
.opa10 {opacity:1.0;}
.opa09 {opacity:0.9;}
.opa08 {opacity:0.8;}
.opa07 {opacity:0.7;}
.opa06 {opacity:0.6;}
.opa05 {opacity:0.5;}
.opa04 {opacity:0.4;}
.opa03 {opacity:0.3;}
.opa02 {opacity:0.2;}
.opa01 {opacity:0.1;}
.opa00 {opacity:0;}

/*** border-radius ***/
.br2 {border-radius:2px;}
.br3 {border-radius:3px;}
.br4 {border-radius:4px;}
.br5 {border-radius:5px;}
.br6 {border-radius:6px;}
.br8 {border-radius:8px;}
.br10 {border-radius:10px;}
.br12 {border-radius:12px;}
.br16 {border-radius:16px;}
.br100 {border-radius:100%;}


/*** line-height ***/
.lh100 {line-height:1em;}
.lh125 {line-height:1.25em;}
.lh135 {line-height:1.35em;}
.lh150 {line-height:1.5em;}
.lh165 {line-height:1.65em;}
.lh175 {line-height:1.75em;}
.lh200 {line-height:2em;}


/*** margin  ***/
.mg36 {margin:3px 6px;}
.mg48 {margin:4px 8px;} /*default*/
.mg510 {margin:5px 10px;}
.mg612 {margin:6px 12px;}
.mg816 {margin:8px 16px;}
.mg1020 {margin:10px 20px;}
.mg08 {margin:0 8px;}
.mg010 {margin:0 10px;}
.mg012 {margin:0 12px;}
.mg016 {margin:0 16px;}
.mg0 {margin:0px;}
.mg2 {margin:2px;}
.mg4 {margin:4px;}
.mg5 {margin:5px;}
.mg6 {margin:6px;}
.mg8 {margin:8px;}
.mg10 {margin:10px;}
.mg12 {margin:12px;}
.mg16 {margin:16px;}
.mg20 {margin:20px;}

/*** padding  ***/
.pd36 {padding:3px 6px;}
.pd48 {padding:4px 8px;} /*default*/
.pd510 {padding:5px 10px;}
.pd612 {padding:6px 12px;}
.pd816 {padding:8px 16px;}
.pd1020 {padding:10px 20px;}
.pd08 {padding:0 8px;}
.pd010 {padding:0 10px;}
.pd012 {padding:0 12px;}
.pd016 {padding:0 16px;}
.pd0 {padding:0px;}
.pd2 {padding:2px;}
.pd4 {padding:4px;}
.pd5 {padding:5px;}
.pd6 {padding:6px;}
.pd8 {padding:8px;}
.pd10 {padding:10px;}
.pd12 {padding:12px;}
.pd16 {padding:16px;}
.pd20 {padding:20px;}



/*** border ***/
.bdrb-dot-gr8 {border-bottom: 2px dotted #888;}
.bdrb-dot-wh {border-bottom: 2px dotted #fff;}
.bdrb-dot-k2 {border-bottom: 1px dotted rgba(0,0,0,0.2);}
.bdrb-k2 {border-bottom: 1px solid rgba(0,0,0,0.2);}
.waku {border: 1px solid rgba(0,0,0,0.2);}

/*** box-shadow ***/
.bxsha0 { box-shadow: 0 2px 4px rgba(20, 20, 20, 0.2);}
.bxsha1 { box-shadow: 0 3px 5px rgba(20, 20, 20, 0.3);}
.bxsha2 { box-shadow: 0 3px 5px rgba(20, 20, 20, 0.8);}
.bxsha3 { box-shadow: 2px 3px 6px 2px rgba(20, 20, 20, 0.6);}

.txsha0 { text-shadow:1px 1px 0px rgba(0,0,0,0.4), 0 0 2px rgba(0,0,0,0.4);}
.txsha1 { text-shadow:1px 1px 2px rgba(0,0,0,0.8), 0 0 5px rgba(0,0,0,0.8);}
.txsha0w { text-shadow:1px 1px 0px rgba(255,255,255,0.8), 0 0 2px rgba(255,255,255,0.8);}
.txsha1w { text-shadow:1px 1px 2px rgba(255,255,255,1), 0 0 5px rgba(255,255,255,1);}

.ds, .ds0 {filter: drop-shadow(0px 1px 3px rgba(0,0,0,0.45));}


/*** tilt ***/
.tilt { transform: rotate(-5deg);}
.tilt10 { transform: rotate(-10deg);}
.tilt15 { transform: rotate(-15deg);}
.cw15 { transform: rotate(15deg);}
.cw60 { transform: rotate(60deg);}
.cw75 { transform: rotate(75deg);}
.cw90 { transform: rotate(90deg);}
.cw105 { transform: rotate(105deg);}
.ccw15 { transform: rotate(-15deg);}
.ccw60 { transform: rotate(-60deg);}
.ccw75 { transform: rotate(-75deg);}
.ccw90 { transform: rotate(-90deg);}


/*** bg ***/
.bg-photo, .bg-photo-light, .bg-photo-dark {
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}
.bg-fixed {background-attachment:fixed !important;}