@charset "UTF-8";

/*boxMain*/
.boxMain {
	margin-bottom: 10px;
}

.boxMain img {
	display: block;
	height: auto;
	width: 100%;
}

.boxDesc {
	margin: 0 auto 14px;
	width: 90.625%;
}

.boxDesc p {
	color: #858585;
}

.boxDesc p.gray {
	color: #aeaeae;
}

.boxEntry {
	background: url(../img/farmers/shared/bg_dot_1.png) repeat-x top left;
	background-size: 290px 3px;
	padding-top: 8px; /* 3 + 5 */
	margin: 0 auto 30px;
	width: 90.625%;
}

.boxEntry div {
	margin-top: 8px;
}

.boxEntry div img {
	display: block;
	height: auto;
	width: 100%;
}

.boxEntry h2.sun {
	background: url(../img/report/bg_sun.jpg) no-repeat top left;
	background-size: 62px 57px;
	color: #77c3d7;
	height: 39px;
	margin-bottom: 4px;
	padding: 18px 0 0 33px;
}

.boxEntry h2 {
	color: #434343;
	margin: 13px 0 10px;
}

.boxEntry h3.sun {
	color: #434343;
	margin-bottom: 10px;
}

.boxEntry h3 {
	color: #77c3d7;
	margin-bottom: 10px;
}

.boxEntry p {
	color: #9c9c9c;
}

.boxEntry p.main {
	margin: 0 0 10px;
}

.boxEntry span.pickup {
	color: #ee5501;
}

.boxEntry p.pickup {
	color: #eeaa01;
}

.topCopy {
	padding: 28px 0 0 5px !important;
	margin: 0 auto 11px !important;
}

.topCopy img {
	display: block;
	height: auto;
	width: 100%;
}

.boxSup {
	position: relative;
	margin: 0 auto;
	width: 90.625%;
}

.boxSup img {
	display: block;
	height: auto;
	width: 100%;
}

.boxGotop {
	text-align: center;
	margin: 16px 0;
	width: 100%;
}

.boxGotop img {
	display: inline !important;
}

.footCopy {
	padding: 9px 0 0 9px;
	margin: 0 auto 20px;
	width: 90.625%
}

.footCopy img {
	display: block;
	height: auto;
	width: 100%;
}

.boxFb {
	margin: 0 auto;
	width: 90.625%;
}

.boxFb a img {
	display: block;
	height: auto;
	width: 100%;
}

.boxFb p {
	margin-top: 12px;
}

#linkFarmer {
	left: 4.13%;
	top: 92.9%;
/*	background: #333333;*/
/*	opacity: 0.5;*/
	height: 20px;
	width: 89.6%;
	position: absolute;
}

.boxEntrySns,
.boxBtns {
	background: url(../img/farmers/shared/bg_dot_1.png) repeat-x top left;
	background-size: 290px 3px;
	padding-top: 3px;
	margin: 0 auto;
	width: 90.625%;
}

.boxBtns div {
	margin-top: 22px;
}

/*boxEntrySns*/
.boxEntrySns {
	padding-top: 13px;
	margin-bottom: 12px;
}

.boxEntrySns:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}

.boxEntrySns .btnFb {
	float: left;
	width: 49%;
}

.boxEntrySns .btnTw {
	float: right;
	width: 49%;
}

.boxEntrySns .btnFb img,
.boxEntrySns .btnTw img {
	height: auto;
	width: 100%;
}

