@charset "utf-8";
/* CSS Document */

a:not([href]):not([tabindex]) {
  color: #fff;
  text-decoration: none;
}
.container{
    max-width: 100%;
    padding: 0;
}
nav{
    display: flex;
}

#database_search{
	background: linear-gradient(to top, rgba(0, 69, 101, 0.55) 0%, rgba(0, 69, 101, 0.55) 100%), url("/wp-content/themes/ap-plat-database2024/assets/img/datatools_h_img.jpg") no-repeat center center;
	background-size:cover;
}
#scientific_data_tools h3{
    font-size: 2.2rem;
    font-weight: bold;
}
.dt_l .keni-section{
	width: 100%;
}

/* 2カラム */
.translate_note{
	padding: 10px;
	font-size: 1.6rem;
}
.select_title{
	background-color: #4372c4;
	color: #fff;
	text-align: center;
	padding: 10px;
	font-size: 2.6rem;
	margin-bottom: 20px;
}
.translate_select select{
	width: 100%;
	margin: 20px 0;
}
.end_btn{
	text-align: center;
	margin: 20px 0;
}
.end_btn a{
	background-color: #000;
	color: #fff;
	text-align: center;
	border-radius: 30px;
	padding: 10px 20px;
	display: block;
}
.end_btn a:hover{
	background-color: #ccc;
}

.header_img h1 span{
    font-size: 3rem;
    display: inline-block;
    line-height: 1;
}

.bk_gray{
	border: 10px solid #ccc;
	padding: 30px;
	margin-top: 30px;
	line-height: 1.2;
	position: relative;
}
.bk_gray h3{
	display: inline;
	color: #666;font-weight: bold;
	background-color: #fff;
	padding: 0 10px;
	font-size: 3rem;
	position: absolute;
	top: -25px;
	left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
}

.filter_menu{
    display: flex;
	flex-direction: column;
    background-color: #666;
	list-style: none;
	padding: 5px;
	margin-left: 0;
	margin-bottom: 50px;
	font-size: 1.6rem;
}
.col_filter:last-child{
	border-right: none;
}
.col_filter a{
    display: block;
	color: #fff;
	padding: 5px 10px;
}
/* bootstrap蝗樣∩ */
.col_filter a:not([href]):not([tabindex]){
	color: #fff;
}
.filter_menu > li {
    position: relative;
	margin-bottom: 0;
  }
.filter_menu > li > ul {
    position: absolute;
    background-color: #fff;
    width: 100%;
	list-style: none;
	margin: 0;
	padding: 10px;
	box-shadow: 3px 3px 10px #999;
	z-index: 1;
  }
ul >li {
	margin-bottom: 0;
  }
.typeOption{
	margin-right: 10px;
}
input[type="checkbox"]{
	margin-right: 10px;
}
.tool_img img{
	border-radius: 15px;
}

/* 荳狗泙蜊ｰ */
.list_down a::after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-right: 2px solid #999;
    border-bottom: 2px solid #999;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 30%;
    right: 30px;
}
.border_cont_dt{
	border: 10px solid #E2F5E8;
	padding: 20px;
    margin-bottom: 20px;  
    border-radius: 15px;
}
/* サイドメニュー */
.tool_title{
	margin-bottom: 10px;
}
.tool_title h2{
    color: #000;
    line-height: 1;
	font-size: 3.2rem;
	font-weight: normal;
	margin-bottom: 10px;
}
.tools_note{
	margin-bottom: 20px;
	border-bottom: 2px dotted #ddd;	
}
.tools_note .accordion_btn{
  color: #4273C4;		
}
.tools_note .accordion_cont{
	margin-bottom: 20px;
	
}
#scientific_data_tools .border_cont_dt h3{
    margin-bottom: 10px;
	font-size: 1.8rem;
}
.dt_r img{
	margin-right: 10px;
	margin-top: -2px;
}
.side_title{
  text-transform: uppercase;
	font-weight: 500;
	margin-top:20px;
}
.side_translate select{
	font-size: 1.4rem;
	padding: 10px 5px;
}
.side_translate{
    margin-top: 30px;   
}
.side_translate .side_title{
  color: #393939;	/*#4273C4*/
}
.al_col2_wrap{
    margin: 30px 0;
}
.al_wrap_col{
 	border: 1px solid #E2E2E2;
    border-radius: 15px;
	margin-bottom: 20px;
    background-color: #fff;
}
.climokit_wrap_col2{
	display: flex;
    height: 100%;
}
.climokit_col_img img{
	height: 100%;
    object-fit: cover;
    border-radius: 15px 0 0 15px;
}
.al_climokit_con{
    padding: 20px;
}
.go_to_btn a{
    color: #46B564;
    border: 2px solid #46B564;
    border-radius: 50px;
    padding: 5px 20px 4px;
    display: inline-block;
	font-size: 1.4rem;
  text-transform: uppercase;
}
.go_to_btn a:hover{
    color: #fff;
   background-color: #46B564;
	text-decoration: none;
}



