#exp-tpl h1{
	text-align: left;
	font-size: 2.5em;
    font-family: 'ucap-bn';
    position: relative;
    display: block;
    width: 100%;
    text-align: left;
    padding: 1em 0;
}
.arch-grid::after{
	content: none;

}
.exp-items.ucap-arch::after{
	content: '';
    position: absolute;
    background: #F9FBFE;
	width: -webkit-calc(100% + 8em);
	width: -moz-calc(100% + 8em);
	width: calc(100% + 8em);
	left: -4em;
	height: 125%;
	top: -25%;
	z-index: -1;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}
#exp-tpl{
	position: relative;
	display: table;
	width: 100%;
	padding: 1em 4em;
}
.hg-t{
	position: relative;
	display: table;
	width: 100%;
}
.hg-clm{
	position: relative;
	display: inline-table;
	vertical-align: top;
}
#exp-slider{
	width: 64%;
	-webkit-border-radius: 10px;
	-moz-border-radius:10px;
	border-radius:10px;
	overflow: hidden;
	height: 60vh;
	padding: 5%;
	z-index: 2;
}
.ecs_sl_tit,
.slider{
	position: relative;
	z-index: 2;
}
.ecs_sl_tit{
	position: relative;
	display: table;
	width: 100%;
	text-align: left;
	border-bottom: 1px solid #fff;
	margin-bottom: 2em;
}
#exp-slider .bgCover::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .5;
	z-index: 1;
}
#exp-slider .bgCover {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.side-slide{
	width: 35%;
	padding: 5%;
	height: 60vh;
	z-index: 1;
}
.side-slide::before{
	content: '';
	position: absolute;
	width: 110%;
	height: 100%;
	top: 0;
	left: -10%;
	background: #fff;
	z-index: -1;
	-webkit-border-radius: 10px;
	-moz-border-radius:10px;
	border-radius:10px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}
.side-slide article span{
	opacity: .75;
	font-size: .8em;

}
.side-slide article h4{
	font-size: 1em;
    font-family: 'ucap-bn';
    padding-bottom: .5em;
}
.side-slide article{
	padding-bottom: 1em;
	border-bottom: 1px solid #D8D8D8;
	margin-bottom: 1em;
}
.side-slide h2{
	text-align: left;
	display: table;
	width: auto;
	position: relative;
}
.side-slide h2::before{
content: '';
position: absolute;
width: 100%;
left: 0;
bottom: 0;
border-bottom: 2px solid #000;
}
.side-slide .side-s-grid{
	position: relative;
	display: table;
	height: 100%;
	width: 100%;
}
.grid-slider{
	position: relative;
	display: table;
	width: 100%;
	height: 100%;
}
.side-s-grid > figure{
	position: relative;
	display: table-cell;
	vertical-align: top;
}
.nav-items{
	display: table-footer-group;
}
#exp-slider .slider  article{
	width: 45%;
	margin-right: 5%;
	display: block;
	padding-right: 1em;
}
.ecs_sl_tit h2{
	text-align: left;
	font-size: 2em;
}
#exp-slider .slider a,
#exp-slider .slider span, #exp-slider .slider h3,
.ecs_sl_tit h2, .ecs_sl_tit span{
	color: #fff;
}
span.count_ecs,
#exp-slider .slider span.count_ecs{
	position: relative;
	padding: .25em .5em;
	position: relative;
	display: table;
	color: #000;
	background: #F7B0B0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: .5em;
}
.exp-slider-nav{
	z-index: 2;
}
.exp-items.ucap-arch{
	margin: 5% 0;
}
.exp-items.ucap-arch > .exp-tit-cat{
	margin-bottom: 2em;
}
 .exp-tit-cat .hg-clm{
 	width: 49%;
 	text-align: left;
 	vertical-align: middle;
 }
 .exp-tit-cat .hg-clm a{
 	display: table;
 	width: auto;
 	float: right;
 	text-decoration: underline;
 }
 .exp-tit-cat .hg-clm:last-child{
 	text-align: right;
 }
