/* ====================
 common
==================== */
html,
body{
	width: 100%;
	font-family: Meiryo, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", sans-serif;
	font-size: 16px;
}
input[type="checkbox"] {
	-moz-transform:		scale(1.5);
	-webkit-transform:	scale(1.5);
	transform:		scale(1.5);
}

#cmn_navi_footer {
	padding-left: 0;
}
#cmn_navi_footer2 {
	padding-left: 0;
}
@media (max-width: 639px) {
	#cmn_contents,
	#cmn_footer,
	#cmn_navi_footer,
	#cmn_delimiter,
	#cmn_copyright {
		width: 100%;
	}
}

/* ====================
 uikit custom
==================== */
.uk-h1, .uk-h2, .uk-h3, .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: Meiryo, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", sans-serif;
}
.uk-container {
	padding-left: 0;
	padding-right: 0;
}
.uk-text-lead {
	font-size: 1.0rem;
}
.uk-label.uk-label-default {
	background: #fff;
	color: #333;
}
.uk-label {
	white-space: break-spaces !important;
}
.uk-button-secondary {
	background-color: #ffa500;
	color: #333;
}
.uk-button-secondary:hover,
.uk-button-secondary:focus {
  background-color: #f19c00;
  color: #333;
}
.uk-button-secondary:active,
.uk-button-secondary.uk-active {
  background-color: #f19c00;
  color: #333;
}
.uk-button-secondary2 {
	background-color: #3dbae3;
	color: #fff;
}
.uk-button-secondary2:hover,
.uk-button-secondary2:focus {
  background-color: #4eb2d2;
  color: #fff;
}
.uk-button-secondary2:active,
.uk-button-secondary2.uk-active {
  background-color: #4eb2d2;
  color: #fff;
}

.uk-button-primary.ukc-button-reserve {
	background-color: #ff5676;
}
.uk-button-primary.ukc-button-reserve:hover,
.uk-button-primary.ukc-button-reserve:focus {
  background-color: #e84c69;
}
.uk-button-primary.ukc-button-reserve:active,
.uk-button-primary.ukc-button-reserve.uk-active {
  background-color: #e84c69;
}
.uk-button-primary.ukc-button-primary {
	background-color: #ec6a00;
}
.uk-button-primary.ukc-button-primary:hover{
	background-color: #d96100;
}


.uk-navbar-container:not(.uk-navbar-transparent),
.uk-navbar-container {
	background-color: #ffffff;
}
.uk-navbar-nav>li>a,
.uk-navbar-nav>li.uk-active>a {
	color: #FFF;
}

.uk-navbar-container.ukc-navbar-container-default:not(.uk-navbar-transparent),
.uk-navbar-container.ukc-navbar-container-default {
	background-color: #ffffff;
}
.ukc-navbar-container-default .uk-navbar-nav>li>a,
.ukc-navbar-container-default .uk-navbar-nav>li.uk-active>a {
	color: #333;
}

.ukc-navbar-container-default .uk-navbar-nav li:first-child{
    padding: 0 80px 0 0;
}
.ukc-navbar-container-default .uk-navbar-nav li{
    padding: 0 80px;
    border-right: 1px solid #333;
}
.ukc-navbar-container-default .uk-navbar-nav li:last-child{
    padding: 0 0 0 80px;
    border-right: 0;
}
@media (max-width: 639px) {
	.ukc-navbar-container-default .uk-navbar-nav li:first-child{
	    padding: 0 15px 0 0;
	}
	.ukc-navbar-container-default .uk-navbar-nav li{
	    padding: 0 20px;
	}
	.ukc-navbar-container-default .uk-navbar-nav li:last-child{
	    padding: 0 0 0 15px;
	}
}

.ukc-navbar-container-default .uk-navbar-nav > li > a{
    letter-spacing: 0.05em;
    color: #333;
    min-height: 0px;
    padding: 0;
    position: relative;
    text-decoration: none;
    z-index: 999;
}
.ukc-navbar-container-default .uk-navbar-nav > li > a:hover{
	opacity: 0.8;
}

