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

/*ページ全体に設定*/
html{ 
  scroll-behavior: smooth; 
  transition: all 0.2s ease;
} 
/*タイトル*/
.content h1{
  position: relative;
  text-align: center;
  font-weight: bold;
  background-color: #fff !important; 
  font-size: 32px !important; 
  letter-spacing: 0.1em;
  margin: 1em 0 0 0 !important;
}
.content h1::before{
  position: absolute;
  border-bottom: 5px solid #f0ad2b;
  top: 80%;
  left: 50%;
  transform: translateX(-52%);
  width: 80px;
  content: '';
}
.content h2{ 
  position: relative;
  font-size: 24px !important;
  font-weight: bold;
  background-color: #fff !important; 
  margin: 0 0 0.3em 0 !important;
  padding-left: 1.5em !important;
}
.content h2::before{
  position: absolute;
  border-left: 5px solid #000;
  top: 18%;
  left: 0;
  width: 10px;
  height: 30px;
  content: '';
}
@media( max-width: 375px ){
.content h2{ 
  font-size: 20px !important;
}
}

/*ロゴマーク*/
.logo-box{
  position: relative;
  margin-bottom: 3em;
}
.logo {
  position: absolute;
  width: 150px;
  top: -80px;
  left: 80%;
}
.logo-word{
  margin: 0 auto !important;
  padding: 0 !important;
  font-size: 12px !important;
  position: absolute;
  width: 150px;
  top: 25px;
  left: 80%;
  text-align: center;
}
@media( max-width: 660px ){
.logo-box{
  text-align: center;
  margin: 1em 0;
}
.logo,.logo-word {
  position: static;
}
}

/*箱、見出し*/
.box{ 
  margin-bottom: 2.5em;
}

/*自動付与される外部リンク削除の上、手動で付与*/
.benri-tyumoku li a,.cooperation_main a {
  background-image: none !important;
}
.gaibu-icon{
  font-size: 80%;
} 
.gaibu-icon::after {
  content: url(/j/shared_new/shared/images/icon_wo2.png);
}
/*ピックアップ*/
.pickup{
   margin-bottom: 1em;
   font-size: 1.2em;
}
.pickup dt{
  float: left;
}
.pickup dt img{
   width: 50px;
  margin-right: 1em;
}
.pickup dd{
  overflow: hidden;
}
/*タブスタイル（新着情報、利用案内）*/
.kohyo_tabs,.other_tabs{
  max-width: 100%;
}
.tab_kohyo,.tab_other{
  display: block;
  width: calc(100%/2);
  float: left;
  font-size: 1.2em;
  padding: 0.5em 0;
  text-align: center;
  background: #b4b4b4;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
}
.nenji-box,.tsukihi-box,.utilization-box,.other-box,.houdou-box{
   border: solid 2px #44546a;
  position: relative;
  top: -6px;
}
 input[name="tab_kohyo"],input[name="tab_other"]{
  display: none;
}
.tab_content{
  display: none;
  clear: both;
}
#nenji:checked ~ #nenji_content,
#tsukihi:checked ~ #tsukihi_content{
  display: block;
}
#utilization:checked ~ #utilization_content,
#other:checked ~ #other_content{
  display: block;
}
.kohyo_tabs input:hover + .tab_kohyo,.other_tabs input:hover + .tab_other{
  background: #44546a;
  color: #fff;
  opacity: 0.8;
}
.kohyo_tabs input:checked + .tab_kohyo,.other_tabs input:checked + .tab_other{
  background: #44546a;
  color: #fff;
  opacity :1.0;
}

/*年計調査、報道発表スタイル*/
.nenji-box,.houdou-box{ 
  padding-left: 20px;
  overflow: auto;
} 
.nenji-box{ 
  max-height: 200px;
} 
.houdou-box{ 
  max-height: 150px;
} 
.nenji-box dl,.houdou-box dl{
  margin: 1em 0;
  padding: 0.5em 0;
  border-bottom: 1px solid #ccc;
}
.nenji-box dt,.houdou-box dt{
  float: left;
  width: 6em;
}
.nenji-box dd,.houdou-box dd{
  overflow: hidden;
}
@media( max-width: 600px ){
.nenji-box dt,.houdou-box dt{
  float: none;
}
}

