@charset "UTF-8";

@media screen and (min-width: 850px) {
	/*====================▼▼▼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;
	}

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

	.pc_header li {
	  /*display: inline-block;*/
	}

	.header_logo {
	  display: inline-block;
	}

	header img {
	  width: 300px;
	}

	.pc_call {
		font-size: 50px;
		color: #FF7538;
		background-image: url(../images/phone.png);
		background-repeat: no-repeat;
		background-size: 50px;
		height: 60px;
		background-position-y: center;
		text-align: right;
		padding: 10px 20px 0 60px;
		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%;
		filter: drop-shadow(0 3px 2px rgba(0,0,0,0.1));
	}

	.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;
	}

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

	#globalNavi li:not(:last-child)  {
     border-right: 1px dashed #54ABFF;
	}

	#globalNavi ul li a{
		color: #54ABFF;
		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: 849px)  {
	#globalNavi {
		display: none;
	}


		.navi_assist {
			position: absolute;
		}

	.header_contents_box {
		position: relative;
		display: flex;
		justify-content: space-around;
		align-items: center;
		height: 80px;
	}

	.pc_header {
		display: flex;
		align-items: center;
		height: 80px;
		justify-content: flex-end;
		margin: 0 10px 0 0;
	}

	.header_logo {
		margin: 0 0 0 10px;
	}

	header img {
		max-width: 180px;
    	width: 90%;
    	padding: 0 0 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: 30px;
		object-fit: contain;
		display: block;
		margin: 10px auto 0;
	}

	#sp_nav ul{
		display: flex;
		align-items: center;
		justify-content: space-around;
		height: 80px;
		background-color: #FFFFFF;
		/* border-bottom: 3px solid #8FBF2C; */
		filter: drop-shadow(0 3px 2px rgba(0,0,0,0.1));
	}

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

	#sp_nav li:not(:last-child)  {
		border-right: 2px dotted #54ABFF;
	}

	#sp_nav ul li a{
		color: #54ABFF;
		text-align: center;
		font-size: 12px;
	}

	#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;
		filter: drop-shadow(0 3px 2px rgba(0,0,0,0.1));
	}

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

	.header_log {
		display: inline-block;
	}

		header img {
			max-width: 180px;
			width: 100%;
			padding: 0 10px 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: 20px;
			background-position: 49% 45%;
			display: inline-block;
			background-color: #FF7538;
			padding: 20px;
			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: 30px;
			object-fit: contain;
			display: block;
			margin: 5px auto 0;
		}

		#sp_nav ul{
			display: flex;
			align-items: center;
			justify-content: space-around;
			height: 80px;
			background-color: #FFFFFF;
			filter: drop-shadow(0 3px 2px rgba(0,0,0,0.1));
		}

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

		#sp_nav li:not(:last-child)  {
			border-right: 2px dotted #54ABFF;
		}

		#sp_nav ul li a{
			color: #54ABFF;
			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;
		}
}