.ukc-navbar-container-default .uk-navbar-nav > li > a::after{
    position: absolute;
    bottom: -5px;
    left: 0;
    content: '';
    width: 100%;
    height: 2px;
    background: #ec6a00;
    transform: scale(0, 1);
    transform: scale(0, 1);
    transform-origin: center top;
    transition: transform .3s;
}
.ukc-navbar-container-default .uk-navbar-nav > li > a:hover::after {
    transform: scale(1, 1);
}
.uk-navbar-right .group {
	margin-left: 145px;
}
.uk-navbar-right .group .btn a {
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	border: solid 1px #BDBDBD;
	border-radius: 5px;
	padding: 7px 10px;
	line-height: 1;
	background: #ffffff;
	background: linear-gradient(to bottom,  #ffffff 0%,#f0f0f0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 );
}
.uk-navbar-nav.ukc-navbar-footer a:hover{
	color: #fff;
	opacity: 0.8;
}

.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggl {
	font-size: 16px;
	font-size: 1.0rem;
	font-family: "メイリオ", Meiryo, "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
}

.uk-grid-small.ukc-grid-small {
    margin-left: 0px;
}
@media (max-width: 639px) {
	.uk-grid-small.ukc-grid-small {
	    margin-left: -15px;
	}
}
.uk-offcanvas-bar {
	background: #FFF;
	color: #333;
	padding: 40px 20px;
}
.uk-offcanvas-bar a:hover{
	color: #333;
}
.uk-offcanvas-bar .uk-list-divider>:nth-child(n+2) {
	border-top-color: #ccc;
}
.uk-offcanvas-bar .uk-button-primary {
	background-color: #ed7d31;
	color: #fff;
}
.uk-offcanvas-bar .uk-button-primary:hover {
	background-color: #ed6d35;
	color: #fff;
}

.uk-offcanvas-bar h4{
	color: #333 !important;
}

.ukc-tenpo-label {
	background: #ff7f27;
	margin: 0 0 5px 0;
	color: #fff;
	border-radius: 4px;
	font-weight: bold;
	position: relative;
}

@media (max-width: 639px) {
	.ukc-tenpo-label {
		margin: 0 0 5px 5px;
	}
	.uk-navbar-item {
		min-height: 60px !important;
	}
}


.uk-button-primary {
	background-color: #ed7d31 !important;
	color: #fff;
}
.uk-button-primary:hover {
	background-color: #ed6d35 !important;
	color: #fff;
}

.uk-tile-muted.ukc-tile-muted {
	background: #eaeaea;
}
.uk-padding-xxsmall {
	padding: 5px;
}
.uk-padding-xsmall {
	padding: 10px;
}
.uk-tile-muted-blue {
	background: #ffede5;
}
.uk-tile-muted-blue br {
	line-height: 0;
}
.uk-tile-muted-yellow {
	background: #fff7e5;
}
.uk-tile-muted-yellow br {
	line-height: 0;
}
.uk-background-muted-blue {
	background: #f5f9ff;
}
.uk-background-muted-light {
	background: #f8f8f8;
}
.uk-background-muted-hv {
    background-color: #ababab;
}
pre.ukc-pre-alert {
	color: red;
	border: 0;
	background: transparent;
	margin: 0;
	white-space: pre-wrap ;
}
table ul {
	padding-left: 0;
}

.uk-label {
	text-transform: none !important;
}

.uk-label-webkessai-7cc {
	background-color:#e95289;
}

@media (max-width: 639px) {
	.uk-label-shinkoza-7cc, .uk-label-webkessai-7cc {
		padding: 0 2px;
		font-size: 0.85rem;
	}
	.uk-label-programs {
		margin-left: 5px;
	}
}

/* ====================
 components
==================== */
.ukc-button-radius-small {
	border-radius: 10px;
}
.ukc-text-medium {
	font-size: 1.0rem;
}
.ukc-text-medium-large {
	font-size: 1.2rem;
}
.ukc-text-large {
	font-size: 1.5rem;
}
.ukc-text-midashi {
	border: 0;
	border-left: thick solid #ed6d35;
	padding-left: 10px;
}

.ukc-koza-info .uk-grid-collapse{
	border: 0;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 0;
}
.ukc-koza-info .uk-grid-collapse.ukc-grid-border-top{
	border-top: 1px solid #ccc;
}
.ukc-koza-info .uk-grid-collapse.ukc-grid-border-bottom{
	border: 0;
	border-bottom: 1px solid #ccc;
	padding: 0 0 10px 0;
}
.uk-tile.ukc-tile-border-top-default {
	border: 0;
	border-top: 3px solid #666;
}
.ukc-reserve div {
	padding-top: 14px;
	margin-bottom: 20px !important;
}
.ukc-sideline {
	padding-right: 15px;
	border-right: 1px solid #ccc;
}
@media (max-width: 639px) {
	.ukc-sideline {
		padding-right: 0;
		border-right: 0;
	}
}

.ukc-koza01 {
	border:0;
	border-left: 6px solid #ed6d35;
	padding-left: 10px;
	padding-top: 1px
}
.ukc-koza02 {
	border:0;
	border-left: 6px solid #15528e;
	padding-left: 10px;
	padding-top: 1px
}
.ukc-koza-bg01 {
	background-color: #FFF;
	padding: 10px;
}
.ukc-koza-bg02 {
	background-color: #ccc;
	padding: 10px;
}

.ukc-h3 {
	color: #000000;
}
.ukc-h2 {
	color: #000000;
	font-size: 24px;
}

.ukc-margin-xsmall-bottom {
	margin-bottom:5px;
}

.uk-navbar-right.ukc-header a {
	margin: 0 10px;
	text-decoration: none;
	text-align: center;
}
@media (max-width: 639px) {
	.uk-navbar-right.ukc-header a {
		margin: 0 6px;
		font-size: 0.5rem;
	}
}

.ukc-table-koza {
	font-size: 1.2rem;
}

/* svg icon */
.ukc-navbar-logo {
	margin-left: 5px;
}
.ukc-header-icon {
	height: 30px;
	width: 30px;
	fill: #ed6d35;
}
.ukc-header-icon-txt {
	font-size: 14px;
	color: #ed6d35;
}
.ukc-header-icon2 {
	height: 40px;
	width: 40px;
	fill: #ed6d35;
	padding-bottom:5px;
	margin-top: 8px;
}
.ukc-link {
	color: #ec6b00 !important;
}
.ukc-header-hr {
	margin-top: 0;
	margin-bottom: 0; 
	border-top: 1px solid #bbbbbb;
}
@media (max-width: 639px) {
	.ukc-header-icon {
		height: 25px;
		width: 25px;
	}
	.ukc-header-icon2 {
		height: 30px;
		width: 30px;
	}
	.uk-logo {
		width: 180px;
		padding-right: 0;
	}
	.ukc-logo {
		width: 190px;
	}
	.ukc-header-hr {
		margin-top: 0;
	}
}

.ukc-sp-menu-link {
	display: block !important;
}
.ukc-sp-menu-icon {
	fill: #ed6d35;
	height: 64px;
	width: 64px;
}

.uk-navbar-right.ukc-header a:hover {
	opacity: 0.7;
}

/* menu-list */
.ukc-menu-list a{
	display: block;
	height: 30px; 
	width: 100%;
	padding: 10px 0 0 5px;
	text-decoration: none;
	color: #333;
	font-size: 1.0rem;
}
.ukc-menu-list .ukc-menu-arrow {
	margin-right: 10px;
	float: right;
	fill: #ed6d35;
}
.ukc-menu-list .ukc-menu-icon-circle {
	margin-bottom: 4px;
	margin-right: 5px;
	height: 15px;
	width: 15px;
	fill: #ed6d35;
}

/* menu-user-info */
.ukc-menu-user {
	padding: 20px 10px 10px 10px;
	background-color: #ffffff;
	margin-top: 30px;
	border-top: 2px solid #ed6d35;
}
.ukc-menu-user .ukc-menu-ms {
	font-size: 1.0rem;
}
.ukc-menu-user .ukc-menu-name,
.ukc-menu-user .ukc-menu-num {
	font-size: 1.2rem;
	text-align: right;
}
.ukc-menu-search {
	fill: #fff;
	margin-bottom: 2px;
	margin-left: 5px;
}
.ukc-menu-search-btn {
	font-size: 1.2rem;
}
.ukc-padding-small-top {
	padding-top: 15px;
}
.ukc-padding-small-right {
	padding-right: 15px;
}
.uk-offcanvas-bar .uk-button-default.ukc-logout-btn {
	color: #333;
	border: 1px solid #e5e5e5;
}
.uk-offcanvas-bar .uk-button-default.ukc-logout-btn:hover {
	color: #333;
	border-color: #b2b2b2;
}

/* footer */
.ukc-footer-link {
	font-size: 0.9rem;
}
.ukc-footer-link a{
	display: block;
	height: 30px; 
	width: 100%;
	padding: 20px 0 0 15px;
	text-decoration: none;
}
.ukc-footer-copyright {
	border: 0;
	border-top: 1px solid #333;
}
#footer {
	margin-top: 65px;
}
#footer .pagetop {
	border-top: solid 1px #DDDDDD;
	border-bottom: solid 1px #DDDDDD;
	padding: 10px 0;
	text-align: center;
}
#footer .pagetop a {
	display: inline-block;
	padding-top: 15px;
	background: url(/form/lib/img/icon_pagetop.png) no-repeat center top;
	color: #333;
}


