@charset "utf-8";
/* CSS Document */


/*---------------------------------------

	メインレイアウト

---------------------------------------*/

@media screen and (max-width: 1024px) {
	#contents {
		width:100%;
		padding-bottom: 482px;
	}

	.inner {
		box-sizing: border-box;
		width: 100%;
		padding: 0 20px;
	}
}


/*---------------------------------------

	共通設定

---------------------------------------*/

@media screen and (max-width: 1024px) {
	/*----------見出し---------*/
	.pagettl {
		height: 200px;
	}
	
	.pagettl h2{
		padding-top: 100px;
		font-size: 30px;
	}

	.title {
		font-size: 30px;
	}

	
	/*----------文字---------*/
	.line-break {
		display: inline;
	}
	
	.sp-br {
		display: none;
	}
	.none {
		display: none;
	}

	.sp_left {
		text-align: left;
	}

	/*----------画像---------*/
	.pc {
		display: none;	
	}
	
	.sp {
		display:block;
	}	
	
	
	/*----------テーブル---------*/
	table.type01 th {
		width: 30%;
		padding: 20px 10px;
	}
	
	table.type01 td {
		width: 70%;
		padding: 20px 10px;
	}

	.table_scroll table {
		margin-bottom: 20px;
	}

	/*----------ボタン---------*/
	.btn a {
		width: 100%;
	}
	
	.campaign_btn {
		width: 100%;
	}
}

@media screen and (max-width: 600px) {
	/*----------テーブル---------*/
	.table_scroll {
		width: 600px;
	}
}

/*---------------------------------------

	ヘッダー
	
---------------------------------------*/

@media screen and (max-width: 1350px) {
	/*----------ヘッダー---------*/
	header {
		width: 100%;
		height: 80px;
		padding: 0;
		z-index: 999;
	}
	
	#header_inner {
		width: 100%;
		height: 80px;
		padding: 0px 20px;
	}
	

	/*----------ロゴ---------*/
	#logo {
		width: 250px;
	}

	#logo img {
		width: 250px;
		height: auto;
	}

	/*----------メニュー---------*/
	header nav {
		width: 100%;
		height: 100vh;
		padding-top: 80px;
		background: rgba(238,247,253, 0.9);
		text-align: center;
		position: fixed;
		top: 0;
		left : 0;
		z-index: 99;
		opacity: 0;
		display: none;
		transition: opacity .6s ease, visibility .6s ease;
	}
	
	header nav.active{
		opacity: 100;
		display: block;
	}

	header nav ul {
		display: block;
		margin: 0 auto 20px;
	}
	
	header nav ul li{
		margin: 0 auto;
		width: 100%;
	}
	
	header nav ul li:nth-child(6) {
		margin-left: 0px;
	}
	
	header nav ul li a{
		font-size: 18px;
		display: block; 
		text-align: center;
		margin: 0;
		padding: 20px;
	}
	
	header nav ul li a:hover {
		color: #003366;
	}
	
	header nav ul li:hover {
		background: rgba(170,213,244, 0.5);
	}

	
	.hamburger,
	.hamburger span {
		display: inline-block;
		transition: all 0.4s;
	}
	.hamburger {
		position: relative;
		width: 40px;
		height: 34px;
		cursor: pointer;
		z-index: 400;
	}
	
	.hamburger span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 4px;
		background-color: #6091c1;
		border-radius: 4px;
	}
	
	.hamburger span:nth-of-type(1) {
		top: 0;
	}
	.hamburger span:nth-of-type(2) {
		top: 15px;
	}
	.hamburger span:nth-of-type(3) {
		bottom: 0;
	}
	
	.hamburger.active span:nth-of-type(1) {
		transform: translateY(15px) rotate(-315deg);
	}
	
	.hamburger.active span:nth-of-type(2) {
		opacity: 0;
	}
	
	.hamburger.active span:nth-of-type(3) {
		transform: translateY(-15px) rotate(315deg);
	}
}



/*---------------------------------------

	トップページ

---------------------------------------*/
@media screen and (max-width: 1350px) {
	/*----------取扱商品---------*/
	.top_merchandise li .line-break{
		display: inline;
	}
	
	.none {
		display: none;
	}
}


