@charset "utf-8";

/* layout */
	#container{
		width: 100%;
		background:url("../img/common/partition.gif") repeat-y 690px top;
	}

	#contents{
		width: 666px;
		padding-bottom:15px;
		float: left;
	}
	#sidebar {
		width: 224px;
		padding-left:30px;
		padding-right:16px;
		float: right;
	}
	#flash {
		margin: 18px 0 24px;
	}

/* contents */
	#message {
		padding: 24px 28px 15px 28px;
		margin-bottom:30px;
		border:3px #444 double;
	}
		#message p {
			color:#444;
			font-size: 12px;
			line-height: 18px;
		}
		#message .mid {
			font-size: 16px;
			font-weight:bold;
			margin-bottom:6px;
		}
		#message p.mid2 {
			margin-top:9px;
			border: 0;
		}
		#message p.myname {
			font-size: 12px;
			text-align:right;
		}
		#message p.astr {
			margin-top:12px;
			text-align:center;
		}
		#message p.amount {
			text-align:center;
			font-size: 26px;
			font-family:Arial, Helvetica, sans-serif;
			text-decoration:underline;
			margin-top:9px;
		}


	.mid2 {
		border-bottom: 2px #7DC242 solid;
		margin-bottom:5px;
	}
		#contents h2 {
			display:block;
			width: 50%;
			height: 24px;
			float:left;
			text-indent:-9999px;
		}
		.news {
			background: url("../img/top/mid2_news.gif") no-repeat 10px 0;
		}
		.service {
			background: url("../img/top/mid2_service.gif") no-repeat 10px 0;
		}
		.info {
			background: url("../img/top/mid2_info.gif") no-repeat 10px 0;
		}

		.sidelink {
			float:right;
		}
	#entries{
		margin-bottom: 25px;
	}
		.post{
			height: auto;
			background: url("../img/common/border_xdot.gif") repeat-x 0 bottom;
			padding: 8px 0 8px;
			position: relative;
		}
		.post_date{
			color:#444;
			background: url("../img/common/arrow_01.gif") no-repeat 9px 4px;
			padding: 1px 16px 0 28px;
			float:left;
		}
		.post_title {
			font-size:14px;
			float:left;
			width:auto;
			max-width:430px;
			line-height:18px;
		}
		.post_cat {
			padding-top: 0;
			padding-right: 6px;
			float: right;
		}
		.post_sub_str{
			float:left;
			margin-left:128px;
			margin-top:8px;
		}

			.post_sub_str ul{}
			.post_sub_str ul li{
				width:auto;
				font-size:14px;
				line-height: 1;
				float:left;
				list-style-type: none;
				margin-right:15px;
			}
			.post_sub_str a{
				background:url("/img/common/arrow_02.gif") no-repeat 0 3px;
				padding-left:10px;
			}

			.post_badge{
				position:absolute;
				top:8px;
				right:115px;
			}

		.post2{
			width:200px;
			height:auto;
			float:left;
			margin-right:30px;
		}

		.post2_r{
			width:200px;
			height:auto;
			float:left;
		}

			.post_thumb{
				width:200px;
				height:133px;
				overflow: hidden;
				position:relative;
				color:transparent;
			}
				.post_thumb img{
					position:absolute;
					top:50%;
					left:50%;
					  -webkit-transform: translate(-50%, -50%);
					  -ms-transform: translate(-50%, -50%);
					  transform: translate(-50%, -50%);
					  width: 100%;
					  height: auto;
				}


			.post_date2{
				height:15px;
				margin-bottom:10px;
			}
				.post_date2 p{
					padding-top:2px;
					float:left;
				}

			.post_cat2 {
				padding: 0;
				float: right;
			}

			.post_title2{
				font-size:14px;
				line-height:18px;
			}

			.post_sep{
				width:100%;
				height:15px;
				background: url("../img/common/border_xdot.gif") repeat-x 0 bottom;
				margin-top:20px;
				margin-bottom:20px;
				clear: both;
			}
	.fb-container{
		text-align: center;
		width:500px;
		margin:0 auto;
	}
	.fb-like{
		margin-left:85px;
		width:auto;
	}

	#services {
		padding-top: 10px;
	}

	.categories {
		margin-bottom:25px;
	}
		.srv {
			width:200px;
			background: url("../img/common/border_ydot.gif") repeat-y 215px 0;
			float: left;
			padding-right:30px;
		}
		.srv_r {
			width:200px;
			float: left;
		}

		#contents h3 {
			margin-bottom:6px;
			text-indent:-9999px;
		}
			.mid3 {
				display:block;
				width: 202px;
				height: 39px;
			}
			.mid3_bank {
				background: url("../img/top/mid3_bank.gif") no-repeat 0 0;
			}
			.mid3_kyosai {
				background: url("../img/top/mid3_kyosai.gif") no-repeat 0 0;
			}
			.mid3_agri {
				background: url("../img/top/mid3_agri.gif") no-repeat 0 0;
			}
			.mid3_eat {
				background: url("../img/top/mid3_eat.gif") no-repeat 0 0;
			}
			.mid3_life {
				background: url("../img/top/mid3_life.gif") no-repeat 0 0;
			}
			.mid3_hyogomirai {
				background: url("../img/top/mid3_hyogomirai.gif") no-repeat 0 0;
			}

			.summary {
				color: #444;
				line-height:15px;
				margin-top:8px;
			}
		.categories ul {
			list-style-type: none;
			margin: 9px 0 3px;
		}
			.categories li {
				font-size:14px;
				background: url("../img/common/arrow_01.gif") no-repeat 3px 4px;
				padding: 0 0 8px 16px;
			}
		.more {
			text-align: right;
			background: url("../img/common/arrow_02.gif") no-repeat 190px 3px;
			padding-right:12px
		}
			.more a {
				color: #CC9966;
			}

	#notice {}

		.infolist,.infolist2 {
			text-align: right;
			background: url("../img/common/arrow_02.gif") no-repeat right 3px;
			padding-right:12px;
			margin-top:15px;
		}
			.infolist a, .infolist2 a {
				color: #CC9966;
			}