.footernavi{
	width: 100%;
    color: #555;
    font-size: 0.9em;
    line-height: 1em;
    text-align: center;
    padding: 1em 0;
    background: #eaeaea;
}
@media (max-width: 639px) {
	.footernavi{
	    font-size: 0.675em;
	    line-height:1.4em;
	    padding: 0.75em 0;
	    color: #333;
	    display: inline-block;
	    font-weight: 400;
	}
	#footer.category-footer {
		margin-top: 0px;
	}
}

.footernavi ul {
	margin: 0;
	margin-top: 0;
}
.footernavi li{
	display: inline-block;
    letter-spacing: 0.05em;

}

.footernavi a{
    margin: 0 1em;
    color: #666;
}
@media (max-width: 639px) {
	.footernavi a{
	    margin:0 1em;
	}
}

.footernavi ul{
    padding:0.5em 0;
}
@media (max-width: 639px) {
	.footernavi ul{
	    padding:0.5em 0;
	}
}

.footernavi li{
    border-left: 1px solid #c0c0c0;
    display: inline-block;
    
}
.footernavi li:first-child{
    border-left:0px;
}
.uk-nav.ukc-nav-footer-sp>li>a {
	padding: 10px 0;
}
.ukc-nav-footer-sp {
	background: #ed6d35;
}
.ukc-nav-footer-sp a{
	color: #fff;
	padding: 10px 0;
	font-size: 0.9rem;
}
.ukc-nav-footer-sp a:hover{
	opacity: 0.8;
}

