@charset "UTF-8";

@media screen and (min-width: 992px) {
	/*====================▼▼▼header▼▼▼====================*/
	header {
		width: 100%;
  	border-bottom: 3px solid #8FBF2C;
	}

	#sp_nav {
		display: none;
	}

	.header_contents_box {
		padding: 10px 0;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
		border-bottom: 3px solid  #8FBF2C;
	}

	.pc_header {
		display: flex;
    align-items: center;
	}

	.pc_header li {
	  display: inline-block;
	}

	.header_log {
	  display: inline-block;
	}

	header img {
	  width: 300px;
	}

	.pc_call {
		font-size: 35px;
    color: #FF7538;
    background-image: url(../images/farm_header_tell.png);
    background-repeat: no-repeat;
    background-size: 50px;
    height: 60px;
    background-position-y: center;
    text-align: right;
    padding: 0 20px 0 55px;
    font-weight: bold;
    vertical-align: top;
	}

	.pc_text {
	  display: block;
	  font-size: 15px;
	  font-weight: normal;
	  line-height: 1em;
		padding: 5px 0 0 0;
	}

	.pc_mall {
		background-image: url(../images/instagram.png);
    background-repeat: no-repeat;
    background-size: 90px;
    background-position: 50% 45%;
    display: inline-block;
    padding: 50px;
    cursor: pointer;
    -webkit-appearance: none;
    color: #FFFFFF;
    font-size: 15px;
	}

	.pc_mall:hover {
		background-image: url(../images/instagram_pc.png);
    background-repeat: no-repeat;
    background-size: 90px;
    background-position: 50% 45%;
    display: inline-block;
    padding: 50px;
    cursor: pointer;
    -webkit-appearance: none;
    color: #FFFFFF;
    font-size: 15px;
	}
	/*======▼▼▼PC版▼▼▼======*/
	#globalNavi{
		width: 100%;
	}

	.navi_assist {
		position: absolute;
	}

	.pc_nav_img {
		width: 40px;
    height: 30px;
    padding: 10px 0 0 0;
    object-fit: contain;
    display: block;
    margin: 0 auto;
	}

	#globalNavi ul{
		display: flex;
		align-items: center;
		justify-content: space-around;
    height: 90px;
		background-color: #FFFFFF;
		border-bottom: 3px solid  #8FBF2C;
	}

	#globalNavi li  {
		width: 20%;
    text-align: center;
	}

	#globalNavi li:not(:last-child)  {
     border-right: 1px solid #8FBF2C;
	}

	#globalNavi ul li a{
		color: #8FBF2C;
		text-align: center;
	}

	#globalNavi ul li a:hover{
		/* background:#666; */
	}

	.fixed {
	    position: fixed;
	    top: 0;
	    width: 100%;
	    z-index: 9999;
			background-color: rgba( 255, 255, 255, 0.9 );
	}

	.pc_sub_title {
	  font-size: 14px;
	  display: block;
	  font-weight: normal;
	}
	/*======▲▲▲PC版▲▲▲======*/

	.sp_menu {
		display: none ;
	}
}
@media screen and (min-width: 371px) and ( max-width: 991px)  {
	#globalNavi {
		display: none;
	}


		.navi_assist {
			position: absolute;
		}

	.header_contents_box {
		position: relative;
		display: flex;
		justify-content: space-around;
		align-items: center;
		border-bottom: 3px solid  #8FBF2C;
		height: 80px;
	}

	.pc_header {
		display: flex;
		align-items: center;
		height: 80px;
	}

	.header_log {
		display: inline-block;
	}

	header img {
		max-width: 180px;
    width: 90%;
    padding: 0 30px 0 0;
	}

	.nav {
		display: none;
	}

	.li_bt1 {
		flex-grow: 5;
		text-align: left;
		display: flex;
		align-self: center;
		padding: 0 20px 0 0;
	}

	.li_bt2 {
		flex-grow: 0.5;
	}

	.li_bt4 {
		flex-grow: 0.5;
		padding: 5px 0 0 0;
	}

	.sp_g_nav img {
		max-width: 250px;
		width: 100%;
		object-fit: cover;
	}

	.sp_call_img {
		background-image: url(../images/sp_tell.png);
		background-repeat: no-repeat;
		background-size: 35px;
		background-position: 49% 45%;
		display: inline-block;
		background-color: #FF7538;
		padding: 25px;
		margin: 0 10px 0 0;
		border-radius: 10px;
		cursor: pointer;
		-webkit-appearance: none;
		color: #FFFFFF;
		font-size: 15px;
	}

	.sp_call_img:hover {
		background-image: url(../images/farm_header_tell.png);
		background-repeat: no-repeat;
		background-size: 40px;
		background-position: 49% 45%;
		display: inline-block;
		padding: 25px;
		background-color: #FFFFFF;
		margin: 0 10px 0 0;
		border-radius: 10px;
		cursor: pointer;
		-webkit-appearance: none;
		font-size: 15px;
	}

	.pc_call {
		display: none;
	}

	.pc_text {
		display: block;
		font-size: 15px;
		font-weight: normal;
		line-height: 1em;
		padding: 5px 0 0 0;
	}

	.pc_mall {
		background-image: url(../images/instagram.png);
    background-repeat: no-repeat;
    background-size: 140%;
    background-position: 50% 45%;
    display: inline-block;
    padding: 28px;
    cursor: pointer;
    -webkit-appearance: none;
    color: #FFFFFF;
    font-size: 15px;
	}

	.pc_mall:hover {
		background-image: url(../images/instagram_pc.png);
		background-repeat: no-repeat;
    background-size: 54px;
    background-position: 50% 45%;
    display: inline-block;
    padding: 28px;
    cursor: pointer;
    -webkit-appearance: none;
    color: #FFFFFF;
    font-size: 15px;
	}

	#sp_nav{
		width: 100%;
	}

	.pc_nav_img {
		height: 60px;
		object-fit: contain;
		display: block;
		margin: 0 auto;
	}

	#sp_nav ul{
		display: flex;
		align-items: center;
		justify-content: space-around;
		height: 80px;
		background-color: #FFFFFF;
		border-bottom: 3px solid  #8FBF2C;
	}

	#sp_nav li  {
		width: 20%;
		text-align: center;
	}

	#sp_nav li:not(:last-child)  {
		 border-right: 1px solid #8FBF2C;
	}

	#sp_nav ul li a{
		color: #8FBF2C;
		text-align: center;
		font-size: 10px;
	}

	#sp_nav ul li a:hover{
		/* background:#666; */
	}

	.fixed {
			position: fixed;
			top: 0;
			width: 100%;
			z-index: 9999;
			background-color: rgba( 255, 255, 255, 0.9 );
	}

	.pc_sub_title {
		font-size: 14px;
		display: block;
		font-weight: normal;
	}
}

