@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap');

body, html{
	font-family: Noto Sans JP,sans-serif !important;
	color: #333333 !important;
}

.uk-h1, .uk-h2, .uk-h3, a, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6{
	font-family: Noto Sans JP,sans-serif !important;
}

.intro b{
	text-decoration: underline;
}

.uk-overlay-primary {
    background: rgb(34 34 34 / 30%);
}

.features .uk-card-title {
    font-size: 1.2rem;
    font-weight: 400;
    margin: 20px 0;
}

.features .uk-icon{
	text-align: center;
    display: block;
    margin: auto;
}

.features .uk-card-default{
	border-radius: 12px;
}

.pages .uk-border-rounded, .pages .uk-overlay{
	border-radius: 12px !important;
}

.uk-text-color{
	color: #37b984 !important;
}

.uk-navbar-nav > li > a{
	    text-transform: capitalize !important;
    font-size: 16px;
    font-weight: 600;
}

.uk-button-danger{
	background-color: #37b984;
}

.uk-button-danger:hover, .uk-button-danger:focus{
	background-color: #37b984;
}

.uk-section-primary{
	background-color: #37b984 !important;
}

.uk-background-primary{
	background-color: #37b984 !important;
}

.list-1 .uk-icon-button{

	background-color: transparent !important;
	color: red !important;
	width: 45px;
	height: 45px;
}

.list-1 .uk-comment-header{
	margin-bottom: 0 !important;
}

.list-2 .uk-icon-button{
	background-color: transparent !important;
}

.button-1{
	background: transparent;
	border: 1px solid rgba(0, 0, 0, 0.1);
	color: #36476b;
	font-weight: bold;
}

.button-1:hover{
	color: #36476b;
	background-color: rgba(0, 0, 0, 0.1) !important;
}

.title .uk-divider-small::after{
    border-top: 5px solid #37b984 !important;
    width: 50px !important;
}

.uk-section-primary .uk-divider-small::after{
    border-top: 5px solid #fff !important;
    width: 50px !important;
}

.admin > li:nth-child(n+2), .admin > li > ul{
	margin-top: 5px !important;
}

.old-price{
	font-size: 28px;
	color: #9e9e9e;
	position: relative;
}

.old-price:before{
content: '';
    width: 100%;
    height: 5px;
    background-color: rgba(229, 8, 21, 0.55);
    display: block;
    position: absolute;
    right: 0;
    top: 37px;
    left: 0;
    transform: rotate(-16deg);
}

@media (min-width: 960px){
.uk-countdown-number {
    font-size: 4rem !important;
}
}