/*--------------------
	clearing
--------------------*/
.cf{
	clear:both;
	height:0px;
}
/*--------------------
	top margin of main for menu area
--------------------*/
.pusher > .main{
	margin:80px auto 0;
}
/*--------------------
	Menu common
--------------------*/
.ui.menu{
	background: #fff!Important;
    border: none!important;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.ui.menu .item::before {
	background: white;
}
/*--------------------
	Hedear menu
--------------------*/
.ui.fixed.menu .item {
	display:inline!important;
	text-align:center;
}
.ui.fixed.menu .item img{
	display:inline;
	height:3.4em;
	width:auto;
}
.ui.fixed.menu .item .icon{
	font-size:2.95em;
	margin:0;
}
.ui.fixed.menu .item span{
	margin-top:0.75em;
	font-size:0.57em;
	display:block!important;
}
.ui.grid.menu{
	margin:0 auto;
	width:700px;
}
.ui.grid.menu .eight.wide.column{
	padding-top:0em!important;
	padding-bottom:0em!important;
	display:flex!important;
	justify-content: center;
	align-items: center;
}
.ui.grid.menu .eight.wide.column img{
	width:auto;
	max-width:96%;
	height:auto;
	max-height:6.3em;
}
.ui.grid.menu > .column:not(.row){
	padding-left:0.15em;
	padding-right:0.15em;
}
@media only screen and (max-width: 699px) {
	.ui.grid.menu{
		width:100%;
	}
}
/*--------------------
	Vertical  menu
--------------------*/
.ui.vertical.menu .item,
.ui.vertical.menu .item .menu .item{
	line-height:150%!important;
	background: white;
	color:#000000de;
	font-size:1rem!important;
}
.ui.vertical.menu .ui.accordion .accordion{
	margin:0.5em 0 0!important;
}
.ui.vertical.menu .ui.styled.accordion{
	border-bottom:1px solid #e8e9e9!important;
	box-shadow:none;
}
.ui.vertical.menu .ui.styled.accordion .content{
	padding: .5em 1em .5em;
}
/*--------------------
	Breadcrumb
--------------------*/
.ui.breadcrumb{
	font-size:0.85rem;
}
/*--------------------
	Segment variation
--------------------*/
.ui.simple.segment{
	margin:0;
	padding:0;
	border:none!important;
	background:none!important;
	box-shadow: none;
}
.ui.leftbar.segment{
	margin:0;
	padding:0 0 0 1em;
	border-width:0 0 0 1em!important;
	background:none!important;
	box-shadow: none;
	border-radius: 0!important;
}
/*--------------------
	header
--------------------*/
.ui.block.yellow.header{
	color:#000!important;
	background:#f4c637;
	border:1px solid #f4c637;
}
.ui.block.blue.header{
	color:#000!important;
	background:#a1d8e6!important;
	border:1px solid #a1d8e6!important;
}
/*--------------------
	red header
--------------------*/
.ui.red.header {
    font-size:1rem;
}
/*--------------------
	Buttons variation
--------------------*/
.ui.lightgray.button{
	box-shadow:none;
	border:none;
	color:black;
	background-color:#efefef;
	display:block;
	margin:0 auto;
}
.ui.square.button{
	border-radius: 0.5em!important;
}
.ui.confined.button{
	padding:0.75em 1em!important;
	text-transform:none;
	box-shadow: #0003 0px 0px 0px 1px inset!important;
}
.ui.wide.button{
	width:350px;
}
@media only screen and (max-width: 699px) {
	.ui.wide.button{
		width:100%;
		max-width:350px;
	}
}
.ui.compact.button, 
.ui.compact.buttons .button{
	padding: .9375em 1.5em .9375em;
}
.ui.button{
	text-transform: none;
}
/*--------------------
	text input
--------------------*/
.ui.form input:not([type]), .ui.form input[type="date"], .ui.form input[type="datetime-local"], .ui.form input[type="email"], .ui.form input[type="file"], .ui.form input[type="number"], .ui.form input[type="password"], .ui.form input[type="search"], .ui.form input[type="tel"], .ui.form input[type="text"], .ui.form input[type="time"], .ui.form input[type="url"] {
	background-color:white!important;
	padding: .35em 1.16666667em!important;
	line-height: 1.66666rem;
	height:30.4px;
}
.ui.input > input::placeholder{
	background-color:white!important;
}
/*--------------------
	Dropdown selection
--------------------*/
.ui.form .field > .selection.dropdown {
	width: auto!important;
}
.ui.dropdown.selection {
    height: 30.4px!important;
	min-height: 30.4px!important;
	padding:9px 14px;
	min-width:8em;
}
.ui.selection.mini.dropdown{
	font-size:0.85em!important;
	padding:9px 5px;
	max-width:5em;
}
.ui.selection.dropdown .menu > .item{
	white-space:normal!important;
    max-height: 20rem;
}
@media only screen and (max-width: 991px) {
	.ui.selection.dropdown .menu {
		max-height: 15.6rem!important;
	}
}
/*--------------------
	Product card
--------------------*/
.ui.three.product.cards > .card {
    width: 26.6%;
    margin-left: 5%;
    margin-right: 0%;
	box-shadow: none;
}
.ui.three.product.cards > .card:nth-child(3n+2)) {
    margin-right: 5%;
}
.ui.three.product.cards > .card > .content{
	padding:0.5em 0;
}
/*--------------------
	Pagenate
--------------------*/
.ui.pagenate.segment{
	position:fixed;
	bottom:0;
	left:0;
	width: 100%;
	background-color:white!important;
	padding-bottom:1em;
	z-index:5;
}
/*--------------------
	Footer
--------------------*/
.ui.footer{
	padding-top:10em;
}
/*--------------------
	page top
--------------------*/
a#pageTop {
	filter: alpha(opacity=0);
	opacity:0;
	z-index:10;
    position: fixed;
    bottom: 3em;
	font-size:1.5em;
    right: 0em;	/*2.7em;*/
	color:#c7c8c8;
}
/*--------------------
	show/hide
--------------------*/
.show{
	display:block!important;
}
.hide{
	display:none!important;
}
/*--------------------
	uiAlert
--------------------*/
.ui-alert-content .ui.message{
	font-size:1rem;
	border: 1px solid #707275;
}
/*--------------------
	calendar
--------------------*/
.help.icon{
	display:inline-block;
}
.ui.calendar thead tr:nth-child(2) th:nth-child(1),
.ui.calendar tbody tr td:nth-child(1){
	color:red;
}
.ui.calendar thead tr:nth-child(2) th:nth-child(7),
.ui.calendar tbody tr td:nth-child(7){
	color:blue;
}
.ui.calendar .ui.input.right.icon{
	width:100%!important;
}
/*--------------------
	clearing for SP only
--------------------*/
.sp-cf{
	display:none;
}
@media only screen and (max-width: 699px) {
	.sp-cf{
		padding-left:0!important;
		padding-right:0!important;
		display:block;
		clear:both;
		height:0.5em;
	}
}
/*--------------------
	PC/SP only
--------------------*/
@media only screen and (min-width: 700px) {
	.sp-block{
		display:none!important;
	}
	.pc-block{
		display:block!important;
	}
}
@media only screen and (max-width: 699px) {
	.sp-block{
		display:block!important;
	}
	.pc-block{
		display:none!important;
	}
}