address {
    width: 100%;
    padding: 1.5em 0;
    display: inline-block;
    text-align: center;
    background: #FFF;
}

@media (max-width: 639px) {
	address {
	    font-size:0.9em;
	    line-height: 1.4em;
	    padding: 1em 0 5em 0;
	}
}

.text-co {
  font-size: 1.1em !important;
  letter-spacing: 0.05em;
  margin: 0 1em 0 0;
  color: #666;
}
@media (max-width: 639px) {
	.text-co {
	  font-size: 1.1em !important;
	  letter-spacing: 0.05em;
	  margin: 0;
	}
}

.text-cc {
  font-size: 0.8em !important;
  color: #999;
  letter-spacing: 0.05em;
}


#pagetop {
  position: fixed;
  bottom: 5px;
  right: 20px;
  z-index:999;
}
@media (max-width: 639px) {
	#pagetop {
	  position: fixed;
	  bottom: 20px;
	  right:  8px;
	  z-index:999;
	}
	#pagetop.category-pagetop {
	  position: fixed;
	  bottom: 10px;
	  right:  8px;
	  z-index:999;
	}
}
    
#pagetop a {
  width: 60px;
  height: 60px;
  padding: 0px 0;
  text-align: center;
  display: block;
}

#pagetop img#pagetop-sp {
  display: block;
}
@media (max-width: 639px) {
	#pagetop img#pagetop-sp {
	  display: block;
	}
	#pagetop a {
	  width: 50px;
	  height: 50px;
	  text-align: center;
	  display: block;
	}
}

/* フッターボタン */
.ukc-entry-button-footer {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 500;
	width: 100vw;
	padding: 10px 0;
	background-color: #1d1d1d33;
	text-align: center;
	transition: opacity .2s, visibility .2s;
	height: 70px;
}

.ukc-sns-icon {
	height: 32px;
}

/* search-modal */
.ukc-detail-modal-dialog {
	background-color: #f1f1f0;
}
.ukc-detail-checkbox-keyword{
	margin: 0 8px 0 0;
	background-color: #fff;
}
.ukc-detail-letter-spacing {
	letter-spacing: 2px;
}
.ukc-detail-keyword-label > label {
	margin-left: 4px;
	margin-bottom: 10px;
}
.ukc-detail-modal-close-default > svg {
	height: 25px;
	width: 25px;
}
.ukc-detail-keyword-title {
	margin-top: 20px !important;
}

/* login anchor */
.loginAnchorContents {
	margin: 15px 0;
}
a.loginAnchor{
	display: inline-block;
	padding:8px 12px;
	margin: 5px 0 0 0;
	background-color: #fedcbd;
}

/* ==================
Button
================== */

