.slider{
	width:320px;
	height:220px;
	overflow:hidden;
	position:relative;
}
.slider .bprev{
	position:absolute;
	top:78px;
	left:8px;
	z-index:1;
	cursor:pointer;
}
.slider .bnext{
	position:absolute;
	top:78px;
	right:8px;
	z-index:2;
	cursor:pointer;
}
.slider ul{
	position:absolute;
	width:1600px;
	height:180px;
	z-index:0;
}
.slider ul li{
	float:left;
	width:320px;
	height:180px;
}
.slider ul li a{
	width:320px;
	height:180px;
	display:block;
	position:relative;
}

.slider .bgimg{
	position:absolute;
	width:320px;
	height:180px;
	z-index:0;
}
.slider .blbg{
	position:absolute;
	width:320px;
	height:65px;
	z-index:1;
	background-color:#000;
	bottom:0;
	left:0;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	opacity:0.3;
}
.slider .icon{
	position:absolute;
	width:42px;
	height:38px;
	z-index:2;
	left:10px;
	top:130px;
}
.slider .txt{
	position:absolute;
	width:255px;
	bottom:8px;
	left:58px;
	z-index:3;
	color:#fff;
	text-decoration:none;
	display:block;
}
.slider .txt .title{
	word-wrap:break-word;
	display:block;
	font-size:15px;
	line-height:18px;
}
.slider .txt .date{
	padding:7px 0 0 0;
	font-size:9px;
	line-height:9px;
	display:block;
}
.slider .like{
	display:block;
	position:absolute;
	bottom:5px;
	right:10px;
	z-index:4;
	height:13px;
	font-size:13px;
	line-height:13px;
	color:#fff;
	font-style:normal;
	padding:0 0 0 16px;
	background-image:url(https://japankuru.com/gld-kanri/data/themes/japankuru/assets/special_feature/img/common/heart.png);
	background-repeat:no-repeat;
	background-position:left center;
	background-size:13px 12px;
}


.pointer{
	margin:10px auto;
	padding:0 0 0 5px;
	height:7px;
	position:relative;
}
.pointer .ac{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:7px;
	height:7px;
}
.pointer ul{
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}
.pointer li{
	width:7px;
	float:left;
	margin:0 8px 0 0;
}
.pointer li img{
	cirsor:pointer;
}


.jpinfo{
	width:297px;
	height:81px;
	border:2px solid #ccc;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	margin:0 auto;
}
.jpbox1{
	width:92px;
	float:left;
	height:81px;
	border-right:1px dotted #ccc;
}
.jpbox1 span{
	display:block;
	text-align:center;
	line-height:1.2em;
}
.jpbox1 .month{
	font-size:13px;
	padding:7px 0 0 0;
}
.jpbox1 .day{
	font-size:22px;
	line-height:1.1em;
}
.jpbox1 .dweek{
	font-size:9px;
}
.jpbox1 .time{
	font-size:15px;
}

.jpbox2{
	width:111px;
	height:81px;
	float:left;
}
.jpbox3{
	width:92px;
	float:right;
	height:81px;
	border-left:1px dotted #ccc;
}

.weather{
	position:relative;
	width:111px;
	height:81px;
}
.weather .box{
	width:111px;
	height:81px;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
}
.weather .box ul{
	width:1110px;
	height:81px;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}
.weather .box li{
	width:111px;
	float:left;
}
.weather .box li .location{
	display:block;
	text-align:center;
	font-size:15px;
	line-height:1em;
	padding:7px 0 0 0;
}
.weather .tempera{
	text-align:center;
	font-size:13px;
}
.weather .box li .maxf{
	color:#ef7927;
}
.weather .box li .minf{
	color:#3d98dd;
}
.weather .box li .degc{
	font-size:14px;
}
.weather .weicon{
	width:40px;
	margin:0 auto;
}
.wprev,.wnext{
	width:9px;
	height:13px;
	position:absolute;
	top:33px;
	cursor:pointer;
}
.wprev{
	left:5px;
	z-index:2;
}
.wnext{
	right:5px;
	z-index:1;
}

.exchange{
	margin:0 auto;
	padding:18px 0 0 4px;
}
.exchange dt .a{
	font-size:13px;
}
.exchange dt .b{
	font-size:13px;
	color:#f16607;
	padding:0 0 0 2px;
}
.exchange dd{
	font-size:12px;
}
.exchange dd span{
	font-size:14px;
	color:#f16607;
	padding:0 3px 0 0;
}

/* Container DIV - automatically generated */
.simply-scroll-container {
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip {
	position: relative;
	overflow: hidden;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}

.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
	width: 150px;
}

.simply-scroll-list li img {
	border: none;
	display: block;
	width: 100%;
	height: auto;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll {
	width: 576px;
/*	margin-bottom: 1em;*/
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 576px;
}

/* Explicitly set height/width of each list item */
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	width: 150px;
	margin-right: 2px;
	margin-left: 2px;
}

#topad{
	margin-top: 10px;
	margin-bottom: 10px;
}