/* アコーディオンメニュー */
.toggle {
display: none;
}
.accordion_btn0,
.accordion_cont0 {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
	font-size: 1.4rem;
	line-height: 1.2;
}
.accordion_btn0{
	display: flex;
	align-items: center;
	font-weight: 500;
	position: relative;
	border: 1px solid #ddd;
	padding-bottom: 5px;
	background-color: #f5f5f5;
	border-radius: 15px;
    padding: 30px 60px 30px 30px;
  text-transform: uppercase;
}
.accordion_btn0::after {
position: absolute;
	content:"";
	width: 16px;
	height: 16px;
	border-top: 2px solid #46B564;
	border-right: 2px solid #46B564;
	-webkit-transform: rotate(45deg);
	top:calc( 50% - 10px );
	right: 30px;
	left: inherit;
	transform: rotate(135deg);
	background-color: inherit;
}
.accordion_cont0 {
max-height: 0;
overflow: hidden;
	padding-left: 20px;
	margin-bottom: 40px;
}
.accordion_cont0 ul {
	margin-left: 10px;
}
.accordion_cont0 li {
	list-style: none;
}
.toggle:checked + .accordion_btn0 + .accordion_cont0 {
max-height: 1000px;
	padding: 0 20px 20px;
	background-color: #f5f5f5;
	border-radius: 0 0 15px 15px;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
.toggle:checked + .accordion_btn0 {
	border-bottom: none;
	border-radius: 15px 15px 0 0;
}
.toggle:checked + .accordion_btn0::after{
transform: rotate(-45deg) !important;
	top:calc( 50% - 0px );
}
.accordion_cont0 li img{
    width: 35px;
}
.accordion_btn0 h2 {
    font-size: 1.6rem;
	margin-bottom: 0;
	font-weight: 500;
}
.instructions label{
    margin-bottom: 0;
}


.accordion_btn,
.accordion_cont {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}
.accordion_btn{
	display: flex;
	align-items: center;
	font-size: 1.4rem;
	position: relative;
	padding-left: 16px;
  text-transform: uppercase;
}
.accordion_btn::after,
.accordion_btn::before {
content: "";
position: absolute;
left: 0;
width: 2px;
height: 0.75em;
background-color: #4273C4;
transition: all 0.3s;
}
.accordion_btn::after {
transform: rotate(90deg);
}
.accordion_cont {
max-height: 0;
overflow: hidden;
}
.accordion_cont p {
	padding: 10px 20px;
	margin-bottom: 0;
}
.toggle:checked + .accordion_btn + .accordion_cont {
max-height: 1000px;
transition: all 1.5s;
}
.toggle:checked + .accordion_btn::before {
transform: rotate(90deg) !important;
}

.side_filter{
	font-size: 1.4rem;
	font-weight: normal;
}
.side_title{
	font-size: 1.8rem;
	margin-bottom: 20px;
}
.filter_search{
	font-weight: 500;
    text-transform: uppercase;
	font-size:1.4rem;
}
.s_input{
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	
}
.s_input input{
	width: 70%;
	margin-right: 10px;
}
.s_botton{
	display: flex;
}
.side_filter input[type="checkbox"] {
  accent-color: green;
}
.tools_filter{
	font-size: 1.4rem;
	font-weight: normal;
}

/* アコーディオンメニュー */
.accordion_btn2,
.accordion_cont2 {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}
.accordion_btn2{
	display: flex;
	align-items: center;
	font-size: 1.4rem;
	font-weight: 500;
	position: relative;
	border-bottom: 1px solid #ddd;
	padding-bottom: 5px;
  text-transform: uppercase;
}
.accordion_btn2::after {
position: absolute;
transition: all 0.3s;
	content:"";
	width: 6px;
	height: 6px;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	-webkit-transform: rotate(45deg);
	top:calc( 50% - 3px );
	right: 20px;
	left: inherit;
	transform: rotate(135deg);
	background-color: inherit;
}
.accordion_cont2 {
max-height: 0;
overflow: hidden;
    margin-top: 5px;
}
.accordion_cont2 ul {
	margin-left: 10px;
}
.accordion_cont2 li {
	list-style: none;
}
.toggle:checked + .accordion_btn2 + .accordion_cont2 {
max-height: 1000px;
transition: all 1.5s;
}
.toggle:checked + .accordion_btn2::after{
transform: rotate(-45deg) !important;
}
/*サイドメニュー*/
#drawer {
	display: none;
}

