@media (max-width:575px) { 
    .events-news:nth-child(n+4) {
        display: none;
    }
    
/*    
	#newDataZone #newboard-zone button div {
		font-size: 1.1rem;
		border-top-left-radius: unset;
		border-top-right-radius: unset;
		background-color: unset;
		border : 1px solid var(--bs-gray-200);
		margin: unset;
		padding: 5px;
	}
	
	#newDataZone #newboard-zone button.active div {
		padding-top: unset;
		padding: 5px;
	}
	#newDataZone .tab-content {
		margin: unset;
	}*/
    .NppDataInfo .InfoTitle {
        --FontSize: 2rem;
        font-size: var(--FontSize);
        line-height: calc( var(--FontSize) * 2 );
    }
    .NppDataInfo .nppTitle {
        /*width: 100%;
        position: relative;*/
    }    
    .NppDataInfo .nppSatus {
        /*width: 100%;*/
    }
    .NppDataInfo .nppTitle .btn {
        padding-left: 4px;
        padding-right: 4px;
        /*position: absolute;*/
        top: 0.25rem;
        right: 1rem;
    }    
    #radar-pc.radar-bg {
        width: 40% !important;
    }    
}
@media (min-width: 768px) {
    .col-md-split5 {
        flex: 0 0 auto;
        width: 20%;
    }
}
@media (max-width:767px) { 
    #peopleZone .peopleItem {
        font-size: 1.2rem;
    }
    
    .InfoItemIcon {
        align-self: center;
    }
    .InfoItemIcon img {
        height: 40px;
        align-self: center;
    }
    .InfoItemTItle {
        text-align: left;
        align-self: center;
        font-size: 1.35rem ;
        line-height: 1.5rem;
    }
    .newsZone-board {
        color: unset;
        background-color: unset;
    }
    .newsZone-board-title {
        --FontSize: 1.5rem;
        font-size: var(--FontSize);
        line-height: calc( var(--FontSize) * 1.25 );
        padding: 0.5rem 0.5rem !important;
        color: var(--GlobalStyle-Color);
        background-color: var(--GlobalStyle-bgColor);
        
    }
    .newsZone-board a {
      color: unset;
      background-color: unset;
    }    
    .newsZone-board .events-list-title{
        overflow: unset !important;
        white-space: normal !important;
        border-bottom: 1px solid #D3D3D3;
        padding-bottom: 8px;
        margin-bottom:  8px !important;
    }
    .newsZone-board .events-list-date {
        font-size: 1.25rem;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    #newsZone #nav-hotzone ul li {
        --FontSize: 1.25rem;
        font-size: var(--FontSize);
        line-height: calc( var(--FontSize) * 2);
    }    
    
    
    /*	#peopleZone {
		background-image: url("../img/people_bg_mobile.png");
	}
	
	.peopleItem a {
		display: block;
		text-align: center;
		margin: 0rem 0px 1rem;
		border: 2px solid #ABABAB;
		padding: 1rem;
		border-radius: 10px;	
	}
	#InfoZone .container-fluid {
		padding: 0px;
	}
	
	.LinkZoneTitle div {
		width: 7.5rem;
		margin: 1rem auto;
		border-bottom: 0px;
		border-top: 2px solid #000;
		text-align: center
	}
	.InfoOpenData {
		background-color: #E1E1E1;
	}
	.InfoItem a > div {
		border: 0px;
		padding: 0px 12px !important;
	} 

	.InfoZoneTitle div {
		width: 7.5rem;
		margin: 1rem auto;
		border-bottom: 0px;
		border-top: 2px solid #000;
		text-align: center
	}

	.InfoItemIcon {
		padding: 5px;
		margin: 0;
		background-color: var(--GlobalStyle-bgColor);
		color: var(--GlobalStyle-Color);
		border-radius: 35px;
		width: 45px;
		height: 45px;
		margin: 5px 0px;
	}

	.InfoItemIcon img{
		width: 35px;
		height: 35px;
	}
	.InfoItemTItle {
		font-size: 0.9rem;
		padding: 0 0.5rem;
	}
	
	.InfoVideoTitle div {
		width: 7.5rem;
		margin: 1rem auto;
		border-bottom: 0px;
		border-top: 2px solid #000;
		text-align: center
	}
	
	.InfoLinkTitle div {
		width: 7.5rem;
		margin: 1rem auto;
		border-bottom: 0px;
		border-top: 2px solid #000;
		text-align: center
	}

	#radar-pc  {
		width: 100% !important;
		padding: 0 !important;
	}
	#radar-pc .radar-location {
		left: 55px!important;
	}
	#tworis-pc  {
		width: 100% !important;
		padding: 0 !important;
	}
	#nav-hotzone .row .col-md-6:nth-child(2n+1) {
		border-right: 0px solid #ccc !important;
	}
*/	
}
@media (max-width:991px) { 
    #BusinessZone .BusinessItem {
        --WdithZone: calc( (100vw )/ 2 ) !important;
        --HeightZone: calc( var(--WdithZone) * 0.75 ) !important;
        height: var(--HeightZone) !important;
    }
    #BusinessZone .BusinessRightItem img {
        padding: 10px;
    }    