/*TOPのみ縦サイズ修正start*/

.sliderbox2{
	height:130px;
}

.person ul{
	height:140px;
}
.person li{
	height:140px;
}

.pointer2{
	height:15px;

}

.sp-slides{
	display:none;
}

/*TOPのみ縦サイズ修正end*/

.main .slider-pro{
	width:100%;
	height:380px;
	overflow:hidden;
	position:relative;
	margin-top:40px!important;
}
.slider-pro .bprev{
	position:absolute;
	top:78px;
	left:8px;
	z-index:1;
	cursor:pointer;
}
.slider-pro .bnext{
	position:absolute;
	top:78px;
	right:8px;
	z-index:2;
	cursor:pointer;
}
.slider-pro ul{
	position:relative;
	width:1600px;
	height:377px;
	z-index:0;
	box-shadow:
0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.14);
    }
.slider-pro ul li{
	float:left;
	width:100%;
	height:380px;
	background-color: #fff;
	  }
.slider-pro ul li a{
	width:100%;
	height:auto;
	display:block;
	position:relative;
	text-decoration:none;
}

.slider-pro .bgimg{
	position:relative;
	width:100%;
	height:auto;
	z-index:0;
	object-fit: cover;
	display:block;
}
.slider-pro .bgimg img{
	width:100%;
	height:auto;
	object-fit: cover;
	box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 3px -2px rgba(0, 0, 0, 0.12), 0 3px 4px 0 rgba(0, 0, 0, 0.14);
}


.slider-pro .blbg{
	position:absolute;
	width:100%;
	height:250px;
	z-index:1;
	bottom:0;
	left:0;
	/*background-color:#000;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	opacity:0.3;*/
    background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
}
.slider-pro .icon{
	position:absolute;
	width:42px;
	height:38px;
	z-index:2;
	left:10px;
	top:130px;
}

.slider-pro .cate{
	position:absolute;
	z-index:2;
	left:16px;
	top:230px;

  /*font-family: AppleSDGothicNeo;*/
	  /*color: #98ff93;*/
    height: 12px;
    /* font-family: AppleSDGothicNeo; */
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 12px;
    letter-spacing: -0.4px;
    padding: 4px;

}



.slider-pro .txt{
	position:relative;
	width:90%;
	z-index:3;
	color:#000;
	text-decoration:none;
	display:block;
	margin:22px 16px 16px 16px;

}
.slider-pro .txt .title{
	width:100%;
	height:40px;
	word-wrap:break-word;
	display:block;

}
.slider-pro .date{

	color:#fff;
	text-decoration:none;
	display:block;
	position: absolute;
    right: 16px;
    bottom:30px;
	z-index:3;

	/*font-family: AppleSDGothicNeo;*/
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.4px;
    text-align: right;
    color: #ffffff;
}
.slider-pro .like{
	display:block;
	position:absolute;
	bottom:30px;
	left:16px;
	z-index:4;
	font-style:normal;
	padding:0 0 0 16px;
	background-image:url(https://japankuru.com/gld-kanri/data/themes/japankuru/assets/special_feature/img/common/heartw.png);
	background-repeat:no-repeat;
	background-position:left center;
	background-size:12px 10px;

/*	font-family: AppleSDGothicNeo;*/
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.4px;
    color: #ffffff;
}
/*----*/
.main .topslider{
	width:100%;
	height:300px;
	overflow:hidden;
	position:relative;
	background-color:#fff;
}
.main .topslider2{
	height:96px;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.14);
}

.topslider .bprev{
	position:absolute;
	top:78px;
	left:8px;
	z-index:1;
	cursor:pointer;
}
.topslider .bnext{
	position:absolute;
	top:78px;
	right:8px;
	z-index:2;
	cursor:pointer;
}
.topslider ul{
	position:relative;
	width:1600px;
	height:377px;
	z-index:0;
	box-shadow:
0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.14);
    }
.topslider ul li{
	float:left;
	width:100%;
	height:380px;
	background-color: #fff;
	  }
.topslider ul li a{
	width:100%;
	height:auto;
	display:block;
	position:relative;
	text-decoration:none;
}

.topslider .bgimg{
	position:relative;
	width:100%;
	height:270px;
	z-index:0;
	object-fit: cover;
	display:block;
    overflow: hidden;
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 3px -2px rgba(0, 0, 0, 0.12), 0 3px 4px 0 rgba(0, 0, 0, 0.14);
}
.topslider .bgimg img{
	/*width:100%;
	height:auto;*/
	object-fit: cover;

}


.topslider .blbg{
	position:absolute;
	width:100%;
	height:250px;
	z-index:1;
	bottom:0;
	left:0;
	/*background-color:#000;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	opacity:0.3;*/
    background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
}
.topslider .icon{
	position:absolute;
	width:42px;
	height:38px;
	z-index:2;
	left:10px;
	top:130px;
}

