@charset "UTF-8";


.externalLink {
 background: none !important;
}

div.left-content ul, div.left-content ol, div.full-content ul, div.full-content ol {
    margin-left: 40px;
/* margin-bottom:6px !important; */
}


/*  実証地域一覧  */

.hatasaku li a{
color:#ff9900;
}
.engei li a{
color:#222;
}

.yasai li a{
color:#00b0f0;
}


.kaju li a{
color:#77933c;
}

.chikusan li a{
color:#7030a0;
}


.suiden1 li a{
color:#ff0000;
}

.tochiriyo li a{
color:#800000;
}

.suiden2 li a{
color:#984807;
}

.suiden3 li a{
color:#1f497d;
}

.map_chiiki{
display:none;
}



/* 令和2年 解消 トップ */

.global_arrow{
background-color:#d4d4d4;
text-align:right;
padding-top:0.2em;
padding-bottom:0.2em;
}

a.effect_line {
  position: relative;
  display: inline-block;
  transition: .3s;
color:#222 !important;
text-decoration:none !important;
margin-right:1em;
margin-left:0.2em;
}
a.effect_line::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 0;
  height: 1px;
  background-color: #67b101;
  transition: .3s;
}
a.effect_line:hover::after {
  width: 100%;
}
a.effect_line:hover {
color:#67b101 !important;
}


#sliphover{
background-color:#dddddd;
width:100%;
padding:50px 0 30px;
}
.box02 a img{
-webkit-border-radius: 2px 2px 0 0;
border-radius:  2px 2px 0 0;
}
.box02{
background-color:#fff;
width:210px;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
-webkit-border-radius: 2px;
border-radius: 2px;
margin:0 auto;
}
h5#about_smart_nogyo{
border-bottom:dotted 2px #ccc;
margin-bottom:5px;
font-size:100%;
}
.width_40{
width:40em !important;
}
.event_icon{
vertical-align:-5%;
-webkit-border-radius: 2px;
border-radius: 2px;
float:none !important;
}
.height_200{
height: 200px;
overflow: auto;
}

dl.new dd ul li a{
background:none !important;
}
div#subCol div.section div.sectionInner {
background: #efefef;
}
div#subCol div.section div.sectionInner img{
-webkit-border-radius: 1px;border-radius: 1px;
}
div#subCol div.section div.sectionInner img:hover{
opacity:0.6;
}
.relationLink li.banner:nth-child(1){
padding-top:2em !important;
}
.relationLink li.banner{
padding-bottom:1em !important;
}
.externalLink {
    padding-left: 0px;
}
dl.new dd {
margin-right:10px;
}
div#subCol div#lNavSection ul.lNav li:nth-child(4){
border-top:solid 4px #eee;
}
div#subCol div#lNavSection ul.lNav li:nth-child(4) a{
margin-top:10px;
}

div#subCol div#lNavSection ul.lNav li:nth-child(2){
border-top:solid 4px #eee;
margin-top:10px;
background-color:#f9f9f9;
}
div#subCol div#lNavSection ul.lNav li:nth-child(3){
background-color:#f9f9f9;
padding-bottom:10px;
}

div#subCol div#lNavSection ul.lNav li:nth-child(2) a{
margin-top:10px;
}
div#subCol div#lNavSection ul.lNav li ul li:nth-child(2){
border-top:0;
margin-top:0;
background-color:#fff;
}
div#subCol div#lNavSection ul.lNav li ul li:nth-child(3){
background-color:#fff;
padding-bottom:0;
}
div#subCol div#lNavSection ul.lNav li:nth-child(2) a{
margin-top:10px;
}

#lNavSection h2 a{
font-size:0;
}
#lNavSection h2 a::before{
font-size: 14px; content: "スマート農業\A実証プロジェクト";
	white-space: pre ;
}
figure {
    margin: 0 0 0.2rem !important;
}
dl.new dt {
padding: 8px 0 0 4px;
color:#333 !important;
}
p.more2{
margin-top:10px;
text-align:right;
}
p.more2 a {
    background-image: url(/smart-nogyo/topimg/more-link2.png) !important;
    background-repeat: no-repeat !important;
    background-position: 0 10px !important;
    background-size: 18px !important;
    vertical-align: middle !important;
    padding: 10px 5px 10px 25px !important;
}
.left-content {
    padding: 5px 0 0;
}
.left-content h1{
padding-bottom: 5px;
}
.setsumei{
font-size:90%;
}
div#subCol div#lNavSection ul.lNav ul li:nth-child(4) {
    border-top: 0;
    margin-top: 0;
}
/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 50px;
  background-color: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  width: 100%;
  margin: 0 auto;
  opacity:0.93;
  -webkit-border-radius: 2px;border-radius: 2px;
}
/*タブのスタイル*/
.tab_item {
  width: calc(100%/4);
  height: 50px;
  border-bottom: 3px solid #67b101;
  background-color: #eee;
  line-height: 50px;
  font-size: 100%;
  text-align: center;
  color: #555;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
  cursor: pointer;
}
.tab_item:hover {
  opacity: 0.6;
}
/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}
/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 10px 20px 0 30px;
  clear: both;
  overflow: hidden;
}
/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content,
#torikumi:checked ~ #torikumi_content,
#jigyo:checked ~ #jigyo_content{
  display: block;
}
/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #67b101;
  color: #fff;
}

/*
.global_arrow br{
display:none !important;
}
*/


@media (max-width: 768px) {

.pd_0{
padding-left:0 !important;
padding-right:0 !important;
}
.global_arrow br{
display:inline !important;
}
/* 実証地域一覧 */
.jisshou_chiiki{
background:none !important;
}
.map_chiiki{
display:block !important;
width:100%;
}
.map_chiiki img{
max-width:80%;
}
.jisshou_chiiki br{
display:none;
}

/* 令和2年 解消 トップ */
#lNavSection h2 a::before {
    content: "スマート農業実証プロジェクト";
}
}

@media (max-width: 576px) {
/* 実証地域一覧 */
.map_chiiki img{
max-width:90%;
}

/* 令和2年 解消 トップ */
.tab_item {
font-size:80%;
  }
}