/* responsive.css */

/* PC版表示調整
======================================= */
/* 消費者コーナーバナーエリア
--------------------------------------- */
body.ext-con .publicInfoBnr,
body.ext-con .contentsBnr,
body.ext-con div.banner1,
body.ext-con div.banner2,
body.ext-con div.banner3{
  display: block;
  padding-right: 0;
  margin:0;
  width: 100%;
}
body.ext-con .sideBnrList{
  display: flex;
    justify-content: space-between;
}
body.ext-con .publicInfoBnr .sideBnrList{
  margin-top: 30px;
}
body.ext-con .contentsBnr .sideBnrList::after{
  content:"";
  display: block;
  width: 162px;
}

/* スマートフォンプレビュー
--------------------------------------- */
@media screen and (min-width: 768px) {
  .cmsSpPreview {
    background-color: #e9e9e9;
    border-bottom: 2px solid #bdbdbd;
    display: block;
    list-style: none;
    margin: 0;
    padding: 5px;
    text-align: center;
  }
  .cmsSpPreview li {
    background-color: #fff;
    border: 1px solid #2953a7;
    border-radius: 3px;
    color: #103d9a;
    display: inline-block;
    font-weight:bold;
    list-style: none;
    margin: 0;
    padding: 3px 10px;
  }
  .cmsSpPreview li:hover {
    cursor:pointer;
  }
}


/* SP版表示
======================================= */
@media screen and (max-width: 768px) {

/* 非表示要素
======================================= */
div#header img#homeButton,
div#tool,
div#header ul#menuGlobal,
div#contentsMenu div.banner,
div#menuCategory,
div#contentsMain div.h1box div.bg img#printButton,
.is-pc{
  display: none !important;
}

/* img
======================================= */
img{
  height: auto;
  max-width: 100%;
}
/* IE11プレビュー表示用調整 */
_:-ms-fullscreen, :root .text0 table img,
_:-ms-fullscreen, :root .text1 table img,
_:-ms-fullscreen, :root .text2 table img,
_:-ms-fullscreen, :root .text3 table img,
_:-ms-fullscreen, :root .text4 table img{
  height: auto;
  width: 100%;
}

/* table
======================================= */
.tableWrap{
  overflow-x: auto;
  overflow-y: none;
  width: 100%;
}
.text0 .tableWrap table,
.text1 .tableWrap table,
.text2 .tableWrap table,
.text3 .tableWrap table,
.text4 .tableWrap table,
#contentsMain .tableWrap table{
  min-width: 645px;
}
.spTableAttention{
  font-size: 0.8rem;
  display: block;
}
/* テーブルをスクロールにしない場合の表示 */
.is-tablefit #contentsMain table{
  width: 100% !important;
}
.is-tablefit #contentsMain table th,
.is-tablefit #contentsMain table td{
  white-space: normal !important;
}