.topslider .cate{
	position:absolute;
	z-index:2;
	left:16px;
	top:230px;

  /*font-family: AppleSDGothicNeo;*/
	  /*color: #98ff93;*/
    height: 12px;
    /* font-family: AppleSDGothicNeo; */
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 12px;
    letter-spacing: -0.4px;
    padding: 4px;

}



.topslider .txt{
	position:relative;
	width:90%;
	z-index:3;
	color:#000;
	text-decoration:none;
	display:block;
	margin:0 16px 16px 16px;

}
.topslider .txt .title{
	width:100%;
	height:52px;
	word-wrap:break-word;
	display:block;
	text-align: left;

}
.topslider .date{

	color:#fff;
	text-decoration:none;
	display:block;
	position: absolute;
    right: 16px;
    bottom:30px;
	z-index:3;

	/*font-family: AppleSDGothicNeo;*/
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.4px;
    text-align: right;
    color: #ffffff;
}
.topslider .like{
	display:block;
	position:absolute;
	bottom:30px;
	left:16px;
	z-index:4;
	font-style:normal;
	padding:0 0 0 16px;
	background-image:url(https://japankuru.com/gld-kanri/data/themes/japankuru/assets/special_feature/img/common/heartw.png);
	background-repeat:no-repeat;
	background-position:left center;
	background-size:12px 10px;

/*	font-family: AppleSDGothicNeo;*/
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.4px;
    color: #ffffff;
}
.topslider a{
	text-decoration:none;
}
.panel-1 .card .nm a {
	min-height: 100px;
}
.panel-1 .card .nm a .img {
	min-width: 100px;
}

.sp-buttons {
    padding-top: 0px!important;
	position: absolute;
	bottom:3px!important;
    width: 100%;
    text-align: center;

}

.sp-button {
    border: 3px solid #bdbdbd;
}
.sp-selected-button {
    border: 4px solid #1976d2;
}
/* =====================================
	SP TOP Renewal version ( 2019 / 12 )
===================================== */
/* Common */
.kr .body2 {
    letter-spacing: 0px;
}
.card .nm .loca {
    color: #979797!important;
}
.card .nm .txtblk span {
	line-height: 1.29;
}
/* Big banner */
.big-banner {
	width: 100vw;
	height: 55.6vw;
	overflow: hidden;
}
.big-banner__main {
	width: 100vw;
	height: 55.6vw;
	overflow: hidden;
	position: relative;
}
.big-banner__main .main__photo {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 0;
}
.big-banner__main .main__photo-shadow {
	width: 100%;
	height: calc(70% + 1px);
	top: 30%;
	position: absolute;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
	z-index: 1;
}
.big-banner__main .main__photo-title {
	position: absolute;
	width: 85%;
	height: auto;
	max-height: 44px;
	overflow: hidden;
	z-index: 2;
	font-size: 16px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: normal;
	text-align: left;
	color: #ffffff;
	left: 16px;
	bottom: 24px;
    padding:3px 0;
}
.big-banner-buttons {
	position: absolute;
	width: calc(100%-8px);
	text-align: right;
	bottom: 6px!important;
	left: -6px!important;
}
.sp-buttons span:last-child() {
	margin-right: 8px;
}
.swiper-pagination-bullet {
	width: 6px;
	height: 6px;
	background: #d8d8d8;
	opacity: 1;
	border: 0px;
}
.swiper-pagination-bullet-active {
	background: #64b5f6;
	opacity: 1;
}
/* Text Ad */
.text-ad a {
	width: 100%;
	text-decoration: none;
}
.text-ad .text-ad__main  {
	width: 100%;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #ffffff;
}
.text-ad .text-ad__main .text-ad__main-container {
	width: 100%;
	height: 40px;
	margin: 0px 8px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	background-color: #ffffff;
	border-bottom: 1px solid #dedede;
	box-sizing: border-box;
}
.text-ad .text-ad__main .text-ad__main-container-last {
	width: 100%;
	height: 40px;
	margin: 0px 8px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	background-color: #ffffff;
	border-bottom: 0px;
}
.text-ad .text-ad__main .main__tag {
	height: 17px;
	overflow-y: hidden;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.14;
	letter-spacing: normal;
	color: #1565c0;
	margin-right: 4px;
    padding:4px 0;
}
.text-ad .text-ad__main .main__title {
	height: 17px;
	overflow-y: hidden;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.14;
	letter-spacing: normal;
	color: #212121;
    padding:4px 0 4px 2px;
}
/* Small banner */
.small-banner {
	width: 100%;
	height: 88px;
	overflow-y: hidden;
	background-color: #dedede;
	display: flex;
	align-items: center;
}
.small-banner .swiper-wrapper {
	background-color: #dedede;
	display: flex;
	align-items: center;
}
.small-banner .swiper-slide {
	width: 288px;
	height: 64px;
	line-height: 64px;
	position: relative;
	background-color: transparent;
}
.small-banner__main .main-photo {
	position: absolute;
	width: 288px;
	height: 64px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 0;
}
.small-banner__main .main-photo__text {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 10px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}
.small-banner__main .text-head {
	line-height: 12px;
	font-size: 10px;
	color: #d0021b;
}
.small-banner__main .text-title {
	line-height: 16px;
	font-size: 14px;
	font-weight: 600;
	color: #000000;
}
.small-banner__main .text-desc {
	line-height: 12px;
	font-size: 10px;
	color: #000000;
}
.panelblock {
	margin-top: 0px;
}
.tab-list {
	position: -webkit-sticky;
	position: sticky;
	top: 57px;
	z-index: 5;
	width: 100%;
	height: 42px;
	background-color: #1565c0;
}
.tabs-list-container {
	z-index: 5;
	width: 100%;
	height: 42px;
	background-color: #1565c0;
	overflow-x: scroll;
	-ms-overflow-style: none;  /* Internet Explorer 10+ */
	scrollbar-width: none;  /* Firefox */
}
.tabs-list-container::-webkit-scrollbar {
	display: none;  /* Safari and Chrome */
}
ul#tabs-list {
	background-color: #1565c0;
	position: sticky;
	top: 0px;
	z-index: 5;
	height: 42px;
	width: max-content!important;
}
ul#tabs-list li {
	width: auto;
	margin: 0 0 0 16px;
	padding: 0px 2px;
}
.card .tab-list li {
	border-bottom: 0;
}
.authordate{
	font-size: 11px;
}
.latestm .authordate {
	top: unset;
	bottom: 2px;
}
.card .latestm .catebox {
	position: relative;
}
.card .latestm .catebox span {
	color: #979797!important;
	font-size: 11px;
}
.card ul {
    width: 100%;
}
.card li {
	margin: 0 16px;
}
ul#tabs-list li .panel-label {
    color: rgba(255, 255, 255, 0.6);
	font-size: 16px;
	letter-spacing: 0px;
}
.card .tab-list #li-for-panel-1.active {
	border-bottom: 3px solid rgba(255, 255, 255, 0.6);
}
.card .tab-list #li-for-panel-1 label {
	color: #ffffff;
}
ul#tabs-list li:last-child {
	/* width: 25%; */
	margin-right: 16px;
}
.grd_prev {
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 42px;
	background-image: -webkit-gradient(linear,left top,right top,from(#1565c0),to(rgba(21,101,192,0)));
	background-image: -webkit-linear-gradient(left,#1565c0,rgba(21,101,192,0));
	background-image: linear-gradient(to right,#1565c0,rgba(21,101,192,0));
	z-index: 6;
}
.grd_next {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 42px;
	background-image: -webkit-gradient(linear,right top,left top,from(#1565c0),to(rgba(21,101,192,0)));
	background-image: -webkit-linear-gradient(right,#1565c0,rgba(21,101,192,0));
	background-image: linear-gradient(to left,#1565c0,rgba(21,101,192,0));
	z-index: 6;
}
/* Panel Common */
.main-header {
	margin-top: 58px;
}
.panelblock .container .loading-container {
	width: 100%;
	height: 365px;
	background-color: white;
	margin-bottom: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.panelblock .container .loading-container img {
	width: 200px;
	height: 200px;
	margin: 0 auto;
}
.card .authordate {
	display: flex;
	align-items: center;
	height: 14px;
}
.card .authordate .writername-container {
	padding-right: 4px;
	display: flex;
	height: 14px;
	align-items: center;
	justify-content: center;
	border-right: 1px solid #cecece;
}
.card .authordate .date-container {
	display: flex;
	align-items: center;
	height: 14px;
	padding-left: 4px;
	justify-content: center;
}
.card .authordate .writername {
	font-size: 11px;
	height: 11px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1;
	letter-spacing: normal;
	color: #979797;
	text-transform: lowercase;
}
.card .authordate .article-date {
	font-family: 'Roboto', sans-serif;
	color: #979797;
	font-size: 10px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1;
	letter-spacing: normal;
}
.ta .card .authordate .article-date {
	height: 6px;
}
.en .card .authordate .article-date, .fr .card .authordate .article-date {
	height: 10px;
}
.sc .card .authordate .article-date, .kr .card .authordate .article-date, .tc .card .authordate .article-date {
	height: 8px;
}
.vn .card .authordate .article-date {
	height: 9px;
}
.card .latestm img {
	width: 120px;
	height: 72px;
}
.card .latestm a {
	height: 74px;
}
.card .latestl img {
	width: calc(100vw - 32px);
    height: calc(55vw - 18px);
    margin-bottom: 8px;
}
.card .latestl .commbox.new-article {
	width: 100%;
	position: relative;
}
#panel-1 .card ul li a {
	text-decoration: none;
}
.card .latestm .commbox .txtblk,.catebox {
    left: 130px;
}
.card .latestm .authordate {
    left: 130px;
}
/* Panel 1, Latest */
.card .latestl .catebox {
    top: -4px!important;
}
#panel-1 {
	background-color: #dedede;
}
#panel-1 .card ul {
	padding: 0px;
	margin-bottom: 8px;
	width: 100%;
}
#panel-1 .card ul li {
	margin: 0px 8px;
}
#panel-1 .card ul li a {
	margin: 0px 8px;
}
#panel-1 .cardj {
	padding: 5px 0 0 0!important;
}
#panel-1 .card .caption {
	font-size: 11px;
	text-transform: capitalize;
}
#panel-1 .card .authordate {
	text-transform: lowercase;
}
#panel-1 ul li:last-child {
	border: 0px;
}
#panel-1 ul .latestl .commbox .txt {
	margin-bottom: 1px;
    padding:4px;
}
.ta #panel-1 ul .latestl .commbox .txt {
    padding:4px 0 4px 2px;
}
#panel-1 ul .commbox .txt {
	line-height: 1.29;
}