@media screen and (max-width:767px) {
	.pc{display: none;}
	.sp{display: inline;}
	#spContent{
		display: block;
	}
	#logoMarche,#lavaNav{
		display: none;
	}
	#spContent {
		background: url(../../../../marche/sp/common/img/shared/bg_header_750.png) no-repeat;
		background-size: cover;
		height: 71px;
		position: fixed;
		width: 100%;
		z-index: 9999;
		top: 0;
	  }
	/* Nav items */
	:root {
		--background-navbar: #fcf99f;
	  }
	#headerContent{
		height: 71px;
		z-index: 27;
	}
	#home{
		display: block;
		width: 250px;
		height: 60px;
	}
	.menu {
		list-style: none;
		position: absolute;
		width: 100%;
		height: auto;
		top: 0;
		margin-top: 60px;
		padding: 0 0 10px 0;
		clear: both;
		background: var(--background-navbar);
		transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
		transform: scale(1, 0);
		transform-origin: top;
	}
	
	/* Hamburger menu button */
	.menu-btn:checked ~ .menu {
		transform: scale(1, 1);
		transform-origin: top;
		transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
	}
	
	/* Hamburger menbu text */
	.menu a {
		text-decoration: none;
		font-weight: 500;
		letter-spacing: 2px;
		font-size: 16px;
		text-transform: capitalize;
		color: #313131;
		opacity: 0;
		transition: 0.5s;
	}
	
	.menu li {
		border-top: 1px solid rgb(75, 75, 75);
		padding: 15px 0;
		margin: 0 54px;
		opacity: 0;
		transition: 0.5s;
	}
	
	.menu-btn:checked ~ .menu a,
	.menu-btn:checked ~ .menu li {
		opacity: 1;
		transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.2s;
		display: block;
	}
	
	.menu-btn {
		display: none;
	}
	
	.menu-icon {
		display: inline-block;
		position: absolute;
		cursor: pointer;
		padding: 18px 6px;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		top: 13px;
		right: 10px;
		background: #fff;
		}
	
	.navicon {
		background: #ddd;
		display: block;
		height: 2px;
		width: 35px;
		position: relative;
		transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
		}
	
	.navicon:before,
	.navicon:after {
		content: "";
		display: block;
		height: 100%;
		width: 100%;
		position: absolute;
		background: #ddd;
		transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
	}
	
	.navicon:before {
		top: 8px;
		}
	
	.navicon:after {
		bottom: 8px;
		}
	
	/* Hamburger Menu Animation Start */
	.menu-btn:checked ~ .menu-icon .navicon:before {
		transform: rotate(-45deg);
	}
	
	.menu-btn:checked ~ .menu-icon .navicon:after {
		transform: rotate(45deg);
	}
	
	.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before {
		top: 0;
	}
	.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
		bottom: 0;
	}
	
	.menu-btn:checked ~ .menu-icon .navicon {
		background: rgba(0, 0, 0, 0);
		transition: 0.2192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
	}
	/* Hamburger Menu Animation End */
	#headerContent,#headerBlue,.wave{
		min-width: unset;
	}
	#headerContent header{
		width: 100%;
	}
	#btnLow{
		display: none;
	}
	#gnavi{
		display: block;
		margin-bottom: 20px;
	}
	/* gnavi */
	#gnavi {
		margin-bottom: 20px;
	}

	#gnavi .boxBtns {
		margin: 0 auto;
		overflow: hidden;
		/*width: 291px;*/
		width: 90.625%;
		zoom: 1;
	}

	#gnavi .boxBtns:after {
		content: ".";
		display: block;
		clear: both;
		height: 0px;
		visibility: hidden;
	}

	#gnavi .boxBtns div {
		width: 100%;
	}

	#gnavi .boxBtns li {
		float: left;
		/*margin: 0 3px 3px 0;*/
		margin-bottom: 1.2%;
		margin-right: 1.2%;
		width: 49.4%;
	}

	#gnavi .boxBtns li a img {
		display: block;
		height: auto;
		width: 100%;
	}

	#gnavi .boxBtns li:nth-child(2) {
		margin-right: 0;
	}

	#gnavi .boxBtns li:nth-child(3) {
		margin-bottom: 0;
	}

	#gnavi .boxBtns li:nth-child(4) {
		margin-right: 0;
		margin-bottom: 0;
	}
}