/* spmenu
======================================= */
.spBtn{
  display: block;
  right: 12px;
  position: absolute;
  top: 10px;
  z-index: 100;
}
.spBtn .menuBtn{
  background: #fff url(/content/000145932.png) no-repeat top center;
  border: 3px solid #ccc;
  border-radius: 2px;
  box-sizing: border-box;
  color: #222;
  cursor: pointer;
  display: inline-block;
  font-size: 0.65rem;
  line-height: 0.8;
  padding: 24px 5px 6px;
  width: 56px;
}
.spBtn .searchBtn{
  background: #fff url(/content/000145933.png) no-repeat top center;
  border: 3px solid #ccc;
  border-radius: 2px;
  box-sizing: border-box;
  color: #222;
  cursor: pointer;
  display: inline-block;
  font-size: 0.65rem;
  line-height: 0.8;
  padding: 24px 5px 6px;
  width: 56px;
}
.spBtn .menuBtn.is-open,
.spBtn .searchBtn.is-open{
  background: #ccc url(/content/000145931.png) no-repeat top center;
}
.spMenu{
  display: block;
}
.spMenuBox{
  background: #444;
  box-sizing: border-box;
  display: none;
  height: 100%;
  left: 0;
  padding: 0;
  position: absolute;
  top: 70px;
  width: 100%;
  z-index: 99;
}
.spMenuBox .spMenuGlobal{
  background: #fff;
  border-top:2px solid #97C225;
  padding: 5px 15px;
}
.spMenuBox .spMenuGlobal li{
}
.spMenuBox .spMenuGlobal li a{
  border-bottom: 1px solid #ddd;
  color: #222;
  display: block;
  font-weight: bold;
  padding: 10px;
  text-align: left;
  text-decoration: none;
}
.spMenuBox .spMenuGlobal li a:after{
  content: ">";
  font-weight: normal;
  float: right;
}
.spMenuBox .spMenuGlobal li a:hover,
.spMenuBox .spMenuGlobal li a:focus{
  color: #668316;
}
.spMenuBox .spTools{
  background: #444;
  padding: 5px 15px;
}
.spMenuBox .spToolLink{
  display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  padding-bottom: 10px;
}
.spMenuBox .spToolLink li{
  width: 48%;
}
.spMenuBox .spToolLink li a{
  border-bottom: 1px solid #666;
  box-sizing: border-box;
  color: #fff;
  display: block;
  padding: 5px;
  text-decoration: none;
}
.spMenuBox .spContactBox a{
  background: #4e4e4e;
  border: 2px solid #666;
  border-radius: 2px;
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-weight: bold;
  padding: 10px;
  text-decoration: none;
}
.spSearchBox{
  background: #444;
  box-sizing: border-box;
  display: none;
  left: 0;
  padding: 0;
  position: absolute;
  top: 70px;
  width: 100%;
  z-index: 99;
  padding: 15px;
}
.spSearchBox input.gsc-input{
  box-sizing: border-box;
  font-size: 18px;
  height: 28px;
  padding: 3px 6px;
}
.spSearchBox input.gsc-search-button{
  background: #4e4e4e;
  border: 2px solid #666;
  box-sizing: border-box;
  color: #fff;
  font-size: 12px;
  height: 28px;
}
.spSearchBox td.gsc-clear-button{
  display: none;
}

