



/* DonwLoad DATA

------------------------------------- */



.kitei-title{

margin: 40px 0 0 0;

padding: 0;

width: 100%;

}

.kitei-title li{

display: inline-block;

width:30%;

margin-bottom: 15px;

font-size: 2rem;

vertical-align: top;

}

.kitei-title li a{

/*border: 1px solid #4F71C2;

border-radius:8px;*/

padding: 2px 0px;

text-decoration: none !important;

text-align: center;

font-size: 1.6rem;

}

.kitei-list li{

margin-bottom: 20px;

border-bottom: 1px dotted #999;

padding-bottom: 10px;

}

.kitei-list li a{

text-decoration: none !important;

color: #0089B9 !important;

}

.kitei-list li a:hover{

text-decoration: underline !important;

color:#000962 !important;

}

.page_up {

    text-align: right;

}

.page_up a {

    background-color: #999;

    padding: 2px 5px;

    border-radius: 3px;

    color: #FFFFFF;

    margin: 30px 0 0 0;

    font-size: 1.2rem;

text-decoration: none !important;

}

.page_up a:hover{

	opacity: 0.7;

}



.dropdown-submenu {

  position: relative;

}



.dropdown-submenu>.dropdown-menu {

  top: 0;

  left: 100%;

  margin-top: -6px;

  margin-left: -1px;

  -webkit-border-radius: 0 6px 6px 6px;

  -moz-border-radius: 0 6px 6px;

  border-radius: 0 6px 6px 6px;

}







.dropdown-submenu>a:after {

  display: block;

  content: " ";

  float: right;

  width: 0;

  height: 0;

  border-color: transparent;

  border-style: solid;

  border-width: 5px 0 5px 5px;

  border-left-color: #ccc;

  margin-top: 5px;

  margin-right: -10px;

}



.dropdown-submenu:hover>a:after {

  border-left-color: #fff;

}



.dropdown-submenu.pull-left {

  float: none;

}



.dropdown-submenu.pull-left>.dropdown-menu {

  left: -100%;

  margin-left: 10px;

  -webkit-border-radius: 6px 0 6px 6px;

  -moz-border-radius: 6px 0 6px 6px;

  border-radius: 6px 0 6px 6px;

}

.dropdown-menu {

    position: absolute;

    top: 100%;

    left: 0;

    z-index: 100;

    display: none;

    float: left;

    min-width: 160px;

    padding: 8px 1em;

    margin: 2px 0 0;

    font-size: 14px;

    text-align: left;

    list-style: none;

    background-color: #2c6ac3;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

    border: none;

    border-radius: 0px;

    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);

    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);

	margin-top: -1px;

}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {

    opacity: 0.5;

	background-color: transparent;

}

.dropdown-menu>li>a {

    padding: 8px 1em !important;

    width:100%;

    display: block;

}

.dropdown:hover > .dropdown-menu{

  display: block;

}

@media only screen and (max-width: 480px) {

.dropdown-backdrop{

z-index:1!important;

}

}



/*

.dropdown-submenu:hover>.dropdown-menu {

  display: block;

}*/



/* nfd information

------------------------------------- */

.parts35 h2,

.parts31 h2,

.parts32 h2,

.parts45 h2,

.parts46 h2,

.parts47 h2,

.parts48 h2{

    font-family: 'Noto Serif', YuMincho, Meiryo, sans-serif;

    font-weight: bold;

    position: relative;

    padding: 12px 0 10px;

    border-top: 8px solid #0547a5;

    border-bottom: 1px dotted #0547a5;

    color: #0547a5;

    font-size: 2rem;

    line-height: 1;

}

.parts31 .kiji_contents img,

.parts38 .kiji_contents img{

	width: 100%;

    height: 150px !important;

    overflow: hidden;

    object-fit: cover;

}

.parts31 .kiji_image,

.parts38 .kiji_image{

	background-color: #f2f2f2;

	margin:0px 15px 0px 0px;

	padding:0px 0px 0px 0px;

	height:150px;

	width:220px;

	float:left;

}

.parts31,

.parts38,

.parts45,

.parts46,

.parts47,

.parts48{

	margin:50px 0px 10px 0px;

}

.parts31 .kiji_contents,

.parts38 .kiji_contents{

	margin:0px 0px 0px 0px;

	padding:10px;

	clear:both;

	border-bottom:1px dotted #aaaaaa;

}



.parts31 .kiji_body,

.parts38 .kiji_body{

	margin:0px 0px 0px 0px;

	padding:0px 0px 0px 0px;

	float:left;

	width: 420px;

}

.parts31 h3,

.parts38 h3{

	margin:0px 0px 0px 0px;

	padding:0px 0px 5px 0px;

	font-weight:normal;

	letter-spacing:0.03em;

	text-indent:0px;

}