@media (min-width : 768px) {
#scientific_data_tools  .section_box {
    padding: 40px 0;
  }
.filter_menu{
	flex-direction: row;
}
.col_filter{
    width: 20%;
	border-right: 2px solid #999;
}
.border_cont_dt{
    flex-direction: row;
    justify-content: space-between; 
}
.tool_title{
    display: flex;
	align-items: center;
	justify-content: space-between;
}
.tool_title h2{
	margin-bottom: 0;
	width: calc(100% - 160px);
}
.tool_chart{
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}
.tool_img{
	width: 40%;
}
.tool_img img{
	height: auto!important;
}
.tool_table{
	width: 58%;
}
.tool_table table{
	margin: 0;
}	
.tool_table tbody th{
	width: 30%;
    padding: 20px 0;
}	
.tool_table tbody td{
	vertical-align: middle;
}	
.translate-list{
	display: flex;
	flex-wrap: wrap;

}
.translate-list li{
	width: 20%;
	color: #000;
	
}	
	
}
@media (min-width : 920px) {
.header_img h1 span {
    font-size: 3.2rem;
  }
.megamenu-inner h3 span{
    font-size: 2rem;
    display: inline-block;
    line-height: 1;
}
.filter_menu{
	font-size: 2rem;
}
.al_col2_wrap{
	display: flex;
	justify-content: space-between;
    margin:0;
}
.al_wrap_col{
	display: flex;
	width: 49%;
	margin-bottom: 0;
}
.climokit_col_img{
	max-width: 30%;
}
.al_climokit_con{
	width: 70%;
}
	.translate{
		font-size: 1.4rem;
	}   
}
@media (min-width : 1200px) {
/* 2カラム */
.col2-wrap-dt{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.gnav{
    font-size: 1.6rem;        
}
.translate{
		font-size: 1.6rem;
	} 
.dt_l{
	width: 78%;
}
.dt_r{
	width: 20%;
}
}

@media (max-width: 1200px) {
/*サイドメニュー*/
label{
	cursor: pointer;
 	position: fixed; 
}
.open {
	z-index: 2;
	top: 100px;
	right: 5px;
	width: 48px;
	height: 48px;
	border-radius: 48px;
	background: #46B564;
	transition: background .6s, transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.open::after {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 38%;
    left: 40%;
}
.close {
	z-index: 1;
	inset: 0;
	pointer-events: none;
	transition: background .6s;
}
#drawer:checked + .open {
	background: #dc6688;
	transform: translateX(-280px);
}
#drawer:checked + .open::after {
	transform: rotate(-225deg) scaleX(1.2);
    top: 38%;
    left: 30%;
}
#drawer:checked ~ .close {
	pointer-events: auto;
	background: rgba(0,0,0,.3);
}
.dt_r {
	z-index: 1;
	position: fixed;
	overflow: auto;
	top: 0;
	right: 0;
	width: 280px;
	height: 100%;
	margin:  62px 0 0;
	padding: 20px;
	box-sizing: border-box;
	background: #fff;
	transform: translateX(100%);
	transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#drawer:checked ~ .dt_r {
	transform: none;
}
}
@media (min-width : 920px) {
.dt_r {
	margin:  90px 0 0;
	}
}
@media (min-width : 1200px) {
.dt_r {
	margin:  30px 0 0;
	}
}
/*Sector/Theme固定回避*/
.accordion_cont2 label{
    position: inherit;
}