/* spMenuCategory
======================================= */
.spMenuCategory{
  border-bottom: 4px solid #96c200;
  display: block;
}
body#livestock .spMenuCategory {
  border-bottom: 4px solid #2492f4;
}
body#vegetable .spMenuCategory {
  border-bottom: 4px solid #eb8430;
}
body#sugar .spMenuCategory {
  border-bottom: 4px solid #45af94;
}
body#starch .spMenuCategory {
  border-bottom: 4px solid #bd8b12;
}
.spMenuCategory ul{
  display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-around;
}
.spMenuCategory ul li{
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  box-sizing: border-box;
  width: 25%;
}
.spMenuCategory ul li{
  box-sizing: border-box;
  width: 25%;
}
.spMenuCategory ul li a{
  background: linear-gradient(to bottom, #fff, #f3f3f3);
  box-sizing: border-box;
  color: #333;
  display: block;
  font-weight: bold;
  height: 100%;
  padding: 8px 5px 8px 10px;
  text-align: left;
  text-decoration: none;
}
.spMenuCategory ul li a:before{
  content: url(/content/000145929.png);
  display: inline-block;
  margin-right: 5px;
}
.spMenuCategory ul li a:hover{
  background: linear-gradient(to bottom, #74951A, #96c200);
  color: #fff;
}
.spMenuCategory ul li a:hover:before{
  content: url(/content/000145930.png);
  display: inline-block;
}
.spMenuCategory ul li img{
  height: auto;
}
body#livestock .spMenuCategory ul li.livestock a{
  background: linear-gradient(to bottom, #1A6DBB, #2492f4);
  color: #fff;
}
body#vegetable .spMenuCategory ul li.vegetable a{
  background: linear-gradient(to bottom, #DE5E22, #eb8430);
  color: #fff;
}
body#sugar .spMenuCategory ul li.sugar a{
  background: linear-gradient(to bottom, #29896F, #45af94);
  color: #fff;
}
body#starch .spMenuCategory ul li.starch a{
  background: linear-gradient(to bottom, #9A6E1A, #bd8b12);
  color: #fff;
}
body#livestock .spMenuCategory ul li.livestock a:before,
body#vegetable .spMenuCategory ul li.vegetable a:before,
body#sugar .spMenuCategory ul li.sugar a:before,
body#starch .spMenuCategory ul li.starch a:before{
  content: url(/content/000145930.png);
}

/* reset
======================================= */
div#container ,
div#tool ,
div#header ,
div#menuCategory ,
div#mainImage ,
div#contents ,
div#contents p#pankuzu ,
div#contents div#contentsMain ,
.sharebtn_normal,
.sharebtn_wide,
div#contents div#contentsMenu ,
div#contentsMenu div.catTopMenu ,
div#goTop,
div#contentsMain div.h1box,
div#contentsMain div.h1box div.bg,
div#contentsMain div.h1box div.bg h1,
div#contentsMain div.h2box,
div#contentsMain h3,
div#contentsMain h4,
div#contentsMain div.text0,
div#contentsMain div.text1,
div#contentsMain div.text2,
div#contentsMain div.text3,
div#contentsMain div.text4,
div.source,
p.update,
div.update,
table.rateTbl,
table.rateTbl2,
table.rateTbl3,
.pageLink,
.representativeCategory,
.menuList .section,
.menuList .section .column,
table#market,
ul#statics,
.operationImgBox,
#brlst_all,
.brlst_all_lst,
.brlst_all_lstlst,
.brlst_all_lst2,
.brlst_all_lstlst2,
div#brlst_all h3,
div#contentsMain h2.h2-1,
div#contentsMain div.text2-1,
div#contentsMain div.h2wrap,
div#contentsMain div.h2wrap2,
div.h2wrap div.item1,
div.h2wrap div.item2,
div.h2wrap2 div.item1,
div.h2wrap div.h2box,
div.h2wrap2 div.h2box,
div.text2-2 h3,
div.h2wrap div.bgBottom, 
div.h2wrap2 div.bgBottom,
div#contentsMenu div.catTopMenu,
div.catTopMenu ul li,
div.catTopMenu ul li a,
h2.news,
dl.dateList,
div#contentsMain div.h2Box,
div#contentsMain h2,
.m-menu-main{
  box-sizing: border-box;
  width: 100% !important;
}
div#tool,
div#tool ul#links,
div#tool div#contact,
div#tool ul#links li,
div#header,
div#header img#alicLogo,
div#header ul#menuGlobal,
div#header ul#menuGlobal li,
div#menuCategory,
div#menuCategory ul,
div#menuCategory ul li{
  height: auto !important;
  position: static;
}

/* common.css
======================================= */
.gsc,
.gsc input.gsc-input,
.gsc input.gsc-search-button{
  position: static;
}
div#footer div.left,
div#footer div.right{
  float: none;
  text-align: left;
  width: 100%;
}
div#mainImage{
  height: auto;
  overflow: hidden;
  padding: 0;
  text-align: right;
  width: 100%;
}
div#mainImage img{
  height: auto;
  max-width: 960px;
  width: 170vw;
  width: 100%;
}
div#header{
  height: 70px !important;
  padding: 5px 10px 3px;
}
div#header img{
  padding-top: 10px;
}
div#contents{
  padding: 10px 5px;
  position:relative;
}
div#contents div#contentsMain{
  float: none;
}
div#contents div#contentsMenu{
  float: none;
  margin-top: 20px;
}
.sideBnrList{
  display:flex;
    flex-wrap: wrap;
    justify-content: space-around !important;
  margin: 0;
}
.sideBnrList li {
  display: block;
  margin: 0;
  padding: 5px 0px;
  text-align:left;
}
.sideBnrList::after {
  content:"";
  display: block;
  width: 162px;
}
.sideBnrList::before {
  content:"";
  display: block;
  width: 162px;
  order:1;
}
dl.dateList.ext-renew dt .m-date {
    width: 9em;
}

