/*==================================
	version 3.0
	auther yasuhiro yonezuka
==================================*/

/*==================================
	Clearfix
==================================*/
.cf:before,
.cf:after{
	content:"";
	display:table;
}
.cf:after{
	clear:both;
}
.cf{
	zoom:1;
}

/*==================================
	Padding
==================================*/
/*All*/
.padding-none{
	padding:0 !important;
}
.padding-xxs{
	padding:2px !important;
}
.padding-xs{
	padding:5px !important;
}
.padding-sm{
	padding:10px !important;
}
.padding-md{
	padding:15px !important;
}
.padding-lg{
	padding:20px !important;
}
.padding-xl{
	padding:40px !important;
}
.padding-xxl{
	padding:70px !important;
}

/*Top*/
.padding-top-none{
	padding-top:0 !important;
}
.padding-top-xxs{
	padding-top:2px !important;
}
.padding-top-xs{
	padding-top:5px !important;
}
.padding-top-sm{
	padding-top:10px !important;
}
.padding-top-md{
	padding-top:15px !important;
}
.padding-top-lg{
	padding-top:20px !important;
}
.padding-top-xl{
	padding-top:40px !important;
}
.padding-top-xxl{
	padding-top:70px !important;
}

/*Right*/
.padding-right-none{
	padding-right:0 !important;
}
.padding-right-xxs{
	padding-right:2px !important;
}
.padding-right-xs{
	padding-right:5px !important;
}
.padding-right-sm{
	padding-right:10px !important;
}
.padding-right-md{
	padding-right:15px !important;
}
.padding-right-lg{
	padding-right:20px !important;
}
.padding-right-xl{
	padding-right:40px !important;
}
.padding-right-xxl{
	padding-right:70px !important;
}

/*Bottom*/
.padding-bottom-none{
	padding-bottom:0 !important;
}
.padding-bottom-xxs{
	padding-bottom:2px !important;
}
.padding-bottom-xs{
	padding-bottom:5px !important;
}
.padding-bottom-sm{
	padding-bottom:10px !important;
}
.padding-bottom-md{
	padding-bottom:15px !important;
}
.padding-bottom-lg{
	padding-bottom:20px !important;
}
.padding-bottom-xl{
	padding-bottom:40px !important;
}
.padding-bottom-xxl{
	padding-bottom:70px !important;
}

/*Left*/
.padding-left-none{
	padding-left:0 !important;
}
.padding-left-xxs{
	padding-left:2px !important;
}
.padding-left-xs{
	padding-left:5px !important;
}
.padding-left-sm{
	padding-left:10px !important;
}
.padding-left-md{
	padding-left:15px !important;
}
.padding-left-lg{
	padding-left:20px !important;
}
.padding-left-xl{
	padding-left:40px !important;
}
.padding-left-xxl{
	padding-left:70px !important;
}

/*==================================
	Margins
==================================*/
/*All*/
.margin-none{
	margin:0 !important;
}
.margin-xxs{
	margin:2px !important;
}
.margin-xs{
	margin:5px !important;
}
.margin-sm{
	margin:10px !important;
}
.margin-md{
	margin:15px !important;
}
.margin-lg{
	margin:20px !important;
}
.margin-xl{
	margin:40px !important;
}
.margin-xxl{
	margin:70px !important;
}

/*Top*/
.margin-top-none{
	margin-top:0 !important;
}
.margin-top-xxs{
	margin-top:2px !important;
}
.margin-top-xs{
	margin-top:5px !important;
}
.margin-top-sm{
	margin-top:10px !important;
}
.margin-top-md{
	margin-top:15px !important;
}
.margin-top-lg{
	margin-top:20px !important;
}
.margin-top-xl{
	margin-top:40px !important;
}
.margin-top-xxl{
	margin-top:70px !important;
}

/*Right*/
.margin-right-none{
	margin-right:0 !important;
}
.margin-right-xxs{
	margin-right:2px !important;
}
.margin-right-xs{
	margin-right:5px !important;
}
.margin-right-sm{
	margin-right:10px !important;
}
.margin-right-md{
	margin-right:15px !important;
}
.margin-right-lg{
	margin-right:20px !important;
}
.margin-right-xl{
	margin-right:40px !important;
}
.margin-right-xxl{
	margin-right:70px !important;
}

/*Bottom*/
.margin-bottom-none{
	margin-bottom:0 !important;
}
.margin-bottom-xxs{
	margin-bottom:2px !important;
}
.margin-bottom-xs{
	margin-bottom:5px !important;
}
.margin-bottom-sm{
	margin-bottom:10px !important;
}
.margin-bottom-md{
	margin-bottom:15px !important;
}
.margin-bottom-lg{
	margin-bottom:20px !important;
}
.margin-bottom-xl{
	margin-bottom:40px !important;
}
.margin-bottom-xxl{
	margin-bottom:70px !important;
}

/*Left*/
.margin-left-none{
	margin-left:0 !important;
}
.margin-left-xxs{
	margin-left:2px !important;
}
.margin-left-xs{
	margin-left:5px !important;
}
.margin-left-sm{
	margin-left:10px !important;
}
.margin-left-md{
	margin-left:15px !important;
}
.margin-left-lg{
	margin-left:20px !important;
}
.margin-left-xl{
	margin-left:40px !important;
}
.margin-left-xxl{
	margin-left:70px !important;
}

/*Left & Right*/
.margin-left-right-auto{
	margin-left:auto !important;
	margin-right:auto !important;
}


/*==================================
	Border
==================================*/
.border-none{
	border:none !important;
}
.border-left-none{
	border-left:none !important;
}
.border-right-none{
	border-right:none !important;
}
.border-bottom-none{
	border-bottom:none !important;
}
.border-top-none{
	border-top:none !important;
}
.border-radius-none{
	border-radius:0 !important;
}