.exp-items.ucap-arch article.home-post{
width: 30%;
margin: 0 0 2em 0;
}
.exp-items.ucap-arch article.home-post:nth-of-type(3n - 1){
margin: 0 4.5% 2em 4.5%;
}
/*carousel all*/
.subscrib-ucap .exp_carousel{
	padding: 0;
	margin: 0 auto;
	display: table;
	width: 85%;
	margin: 0 auto;
	position: relative;
}
.subscrib-ucap .exp_carousel h2{
	text-align: center;
}
.subscrib-ucap .exp_carousel > figure{
	overflow-x: hidden;
}
.exp_carousel{
	padding: 5% 0;
	position: relative;
}
.exp_carousel h2{
	text-align: left;
}
#exp-post .group_car_item a{
	display: table;
	width: 100%;
}
#exp-post .group_car_item.cur-item a{
	pointer-events: none;
}
.group_car_item > div{
	position: relative;
	display: table;
	width: 100%;
	height: 41vh;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #fff;
}
.group_car_item > a{
	position: relative;
	display: table;
	width: 100%;
	height: 100%;
}
.group_car_item{
	width: 30.33%;
	margin:0  1.65%;
	padding-left: 20px;
	position: relative;
	height: 45vh;
	padding: 1vw 0;
	display: block;
	float: left;
}
.group_car_item .bgCover::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #000;
	opacity: .5;
}
.group_car_item .bgCover{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	 -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.group_car_item a{
	display: table;
	width: 100%;
	height: 100%;
}
.group_car_item .group_des{
	padding: 5% 10%;
	height: 100%;
}
.group_car_item .group_des .hg-va{
	display: table-cell;
	vertical-align: middle;
	z-index: 2;
}
.group_car_item .group_des .group_meta{
	margin-bottom: 2vh;
}
.group_car_item .group_des .hg-clm{
	width: 49%;
	vertical-align: middle;
	text-align: left;
	min-height: 5em;
}
.group_car_item .group_des .hg-clm:nth-child(2){
	text-align: right;
}
.group_des.bg_img h4, .group_des.bg_img span{
	color: #fff;
}
#ex-caruysel-gs .group_des.bg_img span{
	color: #000;
}
.group_car_item .group_des h4{
	font-weight: bold;
    font-family: 'ucap-bn';
}
#ex-caruysel-gs span.count_ecs{
position: absolute;
top: 5%;
left: 10%;
z-index: 2;
}
span.group_ej{
	font-size: 2.5em;
}
#ex-caruysel-gs .group_car_item .group_des .hg-clm,
#ex-caruysel-gs .group_car_item .group_des .hg-clm:nth-child(2){
	text-align: left;
}
.carusel-nav{
	width: 110%;
	position: absolute;
	left:-5%;
	top: 52.5%;
	pointer-events: none;
}
.carusel-nav > div.prev-item{
	transform-origin: 50%;
	-webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg);	
}
.carusel-nav > div.next-item{
	right: 1em;
	left: auto;
}
.carusel-nav > div{
	position: absolute;
	left: 1em;
	width: 1em;
	height: 1em;
	background-image: url(/wp-content/themes/ucap/web-img/next.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    pointer-events: all;
    pointer-events: all;
    cursor: pointer;
}
/*carousel all*/
/*post exp*/
#exp-post{
    background: rgba(225,237,251 ,.5);
    padding: 2.5% 10%;
    position: relative;
}
#exp-post .hg-t span{
	text-align: center;
	width: 100%;
	position: relative;
	display: table;
}
#exp-post .hg-t{
	margin-bottom: 1em;
}
#exp-post  .group_car_item,
#exp-post  .group_car_item > div{
height: auto;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: transparent;
}
#exp-post .group_car_item .group_des h4{
	font-family: 'ucap-text';
}
#exp-post span.post-group-tit{
	font-family: 'ucap-bn';
}
#exp-post span.count_ecs.cur-item{
	background: #E7F5E8;
}
#exp-post span.count_ecs{
	left: 10%;
}
.cur-ej{
	position: absolute;
	width: 1em;
	height: 1em;
	top: 0.25em;
	right: -1.5em;
}
#exp-post .group_car_item{
width: 33.33%;
margin: 0;
}
.single-post .carusel-nav{
	width: 100%;
	left: 0;
	display: block;
}
.single-post .exp_carousel{
	padding: 5%;
	background: #fff;
}
/*post exp*/
footer{
	z-index: 0;
}
/*comment*/
.uc_comment{
	display: table;
	position: relative;
	width: 80%;
	text-align: center;
	margin: 0 auto;
	border-bottom: 1px solid #DCE6F5;
	margin-bottom: 4em;
	padding-bottom: 2em;
}
.uc_comment span.com_des{
	padding-right: .5em;
}
.uc_comment.user_is_login a.hg-clm:hover:before{
	opacity: 0;
	width: 0;
}
.uc_comment.user_is_login a.hg-clm::before{
	content: '';
	position: absolute;
	width: 100%;
	left: 0;
	bottom:0;
	border-bottom: 1px solid #232323;
}
.uc_comment p {
	padding-bottom: 0;
}
.uc_comment b{
	font-family: 'ucap-bn';
}
.uc_comment .hg-clm{
	vertical-align: middle;
	text-align: center;
}
.wp-social-login-provider-list a.wp-social-login-provider-facebook{
	background-image: url(/wp-content/themes/ucap/web-img/facebook.png);	
}
.wp-social-login-provider-list a.wp-social-login-provider-google{
	background-image: url(/wp-content/themes/ucap/web-img/google-plus.png);		
}
.wp-social-login-provider-list a.wp-social-login-provider-facebook{
	background-image: url(/wp-content/themes/ucap/web-img/facebook.png);	
}
.wp-social-login-provider-list a:first-child{
	margin-right: .5em;
}
.wp-social-login-provider-list a{
	background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: inline-table;
    vertical-align: middle;
    width: 2em;
    height: 2em;
}
.wp-social-login-provider-list img{
	display: none;
}
.comment_uc{
	display: table;
	width: 100%;
	text-align: center;
    font-family: 'ucap-bn';
    font-size: 2em;
    padding: .5em 0;
}
.commentlist,
#comments,
.comment-respond{
	position: relative;
	display: table;
	width: 80%;
	margin: 0 auto;
	padding:0 0 5% 0 ;
}
.comment-respond{
	padding:0 0 10% 0 ;
}
.comment-respond textarea{
	border: 1px solid #D9D9D9;
	-webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
}
.comment-respond  label[for='comment']{
	padding-bottom: 1em;
	opacity: .5;
}
.logged-in-as{
	width: 100%;
	text-align: center;
	padding: 1em;
}
.logged-in-as a{
	 font-weight: bold;
    font-family: 'ucap-text';
    text-decoration: underline;
    background: rgba(247, 245, 176, .6);
    padding: 0 .5%;
}
.comment.depth-3 .comment-footer-meta{
	display: none;
}
.comment.depth-3{
	padding-left: 10%;
	background: #fff;
}
.comment.depth-2{
	padding-left: 5%;
	background: #f0f6fc;
	
}
.comment.byuser{
padding-top: 1em;
}
.comment-metadata{
	opacity: .5;
	padding-bottom: 1em;
}
.comment.byuser > article{
	padding-bottom: 1em;
	border-bottom: 1px solid #d9d9d9;
}
.comment-reply .comment-reply-link{
	font-weight: bold;
    font-family: 'ucap-text';
    text-decoration: underline;
    background: rgba(247, 245, 176, .6);
    padding: 0 .5%;
    font-size: .8em;
    margin: 1em 0;
    font-style: italic;
}
.comment_uc_item.ucap_user{
	background-image: url(/wp-content/themes/ucap/fav.ico/apple-icon-180x180.png);
	background-size: 60%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-color: transparent;
}
.comment_uc_item{
	position: relative;
	display: inline-table;
	vertical-align: top;
	margin-right: 2em;
	width: 4em;
	height: 4em;
	-webkit-border-radius: 4em;
    -moz-border-radius: 4em;
    border-radius: 4em;
    background: #dedede;
    overflow: hidden;
}
.comment-body{
	display: inline-table;
	vertical-align: top;
	position: relative;
	width: -webkit-calc(100% - 7em);
	width: -moz-calc(100% - 7em);
	width: calc(100% - 7em);
}
.comment_uc_item > p{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding-bottom: 0;
}
.comment-author span{
	font-family: 'ucap-bn';
}
h2#reply-title{
	display: none;
}
.uc_c_errormsg{
	position: relative;
	display: table;
	width: 100%;
	font-style: italic;
	text-align: center;
	color: #733535;
	padding-top: 3em;
	padding-bottom: 1em;
}
/*comment*/
@media only screen and (min-width:1px) and (max-width: 998px){
/*comment*/
.comment_uc{
	font-size: 1.2em;
}
.comment_uc_item{
	width: 2em;
	height: 2em;
	margin-right: 1em;
}
.commentlist,
.uc_comment,
#comments, .comment-respond{
	width: 100%;
}
.comment-metadata{
	font-size: .5em;
}
.comment_uc_item > p{
	font-size: .7em;
	line-height: 1;
}
.comment-body{
	width: -webkit-calc(100% - 3.5em);
    width: -moz-calc(100% - 3.5em);
    width: calc(100% - 3.5em);
}
/*comment*/
	.exp-items.ucap-arch::after{
		height: 100%;
		top: -10%;
	}
	.exp-items.ucap-arch article.home-post,
	.side-slide::before,
	#exp-slider .slider article,
	.side-slide,
	#exp-slider,
	#exp-post .group_car_item,
	.group_car_item,
	.group_car_item{
		width: 100%;
	}
	.group_car_item .hg-va{
		text-align: left;
	}
	.exp_carousel,
	.subscrib-ucap .exp_carousel{
		width: 80%;
		margin: 0 auto;
	}
	.nav-group-posts + .carusel-nav > div.prev-item{
		left: 1em;
	}
	.carusel-nav > div.prev-item{
		left: -1em;
	}
	.nav-group-posts + .carusel-nav > div.next-item{
		right: 1em;
	}
	.carusel-nav > div.next-item{
		right: -1em;
	}
	.exp-items.ucap-arch article.home-post,
	.exp-items.ucap-arch article.home-post:nth-of-type(3n - 1){
		margin: 0;
		margin-bottom: 1em;
	}
	.side-slide article:last-child{
		border-width: 0;
	}
	.side-slide{
		padding: 2em 10%;
		height: auto;
	}
	.side-slide .side-s-grid{
		padding: 0 5%;
	}
	.side-slide::before{
		left: 0;
		height: 110%;
		top: -10%;
	}
	#exp-tpl{
		padding: 0 4%;
	}
	.post-r-side,
	.anch-post{
		padding-top: 2.9em;
	}