/*
div#contentsMenu div.publicInfo ul{
  text-align: center;
}
div#contentsMenu div.publicInfo ul li{
  display: inline-block;
}
div#contentsMenu .menuBgBox{
  text-align: center;
}
div#contentsMenu div.menuBg{
  display: inline-block;
  width: auto;
}
div#contentsMenu div.banner .bnr{
  display: inline-block;
}
div#contentsMenu div.publicInfo ul li img,
div#contentsMenu div.banner img,
div#contentsMenu div.menuBg img{
  max-width: 47vw;
}
div#contentsMenu div.publicInfo ul li img{
  border-top: 1px solid #ddd;
}
*/
div#footer{
  padding: 15px 15px 25px;
}
div#goTop{
}
div#goTop a{
  background: url(/content/000145928.png) no-repeat center;
  background-size: contain;
  display: inline-block;
  height: 50px;
  position: fixed;
    bottom: 10px;
    right: 8px;
  text-align: right;
  width: 50px;
}
div#goTop a img{
  display: none;
}


/* contents.css
======================================= */
div#contentsMain div.h1box,
div#contentsMain div.h2box,
div#contentsMain h3,
div#contentsMain h4{
  margin: 0 0 13px;
}
div#contentsMain div.text0,
div#contentsMain div.text1,
div#contentsMain div.text2,
div#contentsMain div.text3,
div#contentsMain div.text4{
  margin: 0;
  padding: 0px 5px 25px;
}
div#contentsMain div.text3{
  margin-bottom: 22px;
}
div.source,
p.update,
div.update{
  margin: 0;
}
div.imgLeft,
div.imgRight,
div.imgBottom{
  float: none;
  margin: 0;
}
div.imgRight img,
div.imgBottom img,
div.imgLeft img {
  margin: 0;
}
.representativeCategory{
  margin: 0 0 20px 0;
}
.representativeCategory .year,
.representativeCategory .division{
  display: flex;
}
.representativeCategory .title{
  width: 75px;
}
.representativeCategory .link{
  width: 100%;
}

.menuList .section.grid2col .column {float:left; }
.menuList .section.grid2col .column.first { width:540px !important; margin-right:10px; }
.menuList .section.grid2col .column.first h4 { width:540px !important;_width:535px !important; }
.menuList .section.grid2col .column.first h5 { width:540px !important;_width:535px !important; }
.menuList .section.grid2col .column.first p { width:540px !important;_width:535px !important; }
.menuList .section.grid2col .column.last { width:80px !important; }
.menuList .section.grid2col .column.last img { margin:10px 0 0 0; display:block; }

body.livestockReport .report_writer {
	margin-right: 0;
}

/* category.css
======================================= */
body.ext-cat div#contentsMain h2.news{
  border: 1px solid #ddd;
  margin: 0;
}
body.ext-cat div#contentsMain div.h2wrap, 
body.ext-cat div#contentsMain div.h2wrap2{
  margin: 0;
  padding: 3px;
}
body#livestock div.h2wrap { 
  background: url(/content/000000260.gif);
}
body#vegetable div.h2wrap { 
  background: url(/content/000000261.gif);
}
body#sugar div.h2wrap { 
  background: url(/content/000000262.gif);
}
body#starch	div.h2wrap { 
  background: url(/content/000000263.gif);
}
body.ext-cat div.h2wrap div.item1,
body.ext-cat div.h2wrap div.item2{
  background: #fff;
  float: none;
  margin: 0;
  padding-bottom: 2px;
}
body.ext-cat div.h2wrap div.bgBottom{
  display: none;
}
body.ext-cat div.text2-2 h3,
body.ext-cat div.text2-2 ul li{
  background-size: contain;
}
body.ext-cat div#contentsMain h2.h2-1{
  overflow: hidden;
}
body.ext-cat div#contentsMain h2.h2-1 img{
  max-width: inherit;/* for IE */
  max-width: max-content;
}

/* international.css
======================================= */
body.ext-int div#contentsMain div.h2Box h2{
  overflow: hidden;
}
body.ext-int div#contentsMain div.h2Box h2 img{
  max-width: inherit;/* for IE */
  max-width: max-content;
}
body.ext-int div#contentsMain div.linkBox{
  display:flex;
    flex-wrap: wrap;
    justify-content: space-around;
  margin: 0;
}
body.ext-int div#contentsMain div.linkBox div.linkList1,
body.ext-int div#contentsMain div.linkBox div.linkList2,
body.ext-int div#contentsMain div.linkBox div.linkList3 {
  border: none;
  float: none;
  padding: 0;
  width: 45%;
}
body.ext-int div#contentsMain div.linkBox div.linkList1 h3,
body.ext-int div#contentsMain div.linkBox div.linkList2 h3,
body.ext-int div#contentsMain div.linkBox div.linkList3 h3 {
  margin:0;
}
body.ext-int .linkBox.clearfix:after{
  content: none;
}