@media screen and (max-width: 370px) {
	#globalNavi {
		display: none;
	}


		.navi_assist {
			position: absolute;
		}

	.header_contents_box {
		position: relative;
		display: flex;
		justify-content: space-around;
		align-items: center;
		border-bottom: 3px solid  #8FBF2C;
		height: 80px;
		padding: 0 15px
	}

	.pc_header {
		display: flex;
		align-items: center;
	}

	.header_log {
		display: inline-block;
	}

		header img {
			max-width: 180px;
	    width: 90%;
	    padding: 0 30px 0 0;
		}

		.nav {
			display: none;
		}

		.li_bt1 {
			flex-grow: 5;
			text-align: left;
			display: flex;
			align-self: center;
			padding: 0 20px 0 0;
		}

		.li_bt2 {
			flex-grow: 0.5;
		}

		.li_bt4 {
			flex-grow: 0.5;
			padding: 5px 0 0 0;
		}

		.sp_g_nav img {
			max-width: 250px;
			width: 100%;
			object-fit: cover;
		}

		.sp_call_img {
			background-image: url(../images/sp_tell.png);
			background-repeat: no-repeat;
			background-size: 35px;
			background-position: 49% 45%;
			display: inline-block;
			background-color: #FF7538;
			padding: 25px;
			margin: 0 10px 0 0;
			border-radius: 10px;
			cursor: pointer;
			-webkit-appearance: none;
			color: #FFFFFF;
			font-size: 15px;
		}

		.sp_call_img:hover {
			background-image: url(../images/farm_header_tell.png);
			background-repeat: no-repeat;
			background-size: 40px;
			background-position: 49% 45%;
			display: inline-block;
			padding: 25px;
			background-color: #FFFFFF;
			margin: 0 10px 0 0;
			border-radius: 10px;
			cursor: pointer;
			-webkit-appearance: none;
			font-size: 15px;
		}

		.pc_call {
			display: none;
		}

		.pc_text {
			display: block;
			font-size: 15px;
			font-weight: normal;
			line-height: 1em;
			padding: 5px 0 0 0;
		}

		.pc_mall {
			background-image: url(../images/instagram.png);
	    background-repeat: no-repeat;
	    background-size: 140%;
	    background-position: 50% 45%;
	    display: inline-block;
	    padding: 28px;
	    cursor: pointer;
	    -webkit-appearance: none;
	    color: #FFFFFF;
	    font-size: 15px;
		}

		.pc_mall:hover {
			background-image: url(../images/instagram_pc.png);
			background-repeat: no-repeat;
	    background-size: 54px;
	    background-position: 50% 45%;
	    display: inline-block;
	    padding: 28px;
	    cursor: pointer;
	    -webkit-appearance: none;
	    color: #FFFFFF;
	    font-size: 15px;
		}

		#sp_nav{
			width: 100%;
		}

		.pc_nav_img {
			height: 60px;
			object-fit: contain;
			display: block;
			margin: 0 auto;
		}

		#sp_nav ul{
			display: flex;
			align-items: center;
			justify-content: space-around;
			height: 80px;
			background-color: #FFFFFF;
			border-bottom: 3px solid  #8FBF2C;
		}

		#sp_nav li  {
			width: 20%;
			text-align: center;
		}

		#sp_nav li:not(:last-child)  {
			 border-right: 1px solid #8FBF2C;
		}

		#sp_nav ul li a{
			color: #8FBF2C;
			text-align: center;
			font-size: 10px;
		}

		#sp_nav ul li a:hover{
			/* background:#666; */
		}

		.fixed {
				position: fixed;
				top: 0;
				width: 100%;
				z-index: 9999;
				background-color: rgba( 255, 255, 255, 0.9 );
		}

		.pc_sub_title {
			font-size: 14px;
			display: block;
			font-weight: normal;
		}
}