.sidebar.anch-nav::before{
	content: '';
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	border-bottom: 1px solid #000;
	z-index: 2;
}
.sidebar.anch-nav{
	position: fixed;
	width: 100vw;
	left: 0;
	top: 3.9em;	
	background: #fff;
	z-index: 222;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);
}
.sidebar.anch-nav .emj-item::before{
	content: none;
}
.sidebar.anch-nav .emj-item{
	display: inline-table;
	width: auto;
	font-size: 1em;
	top: 1em;
	left: 5%;
	pointer-events: none;
	line-height: 1;
}
.sidebar.anch-nav  h3{
	font-size: 1em;
	display: inline-table;
	vertical-align: middle;
	width: auto;
	margin: 0;
	padding: 1em 0;
	position: relative;
	z-index: 2;
	line-height: 1;
	width: 100%;
	text-align: center;
}
.st-nav-open .sidebar.anch-nav #sidebar_pl_fix{
	opacity: 1;
	pointer-events: all;
}
.sidebar.anch-nav #sidebar_pl_fix{
	padding-top: 7em;
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	opacity: 0;
	pointer-events: none;
	background: #fff;
}
div.anch-item a{
	position: relative;
	display: table;
	width: 100%;
}
.anch-item p{
	width: 80%;
	text-align: left;
	padding-left: 1em;
	font-family: 'ucap-text';
}
.anch-item p,
.anch-item a span.count_ecs{
	display: inline-table;
	vertical-align: middle;
	text-align: left;
}
.close-st-nav,
.sidebar.anch-nav #sidebar_pl_fix{
	 -webkit-transition: .2s ease-out;
     -webkit-transition-delay: 0;
     -o-transition: .2s ease-out;
     -o-transition-delay: 0;
     -moz-transition: .2s ease-out;
     -moz-transition-delay:0;
     transition: .2s ease-out;
     transition-delay: 0;
}
a.ucap-anch{
	position:absolute;
	margin-top:-7em;
}
}