.ta #panel-1 ul .commbox .txt {
    line-height: 1.29;
    padding: 4px 0;
}
.ta #panel-1 ul .commbox .txt {
	line-height: 1.29;
    padding:4px 0 4px 2px;
}

#panel-1 ul .latest-all {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 16px;
    padding-top: 8px;
    padding-bottom: 12px;
}
#panel-1  ul .latest-all a {
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	text-align: right;
	color: #1976d2;
}
/* Panel 2, Destinations */
#panel-2 {
	background-color: #dedede;
}
#panel-2 .topdestinations {
	margin: 0px 0px 8px 0px;
}
#panel-2 .topdestinations a {
	text-decoration: none;
}
#panel-2 .topdestinations span {
	margin-left: 16px;
	margin-top: 16px;
}
#panel-2 .topdestinations ul {
	margin: 0px 16px;
}
#panel-2 .card li {
	margin: 0 16px 0 0;
}
#panel-2 .topdestinations .banner-title {
	color: #212121;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	text-decoration: none;
	margin-top: 6px;
}
#panel-2 .area-category__area-list {
	background-color: #ffffff;
}
#panel-2 .area-list-container {
	width: 100%;
	height: 60px;
	margin-right: 16px;
	margin-bottom: 8px;
	overflow-x: scroll;
	display: flex;
	align-items: center;
	-ms-overflow-style: none;  /* Internet Explorer 10+ */
	scrollbar-width: none;  /* Firefox */
}
#panel-2 .area-list-container::-webkit-scrollbar {
	display: none;  /* Safari and Chrome */
}
#panel-2 .area-list-main {
	display: flex;
}
#panel-2 .area-list-main .area-list-element {
	display: inline-block;
	padding: 6px 12px;
	width: auto;
	margin-left: 16px;
	border-radius: 2px;
	border: solid 1px #1976d2;
}
#panel-2 .area-list-main a:last-child {
	margin-right: 16px;
}
#panel-2 .area-list-main .area-list-element p {
	width: max-content;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	color: #1565c0;
}
#panel-2 main .area-recent-article {
	margin-bottom: 8px;
}
#panel-2 main .area-recent-article ul li:first-child {
	display: flex;
	justify-content: space-between;
	padding: 11px 8px;
}
#panel-2 main .area-recent-article ul li:first-child a {
	text-decoration: none;
	display: flex;
	align-items: flex-end;
	margin: 0;
}
#panel-2 main .area-recent-article ul li:first-child .view-all {
	color: #1976d2;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;

}
#panel-2 main .area-recent-article li {
	margin: 0 8px;
}
#panel-2 main .area-recent-article li a {
	margin: 0 8px;
}
#panel-2 .card {
	padding: 0!important;
	padding-bottom: 12px!important;
}
#panel-2 .card .caption {
	font-size: 11px;
	text-transform: capitalize;
}
#panel-2 .card .authordate {
	text-transform: lowercase;
}
#panel-2 ul li:last-child {
	border: 0px;
}
/* Panel 3, Things to do */
#panel-3 {
	background-color: #dedede;
}
#panel-3 .topdestinations {
	margin: 0px 0px 8px 0px;
}
#panel-3 .topdestinations a {
	text-decoration: none;
}
#panel-3 .topdestinations span {
	margin-left: 16px;
	margin-top: 4px;
}
#panel-3 .topdestinations ul {
	margin: 0px 16px;
}
#panel-3 .card li {
	margin: 0 16px 0 0;
}
#panel-3 .topdestinations .banner-title {
	color: #212121;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	text-decoration: none;
	margin-top: 6px;
}
#panel-3 .things-list__things {
	background-color: #ffffff;
	margin: 8px 0px;
}
#panel-3 .things-list-container {
	height: 92px;
	width: 100%;
	overflow-x: scroll;
	-ms-overflow-style: none;  /* Internet Explorer 10+ */
	scrollbar-width: none;  /* Firefox */
	display: flex;
	align-items: center;
}
#panel-3 .things-list-container::-webkit-scrollbar {
	display: none;  /* Safari and Chrome */
}
#panel-3 .things-list-main {
	width: max-content;
	display: flex;
}
#panel-3 .things-list-element {
	width: 80px;
	height: 76px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