/* info-tabs */
#info-tabs{
	margin:24px 0 16px;
	border-bottom:1px #ccc solid;
}
.b-tabs {
  display: flex;
  justify-content: center;
  /*background: #fff;
  padding-bottom: 2px;*/
  /*filter: drop-shadow( 0 4px 2px rgb( 0 0 0  / .1 ));*/
  margin-bottom:-1px;
}
.b-tabs li {
  display: block;
  width: 130px;
  margin-right:4px;
}

.b-tabs button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 42px;
  padding: .6em 1em;
  opacity: .7;
  font-size: 12px;
  text-align: center;
  border-radius:  4px 4px 0 0;
  /*border:1px #ccc solid;*/
  background:#7DC242;
  /*border-top:3px #7DC242 solid;*/
  border:none;
  margin-top:8px;
  color:#fff;
  font-weight:700;
}

.cat-important button{
	/*border-top:3px #CC0000 solid;*/
	background:#CC0000;
	color:#fff;
}
.cat-topics button{
	/*border-top:3px #007414 solid;*/
	background:#007414;
	color:#fff;
}
.cat-campaign button{
	/*border-top:3px #008cd0 solid;*/
	background:#008cd0;
	color:#fff;
}

.b-tabs .active button,
.b-tabs button:hover {
  /*transform: translateY(2px);*/
  opacity: 1;
}
.b-tabs .active button {
  /*font-weight: 700;*/
  pointer-events: none;
  /*color: #fff;*/
  height:50px;
  margin-top:0;
  /*font-size:14px;*/
  font-weight:700;
}

.b-tabs button:hover{
	cursor: pointer;
}

/* post ----------------*/
/*
.post {
  position: relative;
  overflow: hidden;
}
.post::before{
  content: "";
  display: block;
  width: 120%;
  height: 100%;
  position: absolute;
  right: 120%;
  transform-origin: left;
  transform: skewX(25deg);
  background-image: linear-gradient(150deg, #fff 0%, #fff 25%, #fef9d7 100%);
  z-index: -1;
  transition: .4s ease-out;
}
.post:hover::before {
  right: -10%;
}
.post a {
  display: flex;
  flex-wrap: wrap;
  padding: 30px 0 30px .8em;
  border-bottom: 1px dashed #ccc;
}
  */
