@charset "UTF-8";

.content img {
	max-width:100%;
}
.content #consumer p,.content #farmer p,.content #domestic p,.content #abroad p {
    padding: 0;
	font-size:16px;
}
.content .align {
	text-align:center;
}
.content .basic_box {
	margin-bottom:75px;
}
.content #consumer ul,.content #farmer ul,.content #abroad ul {
	padding:0;
}

.in {
	display:none;
}
@media screen and (max-width:767px){
.out {
	display:none;
}
.in {
	display:block;
}
}

.content .title_basic {
	position:relative;
	font-size:18px;
	line-height:1.5;
	padding:0;
}
.content .title_basic span {
	padding:10px 0 10px 54px;
	display:block;
	margin:0;
	background:url(https://www.maff.go.jp/j/syouan/douei/csf/img/basic-title.png) no-repeat;
	background-size:23px;
	background-position:top 12px left 17px;
}
.content h2.title_basic.green {
	background-color:#d9e083;
}
.content h2.title_basic.brown {
	background-color:#dfd3c5;
}
.content .title_basic.consumer span {
	padding:10px 0 10px 69px;
	background:url(https://www.maff.go.jp/j/syouan/douei/csf/img/consumer-title.png) no-repeat;
	background-size:36px;
	background-position:top 9px left 12px;
}
.content .title_basic.farmer span {
	padding:10px 0 10px 69px;
	background:url(https://www.maff.go.jp/j/syouan/douei/csf/img/farmer-title.png) no-repeat;
	background-size:43px;
	background-position:top 7px left 10px;
}
.content .title_basic.infot span {
	background:url(https://www.maff.go.jp/j/syouan/douei/csf/img/info-title.png) no-repeat;
	background-size:29px;
	background-position:top 9px left 14px;
}
.content .title_basic.bell span {
	background:url(https://www.maff.go.jp/j/syouan/douei/csf/img/bell-title.png) no-repeat;
	background-size:28px;
	background-position:top 8px left 14px;
}
.content .title_basic.book span {
	background:url(https://www.maff.go.jp/j/syouan/douei/csf/img/book-title.png) no-repeat;
	background-size:26px;
	background-position:top 10px left 14px;
}

.new {
	margin:0 0 0 10px;
	vertical-align:middle;
}

.content .brown_btn a {
	display:inline-block;
	padding:13px 40px 13px 17px;
	position:relative;
	background:#5f3712;
	color:#fff;
	text-decoration:none;
	font-size:16px;
}
.content .brown_btn a:after {
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	right:10px;
	margin:auto 0;
	background:url(https://www.maff.go.jp/j/syouan/douei/csf/img/dot_arrow.png) no-repeat;
	background-size:8px;
	background-position:center;
	width:8px;
	height:12px;
}
.content .brown_btn a[href$=".pdf"]:after {
	background:url(https://www.maff.go.jp/j/syouan/douei/csf/img/icon_pdf.png) no-repeat;
	background-size:20px;
	background-position:center;
	width:20px;
	height:20px;
}

.content .brown_btn a:hover {
	opacity:0.8;
}

.content ul.brown_navigation {
	overflow:hidden;
	padding:0 10px 0 0;
	margin:13px 0 15px;
}
.content ul.brown_navigation li {
	padding:0;
	float:left;
	width:16.66%;
	margin:0 2px 0 0;
}
.content ul.brown_navigation li:last-child {
	margin:0 -10px 0 0;
}
.content ul.brown_navigation li a,.content ul.brown_navigation li p {
	display:table;
	width:100%;
	height:84px;
	background:#e3d9cc;
	color:#5f3712;
	font-size:16px;
	text-align:center;
	text-decoration:none;
	border-top:5px solid #fbb03b;
	padding:0;
	position:relative;
	margin:0;
}
.content ul.brown_navigation li p {
	color:#fff;
	background:#603813;
}
.content ul.brown_navigation li p:after {
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:0 auto;
	width:17px;
	height:12px;
	background:url(https://www.maff.go.jp/j/syouan/douei/csf/img/orange_arrow.png) no-repeat;
	background-position:center;
	background-size:17px;
}
.content ul.brown_navigation li a span,.content ul.brown_navigation li p span{
	display:table-cell;
	vertical-align:middle;
}
@media screen and (max-width:959px){
.content ul.brown_navigation {
	padding:0 0 4px 0;
}
.content ul.brown_navigation li,.content ul.brown_navigation li:last-child {
	width:33.33%;
	margin:0 2px 2px 0;
}
.content ul.brown_navigation li:nth-child(3n) {
	margin:0 -4px 0 0;
}
}
@media screen and (min-width:768px){
.content ul.brown_navigation li a:hover {
	color:#fff;
	background:#603813;
}
.content ul.brown_navigation li a:hover:after {
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:0 auto;
	width:17px;
	height:12px;
	background:url(https://www.maff.go.jp/j/syouan/douei/csf/img/orange_arrow.png) no-repeat;
	background-position:center;
	background-size:17px;
}
}
@media screen and (max-width:767px){
.content p.navigation_btn {
	margin:0;
	padding:13px 25px !important;
	background:#603813;
	color:#fff;
	position:relative;
	height:49px;
}
.content p.navigation_btn.active {
	border-bottom:1px solid #a67c52;
}
.content p.navigation_btn:after {
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	right:15px;
	margin:auto 0;
	width:17px;
	height:12px;
	background:url(https://www.maff.go.jp/j/syouan/douei/csf/img/orange_arrow.png) no-repeat;
	background-position:center;
	background-size:17px;
}
.content p.navigation_btn.active:after {
	background:url(https://www.maff.go.jp/j/syouan/douei/csf/img/orange_arrow_bottom.png) no-repeat;
	background-position:center;
	background-size:17px;
}
.content .navigation_wrap {
	margin:0 0 20px;
	position:relative;
}
.content ul.brown_navigation {
	margin:0;
	display:none;
	position:absolute;
	top:49px;
	left:0;
	right:0;
	z-index:10;
}
.content ul.brown_navigation li a, .content ul.brown_navigation li p {
	border-top: none;
	height:auto;
	padding:13px 25px !important;
	text-align:left;
}
.content ul.brown_navigation li,.content ul.brown_navigation li:last-child,.content ul.brown_navigation li:nth-child(3n) {
	float:none;
	margin:0;
	width:100%;
	border-bottom:1px solid #a67c52;
}
.content ul.brown_navigation li:last-child {
	border-bottom:none;
}
.content ul.brown_navigation li br {
	display:none;
}
.content ul.brown_navigation li a {
	position:relative;
	display:block;
}
.content ul.brown_navigation li a:after,.content ul.brown_navigation li p:after {
	content:"";
	position:absolute;
	bottom:0;
	top:0;
	right:20px;
	margin:auto 0;
	width:8px;
	height:12px;
	background:url(https://www.maff.go.jp/j/syouan/douei/csf/img/brown_arrow.png) no-repeat;
	background-position:center;
	background-size:8px;
}
.content ul.brown_navigation li p:after {
	background:url(https://www.maff.go.jp/j/syouan/douei/csf/img/dot_arrow.png) no-repeat;
	background-position:center;
	background-size:8px;
	left:auto;
}
}

.content p.date_text {
	padding:0;
	text-align:right;
	margin:0 0 45px;
}

.content .message {
	background:#f2f2f2;
	padding:30px 20px;
	margin-bottom:55px;
}
.content .message h2.title_basic {
	margin:0 0 20px;
}
.content .message p {
	padding:0;
}
.content .message p:last-child {
	margin:0;
}
.content .message p+h2.title_basic {
	margin-top:35px;
}
@media screen and (max-width:767px){
.content .message {
	padding:15px 13px 25px;
}
}

.content .each_detail {
	overflow:hidden;
	padding:0 50px 0 0;
}
.content .each_detail dl {
	float:left;
	overflow:hidden;
	width:50%;
	margin:0 48px 50px 0;
	padding:0 25px 0 0;
}
.content .each_detail dl:nth-child(2n) {
	margin:0 -50px 50px 0;
}
.content .each_detail dl dt,.content .each_detail dl dd {
	float:left;
}
.content .each_detail dl dt {
	width:32.2%;
	margin:0 25px 0 0;
	text-align:center;
}
.content .each_detail dl dt a:hover{
	opacity:0.7;
}
.content .each_detail dl dt img {
	max-width:100%;
}
.content .each_detail dl dd {
	width:67.8%;
	margin:0 -25px 0 0;
}
.content .each_detail dl dd p{
	padding:0;
	margin-bottom:15px;
}
.content .each_detail dl dd p.title{
	font-size:20px;
	font-weight:bold;
	padding-bottom:8px;
	color:#aa050e;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
}
@media screen and (max-width:767px){
.content .each_detail {
	padding:0;
}
.content .each_detail dl,.content .each_detail dl:nth-child(2n) {
	float:none;
	margin:0 0 30px;
	width:100%;
}
.content .each_detail dl dt {
	width:24.9%;
	margin:0 15px 0 0;
}
.content .each_detail dl dd {
	width:75.1%;
	margin:0 -15px 0 0;
}
}

.content .about_csf {
	margin-bottom:90px;
}
.content .brown_box {
	background:#e7ded3;
	padding:6px;
}
.content .brown_box .inner {
	border:2px dashed #998675;
	padding:25px;
}
.content .brown_box .inner ul {
	padding:0;
	margin:0;
}
.content .brown_box .inner ul li {
	padding:12px 10px 12px 50px;
	margin:0;
	border-bottom:2px dashed #998675;
	line-height:1.5;
	background:url(https://www.maff.go.jp/j/syouan/douei/csf/img/dot_pig.png) no-repeat;
	background-position:top 10px left 10px;
	background-size:21px;
}
.content .brown_box .inner ul li:last-child {
	border-bottom:none;
}
.content .brown_box .inner .brown_btn {
	margin:10px 0 0;
	padding:0;
}
@media screen and (max-width:768px){
.content .brown_box .inner {
	padding:15px;
}
}

.content .info {
	margin-bottom:75px;
	font-size:16px;
}
.content .info dl dt {
    background-image: url(https://www.maff.go.jp/j/syouan/douei/csf/img/listaicon.png);
	background-size:6px;
    background-repeat: no-repeat;
    background-position: left 10px top .4em;
    padding: 0 0 0 20px;
	float:left;
	clear:both;
}
.content .info dl dd {
	padding-left:220px;
	margin-bottom:25px;
}
.content .info .brown_btn {
	text-align:center;
	padding:0;
}
.content .info .inner_box {
	margin-bottom:40px;
}
@media screen and (max-width:768px){
.content .info dl dt {
	float:none;
	margin-bottom:8px;
}
.content .info dl dd {
	padding:0 0 0 20px;
}
}

.content .faq_dl {
	font-size:16px;
}
.content .faq_dl dt,.content .faq_dl dd {
	position:relative;
}
.content .faq_dl dt .first,.content .faq_dl dd .first,
.content .faq_dl dt .secound,.content .faq_dl dd .secound {
	display:block;
}
.content .faq_dl dt .first,.content .faq_dl dd .first {
	position:absolute;
	top:0;
	left:16px;
	line-height:1;
	font-size:40px;
	font-weight:bold;
}
.content .faq_dl dt .secound,.content .faq_dl dd .secound {
	padding-left:74px;
	padding-top:7px;
}
.content .faq_dl dt {
	margin-bottom:18px;
}
.content .faq_dl dt .first {
	color:#736357;
}
.content .faq_dl dt .secound {
	min-height:35px;
	font-size:20px;
	color:#534741;
}
.content .faq_dl dd .first {
	color:#5f3712;
}
.content .faq_dl dd .secound {
	min-height:40px;
	padding-bottom:30px;
	margin-bottom:25px;
	border-bottom:2px dashed #998675;
}


.content #consumer .main_content,.content #farmer .main_content {
	margin-bottom:75px;
}
.content #consumer .main_content p.img {
	margin-bottom:40px;
}
.content #consumer .main_content .brown_box .float_box {
	padding:0 44px 0 0;
	overflow:hidden;
}
.content #consumer .main_content .brown_box .float_box ul,
.content #consumer .main_content .brown_box .float_box .leftbox {
	float:left;
}
.content #consumer .main_content .brown_box .float_box ul {
	width:57%;
	margin:0 44px 0 0;
}
.content #consumer .main_content .brown_box .float_box .leftbox {
	width:43%;
	margin:0 -44px 0 0;
}
.content #consumer .main_content .brown_box .float_box .leftbox .img{
	line-height:0;
	margin-bottom:20px;
	padding:5px 5px 0 0;
}
.content #consumer .main_content .brown_box .float_box .leftbox .img img{
	box-shadow:0 0 5px rgba(0,0,0,0.2);
}
.content #consumer .main_content .brown_box .float_box .leftbox .brown_btn{
	margin-top:-15px;
}
@media screen and (max-width:540px){
.content #consumer .main_content .brown_box .float_box {
	padding:0;
}
.content #consumer .main_content .brown_box .float_box ul,
.content #consumer .main_content .brown_box .float_box .leftbox {
	float:none;
	width:100%;
	margin:0;
}
.content #consumer .main_content .brown_box .float_box ul {
	margin-bottom:25px;
}
}

.content #farmer .main_content .read{
	text-align:center;
	font-size:24px;
	font-weight:bold;
}
.content #farmer .main_content .blue_box {
	background:#00577a;
	color:#fff;
	padding:15px 25px;
	margin-bottom:50px;
}

.content #farmer .main_content .point_box .simple_title {
	font-size:20px;
	text-align:center;
	line-height:1.5;
	padding:15px 10px;
	margin-bottom:15px;
}
.content #farmer .main_content .point_box.green .simple_title {
	background:#d9e083;
}
.content #farmer .main_content .point_box.orange .simple_title {
	background:#feedd2;
}
.content #farmer .main_content .point_box .simple_title span{
	display:inline-block;
	font-size:16px;
	font-weight:normal;
	margin:0 0 0 15px;
}
.content #farmer .main_content .point_box {
	margin-bottom:45px;
}
.content #farmer .main_content .point_box .inner {
	border-radius:6px;
	padding:30px 40px;
}
.content #farmer .main_content .point_box.green .inner {
	border:3px solid #8cc63f;
}
.content #farmer .main_content .point_box.orange .inner {
	border:3px solid #fbb03b;
}
.content #farmer .main_content .point_box.green .inner ul {
	overflow:hidden;
	padding:0 60px 0 0;
	margin:0;
}
.content #farmer .main_content .point_box.green .inner ul li {
	padding:0;
	background:none;
	float:left;
	margin:0 30px 0 0;
	text-align:center;
}
.content #farmer .main_content .point_box.green .inner ul li:first-child {
	width:24%;
}
.content #farmer .main_content .point_box.green .inner ul li:nth-child(2) {
	width:46%;
}
.content #farmer .main_content .point_box.green .inner ul li:last-child {
	width:30%;
	margin:0 -60px 0 0;
}
.content #farmer .main_content .point_box.green .inner ul li img {
	display:inline-block;
	margin-bottom:15px;
}
.content #farmer .main_content .point_box.green .inner ul li p {
	border-radius:6px;
	background:#d9e083;
	padding:15px;
	margin:0;
}
.content #farmer .main_content .point_box.orange .inner .align {
	font-weight:bold;
	font-size:18px;
	margin-bottom:10px;
}
.content #farmer .main_content .point_box.orange .inner .align.size {
	font-size:24px;
}
.content #farmer .main_content .point_box.orange .inner .align.txt_red,
.content #farmer .main_content .point_box.orange .inner .align.txt_blue {
	font-size:24px;
}
.content #farmer .main_content .point_box.orange .inner .align.txt_red {
	margin-bottom:30px;
	color:#00577a;
}
.content #farmer .main_content .point_box.orange .inner .triple_box {
	padding:0 66px 0 0;
	overflow:hidden;
	margin:0 0 30px;
}
.content #farmer .main_content .point_box.orange .inner .triple_box li {
	padding:0;
	background:none;
	width:33.33%;
	float:left;
	margin:0 33px 0 0;
	position:relative;
}
.content #farmer .main_content .point_box.orange .inner .triple_box li:last-child {
	margin:0 -66px 0 0;
}
.content #farmer .main_content .point_box.orange .inner .triple_box li span{
	display:inline-block;
	background:#fff;
	padding:4px 10px;
	position:absolute;
	bottom:6px;
	left:6px;
}
.content #farmer .youtube_box {
	margin-bottom:30px;
}
.content #farmer .youtube_box .double_box{
	overflow:hidden;
	padding:0 40px 0 0;
}
.content #farmer .youtube_box .double_box .box{
	width:50%;
	margin:0 40px 50px 0;
	float:left;
}
.content #farmer .youtube_box .double_box .box:nth-child(2n){
	margin:0 -40px 50px 0;
}
.content #farmer .taisaku .img {
	margin-bottom:35px;
}
.content #farmer .taisaku .brown_box {
	margin-bottom:40px;
}
.content #farmer .taisaku .brown_box .inner .weight_text {
	font-size:20px;
	font-weight:bold;
	color:#534741;
}
.content #farmer .taisaku .brown_box .inner .double_box {
	padding:0 30px 0 0;
	overflow:hidden;
}
.content #farmer .taisaku .brown_box .inner .double_box .box {
	width:50%;
	margin:0 30px 0 0;
	float:left;
}
.content #farmer .taisaku .brown_box .inner .double_box .box:last-child {
	margin:0 -30px 0 0;
}
.content #farmer .taisaku .brown_box .inner .double_box .box .title {
	font-weight:bold;
	color:#534741;
	margin-bottom:15px;
}
.content #farmer .taisaku .brown_box .inner .double_box .box ul {
	border-top:2px dashed #998675;
}
.content #farmer .taisaku .brown_btn {
	text-align:center;
}
@media screen and (max-width:767px){
.content #farmer .main_content .point_box .inner {
    padding: 20px 20px;
}
}
@media screen and (max-width:500px){
.content #farmer .main_content .point_box.green .inner ul,
.content #farmer .main_content .point_box.orange .inner .triple_box,
.content #farmer .youtube_box .double_box,
.content #farmer .taisaku .brown_box .inner .double_box {
	padding:0;
}
.content #farmer .main_content .point_box.green .inner ul li:first-child,
.content #farmer .main_content .point_box.green .inner ul li:nth-child(2),
.content #farmer .main_content .point_box.green .inner ul li:last-child,
.content #farmer .main_content .point_box.orange .inner .triple_box li,
.content #farmer .youtube_box .double_box .box,
.content #farmer .taisaku .brown_box .inner .double_box .box {
	width:100%;
	float:none;
	margin:0 0 30px;
}
.content #farmer .main_content .point_box.green .inner ul li:last-child,
.content #farmer .main_content .point_box.orange .inner .triple_box li:last-child,
.content #farmer .youtube_box .double_box .box:last-child,
.content #farmer .taisaku .brown_box .inner .double_box .box:last-child {
	margin:0;
}
.content #farmer .main_content .point_box.green .inner ul li br {
	display:none;
}