/* prev-button */
.uk-button.ukc-button-prev {
	border-radius: 10px;
	background: #f8f8f8;
	color: #333;
	border: 1px solid #e5e5e5;
	font-size: 1.5rem;
}
.uk-button.ukc-button-prev.ukc-button-prev-small {
	font-size: 1.0rem !important;
}
.uk-button.ukc-button-prev:hover {
	color: #333;
	border-color: #b2b2b2;
}
/* next-button */
.uk-button.uk-button-primary.ukc-button-next {
	border-radius: 10px;
	font-size: 1.5rem;
}

/* ==================
iframe
================== */
.ukc-mypage-iframe {
	position: relative;
	width: 100%;
	height: 100%;
	border:  0;
	border-bottom: 1px solid #333;
}
.ukc-mypage-iframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.togglehead {
	border: 0;
	border-left: 6px solid #ed6d35;
	border-bottom: 1px solid #333;
	padding: 10px;
}
@media (max-width: 639px) {
	.togglehead {
		font-size: 1.8rem;
	}
}
.togglehead:hover {
	background: #ddecff;
}
.togglehead span {
	float: right;
}

.ukc-checkbox,
.ukc-radio {
	margin-bottom: 5px;
}

.koza_readmore_container > p{
	margin-top: 10px;
	margin: 0 0 10px 0;
}

.ukc-text-underline {
	text-decoration: underline !important;
}

/* ==================
Category-Koza
================== */
/* 画像 */
.ukc-card-media-content {
	padding: 0 !important;
}
.ukc-card-media-content:hover{
	opacity: 0.8;
}

.ukc-card-media-top {
	position: relative;
	height: 230px;
	display: flex;
	overflow: hidden;
}
.ukc-card-media-top > img {
	margin: auto;
}

.ukc-card-media-background{
	overflow: hidden;
}
.ukc-card-media-background-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    height: 230px;
    width: 100%;
    padding: 0;
    transition: 0.5s all;
}
.ukc-card-media-background-img.ukc-osusume {
    height: 300px;
}
.ukc-card-media-content:hover .ukc-card-media-background-img {
	transform: scale(1.03);
	transition: 0.5s all;
}