/*年計、月次スタイル*/
.kohyo_tabs{
  margin-bottom: 1.5em; 
}
.tsukihi-title{
  margin: 1em 1em 0 1em;
  padding: 0.2em 0.5em;
  max-width: 350px;
  font-size: 0.9em;
  text-align: center;
  color: #fff;
  background: #44546a;
  border: solid 3px #44546a;
}
.tsukihi-title p{
  margin: 0; 
  padding: 0;
}
.tsukihi ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding: 0;
}
.tsukihi li{
  display: flex;
  background-image: none !important;
  width: 300px;
  padding: 0 !important;
  margin: 0.7em 0.5em  !important;
}
.tsukihi li:before{
  content: "●";
  font-size: 1em;
  color: #ccc;
  padding-right: 5px;
}
.scroll{ 
  text-align: center;
  margin-bottom: 0.5em;
  display: flex;
  justify-content: space-between;
}
.scroll a{
  width: 450px;
  text-decoration: none; 
}
.scroll a:first-of-type{
  margin-right:1em;
}
.scroll-content{ 
  max-width: 100%;
  font-size: 1.2em;
  font-weight: bold;
  padding: 0.5em 1em;  
  background: #f8f8f8;
  border: solid 1px #000;
  border-radius: 5px;
  cursor: pointer;
}
.scroll-content:after{
  content: "▼";
  padding-left: 10px;
}
.scroll-content:hover{
  color: #ed1a3d;
  border: solid 1px #ed1a3d;
}
.scroll-content span{ 
  margin: 0 0.2em;
}
@media( max-width: 600px ){
.scroll{ 
  display: block;
}
.scroll-content{ 
  width: 100%;
  margin: 1em auto;
}
.scroll-content:after{
  position: absolute;
  padding-left: 0;
  right: 5%;
}
}

/*便利なデータ集、注目コンテンツスタイル*/
.benri-tyumoku ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding: 0;
}
.benri-tyumoku .main-content{
  width: 100%;
}
.benri-tyumoku li{
  width: 48%;
  height: 80px;
  border: solid 2px #ccc;
  overflow: hidden;
  padding: 5px 0 0 0 !important;
  margin: 5px !important;
  background-image: none !important;
}
.benri-tyumoku li a{
  text-decoration: none;
}
.benri-tyumoku .thumbnail{
  float: left;
  width: 80px;
  height: 100%;
}
.benri-tyumoku .thumbnail img{
  width: 50px;
  height: 50px;
  margin: 0.7em 0 0 1em;  
}
.benri-tyumoku .benri-title,.benri-tyumoku .tyumoku-title{
  display: block;
  font-weight: bold;
  color: #0082e5;
}
.benri-tyumoku li:hover{
  background: #ccc;
  border: solid 2px #fff;
}
@media( max-width: 900px ){
.benri-tyumoku .main-content{
  height: auto;
}
.benri-tyumoku li{
  width: 100%;
}
}
@media( max-width: 450px ){
.benri-tyumoku li{
  height: 100px;
}
}
@media( max-width: 400px ){
.tab_kohyo,.tab_other{
  font-size: 1em;
}
.benri-tyumoku .tyumoku-title .db{
  font-size: 0.92em;
}
}

/*キーワード、地方農政局スタイル*/
.tihou,.keyword{
  margin: 0; 
  padding: 0 !important;
}
.tihou li,.keyword li{
  display: inline-block; 
  line-height: 1.5; 
  background-image: none !important;
}
.tihou li:before,.keyword li:before{
  content: "●";
  font-size: 1em;
  color: #ccc;
  padding-right: 5px;
}

/*公表予定スタイル*/
.kouhyoyotei p{
  font-weight: bold;
  font-size: 1.2em;
  margin-left: 0.3em;
}
.kouhyoyotei .syukan{ 
  margin-bottom: 1.5em; 
} 
.kouhyoyotei .syukan,.kouhyoyotei .nenkan{ 
  padding: 0 1.5em;
} 
.kouhyoyotei .syukan dt,.kouhyoyotei .nenkan dt{
  float: left;
  width: 7em;
  margin: 0 1em;
  padding: 0.1em 0;
  font-size: 1.1em;
  font-weight: bold;
  text-align: center;
  color: #fff;
}
.kouhyoyotei .syukan dd,.kouhyoyotei .nenkan dd{
  overflow: hidden;
  padding: 0.2em 0;
  font-size: 1.1em;
}
/*週間公表_通常（緑） */
.kouhyoyotei .syukan .syukan-box1{
  background: #008000;
}
/*週間公表_追加（青） */
.kouhyoyotei .syukan .syukan-box2{
  background: #0000ff;
}
/*週間公表_遅延等（グレー） */
.kouhyoyotei .syukan .syukan-box3{
  background: #ccc;
}
/*年間公表（ピンク） */
.kouhyoyotei .nenkan .nenkan-box{
  background: #ff797c;
}
@media( max-width: 600px ){
.kouhyoyotei .syukan dt,.kouhyoyotei .nenkan dt{
  float: none;
}
.kouhyoyotei .syukan,.kouhyoyotei .nenkan{ 
  margin-left: 1em;
} 
.kouhyoyotei .syukan dt,.kouhyoyotei .nenkan dt{
  margin: 0;
}
}