/* top.css
======================================= */
body.ext-top{
  background-size: auto;
}
body.ext-top .l-header{
  display: block;
  padding: 15px 15px 0;
}
body.ext-top .l-header h1{
  display: block;
  text-align: left;
}
body.ext-top .l-header h1 img{
  height: 45px;
}
body.ext-top .l-header .m-txt-intro{
  display: block;
  font-size: 0.8rem;
  padding: 10px 10px 0;
}
body.ext-top .l-pagebody{
  display: flex;
    flex-direction: column;
}
body.ext-top .l-information{
  display: block;
  margin: auto;
  order: -1;
  width: 90%;
}
body.ext-top .l-information .m-information-title{
  display: block;
  width: 100%;
}
body.ext-top .m-menu-main{
  padding: 10px;
}
body.ext-top .m-menu-main > dt{
  margin: 0;
  width: 100%;
}
body.ext-top .m-menu-main > dt:nth-of-type(odd) ,
body.ext-top .m-menu-main > dt:nth-of-type(even) {
  float: none;
  padding: 10px 0 0;
}
body.ext-top .m-menu-main dd.ext-menu02{
  float: none;
  padding: 0;
  width: 100%;
}
body.ext-top .m-menu-main dd.ext-menu02 .m-menu02-list dt{
  padding: 0 3px;
}
body.ext-top .m-menu-main dd.ext-menu02 .m-menu02-list dt img{
  width: 100%;
}
body.ext-top .m-news-tab li a{
  padding: 4px 1px;
  font-size: 0.75rem;
}
body.ext-top .m-news-tab li a img{
  display: none;
}
body.ext-top .m-news-tab li a .is-sp{
  display: inline;
  line-height: 1.4;
}
body.ext-top .m-news-panel.is-active .m-news-list dt .m-date {
    width: 9em;
}
body.ext-top .l-menu-other {
  display: block;
}
body.ext-top .l-menu-other li {
  display: block;
}
body.ext-top .l-menu-other li:nth-of-type(odd) ,
body.ext-top .l-menu-other li:nth-of-type(even) {
  padding: 0 0 5px;
}
body.ext-top .m-banner-list{
  display:flex;
    flex-wrap: wrap;
    justify-content: space-around;
  margin: 0 10px;
}
body.ext-top .m-banner-list li {
  display: block;
  margin-right: 0;
  padding: 5px 0;
  text-align:left;
}
body.ext-top .m-banner-list::after {
  content:" ";
  display: block;
  width: 162px;
}

/* consumer.css
======================================= */
body.ext-con div#contents {
	width: 100%;
}
body.ext-con div#contents div#contentsMain{
  margin: 0;
}
body.ext-con div.catItem{
  background-color: #fff;
  display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  padding: 10px;
}
body.ext-con div.catItem::after {
  content:"";
  display: block;
  width: 30%;
}
body.ext-con div.catItem div.li4n{
  padding: 5px !important;
}
body.ext-con div.catItem div.item{
  box-sizing: border-box;
  max-width: 50%;
  padding: 5px;
}
body.ext-con div.catImg img{
  width: 100%;
}
body.ext-con div#contents p#pankuzu{
  padding: 0 0 14px 3px;
}
body.ext-con div#contents div#contentsMenu{
  display: block;
  padding: 0;
}

/* custom search
======================================= */
.gsc-results .gsc-cursor-box{
  margin: 25px auto;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page{
  display: inline-block !important;
  border: 1px solid #ddd;
  padding: 3px 7px;
  margin-bottom: 10px;
}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  background-color: #eee;
}

/* スマートフォンプレビュー
--------------------------------------- */
.cmsSpPreview {
  display: none;
}


}