#panel-3 .things-list-element:first-child {
	margin-left: 8px;
}
#panel-3 .things-list-element:last-child {
	margin-right: 8px;
}
#panel-3 .things-list-element .things-list-element-img-cover {
	width: 60px;
	height: 60px;
	border-radius: 60px;
	border: solid 1px #dedede;
	background-color: #fafafa;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}
#panel-3 .things-list-element .things-list-element-img-cover.active {
	border: solid 2px #1976d2;
	background-color: #e3f2fd;
}
#panel-3 .things-list-element .things-list-element-img-cover img {
	width: 40px;
	height: 40px;
}
#panel-3 .things-list-element p {
	font-size: 10px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.6;
	letter-spacing: -0.3px;
	text-align: center;
	color: #212121;
}
#panel-3 .things-to-do-article {
	display: none;
}
#panel-3 .things-to-do-article.active {
	display: block;
}
#panel-3 .area-recent-article ul {
	margin: 0 8px;
}
#panel-3 .area-recent-article ul li {
	padding: 12px 8px;
	border-bottom: 0px;
	border-top: 1px solid #e1e1e1;
}
#panel-3 .area-recent-article ul .things-to-do-all {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 16px;
	padding-top: 8px;
	padding-bottom: 8px;
}
#panel-3 .area-recent-article ul .things-to-do-all a {
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	text-align: right;
	color: #1976d2;
}
#panel-3 .things-list__things .card {
	padding: 0px;
	margin-top: 0px;
	overflow-x: hidden;
}
/* Panel 4 */
#panel-4 {
	background-color: #dedede;
}
#panel-4 .card li {
	margin: 0px;
}