.parts31 h3 a:hover,

.parts38 h3 a:hover{

	color: #8F0CFC;

	text-decoration: underline;

}

.parts31 p,

.parts38 p{

	display: none;

}



.parts31 .kiji_date,

.parts38 .kiji_date{

	margin:35px 0px 0px 0px;

	padding:5px 0px 5px 0px;

	color:#777777;

	font-size:108%;

	font-weight:normal;

	letter-spacing:0.03em;

	text-indent:0px;

}

.parts31 .kiji_more,

.parts38 .kiji_more{

	color:#777777;

	font-size:108%;

	margin:0px 0px 0px 0px;

	padding:0px 0px 0px 0px;

}

.parts31 .links {

	display: none;

}

.parts38 .links {

	text-align: right;

	margin: 20px;

}

.pdt0{

	padding-top: 0;

}

.pd-movie{

	padding:20px 0 80px 0 !important;

}

.wrap-topbn {

    width: 100%;

}

.wrap-topbn{

	margin:50px 0;

}

.pc-block{

	display:block;

}

.sp-block{

	display:none;

}

ul.dropdown-menu li{

	display:block;

	border:none;

	width: 100% !important;

    text-align: left;

    z-index: 200;

}

ul.dropdown-menu li a:hover{

	opacity:1;

}

/* バナー追加用

----------------------------------------------*/

a.none-u-line{

text-decoration-line:none;

}

span.bn_blue{

background: #0647a5;

color: white;

text-align: center;

font-size: 24px;

padding: 0.25em;

}

span.bn_white{

font-size: 20px;

border: 3px solid #0647a5;

box-sizing: border-box;

padding: 0.5em 0;

text-align: center;

letter-spacing: 0.25em;

background:#fff;

}

.bn-area{

margin:30px 0;

}



@media screen and (max-width: 480px) {

.wrap-topbn{

	margin:20px 0;

	border:2px solid #0647a5;

	padding:15px;

}



.pc-block{

	display:none;

}

.sp-block{

	display:block;

}

.dropdown-menu {

    margin-top:0;

}

#panel .nav li a {

    display: block;

}

.bt-list a {

    width: 96% !important;

    display: block;

    border-radius: 4px;

    margin: 2% !important;

    text-align: center;

    text-decoration: none !important;

}



/* バナー追加用

----------------------------------------------*/

span.bn_blue{

font-size: 1em;

}

span.bn_white{

font-size: 0.7em;

}

}





/* nfd new

------------------------------------- */



.parts32,

.parts41{

	margin:50px 0 0 0; 

}

.parts32 span,

.parts41 span{

	padding: 0 20px 0 0;

}

.parts32 .links{

	display: none;

}

.parts41 .links{

	text-align:right;

	margin-top: 10px;

}



/* nfd toukei

------------------------------------- */

.parts33 .kiji_date{

	display:none;

}



.bx-wrapper img {

    width: 100% !important;

}

.btn-list{

	font-size: 1em;

	width: 100%;

}

.bt-list a{

    color: #FFFFFF;

    background-color: #001086;

    padding: 10px 20px;

    width: 30%;

    display: block;

    border-radius: 4px;

    margin: 10px 35%;

    text-align: center;

    text-decoration: none !important;

}

.btn-list a:hover{

	background-color:#20359A;

}







@media screen and (max-width: 768px) {

.bx-wrapper img {

    height: 350px;

}

.parts10 .title h2{

	font-size: 2.5rem;

}

.parts4{

	font-size:1.3rem;

}

.dropdown-menu {

    position: static;

    top: 0;

    left: 0;

    /* z-index: 1000; */

    display: none;

    float: initial;

    min-width: 160px;

    padding: 8px 1em;

    margin: 2px 0 0;

    font-size: 14px;

    text-align: left;

    list-style: none;

    background-color: #FFF;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

    border: none;

    border-radius: 0px;

    -webkit-box-shadow:none;

    box-shadow: none;

    margin-top: 0;

}

.dropdown-menu li{

	border-top: 1px solid #b6d0ba;

	background-color: #f2f2f2;

}

}



@media screen and (max-width: 480px) {

.kitei-title li{

	width:100%;

}

.page_up {

    margin: -40px 0 50px 0;

}

.bx-wrapper img {

    height:auto;

}

}



.star {

    position: relative;

}

.star::before {

    content: "★";

    position: absolute;

    left: -24px;

}



/* 2024.4.1 add */

.adobe {

    margin-top: 16px;

}

.adobe p {

    margin-bottom: 0 !important;

}



@media screen and (min-width: 769px) {

.adobe_img {

    float: left;

    width: 200px;

    margin-right: 30px;

}

}

@media screen and (max-width: 768px) {

.adobe p {

    margin-top: 16px !important;

}

}