@media screen and (max-width: 980px) {
	/*----------スライド---------*/
	.catchcopy{
		height: 600px;
	}

	.slide div {
		height: 600px;
	}

	/*----------食の安心安全について---------*/
	.anshin_anzen {
		background:url(../img/anshin_anzen_bg.png) no-repeat center;
		height:100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	/*----------事業内容---------*/
	.top_business .item {
		flex-direction: column;
	}
	
	.top_business .img:nth-child(even) {
		position: static;
		z-index:999;
		width: auto;
		padding-left: 20px;
	}
	
	.top_business .detail:nth-child(odd) {
		width: auto;
		margin: -62px 20px 0 0;
		padding: 100px 30px 50px 25px
	}

	.top_business .img:nth-child(odd) {
		position: static;
		z-index:999;
		width: auto;
		padding-right: 20px;
	}

	.top_business .detail:nth-child(even) {
		width: auto;
		margin: -145px 0px 0 20px;
		padding: 180px 30px 50px 25px;
	}
	
	.top_business .detail-in {
		max-width: 100%;
	}
	
	.order1 {
		order: 1;
	}
	
	.order2 {
		order: 2;
	}

	/*----------取扱商品---------*/
	.top_merchandise li{
		width: 50%;
		margin-bottom: 20px;
	}

	.top_merchandise li:nth-child(3),
	.top_merchandise li:last-child {
		margin-bottom: 0px;
	}

	/*----------お問い合わせ---------*/
	.top_contact {
		display: block;
	}

	.top_contact li{
		margin-bottom: 40px;
		text-align: center;
	}

	.top_contact li img {
		margin-right: 30px;
	}

	.top_contact li:first-child img {
		margin-right: 20px;
	}
	
	.top_contact li:first-child {
		margin-right: 0px;
	}

	.contact_btn {
		width: 100%;
	}	
}

@media screen and (max-width: 630px) {
	/*----------新着情報---------*/
	.top_info_list li {
		display: block;
	}
	
	.top_info_list li div {
		width: 100%;
		margin-bottom: 20px;
	}
	
	.top_info_list li p {
		width: 100%;
	}
}

@media screen and (max-width: 599px) {
	/*----------取扱商品---------*/
	.top_merchandise li{
		width: 100%;
	}

	.top_merchandise li:nth-child(3) {
		margin-bottom: 20px;
	}

	/*----------新着情報---------*/
	.top_info_list li {
		display: block;
	}
	
	.top_info_list li div {
		width: 100%;
		margin-bottom: 20px;
	}
	
	.top_info_list li p {
		width: 100%;
	}
}

/*---------------------------------------

	子ページ

---------------------------------------*/
@media screen and (max-width: 576px) {
	/*----------画像---------*/
	.item_02 li{
		width: 100%;
	}
	
	.item_02 li:nth-child(odd) {
		padding-right: 0px;
	}
	
	.item_02 li:nth-child(even) {
		padding-left: 0px;
	}
	
	.item_02 li:nth-child(3) {
		padding-bottom: 40px;
	}
}


@media screen and (max-width: 768px) {
	/*----------会社案内---------*/
	.company_bg {
		background: url(../img/company_bg_sp.png) no-repeat bottom;
		background-size: contain;
		padding-bottom: 400px !important;
	}

	
	/*----------精米工場の紹介---------*/
	.factory_scroll {
		width: 700px;
		padding-bottom: 20px;
	}
}

@media screen and (max-width:1024px){
	/*----------取扱商品---------*/
	.list dd{
		text-align: left;
	}

	/*----------事業内容---------*/
	.business .item {
		flex-direction: column;
	}
	
	.business .item .img,
	.business .item .detail {
		width: 100%;
	}
	
	.business .item .img {
		text-align:center;
	}
	
	.business .item .detail h2,
	.merchandise .item .detail h2 {
		text-align: center;
	}

	.business .item .img img {
		height: auto;
	}
	
	.business .item .detail:nth-child(odd) {
		padding-right: 0px;
		margin-bottom: 40px;
	}
	
	.business .item .detail:nth-child(even) {
		padding-left: 0px;
		margin-bottom: 40px;
	}
	
	/*----------特別栽培米ガイドライン---------*/
	table.guideline02 th:nth-child(2),
	table.guideline02 td:nth-child(2),
	table.guideline02 th:nth-child(3) {
		white-space: nowrap;
	}

	/*----------キャンペーン---------*/
	.campaign {
		width: 100%;
	}

	/*----------新着情報---------*/
	.info_list dt {
		display: block;
	}
	
	.info_list dt div{
		margin-bottom: 20px;
	}

	/*----------お問い合わせ---------*/
	.contact {
		display: block;
	}

	.contact li {
		padding-right: 0px;
		padding-bottom: 40px;
	}

	.contact li:last-child {
		padding-bottom: 0;
	}

	.contact_01 img {
		margin-right: 0px;
		display: block;
		margin: 0 auto 15px;
	}
	
	.contact_01 p {
		display: block;
		text-align: center;
	}

	.contact_01 .mail {
		font-size: 26px;
	}
}

/*---------------------------------------

	フッター

---------------------------------------*/
@media screen and (max-width: 1024px) {
	.footer_menu {
		padding: 0;
	}
	
	.footer_menu nav {
		width: 100%;
	}
	
	.footer_menu ul {
		flex-wrap: wrap;
	}
	
	.footer_menu ul li{
		width: 50%;
		box-sizing: border-box;
		padding: 0;
		border-bottom: 1px solid #95cbf1;
		/*transition : all 0.5s ease 0s;*/
	}
	
	.footer_menu ul li:nth-child(odd) {
		border-right: 1px solid #95cbf1;
	}
	
	.footer_menu ul li:nth-child(7),
	.footer_menu ul li:nth-child(8) {
		border-bottom: none;
	}
	
	.footer_menu ul li a{
		display:block;
		padding: 20px 15px;
		height: 60px;
	}
	
	.footer_menu ul li a:hover {
		text-decoration: none;
	}

	.footer_menu ul li:hover {
		background: #afd8f5;
	}
	#footer_inner {
		width: 100%;
		padding: 40px 20px;
	}
}