.b-postDate,
.e-postTitle {
  margin: .3em 0;
}
.b-postDate {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
}
.e-time {
  font-size: .9em;
}
.e-catName {
  display: inline-flex;
  align-items: center;
  margin: 0 1em;
  padding: .2em .5em;
  border-radius: 3px;
  font-size: .75em;
  color: #fff;
}
.e-postTitle {
  line-height: 1.5;
}





/* sidebar */
	#magazine, #pickup {
		background: url("../img/common/border_xdot.gif") repeat-x 0 bottom;
		margin-bottom:20px;
	}
		#sidebar h3 {
			margin-bottom:6px;
			text-indent:-9999px;
		}
			.mid3_magazine {
				display:block;
				width: 226px;
				height: 39px;
				background: url("../img/top/mid3_magazine.gif") no-repeat 0 0;
			}
			.mid3_pickup {
				display:block;
				width: 226px;
				height: 39px;
				background: url("../img/top/mid3_pickup.gif") no-repeat 0 0;
			}
			.mid3_market {
				display:block;
				width: 226px;
				height: 39px;
				background: url("../img/top/mid3_market_info.gif") no-repeat 0 0;
			}

		.magazine_wrapper {
			padding-top: 5px;
			padding-bottom: 9px;
			height: 130px;
		}
		.pickup_wrapper {
			padding: 5px 6px 15px;
		}

		.cover {
			padding-left:3px;
			float: left;
		}
		.thumb {
			width:90px;
			height:auto;
			border: 1px #999 solid;
		}
		.magazine_contents {
			width: 115px;
			float: right;
		}
		#magazine p, #pickup p{
			color:#444;
			font-size: 12px;
			line-height:16px;
		}
		#magazine h4{
			color:#444;
			font-size: 14px;
			margin: 3px 0;
		}
		#magazine strong {
			font-size: 18px;
		}
		#pickup .pickup_ttl{
			color:#444;
			font-size: 14px;
			line-height:21px;
			margin-bottom:6px;
		}
		#pickup .pthumb {
			margin-top:6px;
			margin-left: 9px;
			float:right;
		}
		.pdate {
			font-size: 10px;
		}
		.mtitle {
			background: url("../img/common/arrow_01.gif") no-repeat 1px 4px;
			padding-left:13px;
			padding-bottom:15px;
		}

	#banners{}
		#banners img, #banners0 img {
			margin-bottom: 10px;
		}
		#banners img.miraichan {
			margin-top: -4px;
		}

		#banners0 {
			margin-bottom: 20px;
		}

	#banners .separator {
		height:1px;
		background: url("../img/common/border_xdot.gif") repeat-x 0 bottom;
		margin-top:10px;
		margin-bottom:20px;
	}

/* ?o?i?[ */
	#leader_board {
		margin-top:30px;
		margin-bottom: 30px;
	}
		#leader_board p {
			text-align:center;
		}

#middle_bnr_area {
	width:500px;
	margin:0 auto 20px;
}
	#middle_bnr_area img {
		margin-bottom:10px;
	}

#bottom_bnr_area {
	width:500px;
	margin:0 auto 30px;
}
	#bottom_bnr_area img {
		margin-right:20px;
		margin-bottom:30px;
		float: left;
	}


#slider{
    position:relative;
    width: 100%;
    max-width:960px;
    padding:0;
    margin:0 auto;
	margin:18px auto 0;
}
#slider img{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}


#sp-philosophy{
	display:none;
}
#slider{
	display:block;
}
#slider2{
	display:none;
}
#gnav{
	display:none;
}

/* SP */
@media screen and ( max-width:1000px )
{


#slider{
	display:none;
}
#slider2{
	display:block;
}

#slider2{
    position:relative;
    width: 100%;
    max-width:960px;
    height:auto;
    padding:0;
    margin:0 auto 0;
}