/*	#DataInfoZone {
		background-image: url("../img/people_bg_mobile.png");
	}
	.nppSatus1 .nppData {
		display: flex;
		position: unset;
		bottom: unset;	
	}
	#radar-pc  {
		flex: 0 0 auto;
		width: 50%;
		padding: 0;
		padding-right: 3px;
	}
	#radar-pc .radar-bg {
		width: 100%;
		height: 50px;
		margin-top: 8px;
		position: relative;
		top: unset;
		right: unset;
		border-radius: 0px;
	}
	#radar-pc .radar-location {
		font-size: 1.5rem;
		top: 16%;
		left: 60px;
	}
	#radar-pc .radar-unit {
		font-size: 1rem;
		right: 25px;
	}
	#radar-pc .radar-value {
		font-size: 1.6rem;
		top: 8px;
		left: auto;
		right: 70px;
	}
	#radar-pc .radar-title {
		font-size: 1rem;
		left: auto;
		bottom: 8px;
		right: 150px;
	}
	#tworis-pc {
		flex: 0 0 auto;
		width: 50%;
		padding: 0;
		padding-left: 3px;
	}
	#tworis-pc .tworis-bg {
		width: 100%;
		height: 50px;
		margin-top: 8px;
		position: relative;
		top: unset;
		right: unset;
		border-radius: 0px;
	}
	.LinkItem:hover, .LinkItem:focus {
		height: unset !important;
	}	
*/	
}
@media (min-width:992px) { 
	.col-InfoZone-fixwidth {
		flex: 0 0 auto;
		width: 450px;
	}
/*    
	.LinkItem {
		text-align: center;
		padding: 0;
		margin: 0 auto;
		height: 80px;
		transition: .5s;
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position: center;　
		line-height: 40px;
		border: 1px solid #dedede;
		display: flex;
		align-items:center;
		font-size: 1.2rem;
		line-height: 1.4rem;
		letter-spacing: 1px;
	}
	.LinkItem::before {
		content: '';
		width: 0px;
	}
	.LinkItem:hover, .LinkItem:focus  {
		height: 120px;
		/ *height: calc( (100% - var(--IndexSpaceWidth))/7 * 0.65 );* /
		align-items: end;
		text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
		color: #fff;
		padding-bottom: 5px;
	}

	.LinkItemIner:hover, .LinkItemIner:focus  {
		background-image: url("../img/LinkZone/iner.jpg");
	}
	.LinkItemFcma:hover, .LinkItemFcma:focus {
		background-image: url("../img/LinkZone/fcma.jpg");
	}
	.LinkItemTrmc:hover, .LinkItemTrmc:focus {
		background-image: url("../img/LinkZone/trmc.jpg");
	}
	.LinkItemNuclearlive:hover, .LinkItemNuclearlive:focus {
		background-image: url("../img/LinkZone/nuclearlive.jpg");
	}
	.LinkItemRadmap:hover, .LinkItemRadmap:focus {
		background-image: url("../img/LinkZone/radmap.jpg");
	}
	.LinkItemGammadetect:hover, .LinkItemGammadetect:focus {
		background-image: url("../img/LinkZone/gammadetect.jpg");
	}
	.LinkItemEocdss:hover, .LinkItemEocdss:focus {
		background-image: url("../img/LinkZone/eocdss.jpg");
	}
*/}
@media (max-width:1199px) { 
	.icon-gotop a {
		width: 40px;
		height: 40px;
		border-radius: 40px;
	}
	.icon-gotop a img {
		width: 40px;
	}
	.icon-gotop .form-control.search-bar {
		height: 40px;
	}
	.icon-gotop .icon-search:focus+.search-bar,
	.icon-gotop .icon-search:hover+.search-bar {
		width: 150px;
	}
	.icon-gotop .form-control.search-bar.show {
		width: 150px;
	}

	.icon-gotop .form-control.search-bar:hover, .icon-gotop .form-control.search-bar:active, .icon-gotop .form-control.search-bar:focus {
		width: 150px;
	}
    
	.accesskey {
		display: none;
	}
    
	#BannerZone .container-fluid {
		max-width: 100% ;
	}
    .slick-banner .slick-list {
        margin: 0;
        margin-top: var(--image-clip-border);
        --WidthData: calc(100vw - var(--bs-gutter-x) );
        --HeightData: calc( var(--WidthData) * 0.1954 );
        width: var(--WidthData);
        /*height: var(--HeightData)*/;
    }
    #BannerZone .BannerGroup {
        --WidthData: calc(100vw - var(--bs-gutter-x) );
        --HeightData: calc( var(--WidthData) * 0.1954 );
        width: var(--WidthData);
        height: var(--HeightData);
    }
    
    #BannerZone .slick-list {
        --WidthData: calc(100vw - var(--bs-gutter-x) );
        --HeightData: calc( var(--WidthData) * 0.1954 );
        width: var(--WidthData);
        /*height: var(--HeightData);*/
    }

    #BusinessZone .container-fluid {
		max-width: 100% ;
	}
    #BusinessZone .BusinessItem {
        --WdithZone: calc( (100vw )/ 4 );
        --HeightZone: calc( var(--WdithZone) * 0.75 );
        height: var(--HeightZone);
    }
    
	#newsZone {
		max-width: 100% ;
	}
    #radar-pc.radar-bg {
        width: 30%;
    }    
    
	#peopleZone .container-fluid {
		max-width: 100% ;
	}
	#InfoZone .container-fluid {
		max-width: 100% ;
	}
    