/*調査検索スタイル*/
.kensaku-tab{
  margin-bottom:2em;
}
.kensaku-tab a{
  text-decoration: none;
}
.kensaku-tab a div{
  width: 100%;
  font-size: 1.2em;
  text-align: center;
  font-weight: bold;
  padding: 0.5em 1em;  
  margin: 1em auto;
  border: solid 1px #000;
  border-radius: 5px;
  cursor: pointer;
}
.kensaku-tab a div:after{
  position: absolute;
  content: "▼";
  right:5%;
}
.kensaku-tab a div:hover{
  background: #fff;
  color: #ed1a3d;
  border: solid 1px #ed1a3d;
}
.kensaku-subtitle{
  font-size: 1.2em;
  position: relative;
  top: 10px;
  left: -10px;
}
.kensaku-subtitle p{
  line-height: 0;
}
.kensaku-subtitle p img{
  width: 100%;
  max-width: 20px;
  margin: 0 0.5em 0 0;
}
.bunya-tab ul,.hinmoku-tab ul,.ichiran-tab ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 0 1em 0;
  padding: 0;
}
.bunya-tab ul li,.hinmoku-tab ul li,.ichiran-tab ul li{
  display: block;
  text-align: center;
  background-image: none !important;
  font-size: 0.9em;
  padding: 0 !important;
  margin: 0.1em 0.1em;
  color: #000;
  background: #f8f8f8;
  border: solid 1px #000;
  border-radius: 5px;
}
.bunya-tab ul li a,.hinmoku-tab ul li a,.ichiran-tab ul li a{
  display: table-cell;
  vertical-align: middle;
  height: 35px;
  text-decoration: none;
}
.bunya-tab ul li a,.ichiran-tab ul li a{
  width: 470px;
}
.hinmoku-tab ul li a{
  width: 313px;
}
.bunya-tab ul li a:hover,.hinmoku-tab ul li a:hover,.ichiran-tab ul li a:hover{
  font-weight: bold;
  background: #44546a;
  color: #fff;
}
@media( min-width: 500px ){
.kensaku-tab {
  display: none;
}
}
@media( max-width: 959px ){
.bunya-tab ul,.hinmoku-tab ul,.ichiran-tab ul{
  justify-content: space-around;
}
.bunya-tab ul li a,.hinmoku-tab ul li a{
  width: 240px;
  height: 50px;
}
.ichiran-tab ul li a{
  width: 360px;
}
}
@media( max-width: 768px ){
.bunya-tab ul li a,.hinmoku-tab ul li a,.ichiran-tab ul li a{
  width: 300px;
  height: 50px;
}
}
@media( max-width: 650px ){
.bunya-tab ul li a,.hinmoku-tab ul li a,.ichiran-tab ul li a{
  width: 220px;
}
}
@media( max-width: 499px ){
.bunya-tab ul li a,.hinmoku-tab ul li a,.ichiran-tab ul li a{
  width: 500px;
}
}