.ukc-card-media-link {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ukc-card-title-content {
	overflow: hidden;
	word-break: break-all;
	height: 65px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	line-height: 1.5em;
	max-height: 5.5em;
	margin-bottom: 10px;
}
.ukc-card-title {
	font-weight: 600;
	font-size: 1.0rem;
}
.ukc-card-title-list {
	font-weight: 600;
	font-size: 1.0rem;
}
.ukc-card-date-content {
	word-break: break-all;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-bottom: 5px;
	font-size: 0.9em;
}
.ukc-card-date-marker {
	background: linear-gradient(transparent 60%, #ffcccc 0%);
}
.ukc-card-koshi {
	word-break: break-all;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.uk-tile.ukc-tile-cagory-title {
	background: #fff0d4;
}
.uk-tile.ukc-tile-border-bottom-primary {
	border: 0;
	border-bottom: 5px solid #ed6d35;
}
.ukc-tile-cagory-title > h1 {
	font-size: 2.25rem;
}

.ukc-category-content {
	margin: 0;
}

.ukc-koza-list > div {
	margin-bottom: 30px;
}

.ukc-hidden {
	display: none;
}

@media (max-width: 639px) {
	.ukc-category-content {
		margin: 20px;
	}
	.ukc-card-title-content {
		height: 85px;
	}
	.ukc-list.ukc-card-title-content{
		height: 65px;
	}
	.ukc-card-title {
		font-size: 1.25rem;
	}
	.ukc-card-title-list {
		font-size: 1.0rem;
	}
	.ukc-card-media-top {
		height: 330px;
	}
	.ukc-card-media-background-img.ukc-osusume {
		height: 330px;
	}
	.ukc-card-media-background-img {
		height: 200px;
	}
	.ukc-list.ukc-card-date-content {
		font-size: 0.8em;
	}
	.ukc-list.ukc-card-koshi {
		font-size: 0.9em;
	}
}
/* ==================
Category-Slide
================== */
.ukc-link-text:hover {
	text-decoration: none;
}
.ukc-arrow {
	background-color: #deecff;
	height: 120px;
	display: flex;
	color: #ed6d35 !important;
}

@media (max-width: 639px) {
	.ukc-link {
		display: none;
	}
	.uk-slider-items > li{
		padding: 0 5px;
	}
}

/* ==================
Category-Menu
================== */
.ukc-navi-header {
	font-size: 1.2rem;
	text-align: center;
	height: 45px;
	display: flex;
	color: #fff;
	background-color: #ed6d35;
}
.ukc-navi-header > span {
	margin: auto;
	padding-left: 40px;
}
.ukc-tenpo-header {
	font-size: 1.2rem;
	text-align: center;
	height: 45px;
	display: flex;
	color: #fff;
	background-color: #ed6d35;
}
.ukc-tenpo-header > span {
	margin: auto;
	padding-left: 40px;
}

.ukc-category-navi {
	border: 0;
	border-left: 1px solid #ed6d35;
	border-right: 1px solid #ed6d35;
	border-bottom: 1px solid #ed6d35;
	display: none;
	background-color: #fff;
}
.ukc-category-navi > .uk-grid-small>.uk-grid-margin {
	margin-top: 5px;
}
.ukc-button {
	padding: 0 !important;
	color: #ed6d35;
	border: 0;
}
.ukc-button:hover {
	color: #ed6d35;
	background-color: #facbb7;
}
.ukc-button:focus {
	color: #ed6d35;
}
.ukc-button:active {
	color: #ed6d35;
}

@media (max-width: 639px) {
	.ukc-category-navi{
		margin: 0 20px;
	}
	.ukc-navi-header {
		margin: 0 20px;
	}
	.ukc-tenpo-header {
		margin: 0 20px;
	}
	.ukc-button{
		border-top: 1px solid #ed6d35;
	}
	.ukc-category-navi-item:nth-child(2n) {
		padding-left: 0;
		border-left: 1px solid #ed6d35;
		
	}
	.ukc-category-navi-item > button {
		display: inline-block;
	}
}
.ukc-link-pointer-none {
	pointer-events:none !important;
}
.ukc-link-none {
	background-color: #fff0d4;
}

/* ==================
Category-label
================== */
.ukc-category-detail {
	border: 0;
	border-left: 5px solid #ed6d35;
	padding-left: 10px;
	font-size: 1.5rem;
	margin: 20px 0;
	font-weight: 600;
}

.ukc-detail-category-label a {
	display: inline-block;
    background-color: #fff0d4;
    border: 1px solid #ed6d35;
    padding: 10px 20px;
    border-radius: 10px;
    text-decoration: none;
}

/* ==================
Category-Detail-search
================== */
.ukc-search-content {
	margin-top: 15px;
	background-color: #fff;
}
.ukc-search-header {
	background: #ed6d35;
	height: 45px;
	color: #fff;
}
.ukc-search-header > span {
	padding-left: 40px;
	font-size: 1.4rem;
	line-height: 2.0;
}
.ukc-search-form {
	border: 0;
	border-left: 1px solid #ed6d35;
	border-right: 1px solid #ed6d35;
	border-bottom: 1px solid #ed6d35;
}
.ukc-pagination-content {
	border: 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.uk-pagination.ukc-pagination >* {
	margin: 0 5px;
	background-color: #fff;
	border: 1px solid #ed6d35;
	color: #ed6d35 !important;
}
.uk-pagination.ukc-pagination >*>* {
	color: #ed6d35 !important;
}
.uk-pagination.ukc-pagination>.uk-active>* {
	background-color: #fff0d4;
	color: #ed6d35 !important;
	font-weight: 600;
}

@media (max-width: 639px) {
	.ukc-search-content {
		margin: 15px 20px 0 20px;
	}
	.ukc-search-form {
		margin: 0 20px;
		display: none;
	}
	.ukc-keyword-item {
		margin-left: 5px !important;
	}
	.ukc-pagination-sp > li {
		width: 45%;
	}
}

.ukc-tenpo-label-link {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.headerIconMyPage {
		margin-top: 25px !important;
}

@media (max-width: 640px) {
	.headerIconMyPage {
		margin-top: 0px !important;
	}
}

.ukc-koza-title {
	text-align: center;
	white-space: pre-wrap;
}
.ukc-koza-title-search {
	white-space: pre-wrap;
}
.ukc-koza-title-category {
	white-space: pre-wrap;
}

/* ==================
Programs Detail
================== */
.ukc-flex {
	display: flex;
	justify-content: center;
	align-items: center;
}
.ukc-width-85 {
	max-width: 85%;
}
.ukc-width-100 {
	max-width: 100%;
}
.ukc-width-15 {
	max-width: 15%;
}

.mcc-logo {
	width: 320px;
}

@media (max-width: 640px) {
	.mcc-logo {
		width: 190px;
	}
}