/*==================================
	Float
==================================*/
.float-left{
	float:left !important;
}
.float-right{
	float:right !important;
}
.float-none{
	float:none !important;
}

/*==================================
	Text-align
==================================*/
.text-center{
	text-align:center !important;
}
.text-left{
	text-align:left !important;
}
.text-right{
	text-align:right !important;
}

/*==================================
	Display
==================================*/
.display-inline-block{
	display:inline-block !important;
}
.display-block{
	display:block !important;
}
.display-inline{
	display:inline !important;
}
.display-none{
	display:none !important;
}

/*==================================
	Position
==================================*/
.position-relative{
	position:relative !important;
}
.position-absolute{
	position:absolute !important;
}
.position-static{
	position:static !important;
}
.position-fixed{
	position:fixed !important;
}

/*==================================
	Vertical-align
==================================*/
.vertical-align-top{
	vertical-align:top !important;
}
.vertical-align-middle{
	vertical-align:middle !important;
}
.vertical-align-bottom{
	vertical-align:bottom !important;
}

/*==================================
	Word-break
==================================*/
.nowrap{
	white-space: nowrap;
}
.word-break{
	white-space:normal;
	word-break:break-all;
	word-wrap:break-word;
}
.ellipsis{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

/*==================================
	Overflow
==================================*/
.overflow-auto{
	overflow:auto;
}
.overflow-hidden{
	overflow:hidden;
}
.overflow-visible{
	overflow:visible;
}
.overflow-scroll{
	overflow:scroll;
}
.overflow-x-scroll{
	overflow-x:scroll;
}
.overflow-y-scroll{
	overflow-y:scroll;
}
.overflow-x-auto{
	overflow-x:auto;
}
.overflow-y-auto{
	overflow-y:auto;
}

/*==================================
	List-style-type
==================================*/
.list-style-type-none,
.list-style-type-none li{
	list-style-type:none !important;
}

/*==================================
	Form size
==================================*/
.size-xs{
	width:2em !important;
}
.size-xs{
	width:5em !important;
}
.size-sm{
	width:10em !important;
}
.size-md{
	width:30em !important;
}
.size-lg{
	width:40em !important;
}
.size-xl{
	width:50em !important;
}
.size-xxl{
	width:70em !important;
}
.size1{
	width:1em !important;
}
.size2{
	width:2em !important;
}
.size3{
	width:3em !important;
}
.size4{
	width:4em !important;
}
.size5{
	width:5em !important;
}
.size6{
	width:6em !important;
}
.size7{
	width:7em !important;
}
.size8{
	width:8em !important;
}
.size9{
	width:9em !important;
}
.size10{
	width:10em !important;
}
.size11{
	width:11em !important;
}
.size12{
	width:12em !important;
}
.size13{
	width:13em !important;
}
.size14{
	width:14em !important;
}
.size15{
	width:15em !important;
}
.size16{
	width:16em !important;
}
.size17{
	width:17em !important;
}
.size18{
	width:18em !important;
}
.size19{
	width:19em !important;
}
.size20{
	width:20em !important;
}
.size21{
	width:21em !important;
}
.size22{
	width:22em !important;
}
.size23{
	width:23em !important;
}
.size24{
	width:24em !important;
}
.size25{
	width:25em !important;
}
.size26{
	width:26em !important;
}
.size27{
	width:27em !important;
}
.size28{
	width:28em !important;
}
.size29{
	width:29em !important;
}
.size30{
	width:30em !important;
}
.size31{
	width:31em !important;
}
.size32{
	width:32em !important;
}
.size33{
	width:33em !important;
}
.size34{
	width:34em !important;
}
.size35{
	width:35em !important;
}
.size36{
	width:36em !important;
}
.size37{
	width:37em !important;
}
.size38{
	width:38em !important;
}
.size39{
	width:39em !important;
}
.size40{
	width:40em !important;
}
.size41{
	width:41em !important;
}
.size42{
	width:42em !important;
}
.size43{
	width:43em !important;
}
.size44{
	width:44em !important;
}
.size45{
	width:45em !important;
}
.size46{
	width:46em !important;
}
.size47{
	width:47em !important;
}
.size48{
	width:48em !important;
}
.size49{
	width:49em !important;
}
.size50{
	width:50em !important;
}

/*==================================
	Width & height
==================================*/
.width100per{
	width:100% !important;
}
.width90per{
	width:90% !important;
}
.width80per{
	width:80% !important;
}
.width70per{
	width:70% !important;
}
.width60per{
	width:60% !important;
}
.width50per{
	width:50% !important;
}
.width40per{
	width:40% !important;
}
.width30per{
	width:30% !important;
}
.width20per{
	width:20% !important;
}
.width10per{
	width:10% !important;
}
.width-auto{
	width:auto !important;
}
.width-min-content{
	width: min-content !important;
}
.max-width100per{
	max-width:100% !important;
}
.max-width90per{
	max-width:90% !important;
}
.max-width80per{
	max-width:80% !important;
}
.max-width70per{
	max-width:70% !important;
}
.max-width60per{
	max-width:60% !important;
}
.max-width50per{
	max-width:50% !important;
}
.max-width40per{
	max-width:40% !important;
}
.max-width30per{
	max-width:30% !important;
}
.max-width20per{
	max-width:20% !important;
}
.max-width10per{
	max-width:10% !important;
}
.max-width-auto{
	max-width:auto !important;
}
.height100per{
	height:100% !important;
}
.max-height100per{
	max-height:100% !important;
}

/*==================================
	Cursor
==================================*/
.cursor-move{
	cursor:move !important;
}
.cursor-pointer{
	cursor:pointer !important;
}