#panel-4 .contentbox1 {
	display: none;
	margin-bottom: 8px;
}
#panel-4 .contentbox1.active {
	display: block;
}
#panel-4 .monthlylist {
	background-color: #ffffff;
	height: 28px;
	padding: 16px 0;
	display: flex;
    align-items: center;
	justify-content: center;
}
#panel-4 .monthly {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0px;
}
#panel-4 .month {
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.75;
	letter-spacing: 0.5px;
	text-align: center;
	color: #3c3c3c;
	width: 100%;
}
#panel-4 .eventli .subtitle1 {
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #212121;
}
#panel-4 .eventli .scdate {
    font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: -0.5px;
	color: #1976d2;
	font-family: 'Roboto', sans-serif;
}
#panel-4 main .linkboxec {
	padding: 0px;
	height: 100%;
}
#panel-4 main .linkboxec ul {
	padding: 0px;
}
#panel-4 main .decrement-month-arrow, .increment-month-arrow {
	display: flex;
	align-items: center;
}
#panel-4 main .decrement-month-arrow img {
	transform: rotate(180deg);
	width: 13px;
	height: 13px;
}
#panel-4 main .increment-month-arrow img {
	/* transform: rotate(270deg); */
	width: 13px;
	height: 13px;
}
#panel-4 main .calendar-view-all {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 0px;
	border: 0;
	background-color: white;
	margin: 0px;
	padding: 12px 0px;
}
#panel-4 ul.listpage {
	line-height: inherit;
}
#panel-4 main .calendar-view-all a {
	margin-top: 0px;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	text-align: right;
	color: #1976d2;
}
/* panel 6, Column */
#panel-6 {
	background-color: #dedede;
}
#panel-6 .topdestinations {
	margin: 0px 0px 8px 0px;
}
#panel-6 .topdestinations a {
	text-decoration: none;
}
#panel-6 .topdestinations span {
	margin-left: 16px;
}
#panel-6 .topdestinations ul {
	margin: 0px 16px;
}
#panel-6 .card li {
	margin: 0 16px 0 0;
}
#panel-6 .topdestinations .banner-title {
	color: #212121;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	text-decoration: none;
	margin-top: 6px;
}
#panel-6 .columns-list__things {
	background-color: #ffffff;
	margin: 8px 0px;
	overflow-x: hidden;
}
#panel-6 .columns-list__things .title-container {
	margin: 0px 8px;
}
#panel-6 .columns-list__things .columns-list-title {
	padding: 12px 8px;
	border-bottom: 1px solid #dedede;
	font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    letter-spacing: 0.1px;
}
#panel-6 .columns-list-container {
	height: 92px;
	width: 100%;
	overflow-x: scroll;
	-ms-overflow-style: none;  /* Internet Explorer 10+ */
	scrollbar-width: none;  /* Firefox */
	display: flex;
	align-items: center;
}
#panel-6 .columns-list-container::-webkit-scrollbar {
	display: none;  /* Safari and Chrome */
}
#panel-6 .columns-list-main {
	width: max-content;
	display: flex;
}
#panel-6 .columns-list-element {
	width: 80px;
	height: 76px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