/*調査にご協力いただく方へスタイル*/ 
.cooperation_main{ 
  display: inline-block;
  vertical-align: top !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: center;
  cursor: pointer;
}
.cooperation_main a{
  text-decoration: none;
}
.cooperation_main .cooperation_left{
  width: 450px;
  height: 100px;
  border: solid 1px #000;
  padding: 5px 0 0 0 !important;
  margin: 5px !important;
  background-image: none !important;
  background-color: #fcaf17;
  overflow: hidden
  cursor: pointer;
}
.cooperation_main .online-picture{ 
  float: left;
  width: 80px;
  height: 100%;
}
.cooperation_main .online-picture img{ 
  width: 60px;
  height: 60px;
  margin: 0.5em 0 0 0;  
}
.cooperation_main .cooperation-title{
  font-size: 1.4em;
  font-weight: bold;
}
.cooperation_main .cooperation_right{
  width: 450px;
  height: 45px;
  background-image: none !important;
  padding: 5px 0 0 0 !important;
  margin: 5px !important;
  color: #000;
  border: solid 1px #000;
  cursor: pointer;
}
.cooperation_main .cooperation_left:hover,.cooperation_main .cooperation_right:hover{
  color: #ed1a3d;
  border: solid 1px #ed1a3d;
  font-weight:  bold;
  cursor: pointer;
}

/*統計の仕事スタイル*/ 
.work{
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.work .image{
  text-decoration: none;
}
.work .katsudo{
  font-size:1.3em;
}
.work .katsudo:before{
  content: "●";
  font-size: 1em;
  color: #ccc;
  padding-right: 5px;
}
.work .saiyou-box,.work .tyousain-box{ 
  width:450px;
  height:150px;
  background-repeat: no-repeat;
  background-size: 450px 150px;
  margin-bottom:1em;
}
.work .saiyou-box{ 
  background-image: url(https://www.maff.go.jp/j/tokei/img/recruit.jpg);
}
.work .tyousain-box{
   background-image: url(https://www.maff.go.jp/j/tokei/img/tyousain.jpg);
}
.work .saiyou-box p,.work .tyousain-box p{
   background-color:  #000;
  color: #fff;
  font-size:1.2em;
  font-weight: bold;
  padding:0.5em 0;
  opacity:0.8;
}
.work .saiyou-box:hover,.work .tyousain-box:hover{
 opacity:0.6;
}
@media( max-width: 920px ){
.work .saiyou-box,.work .tyousain-box{
   width:360px;
  height:120px;
  background-size:
 360px 120px;
}
.work .saiyou-box p,.work .tyousain-box p{
   padding:0;
}
}
@media( max-width: 760px ){
.work div {
  margin: 0em auto;
}
.work div:first-child{
  margin-bottom: 1em;
}
.work div:last-child{
  margin-top: 0.5em;
}
.work .saiyou-box,.work .tyousain-box{
   width:450px;
  height:150px;
  background-size: 450px 150px;
}
}
@media( max-width: 500px ){
.work .saiyou-box,.work .tyousain-box{
   width:360px;
  height:120px;
  background-size: 360px 120px;
}
.work .saiyou-box p,.work .tyousain-box p{
   padding:0;
}
}
 
/*利用案内スタイル*/
.utilization-box ul,.other-box ul{
   margin: 0 ;
  padding: 0.5em 1em ;
}
 .utilization-box ul li,.other-box ul li{
   padding: 0 !important;
  line-height: 2;
   background-image: none !important;
}
 .utilization-box ul li:before,.other-box ul li:before{
  content: "●";
  font-size: 1em;
  color: #ccc;
  padding-right: 5px;
}

/* 報道発表一覧（農水省TOPと同じ）*/
.houdou-all{
  position: relative;
}
.houdou-all_utility{
  position: absolute;
  top: -3.5em;
  right: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.houdou-all_utility a{
  display: block;
  background-repeat: no-repeat;
  text-decoration: none;
  background-color: #dcdcdc;
  background-image: url(/j/shared_new/shared/images/icon_arrow2.png);
  background-position: 93% 45%;
  padding: 10px 70px 10px 21px;
}
.houdou-all_utility a:hover,.houdou-all_utility a:focus{
  background-color: #bfbfbf;
  background-image: url(/j/shared_new/shared/images/icon_arrow4.png);
}
@media (max-width:959px) {
.houdou-all_utility a,.houdou-all_utility a:hover,.houdou-all_utility a:focus{
  background-image: url(/j/shared_new/shared/images/icon_arrow2@2x.png);
  background-size: 6px 9px;
}
}

/*関連リンクスタイル*/
.kanren-box .kanren-title{
  text-align: center;
  font-size: 1.2em;
}
.kanren-box .kanren-link{
  text-align: center;
  margin: 0; 
  padding: 0 !important;
}
.kanren-box .kanren-link li{
  display: inline-block; 
  background-image: none !important;
  font-size: 0.8em;
}
.kanren-box .kanren-link li img{
  height: 50px;
}