@charset "UTF-8";
/*
農林水産術こども新聞用スタイル
対象範囲：
koho/kankoubutu/kids_paper.htmおよび
koho/kankoubutu/kids_paper/配下詳細ページ
*/

.content img.img_paper {
	float: left;
	padding: 0 40px;
	max-width: 300px;
	flex-shrink: 0;
	clear: both;
}
.content ol.mokuji {
	padding-left: 300px;
	padding-bottom: 200px;
}
.content a.jump {
	padding-left: 40px;
}
.content p.mokuji-title {
	padding-top: 20px;
}
.font-bold {
    font-weight: bold;
}
@media (max-width:767px) {
.content img.img_paper {
    float: none;
	display: block;
    margin: 0 auto;
}
.content ol.mokuji {
	padding: 10px 30px 10px;
    padding: 10px 30px;
}
}

/* ***** button ****** */
.mod-btn-cmn {
	text-align: center;
	margin-top: 50px;
}

.mod-btn-paper{
    text-align: left;
    margin-top: 50px;
}

	.content .btn-cmn[href] {
		background-color: #dcdcdc;
		background-image: url(https://www.affrc.maff.go.jp/j/shared_new/shared/images/icon_arrow2.png);
		background-position: 93% 45%;
		padding: 10px 70px 10px 21px;
	}
	.content .btn-cmn[href] {
		display: inline-block;
		background-repeat: no-repeat;
		text-decoration: none;
		text-align: left;
	}
	.content .btn-cmn[href]:hover,
	.content .btn-cmn[href]:focus {
		background-color: #bfbfbf;
		background-image: url(https://www.affrc.maff.go.jp/j/shared_new/shared/images/icon_arrow4.png);
	}
	@media (max-width:767px) {
		.content .btn-cmn[href] {
			background-image: url(https://www.affrc.maff.go.jp/j/shared_new/shared/images/icon_arrow2@2x.png);
			background-size: 6px 9px;
		}
		.content .btn-cmn[href]:hover,
		.content .btn-cmn[href]:focus {
			background-image: url(https://www.affrc.maff.go.jp/j/shared_new/shared/images/icon_arrow4@2x.png);
			background-size: 6px 9px;
		}
        .mod-btn-paper{
          text-align: center;
          padding: 0 30px;
          margin-top: 20px;
        }
	}

/* ***** kiji ***** */
.block01 {
	display: flex;
	max-width: 900px;
	margin: 0 auto;
	column-gap: 15px;
}
.block01 div p {
	padding: 0;
}
.block01 img {
	margin: 0 20px 20px 0;
	padding: 0;
	max-width: 400px;
	flex-shrink: 0;
}
.blockColumn {
	display: flex;
	justify-content: space-between;
	margin: 0 0 20px 0;
	padding: 0 30px 0 30px;
	gap: 15px;
    align-items: flex-start; 
}
.blockColumn p {
	padding: 0;
	margin: 0;
}
.blockColumn img {
	padding: 0;
	max-width: 400px;
	flex-shrink: 0;
}
.col3 img {
    width: 100%;
}

@media (max-width:767px) {
	.blockColumn {
    flex-direction: column;
   	}
   	.blockColumn img {
	max-width: 100%;
   	}
}

.block03{
    display:block;
	margin: 0;
	padding: 0 30px 20px 30px;
}
.qa {
	padding: 0;
}
.qa h3 {
	background: #538135;
	color: #FFF;
	font-size: 2em;
	margin: 0;
	padding: 2px 10px;
	vertical-align: middle;
    border-bottom: none;
}
.qa {
	flex-wrap:wrap;
    width:100%;
    background: #f7f7f7;
    font-size: 1.142857em;
    margin-bottom: 0;
    padding: 15px;
}
.qa dt {
	vertical-align: top;
}
.qa dd {
}
.qa dt:not(:first-child) {
	margin-top: 10px;
}

div.table01 {
	width: 900px;
	margin: 0 auto;
	padding: 0;
}
div.table01 img {
	margin: 0 auto;
	padding: 0;
	max-width: 900px;
	display: block;
	flex-shrink: 0;
}
div.table02 {
	display: flex;
	flex-wrap:wrap;
	width:100%;
	margin: 0 30px;
	padding: 0;
	column-gap: 15px;
}
div.table02 img {
	margin: 0 auto;
	padding: 0;
	display: block;
	flex-shrink: 0;
}
div.table02 .tblCell {
	width:50%;
	margin:  0;
	padding: 10px;
}
div.table02 .tblCellBK {
	width:433px;
	margin: 0;
	padding: 5px;
	border: 1px #000 solid;
	box-sizing:border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
div.table02 .tblCell p {
	padding: 0;
}
div.table02 .tblCell h3,
div.table02 .tblCell h3 {
	background: #71C252;
	color: #FFF;
	vertical-align: middle;
	text-align: center;
	font-size: 1.4em;
	border: none;
	margin: 0 0 10px 0;
	padding: 5px;
}
span.imgCaption {
	font-size: small;
	font-weight: normal;
	margin: 0 auto;
	padding: 0;
	display: block;
}
.imgCapWrapper + .imgCapWrapper {
	margin-top: 15px;
}
.imgCapWrapper img {
	margin: 5px auto;
   	flex-shrink: 0;
}
@media (max-width:767px) {
	.imgCapWrapper img {
		max-width: 100%
	}
}
.clrA {
	margin: 0 auto;
	padding: 10px;
	color: #FFF;
	background: #F00;
	text-align:center;
}
.clrB {
	margin: 0 auto;
	padding: 10px;
	color: #F00;
	background: #eee;
	text-align:center;
}
.clrC {
	margin: 0 auto;
	padding: 10px;
	color: #FFF;
	background: #71C252;
	text-align:center;
}
div.table03 {
	display: flex;
	flex-wrap:wrap;
	width: 100%;
	margin: 0 30px;
	padding: 0;
	column-gap: 15px;
}
div.table03 img {
	margin: 0 auto;
	padding: 0;
	display: block;
	flex-shrink: 0;
}
div.table03 .tblCell {
	vertical-align: top;
	width:290px;
	margin: 0;
	padding: 10px;
}div.table03 .tblCell p {
	padding: 0;
}

dl.tblVertical{
    display: block;
    width: 48%;
    border: 1px solid #000000;
}
dl.tblVertical dd{
    text-align: center;
    border-bottom: 1px solid #000000;
    padding: 5px;
}
dl.tblVertical dd:last-child{
    border-bottom: none;
}
dl.table-quiz{
    padding:0 30px;
}
dl.table-quiz dt{
    padding:5px 0;
    margin-top: 10px;
}
dl.table-quiz dd{
    padding:5px 0;
}
.table-timeline {
    padding: 0;
    font-size: 1.142857em;
}
dl.table-timeline dd {
    margin-left: 2em;
    padding: 5px 0;
}
@media (max-width:767px) {
	dl.tblVertical {
    width: 100%;
   	}
}