#panel-6 .columns-list-element:first-child {
	margin-left: 8px;
}
#panel-6 .columns-list-element:last-child {
	margin-right: 8px;
}
#panel-6 .columns-list-element .columns-list-element-img-cover {
    position: relative;
    width: 60px;
	height: 60px;
	border-radius: 100%;
	border: solid 1px #dedede;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	overflow: hidden;
}
#panel-6 .columns-list-element.active .columns-list-element-img-cover {
	border: solid 2px #1976d2;
}
#panel-6 .columns-list-element:first-child .columns-list-element-img-cover {
	background-color: #e3f2fd;
}

#panel-6 .columns-list-element .columns-list-element-img-cover img {
	width: 100%;
	height: 100%;
	opacity: 0.7;
}
#panel-6 .columns-list-element.active .columns-list-element-img-cover img {
	opacity: 1;
}
#panel-6 .columns-list-element p {
	font-size: 10px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.6;
	letter-spacing: 0px;
	text-align: center;
	color: #979797;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
#panel-6 .columns-list-element.active p {
	color: #212121;
}
#panel-6 .columns-article {
	display: none;
}
#panel-6 .columns-article.active {
	display: block;
}
#panel-6 .area-recent-article ul {
	margin: 0 8px;
}
#panel-6 .area-recent-article ul li {
	padding: 12px 8px;
	border-bottom: 0px;
	border-top: 1px solid #e1e1e1;
}
#panel-6 .area-recent-article ul .things-to-do-all {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 16px;
	padding-top: 8px;
	padding-bottom: 8px;
}
#panel-6 .area-recent-article ul .things-to-do-all a {
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	text-align: right;
	color: #1976d2;
}
#panel-6 .columns-list__things .card {
	padding: 0px;
	margin-top: 0px;
}
/* panel 7, Video */
#panel-7 {
    background-color: #dedede;
}
#panel-7 main .video-category {
    background-color: #ffffff;
    margin: 8px 0px;
}
#panel-7 main .video-category:first-child {
    background-color: #ffffff;
    margin-top: 0px;
}
#panel-7 main .video-category .video-subtitle {
    padding: 16px 0px 8px 16px;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: 0.1px;
    color: #212121;
}
#panel-7 main .video-category .video-list-container {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
	scrollbar-width: none;  /* Firefox */
}
#panel-7 main .video-category .video-list-container::-webkit-scrollbar {
	display: none;  /* Safari and Chrome */
}
#panel-7 main .video-category .video-list-container .video-list {
    display: flex;
    align-items: center;
    padding: 0;
	margin-bottom: 16px;
	overflow-x: scroll;
	/* -webkit-scroll-snap-type: x mandatory;
    -ms-scroll-snap-type: x mandatory;
	scroll-snap-type: x mandatory; */
	-ms-overflow-style: none;  /* Internet Explorer 10+ */
	scrollbar-width: none;  /* Firefox */
}
#panel-7 main .video-category .video-list-container .video-list::-webkit-scrollbar {
	display: none;  /* Safari and Chrome */
}
#panel-7 main .video-category .video-list-container .video-list .video-element {
    margin: 0px;
    margin-left: 16px;
    width: 250px;
    height: 190px;
    padding: 8px;
	border: 1px solid #dedede;
	/* -webkit-scroll-snap-align: center;
    -ms-scroll-snap-align: center;
	scroll-snap-align: center; */
}
#panel-7 main .video-category .video-list-container .video-list .video-element:last-child {
    margin-right: 16px;
}
#panel-7 main .video-category .video-list-container .video-list .video-element .element-image {
    position: relative
}
#panel-7 main .video-category .video-list-container .video-list .video-element img {
    width: 234px;
    height: 132px;
    margin-bottom: 4px;
}
#panel-7 main .video-category .video-list-container .video-list .video-element .element-play-button {
    width: 36px;
    height: 36px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#panel-7 main .video-category .video-list-container .video-list .video-element .element-title {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    color: #212121;
    margin-bottom: 4px;
}
#panel-7 main .video-category .video-list-container .video-list .video-element .element-date {
    font-size: 10px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    color: #979797;
}
/* Featured  */
.featured {
    margin-top: 0px;
}
.featured .featured-subtitle {
	margin: 0px 16px 8px 16px;
	font-size: 14px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.57;
	letter-spacing: 0.1px;
	color: #212121;
}
.featured .swiper-wrapper {
	height: 100%;
}
.featured .swiper-slide {
	line-height: 100%;
}
.featured .featured-slide .featured-article a img {
	width: calc(100% - 32px);
	z-index: 1;
}
.featured .featured-slide .featured-article a .cover {
	width: calc(100% - 32px);
	position: absolute;
	height: 100%;
	left: 16px;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 2;
}
.featured .featured-slide .featured-article a .headline6 {
	width: calc(100% - 56px);
	z-index: 3;
	position: absolute;
	font-size: 20px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.3;
	letter-spacing: -0.3px;
	color: #ffffff;
	bottom: 12px;
	left: 28px;
	text-align: left;
}
.featured .featured-slide .swiper-pagination {
	position: relative;
	bottom: 0;
}
.featured .swiper-pagination-bullet-active {
	background: #1976d2;
	opacity: 1;
}
.hide {
	display: block;
}