#slider2 img{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}
#gnav{
	display:inherit;
	width:95%;
	margin:25px auto 0;
}
	#gnav ul{
		background:url("/img/common/background_table_lgrn.gif") repeat 0 0;
		border-radius: 3px;
	}
	#gnav li{
		width:33.3%;
		float:left;
		list-style-type: none;
	}
	#gnav a{
	    height: 30px;
	    color: #FFF;
	    font-size: 12px;
	    text-decoration: none;
	    display: block;
	    text-align: center;
	    padding-top: 52px;
	    border-right: 1px #FFF solid;
	    border-bottom: 1px #FfF solid;
	    font-weight:bold;
	}
	#gnav a.money{
	    background: url(/img/top/moneymark.svg) no-repeat center 15px;
	    background-size: auto 32px;
	}
	#gnav a.kyosai{
	    background: url(/img/top/kyosaimark.svg) no-repeat center 15px;
	    background-size: auto 32px;
	}
	#gnav a.agri{
	    background: url(/img/top/agrimark.svg) no-repeat center 17px;
	    background-size: auto 29px;
	}
	#gnav a.eat{
	    background: url(/img/top/eatmark.svg) no-repeat center 14px;
	    background-size: auto 32px;
	}
	#gnav a.life{
	    background: url(/img/top/lifemark.svg) no-repeat center 16px;
	    background-size: auto 28px;
	}
	#gnav a.about{
	    background: url(/img/top/jamark.svg) no-repeat center 18px;
	    background-size: auto 25px;
	}

#contents{
	width:100%;
}
#container{
	background-image: none;
}
#leader_board{
	width:100%;
}

	#leader_board img{
		width:95%;
		max-width:728px;
	}

#sp-philosophy{
	display:inherit;
	background: url("/img/common/background_table_pgrn.gif") repeat 0 0;
	padding:28px 0 28px;
	position:relative;
}
	#sp-philosophy .maincopy{
		font-size:23px;
		line-height: 30px;
		text-align: center;
		margin-top:0;
		margin-bottom: 12px;
		padding-top:0;
		color: #007414;
	}
	#sp-philosophy .mainstr{
		font-size:12px;
		line-height: 20px;
		padding:0 32px 20px;
		margin-bottom:0;
		color:#333300;
	}
		#sp-philosophy .mainbtn{
			width: 150px;
			display: block;
			border-radius: 3px;
			font-size:12px;
			line-height: 1;
			font-weight:bold;
			text-decoration: none;
			background: none;
			margin: 0 auto 0;
			text-align: center;
			padding:0;
			background-color: #007414;
		}
					#sp-philosophy .mainbtn a {
						color: #FFF;
						text-decoration: none;
						display:block;
						width:auto;
						height:100%;
						margin: 0;
						padding:14px 9px;
					}

					.miraichan{
						background:url("/img/top/miraichan.svg") no-repeat 0 0;
						background-size: 60px;
						width:60px;
						height:90px;
						position:absolute;
						bottom:16px;
						right:28px;
					}
.post_sep{
	display:none;
}

		.post{
			height: auto;
			background: none;
			padding: 28px 30px 18px 0;
			border-bottom:1px #333 dotted;
			position:relative;
		}
			.post::after{
				font-family: FontAwesome;
	  			content: '\f105';
	  			font-size:25px;
	  			line-height:1;
	  			position:absolute;
	  			top:31px;
	  			right:15px;
				color:#CCC;
			}

		.post_date{
			color:#666;
			background: none;
			padding: 0 16px 0 20px;
			float:none;
			position: absolute;
			bottom:9px;
			left:0;
		}
		.post_title, .post_column_title {
			font-size:14px;
			line-height: 1.3;
			float:none;
		}
			.post_title a, .post_column_title a{
				display: block;
				width:auto;
				height: auto;
				padding:8px 12px 12px 20px;
				text-decoration: none;
			}


		.post_column_cat {
			color:#666;
			font-size:12px;
			float:none;
			background-image:none;
			padding: 0;
			position: absolute;
			bottom:9px;
			left: 14px;

		}

		.post_cat {
			padding-top: 0;
			padding-right: 0;
			float: none;
			position: absolute;
			top:14px;
			left: 20px;
		}


		.post_sub_str{
			float:none;
			margin-left:20px;
			margin-top:0;
			height:40px;
		}

			.post_badge{
				position:absolute;
				top:12px;
				right:40px;
			}