.content #farmer .youtube_box {
	margin-bottom:60px;
}
}

.content #traveler .brown_box {
	margin-bottom:55px;
}
.content #traveler .align {
	margin:0 0 70px;
	padding:0;
}
.content #traveler .align li {
	display:inline-block;
}

.content #domestic .read {
	margin-bottom:80px;
}
.content #domestic .img img {
	margin-bottom:40px;
}
.content #domestic .img img:last-child {
	margin:0;
}
.content #domestic .brown_btn {
	text-align:center;
}
.content #domestic .basic_box a,.content #domestic .basic_box span {
	margin:0 15px 0 0;
}

.content #domestic_taisaku .brown_box {
	margin-bottom:65px;
}
.content #domestic_taisaku .brown_box p {
	padding:0;
	font-size:16px;
}
.content #domestic_taisaku .brown_box .white_box {
	font-weight:bold;
	padding:20px 28px;
	background:#fff;
	margin-bottom:0;
	line-height:2;
}

.content #abroad .read {
	margin-bottom:50px;
}
.content #abroad .img {
	margin-bottom:40px;
}
.content #abroad .brown_btn {
	margin-bottom:60px;
}
.content #abroad .table_wrap {
	overflow:auto;
	margin-bottom:30px;
}
.content #abroad .datatable {
	min-width:500px;
	margin:0 0 5px;
}
.content #abroad .datatable td {
	text-align:center;
}
.content #abroad .table_attention {
	display:none;
}
@media screen and (max-width:519px){
.content #abroad .table_attention {
	display:block;
	margin:0 0 10px;
}
/* カスタマイズする部分 */
::-webkit-scrollbar{
	height:7px;
}
::-webkit-scrollbar-thumb{
    background: #736357;
    border-radius: 10px;
}
::-webkit-scrollbar-track-piece:start{
    background: #eeeeee;
}
::-webkit-scrollbar-track-piece:end{
    background: #DDD;
}
}