.tools_filter input{
      display: none;
    }
    .bl_3daysSearchBlock{
      margin-bottom: 60px;
    }
    .bl_3daysSearchBlock_inner{
      width: 82.9%;
      max-width: 1160px;
      margin-left: auto;
      margin-right: auto;
    }
    .bl_3daysSearchBlock_ttl{
      text-align: center;
      margin: 55px 0;
    }
    .bl_3daysSearchBlock_ttl_main{
      font-size: 27px;
      color: #0073aa;
      margin-bottom: 15px;
      font-weight: bold;
      letter-spacing: 0.15em;
    }
    .bl_3daysSearchBlock_ttl_sub{
      font-size: 16px;
      color: #0073aa;
      letter-spacing: 0.2em;
    }
    .el_searchResult{
      text-align: center;
      color: #0073aa;
    }
    .js_target{
      display: none;
    }
    .js_target.js_selected{
      display: block;
    }
	.js_target.js_selected.js_page_hidden{
		display: none;
	}
    .bl_selectBlock label{
      display: inline;
    }
    .bl_selectBlock input{
    }
    .bl_selectBlock_check label .el_checkbox{
      position: relative;
      top: 3px;
      width: 14px;
      height: 14px;
      display: inline-block;
      margin-right: 5px;
      border: 1px solid #0073aa;
    }
    .bl_selectBlock_check label .el_checkbox:after{
      content: "";
      position: absolute;
      top: 4px;
      left: 4px;
      bottom: 4px;
      right: 4px;
    }
    .bl_selectBlock_check input[type=checkbox]:checked + label .el_checkbox:after{
      background-color: #0073aa;
    }
    .el_searchResult{
      margin-bottom: 20px;
    }
    .bl_selectBlock{
      border: 1px solid #0073aa;
      padding: 30px;
      box-sizing: border-box;
      margin-bottom: 30px;
      font-size: 14px;
      letter-spacing: 0.1em;
    }
    .bl_selectBlock_wrapper_wrapper{
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      margin-bottom: 10px;
    }
    .bl_selectBlock_check label{
      cursor: pointer;
    }
    .bl_selectBlock_ttl{
      width: 185px;
      color: #0073aa;
      letter-spacing: 0.1em;
      margin-bottom: 20px;
    }
    @media screen and (max-width: 765px){
      .bl_selectBlock_ttl{
        width: 100%;
        margin-bottom: 20px;
      }
    }

    @media screen and (max-width: 765px){
      .bl_selectBlock_content{
        width: 100%;
      }
    }
    .bl_searchResultBlock{
      font-size: 14px;
      border-top: 1px solid #bdbdbd;
    }

    .bl_selectBlock_check{
      display: block;
    }
    .bl_selectBlock_check:last-child{
      margin-right: 0;
    }
    .bl_selectBlock_release{
      text-align: center;
      color: #fff;
      background-color: #bdbdbd;
      padding: 5px 0;
      border-radius: 10px;
      margin-top: 10px;
    }
    .js_release{
      cursor: pointer;
    }
/***** for hidden *****/
.ds-none {
  display: none;
}