/*blog*/
		.post2{
			width:100%;
			height:auto;
			float:left;
			margin-right:0;
			position:relative;
			background-color: #FFF;
			margin-bottom: 1px;
			padding:10px 0 0;
		}

		.post2_r{
			width:100%;
			height:auto;
			float:left;
			margin-right:0;
			position:relative;
			background-color: #FFF;
			margin-bottom: 1px;
			padding:10px 0 0;
		}

		.post2::after, .post2_r::after{
		    font-family: FontAwesome;
		    content: '\f0da';
		    font-size: 15px;
		    line-height: 1;
		    position: absolute;
		    bottom: 3px;
		    right: 8px;
		    color: #CCC;
		    transform: rotate(45deg);
		    font-weight: normal;
		}
			.post_thumb{
				width:130px;
				height:130px;
				overflow: hidden;
				position:relative;
				margin-left:15px;
				margin-right: 20px;
			}
				.post_thumb img{
					position:absolute;
					top:50%;
					left:50%;
					  -webkit-transform: translate(-50%, -50%);
					  -ms-transform: translate(-50%, -50%);
					  transform: translate(-50%, -50%);
					  width: 100%;
					  height: 100%;
					object-fit: cover;
				}


			.post_date2{
				width:auto;
				height:15px;
				margin-bottom:10px;
				position: absolute;
				top:39px;
				left:160px;
			}
				.post_date2 p{
					padding-top:2px;
					float:none;
				}

			.post_cat2 {
				padding: 0;
				float: none;
				position: absolute;
				top:-19px;
				left:0px;
			}

			.post_title2{
				font-size:15px;
				line-height:19px;
				width:auto;
				height:auto;
				position: absolute;
				top:65px;
				left:160px;
				padding-right:15px;
			}
			.post_title2 a{
				text-decoration: none;
			}


	.infolist, .infolist2{
			width: auto;
			display: block;
			border:1px #663300 solid;
			border-radius: 3px;
			font-size:12px;
			line-height: 1;
			font-weight:bold;
			text-decoration: none;
			background: none;
			margin: 15px 15px 0 15px;
			text-align: right;
			padding:0;
			float:none;
			text-align: center;
	}
	.infolist2{
			display: inline-block;
			margin: 15px 9px 0 0;
			float:right;
	}
			.infolist a, .infolist2 a {
						color: #663300;
						text-decoration: none;
						display:block;
						width:auto;
						height:100%;
						margin: 0;
						padding:9px 12px 9px 12px;
			}

	.fb-container{
		text-align: center;
		width:95%;
		max-width:500px;
	}
	.fb-like{
		margin-left:10px;
		width:auto;
	}

	.categories {
		margin-bottom:25px;
	}
		.srv {
			width:auto;
			background-image:none;
			float: none;
			padding:0;
		}
		.srv_r {
			width:auto;
			float: none;
			padding:0;
		}

		#contents h3 {
			width: auto;
			margin:0 15px;
			margin-bottom:0;
			text-indent:0;
			background:url("/img/common/background_mida.gif") repeat 0 0;
		}

			.mid3_bank {
				background-image: none;
			}
			.mid3_kyosai {
				background-image: none;
			}
			.mid3_agri {
				background-image: none;
			}
			.mid3_eat {
				background-image: none;
			}
			.mid3_life {
				background-image: none;
			}
			.mid3_hyogomirai {
				background-image: none;
			}

			.mid3 {
				display:block;
				text-decoration: none;

				width: auto;
			    float: none;
			    text-indent: 0;
			    color: #663300;
			    height: auto;
			    padding: 18px 20px 17px 45px;
			    background: url(/img/common/icn-leaf2.svg) no-repeat 21px 15px;
			    line-height: 1.25;
			}




			.summary {
				color: #333300;
				margin-top:0;
			width:auto;
			font-size: 14px;
			line-height:21px;
			padding:0 20px;
			}

		.srv a, .srv_r a{
			margin:0 0 18px;
			text-decoration: none;
			font-size:12px;
			font-weight:bold;
		}
		.srv ul li a::after, .srv_r ul li a::after{
				font-family: FontAwesome;
	  			content: '\f105';
	  			font-size:15px;
	  			line-height:1;
	  			position:absolute;
	  			top:9px;
	  			right:15px;
				color:#CCC;
		}
		.srv ul, .srv_r ul{
			width:auto;
			/*background-color: #FFF;*/
			padding-top:0;
			padding-bottom:5px;
			margin:18px 15px 0;
			border-radius: 0;
			border-top:1px #EEE solid;
			/*background:#FFF;*/
		}
		.srv ul li, .srv_r ul li{
			width:auto;
			padding:8px 15px 8px 15px;
			border-bottom:1px #EEE solid;
			background-image: none;
			position: relative;
			background:#FFF;
		}

		.service_img {
			margin:0 0 12px;
			text-align: center;
			float: none;
		}

	.more{
			width: 100px;
			display: block;
			border:1px #663300 solid;
			border-radius: 3px;
			font-size:12px;
			line-height: 1;
			font-weight:bold;
			text-decoration: none;
			background: none;
			margin: 18px auto 30px;
			text-align: center;
			padding:0;
			float:none;
			background-image: none;
	}
			.more a {
						color: #663300;
						text-decoration: none;
						display:block;
						width:auto;
						height:100%;
						margin: 0;
						padding:9px 12px 9px 12px;
			}