/*    
	#DataInfoZone .container-fluid {
		max-width: 100% ;
	}
	#LinkZone .container-fluid {
		max-width: 100% ;
	}
	#InfoZone .container-fluid {
		max-width: 100% ;
	}
	
	#nav-NewsContent .tab-pane {
		min-height: unset;
		padding-bottom: 50px;
	}
	#nav-hotzone .events-news{
		min-height: unset;
	}
	.slick-banner {
		min-height: 300px;
		background-color: unset;
		color: unset;
		background-image: url("../img/lick-banner_mobile.png");
	}
	.slick-banner {
		height: unset;
	}
	.slick-banner .slick-dots {
	  	position: unset;
		padding-bottom: 8px;
	}
	.slick-banner .slick-dots li button::before {
		color: black;
	}	
	.slick-banner .carousel-item {
	}
	.slick-banner .slick-slide a {
		background-color: var(--GlobalStyle-bgColor);
		color: var(--GlobalStyle-Color);
		display: block;
	}
	
	.slick-banner .slick-slide img {
		border: 3px solid #ffffff;
		border-bottom: 0px;
	}
	
	.slick-banner .slick-slide.slick-active:first-child {
		/ *margin-left: 0px;* /
	}
	
	.slick-banner .slick-slide.slick-active:last-of-type {
		/ *margin-right: 0px;* /
	}
	.slick-banner .carousel-item div {
		border: 3px solid #ffffff;
		border-top: 0px;
		min-height: 85px;
		padding-top: 5px;
		padding-bottom: 5px;
		display: flex;
		align-items: center;
		justify-content: center;
	}*/
}
@media (min-width:1200px) { 
	.col-InfoZone-fixwidth {
		flex: 0 0 auto;
		width: 500px;
	}
    #peopleZone .peopleItem {
        font-size: 1rem;
    }
    #peopleZone img {
        height: 70px;
    }
/*	
	#LinkZone .col-split7 {
		flex: 0 0 auto;
		width: calc( 100% / 7 );
	}
*/
}
@media (min-width:1400px) { 
	.col-InfoZone-fixwidth {
		flex: 0 0 auto;
		width: 600px;
	}
    .NppDataInfo .SatusValue {
        font-size: 1.65rem;
    }
    .NppDataInfo .nppNoTitle {
        font-size: 1.3rem;
    }
    .NppDataInfo .nppDataTitle {
        font-size: 1.2rem;
    }
    .NppDataInfo .nppDataValue {
        font-size: 1.2rem;
    }
    .NppDataInfo .nppDataUnit {
        font-size: 1rem;
    }
    .NppDataInfo .nppDateValue {
        font-size: 0.9rem;
    }
    .InfoItemTItle {
        font-size: 1rem;
    }
    .InfoAgencyData div{
        font-size: 1.35rem;
    }
    .InfoAgencyData div{
        font-size: 1.2rem;
    }
    .InfoInstituteData div{
        font-size: 1.2rem;
    }
}

@media (min-width:1550px) { 
/*	.LinkItem:hover, .LinkItem:focus  {
		height: 90px;
	}*/
    #radar-pc .radar-location {
        left: 25%;
        top: 10%;
        width: calc(100% - 25%);
        font-size: 1.3rem;
    }    
    #radar-pc .radar-title {
        left: 46px;
    }
    #radar-pc .radar-value {
        left: 47%;
    }    
    .NppDataInfo .SatusValue {
        font-size: 2rem;
    }
    .NppDataInfo .nppDateValue {
        font-size: 1rem;
    }
    .InfoItemTItle {
        font-size: 1.2rem;
    }
    #peopleZone .peopleItem {
        font-size: 1.2rem;
    }

}
@media (max-width:1549px) { 
	.icon-gotop {
		top: auto;
		bottom: 20px;
		right: 15px;
	}
/*	.LinkItem:hover, .LinkItem:focus  {
		height: 90px;
	}*/
}
@media (min-width:1600px) { 
    .NppDataInfo .nppDateValue {
        font-size: 1.1rem;
    }
}