ul.question {
    padding:0;
}
#panel-5{
    background-color: #dedede;
}
#panel-5 a {
    text-decoration: none;
    height: auto!important;
}
ul.question .ftitlebox .commbox {
	margin-top:0;
}
ul.question .numanswer{
    float:left;
    color: #9e9e9e;
    line-height: 20px!important;
    font-size: 11px!important;
    letter-spacing: 0.2px!important;
}
ul.question .id{
    float:left;
    color: #9e9e9e;
    line-height: 20px!important;
}

ul.question .id::before{
                content:'';
                background-image:url('data:image/svg+xml;utf-8,<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>profilec2c2c2</title><desc>Created with Sketch.</desc><defs><path d="M17,14.5 C13.390625,14.5 14.2265625,15.125 12,15.125 C9.78125,15.125 10.6054688,14.5 7,14.5 C4.23828125,14.5 2,16.7382812 2,19.5 L2,20.75 C2,21.4414062 2.55859375,22 3.25,22 L20.75,22 C21.4414062,22 22,21.4414062 22,20.75 L22,19.5 C22,16.7382812 19.7617188,14.5 17,14.5 M12,2 C8.89453125,2 6.375,4.51953125 6.375,7.625 C6.375,10.7304688 8.89453125,13.25 12,13.25 C15.1054688,13.25 17.625,10.7304688 17.625,7.625 C17.625,4.51953125 15.1054688,2 12,2 M17,15.75 C19.0664062,15.75 20.75,17.4335938 20.75,19.5 L20.75,20.75 L3.25,20.75 L3.25,19.5 C3.25,17.4335938 4.93359375,15.75 7,15.75 C10.3203125,15.75 9.62890625,16.375 12,16.375 C14.3789062,16.375 13.6757812,15.75 17,15.75 M12,3.25 C14.4140625,3.25 16.375,5.2109375 16.375,7.625 C16.375,10.0390625 14.4140625,12 12,12 C9.5859375,12 7.625,10.0390625 7.625,7.625 C7.625,5.2109375 9.5859375,3.25 12,3.25" id="path-1"></path></defs><g id="profilec2c2c2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <mask id="mask-2" fill="%23fff"><use xlink:href="%23path-1"></use>  </mask><use id="Fill-1" fill="%23C2C2C2" xlink:href="%23path-1"></use></g></svg>');
                display: inline-block;
                vertical-align: middle;
                margin: -3px 3px 0 10px;
                width: 14px;
                height: 14px;
                background-size: 14px 14px;
                background-repeat: no-repeat;
                
}


ul.question .secsago{
    float:right;
    color: #9e9e9e;
    font-size: 11px!important;
    line-height: 20px!important;
    letter-spacing: 0.2px!important;
}
ul.question li{
    margin: 0;
    padding:16px;
    border-bottom: 1px solid #e0e0e0;
}

ul.question li:last-child {
    border: 0px;
}
ul.question .ftitle{
    font-weight: 500!important;
}
ul.question .category{
    font-size: 11px;
    color:#1976d2;
    background: inherit;
}
ul.question .ftitle{
    line-height: 1.33;
    margin-top:8px;
    display: block;
}
ul.question .conte{
    font-size: 12px;
    color:#757575;
    display: -webkit-box!important;
    -webkit-box-orient: vertical!important;
    -webkit-line-clamp: 4!important;
    overflow: hidden;
    display: block;
    margin-top:4px;
    line-height: 1.33;
    word-break: break-all;
    }
ul.question img{
    width:100%;
    max-width: 560px;
    margin-top:8px;
    height: auto;
}
ul.question .commbox{
    margin-top:8px;
}
ul.question .commbox span{
    font-size:11px;
}

.qviewmore {
    margin: 0 auto;
    padding: 16px;
    display: block;
    background-color: #fafafa;
    color: #1976d2;
    font-size: 14px;
    line-height: 18px;
    line-height: 1.29;
    letter-spacing: -0.25px;
    text-align: center;
    height: auto;
    border-top: 1px solid #eeeeee;
    margin-bottom: 8px;
}