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

/*==================================
	PC
==================================*/
@media screen and (min-width: 768px) {
	
	/*==================================
		Padding
	==================================*/
	/*All*/
	.pc-padding-none{
		padding:0 !important;
	}
	.pc-padding-xxs{
		padding:2px !important;
	}
	.pc-padding-xs{
		padding:5px !important;
	}
	.pc-padding-sm{
		padding:10px !important;
	}
	.pc-padding-md{
		padding:15px !important;
	}
	.pc-padding-lg{
		padding:20px !important;
	}
	.pc-padding-xl{
		padding:40px !important;
	}
	.pc-padding-xxl{
		padding:70px !important;
	}
	
	/*Top*/
	.pc-padding-top-none{
		padding-top:0 !important;
	}
	.pc-padding-top-xxs{
		padding-top:2px !important;
	}
	.pc-padding-top-xs{
		padding-top:5px !important;
	}
	.pc-padding-top-sm{
		padding-top:10px !important;
	}
	.pc-padding-top-md{
		padding-top:15px !important;
	}
	.pc-padding-top-lg{
		padding-top:20px !important;
	}
	.pc-padding-top-xl{
		padding-top:40px !important;
	}
	.pc-padding-top-xxl{
		padding-top:70px !important;
	}
	
	/*Right*/
	.pc-padding-right-none{
		padding-right:0 !important;
	}
	.pc-padding-right-xxs{
		padding-right:2px !important;
	}
	.pc-padding-right-xs{
		padding-right:5px !important;
	}
	.pc-padding-right-sm{
		padding-right:10px !important;
	}
	.pc-padding-right-md{
		padding-right:15px !important;
	}
	.pc-padding-right-lg{
		padding-right:20px !important;
	}
	.pc-padding-right-xl{
		padding-right:40px !important;
	}
	.pc-padding-right-xxl{
		padding-right:70px !important;
	}
	
	/*Bottom*/
	.pc-padding-bottom-none{
		padding-bottom:0 !important;
	}
	.pc-padding-bottom-xxs{
		padding-bottom:2px !important;
	}
	.pc-padding-bottom-xs{
		padding-bottom:5px !important;
	}
	.pc-padding-bottom-sm{
		padding-bottom:10px !important;
	}
	.pc-padding-bottom-md{
		padding-bottom:15px !important;
	}
	.pc-padding-bottom-lg{
		padding-bottom:20px !important;
	}
	.pc-padding-bottom-xl{
		padding-bottom:40px !important;
	}
	.pc-padding-bottom-xxl{
		padding-bottom:70px !important;
	}
	
	/*Left*/
	.pc-padding-left-none{
		padding-left:0 !important;
	}
	.pc-padding-left-xxs{
		padding-left:2px !important;
	}
	.pc-padding-left-xs{
		padding-left:5px !important;
	}
	.pc-padding-left-sm{
		padding-left:10px !important;
	}
	.pc-padding-left-md{
		padding-left:15px !important;
	}
	.pc-padding-left-lg{
		padding-left:20px !important;
	}
	.pc-padding-left-xl{
		padding-left:40px !important;
	}
	.pc-padding-left-xxl{
		padding-left:70px !important;
	}
	
	/*==================================
		Margins
	==================================*/
	/*All*/
	.pc-margin-none{
		margin:0 !important;
	}
	.pc-margin-xxs{
		margin:2px !important;
	}
	.pc-margin-xs{
		margin:5px !important;
	}
	.pc-margin-sm{
		margin:10px !important;
	}
	.pc-margin-md{
		margin:15px !important;
	}
	.pc-margin-lg{
		margin:20px !important;
	}
	.pc-margin-xl{
		margin:40px !important;
	}
	.pc-margin-xxl{
		margin:70px !important;
	}
	
	/*Top*/
	.pc-margin-top-none{
		margin-top:0 !important;
	}
	.pc-margin-top-xxs{
		margin-top:2px !important;
	}
	.pc-margin-top-xs{
		margin-top:5px !important;
	}
	.pc-margin-top-sm{
		margin-top:10px !important;
	}
	.pc-margin-top-md{
		margin-top:15px !important;
	}
	.pc-margin-top-lg{
		margin-top:20px !important;
	}
	.pc-margin-top-xl{
		margin-top:40px !important;
	}
	.pc-margin-top-xxl{
		margin-top:70px !important;
	}
	
	/*Right*/
	.pc-margin-right-none{
		margin-right:0 !important;
	}
	.pc-margin-right-xxs{
		margin-right:2px !important;
	}
	.pc-margin-right-xs{
		margin-right:5px !important;
	}
	.pc-margin-right-sm{
		margin-right:10px !important;
	}
	.pc-margin-right-md{
		margin-right:15px !important;
	}
	.pc-margin-right-lg{
		margin-right:20px !important;
	}
	.pc-margin-right-xl{
		margin-right:40px !important;
	}
	.pc-margin-right-xxl{
		margin-right:70px !important;
	}
	
	/*Bottom*/
	.pc-margin-bottom-none{
		margin-bottom:0 !important;
	}
	.pc-margin-bottom-xxs{
		margin-bottom:2px !important;
	}
	.pc-margin-bottom-xs{
		margin-bottom:5px !important;
	}
	.pc-margin-bottom-sm{
		margin-bottom:10px !important;
	}
	.pc-margin-bottom-md{
		margin-bottom:15px !important;
	}
	.pc-margin-bottom-lg{
		margin-bottom:20px !important;
	}
	.pc-margin-bottom-xl{
		margin-bottom:40px !important;
	}
	.pc-margin-bottom-xxl{
		margin-bottom:70px !important;
	}
	
	/*Left*/
	.pc-margin-left-none{
		margin-left:0 !important;
	}
	.pc-margin-left-xxs{
		margin-left:2px !important;
	}
	.pc-margin-left-xs{
		margin-left:5px !important;
	}
	.pc-margin-left-sm{
		margin-left:10px !important;
	}
	.pc-margin-left-md{
		margin-left:15px !important;
	}
	.pc-margin-left-lg{
		margin-left:20px !important;
	}
	.pc-margin-left-xl{
		margin-left:40px !important;
	}
	.pc-margin-left-xxl{
		margin-left:70px !important;
	}
	
	/*Left & Right*/
	.pc-margin-left-right-auto{
		margin-left:auto !important;
		margin-right:auto !important;
	}
	
	
	/*==================================
		Border
	==================================*/
	.pc-border-none{
		border:none !important;
	}
	.pc-border-left-none{
		border-left:none !important;
	}
	.pc-border-right-none{
		border-right:none !important;
	}
	.pc-border-bottom-none{
		border-bottom:none !important;
	}
	.pc-border-top-none{
		border-top:none !important;
	}
	.pc-border-radius-none{
		border-radius:0 !important;
	}
	
	/*==================================
		Float
	==================================*/
	.pc-float-left{
		float:left !important;
	}
	.pc-float-right{
		float:right !important;
	}
	.pc-float-none{
		float:none !important;
	}
	
	/*==================================
		Text-align
	==================================*/
	.pc-text-center{
		text-align:center !important;
	}
	.pc-text-left{
		text-align:left !important;
	}
	.pc-text-right{
		text-align:right !important;
	}
	
	/*==================================
		Display
	==================================*/
	.pc-display-inline-block{
		display:inline-block !important;
	}
	.pc-display-block{
		display:block !important;
	}
	.pc-display-inline{
		display:inline !important;
	}
	.pc-display-none{
		display:none !important;
	}
	
	/*==================================
		Position
	==================================*/
	.pc-position-relative{
		position:relative !important;
	}
	.pc-position-absolute{
		position:absolute !important;
	}
	.pc-position-static{
		position:static !important;
	}
	.pc-position-fixed{
		position:fixed !important;
	}
	
	/*==================================
		Vertical-align
	==================================*/
	.pc-vertical-align-top{
		vertical-align:top !important;
	}
	.pc-vertical-align-middle{
		vertical-align:middle !important;
	}
	.pc-vertical-align-bottom{
		vertical-align:bottom !important;
	}
	
	/*==================================
		Word-break
	==================================*/
	.pc-nowrap{
		white-space: nowrap;
	}
	.pc-word-break{
		white-space:normal;
		word-break:break-all;
		word-wrap:break-word;
	}
	.pc-ellipsis{
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
	}
	
	/*==================================
		Overflow
	==================================*/
	.pc-overflow-auto{
		overflow:auto;
	}
	.pc-overflow-hidden{
		overflow:hidden;
	}
	.pc-overflow-visible{
		overflow:visible;
	}
	.pc-overflow-scroll{
		overflow:scroll;
	}
	.pc-overflow-x-scroll{
		overflow-x:scroll;
	}
	.pc-overflow-y-scroll{
		overflow-y:scroll;
	}
	.pc-overflow-x-auto{
		overflow-x:auto;
	}
	.pc-overflow-y-auto{
		overflow-y:auto;
	}
	
	/*==================================
		List-style-type
	==================================*/
	.pc-list-style-type-none,
	.pc-list-style-type-none li{
		list-style-type:none !important;
	}
	
	/*==================================
		Form size
	==================================*/
	.pc-size-xs{
		width:2em !important;
	}
	.pc-size-xs{
		width:5em !important;
	}
	.pc-size-sm{
		width:10em !important;
	}
	.pc-size-md{
		width:30em !important;
	}
	.pc-size-lg{
		width:40em !important;
	}
	.pc-size-xl{
		width:50em !important;
	}
	.pc-size-xxl{
		width:70em !important;
	}
	.pc-size1{
		width:1em !important;
	}
	.pc-size2{
		width:2em !important;
	}
	.pc-size3{
		width:3em !important;
	}
	.pc-size4{
		width:4em !important;
	}
	.pc-size5{
		width:5em !important;
	}
	.pc-size6{
		width:6em !important;
	}
	.pc-size7{
		width:7em !important;
	}
	.pc-size8{
		width:8em !important;
	}
	.pc-size9{
		width:9em !important;
	}
	.pc-size10{
		width:10em !important;
	}
	.pc-size11{
		width:11em !important;
	}
	.pc-size12{
		width:12em !important;
	}
	.pc-size13{
		width:13em !important;
	}
	.pc-size14{
		width:14em !important;
	}
	.pc-size15{
		width:15em !important;
	}
	.pc-size16{
		width:16em !important;
	}
	.pc-size17{
		width:17em !important;
	}
	.pc-size18{
		width:18em !important;
	}
	.pc-size19{
		width:19em !important;
	}
	.pc-size20{
		width:20em !important;
	}
	.pc-size21{
		width:21em !important;
	}
	.pc-size22{
		width:22em !important;
	}
	.pc-size23{
		width:23em !important;
	}
	.pc-size24{
		width:24em !important;
	}
	.pc-size25{
		width:25em !important;
	}
	.pc-size26{
		width:26em !important;
	}
	.pc-size27{
		width:27em !important;
	}
	.pc-size28{
		width:28em !important;
	}
	.pc-size29{
		width:29em !important;
	}
	.pc-size30{
		width:30em !important;
	}
	.pc-size31{
		width:31em !important;
	}
	.pc-size32{
		width:32em !important;
	}
	.pc-size33{
		width:33em !important;
	}
	.pc-size34{
		width:34em !important;
	}
	.pc-size35{
		width:35em !important;
	}
	.pc-size36{
		width:36em !important;
	}
	.pc-size37{
		width:37em !important;
	}
	.pc-size38{
		width:38em !important;
	}
	.pc-size39{
		width:39em !important;
	}
	.pc-size40{
		width:40em !important;
	}
	.pc-size41{
		width:41em !important;
	}
	.pc-size42{
		width:42em !important;
	}
	.pc-size43{
		width:43em !important;
	}
	.pc-size44{
		width:44em !important;
	}
	.pc-size45{
		width:45em !important;
	}
	.pc-size46{
		width:46em !important;
	}
	.pc-size47{
		width:47em !important;
	}
	.pc-size48{
		width:48em !important;
	}
	.pc-size49{
		width:49em !important;
	}
	.pc-size50{
		width:50em !important;
	}
	
	/*==================================
		Width & height
	==================================*/
	.pc-width100per{
		width:100% !important;
	}
	.pc-width90per{
		width:90% !important;
	}
	.pc-width80per{
		width:80% !important;
	}
	.pc-width70per{
		width:70% !important;
	}
	.pc-width60per{
		width:60% !important;
	}
	.pc-width50per{
		width:50% !important;
	}
	.pc-width40per{
		width:40% !important;
	}
	.pc-width30per{
		width:30% !important;
	}
	.pc-width20per{
		width:20% !important;
	}
	.pc-width10per{
		width:10% !important;
	}
	.pc-width-auto{
		width:auto !important;
	}
	.pc-width-min-content{
		width: min-content !important;
	}
	.pc-max-width100per{
		max-width:100% !important;
	}
	.pc-max-width90per{
		max-width:90% !important;
	}
	.pc-max-width80per{
		max-width:80% !important;
	}
	.pc-max-width70per{
		max-width:70% !important;
	}
	.pc-max-width60per{
		max-width:60% !important;
	}
	.pc-max-width50per{
		max-width:50% !important;
	}
	.pc-max-width40per{
		max-width:40% !important;
	}
	.pc-max-width30per{
		max-width:30% !important;
	}
	.pc-max-width20per{
		max-width:20% !important;
	}
	.pc-max-width10per{
		max-width:10% !important;
	}
	.pc-max-width-auto{
		max-width:auto !important;
	}
	.pc-height100per{
		height:100% !important;
	}
	.pc-max-height100per{
		max-height:100% !important;
	}
	
	/*==================================
		Cursor
	==================================*/
	.pc-cursor-move{
		cursor:move !important;
	}
	.pc-cursor-pointer{
		cursor:pointer !important;
	}
}