#magazine {
	background-image:none;
	margin:25px 15px;
	padding:0 0 18px;
	width:auto;
}
		#sidebar h3 {
			margin-bottom:0;
			text-indent:0;
			background: url("/img/common/background_mida.gif") repeat-x 0 0;
		}
			.mid3_magazine {
				display:block;
				width: auto;
				height: auto;
				background-image: none;
				text-decoration: none;
			    padding: 16px 20px 16px 45px;
			    background: url(/img/common/icn-leaf2.svg) no-repeat 21px 15px;
			    line-height: 1.25;
			    margin-bottom: 9px;
			}



		.magazine_contents {
			width: auto;
			float: none;
			margin-top:14px;
			padding:0 15px;
			position: relative;
		}
		.magazine_contents::after{
		    font-family: FontAwesome;
		    content: '\f105';
		    font-size: 25px;
		    line-height: 1;
		    position: absolute;
		    top: 12px;
		    right: 20px;
		    color: #999;
		}
		#magazine p, #pickup p{
			color:#444;
			font-size: 14px;
			line-height:20px;
		}
		#magazine h4{
			color:#444;
			font-size: 14px;
			margin: 0;
		}
		#magazine strong {
			font-size: 18px;
		}

		.magazine_wrapper {
			padding-top: 12px;
			padding-bottom: 12px;
			height: auto;
		}
		.pickup_wrapper {
			padding: 5px 6px 15px;
			height:auto;
		}
		#magazine p.mtitle {
			background: url("/img/common/arrow_01.gif") no-repeat 11px 16px;
			padding-left:23px;
			padding-right:15px;
			padding-bottom:13px;
			margin-left:0;
			margin-right:0;
			padding-top:12px;
			border-top:1px #333 dotted;
			border-bottom:1px #333 dotted;
			font-size:12px;
			line-height: 16px;
		}
		.cover {
			padding-left:0;
			float: none;
			text-align: center;
			padding:0;
			width:auto;
			height:auto;
			margin: 0 auto;
		}
		.thumb {
			border: 1px #999 solid;
			width:187px;
			height:auto;
		}

#sidebar{
	width:100%;
	padding:0;
	float:none;
}
/*banners*/
	#banners{
		display:block;
		width:auto;
		height:auto;
		margin:25px auto 0;
		text-align: center;
	}
	#banners a{
		display: inline;
		margin-right:0;
		margin-bottom: 0;
	}
	#banners img{
		width:47%;
		max-width:220px;
		height:auto;
		margin:0 2px 4px;
	}
	.separator{
		display:none;
	}
}