@charset "utf-8";

/*==========================================
 全デバイス共通［common］
===========================================*/
body {
	width: 100%;
	color: #000;
	min-width: 1024px;
}

a:link {
	color: #03c;
}

a:visited {
	color: #939;
}

a:hover {
	color: #c03;
	text-decoration: underline;
}

a:active {
	color: #f06;
}

/*======［CLEARFIX］======*/
.clearfix:before,
.clearfix:after {
	content: "";
	display: block;
	overflow: hidden;
}

.clearfix:after {
	clear: both;
}

img {
	vertical-align: bottom;
}

/*======［YUI］======*/
body {
	font: 13px/1.22 arial, helvetica, clean, sans-serif;
	*font-size: small;
	*font: x-small;
}

table {
	font-size: inherit;
	font: 100%;
}

/**
 * Bump up IE to get to 13px equivalent
 */
pre,
code,
kbd,
samp,
tt {
	font-family: monospace;
	*font-size: 108%;
	line-height: 99%;
}

/*======［End_YUI］======*/

body {
	font-size: 100%;
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif;
}

/*==========================================
 PC専用［960px以上で固定＊固定指定を下記に］
===========================================*/
#wrapper {
	position: relative;
	width: 100%;
}

.d-left {
	float: left;
}

.d-right {
	float: right;
}

.pc-on {
	display: block;
}

.sp-on {
	display: none;
}

/* ============［MC-DRAWR-MENU］============ */
#mc-slide-menu-box {
	display: none;
}

/* ============［GO-TO-HEAD］============ */
.go-to-head {
	position: fixed;
	right: 15px;
	bottom: 30px;
	margin: 0;
	z-index: 100;
}

.go-to-head a {
	width: 80px;
	height: 80px;
	display: block;
	padding: 0;
}

.go-to-head a img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-moz-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.go-to-head a:hover img {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-moz-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

/* ============［Header］============ */
#header-wrap {
	width: 100%;
	height: 80px;
	margin: 0;
	border-top: solid 5px #5DAC53;
	border-bottom: solid 1px #c1c1c1;
}

#header {
	position: relative;
	width: 1000px;
	height: 80px;
	margin: 0 auto;
	padding: 0;
}

#logo {
	position: absolute;
	left: 0;
	top: 20px;
	width: 185px;
	height: 40px;
}

#logo a {
	display: block;
	width: 308px;
	height: 40px;
}

.header-catch {
	position: absolute;
	left: 240px;
	top: 36px;
	width: 340px;
	height: 17px;
}

/* ============［Nav］============ */
#nav-wrap {
	width: 100%;
	height: 70px;
	margin: 0;
}

.nav {
	width: 1000px;
	height: 70px;
	margin: 0 auto;
}

.nav ul {
	list-style: none;
	margin: 0;
	padding: 10px 0 0;
	height: 60px;
	display: flex;
	justify-content: space-between;
}

.nav ul li {
	height: 40px;
	width: 150px;
	margin: 0 8px 0 0;
}

.nav ul li a {
	height: 100%;
	position: relative;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	align-self: center;
	border-radius: 10px;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	background-color: #fff;
	color: #333;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.nav ul li a:before {
	content: "";
	position: absolute;
	bottom: -8px;
	left: 50%;
	margin-left: -9px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 0 9px;
	border-color: #fff transparent transparent transparent;
	z-index: 0;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

/* hover */
.nav ul li a:hover {
	background-color: #84C067;
	color: #fff;
}

.nav ul li a:hover::before {
	border-color: #84C067 transparent transparent transparent;
}

/* current */
.nav ul li a.current,
.nav ul li a.current:hover {
	background-color: #84C067;
	color: #fff;
	cursor: default;
}

.nav ul li a.current::before,
.nav ul li a.current:hover::before {
	border-color: #84C067 transparent transparent transparent;
}

/* ============［Slide］============ */
#slide-wrap {
	width: 100%;
	margin: 0 0 2px;
	position: relative;
}

.slide-bx-ver {
	width: 100%;
	height: 600px;
	over-flow: hidden;
}

.slide-bx-ver li {
	position: relative;
	width: 100%;
	height: 600px;
}

.slide-bx-ver li img {
	width: 100%;
	height: 600px;
	object-fit: cover;
	object-position: center center;
	font-family: 'object-fit: cover; object-position: center top;'
}

/* ============［HOME-INFO］============ */
#home-info-wrap {
	width: 100%;
	height: 400px;
	background: url(../image/home_info_bg.jpg) no-repeat center center;
	background-size: cover;
}

.home-info {
	width: 1000px;
	height: 400px;
	margin: 0 auto;
}

.home-info .d-left {
	width: 500px;
	height: 400px;
	text-align: center;
	background: url(../image/home_info_apple_bg.jpg) no-repeat 0 0;
}

h2.info-tt {
	margin: 50px 0;
}

.info-hbn {
	margin: 0 0 50px;
	text-align: center;
	font-size: 115%;
	font-weight: bold;
	line-height: 1.7em;
	color: #fff;
}

a.go-shopping {
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 14px 50px;
	border: solid 1px #fff;
	font-size: 93%;
	font-weight: bold;
	text-decoration: none;
	background-color: rgba(0, 0, 0, 0.2);
	color: #fff;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

a.go-shopping::after {
	display: block;
	content: '';
	position: absolute;
	top: 16px;
	right: 16px;
	width: 14px;
	height: 14px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

a.go-shopping:hover {
	background-color: rgba(0, 0, 0, 0.4);
}

.home-info .d-right {
	width: 500px;
}

/* ============［HOME-TOPICS］============ */
#home-topics-wrap {
	width: 100%;
	padding: 60px 0;
	background: #fff;
}

.home-topics {
	width: 1000px;
	margin: 0 auto;
}

.home-topics .d-left {
	width: 480px;
	margin: 0 auto;
}

.home-topics .d-right {
	width: 480px;
	margin: 0 auto;
}

h2.topics-tt {
	text-align: center;
	margin: 0 0 30px;
	padding: 5px 0 3px;
	font-size: 93%;
	background: #b33e5c;
	color: #fff;
}

.topics-list {
	list-style: none;
	width: 100%;
	margin: 0 auto;
	border-top: solid 1px #c1c1c1;
}

.topics-list li {
	border-bottom: solid 1px #c1c1c1;
}

.topics-list li a {
	display: block;
	position: relative;
	padding: 14px 0;
	font-size: 93%;
	text-decoration: none;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.topics-list li a .date {
	display: inline-block;
	margin: 0 0 7px;
	padding: 0;
	font-weight: bold;
	font-size: 85%;
	color: #933;
}

.topics-list li a:hover {
	background: #f5f5f5;
}

.topics-list li a div img {
	float: left;
	margin: 0 20px 0 0;
	border: solid 1px #c1c1c1;
}

/* ============［HOME-Instagram］============ */
.iframeWrap {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 100%;
}

.snapwidget-widget {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

}

/* ============［HOME-BNN］============ */
#home-bnn-wrap {
	width: 100%;
	margin: 0;
	padding: 60px 0;
	background: #E6DED2;
}

#home-bnn {
	width: 1000px;
	margin: 0 auto;
	text-align: center;
}

#home-bnn ul {
	list-style: none;
	display: inline-block;
}

#home-bnn ul li {
	float: left;
	width: 200px;
	margin: 0 40px 0 0;
}

#home-bnn ul li:last-chiled {
	margin: 0;
}

#home-bnn ul li a {
	display: inline-block;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	background: #fff;
}

#home-bnn ul li a:hover {
	opacity: 0.8;
}

/* ============［HBN］============ */
/* ______ MAIN */
#main {
	width: 1000px;
	margin: 0 auto;
	padding: 0 0 40px;
	border-bottom: solid 4px #84C067;
}

/* ______ BREAD-CRUMBS */
#bread-crumbs {
	padding: 20px 0 30px;
	text-align: left;
	font-size: 85%;
}

/* ______ CONTENTS */
#contents {
	float: right;
	width: 720px;
}

#contents h2 {
	font-size: 153.9%;
	margin: 0;
	padding: 30px 0 30px;
	font-family: serif;
	letter-spacing: 0.05em;
	background: #fff;
	color: #333;
	border-top: solid 4px #84C067;
}

#contents h3 {
	font-size: 123.1%;
	margin: 0 0 20px;
	padding: 0;
	letter-spacing: 0.08em;
	line-height: 1.4em;
	color: #063;
}

#contents h4 {
	font-size: 115%;
	margin: 0 0 10px;
	padding: 9px 0 7px 10px;
	border-left: solid 5px rgba(229, 76, 106, 1.0);
	letter-spacing: 0.05em;
	color: #444;
}

#contents h5 {
	font-size: 100%;
	margin: 0 0 10px;
}

#contents h6 {
	font-size: 100%;
	margin: 0 0 7px;
}

#contents p {
	margin: 0 0 36px;
	font-size: 93%;
	line-height: 1.7em;
}

#contents .center {
	text-align: center;
}

#contents .left {
	text-align: left;
}

#contents .right {
	text-align: right;
}

#contents ul,
#contents ol,
#contents dl {
	margin: 0 0 21px 20px;
	font-size: 93%;
	line-height: 1.7em;
}

#contents dl dt {
	font-size: 93%;
	line-height: 1.7em;
	margin: 0 0 10px;
}

#contents dl dd {
	font-size: 93%;
	line-height: 1.7em;
	margin: 0 0 14px 20px;
}

#contents table {
	width: 100%;
	font-size: 93%;
	line-height: 1.7em;
	margin: 0 0 30px;
}

#contents table th {
	padding: 10px 0.2em 8px;
	border: solid 1px #c1c1c1;
	font-weight: normal;
	text-align: left;
	background: #f0f6da;
	white-space: nowrap;
	vertical-align: top;
}

#contents table td {
	padding: 10px 0.2em 8px;
	border: solid 1px #c1c1c1;
	vertical-align: middle;
}

/* TBL_下説明 */
#contents .table-info {
	margin: -20px 0 30px;
}

#contents table .tbl-center,
#contents table.tbl-center th,
#contents table.tbl-center td {
	text-align: center;
}

/*カラム*/
.col-2,
.col-3 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
}

.col-3:after {
	content: '';
	width: 32%;
}

.col-2>div {
	margin-bottom: 1em;
	width: 48%;
}

.col-3>div {
	margin-bottom: 1em;
	width: 32%;
}

:is(.col-2, .col-3) img {
	width: 100%;
	height: auto;
}

/* 概要_TBL */
#contents table.gaiyo {
	width: 100%;
}

#contents table.gaiyo th {
	width: 7em;
	padding: 10px 1.5em 8px;
}

#contents table.gaiyo td {
	padding: 10px 1em 8px;
}

/* 役員_TBL */
#contents table.yakuin {
	width: 100%;
}

#contents table.yakuin th {
	width: 10em;
	padding: 10px 1.5em 8px;
}

#contents table.yakuin td {
	padding: 10px 1em 8px;
}

.margin-b30 {
	margin-bottom: 30px;
}

/* 組合長あいさつ */
.chief-left {
	float: left;
	width: 190px;
}

.chief-right {
	float: right;
	width: 490px;
}

#contents .name-box {
	margin: 10px 0;
	line-height: 1.5em;
}

#contents .name-box span {
	font-size: 123.1%;
	line-height: 1.8em;
	letter-spacing: 0.1em;
}

/* ディスクロージャー */
#contents .disclo-box {
	text-align: center;
}

#contents .disclo-box img {
	margin: 0 0 10px;
}

/* 事業のご案内 */
#contents .member-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

#contents .member-list li {
	float: left;
	width: 50%;
	margin: 0;
	padding: 0;
}

#contents .member-list li a {
	display: block;
	margin: 10px;
	padding: 85px 1em 20px;
	border: solid 2px #84C067;
	border-radius: 15px;
	text-align: center;
	text-decoration: none;
	font-size: 123.1%;
	background-color: #fff;
	background-size: 50px 50px;
	background-repeat: no-repeat;
	background-position: center 25px;
	color: #333;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

#contents .member-list li a:hover {
	background-color: #EBF6CA;
}

#contents .member-list li.einou a {
	background-image: url(../image/pict_01.png);
}

#contents .member-list li.hanbai a {
	background-image: url(../image/pict_02.png);
}

#contents .member-list li.kinyu a {
	background-image: url(../image/pict_03.png);
}

#contents .member-list li.chokubai a {
	background-image: url(../image/pict_04.png);
}

.buss-ilst {
	float: left;
	margin: 0 20px 10px 0;
}

/* リンク */
#contents .link-list {
	list-style: none;
	margin: 0 0 0 1.5em;
	padding: 0;
}

#contents .link-list li {
	position: relative;
	margin: 0 0 20px;
}

#contents .link-list li::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1.1em;
	width: 12px;
	height: 12px;
	background-color: #c03;
	border-radius: 100%;
}

/* 広報紙 林檎の森 */
.maga-box {
	margin: 0;
	padding: 20px 0;
	border-top: solid 1px #c1c1c1;
}

.magaz-hyoshi {
	width: 160px;
}

.magaz-hyoshi img {
	border: solid 1px #c1c1c1;
}

.magaz-hbn {
	width: 520px;
}

#contents .magaz-st {
	font-size: 108%;
	margin: 0 0 20px;
	padding: 0;
}

.magaz-list,
#contents .magaz-list {
	list-style: none;
	margin: 0 0 0 1.3em;
	padding: 0;
	font-size: 93%;
}

/* 直売センター　林檎の森 */
/*レイアウト*/
#contents.col-1 {
	width: 100%;
}

/*スライダー*/
#contents.col-1 .slick-slider img {
	width: 100%;
	height: auto;
}

#contents ul.slick-dots {
	margin: 0;
}

.slider .slick-dots li.slick-active button:before {
	color: #063;
}

.marginBottom-5 {
	margin-bottom: 5px !important;
}

#contents.col-1 table.gaiyo ul {
	margin-bottom: 0;
}

.blogList li {
	list-style: none;
	border-bottom: solid 1px #ddd;
	padding: 0.5em 0;
}

.blogList li a {
	text-decoration: none;
	color: #333;
	transition-duration: .3s;
}

.blogList li a:hover {
	color: #c03;
}

.blogList li .day {
	display: block;
	margin-bottom: 0.5em;
	font-size: 13px;
}

.btm {
	display: block;
	position: relative;
	margin: 14px 0;
	padding: 14px 0;
	font-size: 100%;
	font-weight: bold;
	line-height: 1em;
	text-align: center;
	text-decoration: none;
	-moz-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	transition-duration: 0.5s;
	background-color: #e95388;
	color: #fff !important;
}

a.btm::after {
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -4px;
	right: 20px;
	width: 8px;
	height: 8px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.btm:hover {
	opacity: .7;
}

/* HOME */
.magaz-list li {
	position: relative;
	margin: 0 0 10px;
}

/* 本文 */
#contents .magaz-list li {
	position: relative;
	margin: 0 0 5px;
}

.magaz-list li::after,
#contents .magaz-list li::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1.1em;
	width: 10px;
	height: 10px;
	background-color: #c03;
	border-radius: 100%;
}

/* ______ ASIDE */
#aside {
	float: left;
	width: 220px;
}

#aside h3 {
	margin: 0;
	padding: 20px 1em 40px;
	font-size: 123.1%;
	font-family: serif;
	text-align: center;
	color: #333;
	border-top: solid 4px #84C067;
}

.aside-list {
	list-style: none;
	margin: 0 0 20px;
	border-top: solid 1px #c1c1c1;
}

.aside-list li {
	border-bottom: solid 1px #c1c1c1;
}

.aside-list li a {
	display: block;
	position: relative;
	margin: 0;
	padding: 15px 0 15px 1.5em;
	font-size: 93%;
	text-decoration: none;
	background: #fff;
	color: #000;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.aside-list li a::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	left: 5px;
	box-sizing: border-box;
	width: 8px;
	height: 5px;
	border: 5px solid transparent;
	border-left: 8px solid #063;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

/* HOVER */
.aside-list li a:hover {
	font-weight: bold;
	background: #84C067;
	color: #fff;
}

.aside-list li a:hover::after {
	border-left: 8px solid #fff;
}

/* CURRENT */
.aside-list li a.current,
.aside-list li a.current:hover {
	font-weight: normal;
	background: #f0f6da;
	color: #000;
	cursor: default;
}

.aside-list li a.current::after,
.aside-list li a.current:hover::after {
	border-left: 8px solid #063;
}

/* ASIDE-BNN */
.aside-bnn {
	width: 100%;
}

.aside-bnn img {
	margin: 0 0 10px;
}

/* ============［FOOTER］============ */
#footer-wrap {
	width: 100%;
	margin: 0;
	padding: 40px 0 80px;
}

#footer {
	width: 1000px;
	margin: 0 auto;
}

.footer-link {
	list-style: none;
	margin: 0 0 50px;
}

.footer-link li {
	display: inline;
}

.footer-link li a {
	display: inline-block;
	position: relative;
	font-size: 85%;
	margin: 0 1em;
	padding: 0 0 0 1.5em;
}

.footer-link li a::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	left: 5px;
	box-sizing: border-box;
	width: 8px;
	height: 5px;
	border: 5px solid transparent;
	border-left: 8px solid #063;
}

#footer-box {
	position: relative;
}

#footer-box h3 {
	margin: 0 0 24px;
}

#footer-box .footer-address {
	font-size: 93%;
	line-height: 1.8em;
}

#footer-box .footer-crd {
	position: absolute;
	top: 10px;
	right: 0;
	font-size: 77%;
	color: #666;
	text-align: right;
}

.footer-crd .flex {
	margin-bottom: 2em;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.footer-crd .flex li {
	margin-left: 2em;
	list-style: none;
}

.footer-crd .flex li img {
	height: 40px;
	width: auto;
}

.social-ja-kyosai {
	position: absolute;
	top: 0;
	left: 360px;
	width: 240px;
	height: 80px;
}

/*==========================================
 PC＋タブレット専用［640px　以上〜959px以下］
===========================================*/
@media only screen and (max-width: 959px) {
	/*======［基本構造ここから］======*/

}



/*==========================================
 MOBILE専用［639px以下］　
===========================================*/
@media only screen and (max-width: 639px) {
	body {
		overflow-x: hidden;
		min-width: auto;
	}

	#wrapper {
		width: 100%;
		font-size: 93%;
	}

	.d-left {
		float: none;
	}

	.d-right {
		float: none;
	}

	.pc-on {
		display: none;
	}

	.sp-on {
		display: block;
	}

	/* ============［MC-DRAWR-MENU］============ */
	#mc-slide-menu-box {
		display: block;

		position: fixed;
		width: 280px;
		/*height: 380px;*/
		margin-top: 0;
		top: 0;
		right: -220px;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		z-index: 800 !important;
	}

	.overlay {
		display: none;
		background: rgba(0, 0, 0, 0.3);
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 700 !important;
	}

	.mc-menu-btn-wrap {
		float: left;
		width: 60px;
	}

	.mc-menu-list-wrap {
		float: right;
		width: 220px;
	}

	/* btn_area */
	.mc-menu-btn {
		width: 40px;
		height: 40px;
		z-index: 900;
		display: block;
		margin: 0;
		padding: 10px 10px;
		cursor: pointer;
		background: rgba(229, 76, 106, 1.0);
		-moz-transition-duration: 0.5s;
		-webkit-transition-duration: 0.5s;
		-o-transition-duration: 0.5s;
		-ms-transition-duration: 0.5s;
		transition-duration: 0.5s;
	}

	.mc-menu-btn:hover {
		background: rgba(229, 76, 106, 1.0);
	}

	.mc-menu-btn p {
		font-size: 10px;
		font-weight: bold;
		text-align: center;
		color: #fff;
		margin: 0;
		line-height: 1em;
	}

	/* Hamburger */
	.menu-trigger,
	.menu-trigger span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}

	.menu-trigger {
		position: relative;
		display: block;
		width: 24px;
		height: 21px;
		margin: 0 8px 10px;
		pointer-events: none;
	}

	.menu-trigger span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 3px;
		background-color: #fff;
	}

	.menu-trigger span:nth-of-type(1) {
		top: 0;
	}

	.menu-trigger span:nth-of-type(2) {
		top: 9px;
	}

	.menu-trigger span:nth-of-type(3) {
		bottom: 0;
	}

	.mc-menu-btn.active .menu-trigger span:nth-of-type(1) {
		-webkit-transform: translateY(10px) rotate(-45deg);
		transform: translateY(10px) rotate(-45deg);
	}

	.mc-menu-btn.active .menu-trigger span:nth-of-type(2) {
		opacity: 0;
	}

	.mc-menu-btn.active .menu-trigger span:nth-of-type(3) {
		-webkit-transform: translateY(-8px) rotate(45deg);
		transform: translateY(-8px) rotate(45deg);
	}

	/* drawer_menu_list */
	.menu-list {
		float: right;
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		list-style: none;
		text-align: left;
	}

	.main-menu {
		position: relative;
		margin: 0;
	}

	.menu-list>li a {
		position: relative;
		display: block;
		margin: 0;
		padding: 18px 30px 18px 14px;
		font-size: 93%;
		text-decoration: none;
		font-weight: bold;
		line-height: 20px;
		border-bottom: solid 1px #E54C6A;
		color: #E54C6A;
		background-color: rgba(255, 255, 255, 1.0);
		-moz-transition-duration: 0.5s;
		-webkit-transition-duration: 0.5s;
		-o-transition-duration: 0.5s;
		-ms-transition-duration: 0.5s;
		transition-duration: 0.5s;
	}

	.menu-list>li:last-child a {
		border-bottom: none;
	}

	.main-menu:hover,
	.menu-list>li a:hover {
		background-color: rgba(255, 255, 255, 1.0);
		color: rgba(0, 0, 0, 1.0);
	}

	.menu-list>li a::after {
		display: block;
		content: '';
		position: absolute;
		top: 24px;
		right: 20px;
		width: 8px;
		height: 8px;
		border-right: 2px solid #E54C6A;
		border-bottom: 2px solid #E54C6A;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.menu-list>li a:hover::after {
		border-right: 2px solid #000D5E;
		border-bottom: 2px solid #000D5E;
	}

	.drw-head {
		width: 80px;
		height: 80px;
	}

	.drw-head a {
		position: relative;
		display: block;
		width: 80px;
		height: 80px;
		text-indent: -9999em;
		overflow: hidden;
		background: rgba(238, 238, 238, 0.9);
		-moz-transition-duration: 0.5s;
		-webkit-transition-duration: 0.5s;
		-o-transition-duration: 0.5s;
		-ms-transition-duration: 0.5s;
		transition-duration: 0.5s;
	}

	.drw-head a::before {
		content: '';
		width: 10px;
		height: 10px;
		border: 0px;
		border-top: solid 1px #000;
		border-right: solid 1px #000;
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		position: absolute;
		top: 36px;
		left: 35px;
		margin-top: 0;
	}

	.drw-head a:hover {
		background: rgba(255, 255, 255, 1.0);
	}

	/* ============［Header］============ */
	#header-wrap {
		position: relative;
		width: 100%;
		height: 55px;
		margin: 0;
	}

	#header {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 600;
		width: 100%;
		height: 60px;
		margin: 0 auto;
		padding: 0;
		background: #fff;
		border-bottom: solid 1px #c1c1c1;
	}

	#logo {
		position: absolute;
		top: 10px;
		left: 10px;
		width: 170px;
		height: 34px;
	}

	#logo a {
		display: block;
		width: 170px;
		height: 34px;
	}

	#logo a img {
		width: 100%;
		height: auto;
	}

	.header-catch {
		display: none;
	}

	/* ============［Nav］============ */
	#nav-wrap {
		display: none;
	}

	/* ============［Slide］============ */
	#slide-wrap {
		width: 100%;
		margin: 0 0 2px;
		position: relative;
	}

	.slide-bx-ver {
		width: 100%;
		height: 250px;
		over-flow: hidden;
	}

	.slide-bx-ver li {
		position: relative;
		width: 100%;
		height: 250px;
	}

	.slide-bx-ver li img {
		width: 100%;
		height: 250px;
		object-fit: cover;
		object-position: center center;
		font-family: 'object-fit: cover; object-position: center top;'
	}

	/* ============［HOME-INFO］============ */
	#home-info-wrap {
		width: 100%;
		height: auto;
		background: none;
	}

	#home-info-wrap img {
		width: 100%;
		height: auto;
	}

	.home-info {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}

	.home-info .d-left {
		width: 100%;
		height: auto;
		padding: 30px 0;
		text-align: center;
		background: url(../image/home_info_apple_bg.jpg) no-repeat 0 0;
		background-size: cover;
	}

	h2.info-tt {
		width: 92%;
		margin: 0 4% 30px;
		padding: 0;
	}

	.info-hbn {
		margin: 0 0 20px;
		text-align: center;
		font-size: 100%;
		font-weight: bold;
		line-height: 1.5em;
		color: #fff;
	}

	a.go-shopping {
		display: inline-block;
		position: relative;
		margin: 0;
		padding: 14px 50px;
		border: solid 1px #fff;
		font-size: 93%;
		font-weight: bold;
		text-decoration: none;
		background-color: rgba(0, 0, 0, 0.2);
		color: #fff;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
	}

	a.go-shopping::after {
		display: block;
		content: '';
		position: absolute;
		top: 16px;
		right: 16px;
		width: 14px;
		height: 14px;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	a.go-shopping:hover {
		background-color: rgba(0, 0, 0, 0.4);
	}

	.home-info .d-right {
		width: 100%;
	}

	/* ============［HOME-TOPICS］============ */
	#home-topics-wrap {
		width: 100%;
		padding: 60px 0;
		background: #fff;
	}

	.home-topics {
		width: 92%;
		margin: 0 4%;
	}

	.home-topics .d-left {
		width: 100%;
		margin: 0 auto 40px;
	}

	.home-topics .d-right {
		width: 100%;
		margin: 0 auto;
	}

	h2.topics-tt {
		text-align: center;
		margin: 0 0 20px;
		padding: 5px 0 3px;
		font-size: 93%;
		background: #b33e5c;
		color: #fff;
	}

	.topics-list {
		list-style: none;
		width: 100%;
		margin: 0 auto;
		border-top: solid 1px #c1c1c1;
	}

	.topics-list li {
		border-bottom: solid 1px #c1c1c1;
	}

	.topics-list li a {
		display: block;
		position: relative;
		padding: 14px 0;
		font-size: 93%;
		text-decoration: none;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
	}

	.topics-list li a .date {
		display: inline-block;
		margin: 0 0 7px;
		padding: 0;
		font-weight: bold;
		font-size: 85%;
		color: #933;
	}

	.topics-list li a:hover {
		background: #f5f5f5;
	}

	.topics-list li a div img {
		float: left;
		margin: 0 20px 0 0;
		border: solid 1px #c1c1c1;
	}

	/* ============［HOME-BNN］============ */
	#home-bnn-wrap {
		width: 100%;
		margin: 0;
		padding: 30px 0 10px;
		background: #E6DED2;
	}

	#home-bnn {
		width: 90%;
		margin: 0 5%;
		text-align: center;
	}

	#home-bnn ul {
		list-style: none;
		display: inline-block;
		margin: 0 auto;
	}

	#home-bnn ul li {
		float: none;
		width: 100%;
		margin: 0 0 20px;
	}

	#home-bnn ul li:last-chiled {
		margin: 0;
	}

	#home-bnn ul li a {
		display: inline-block;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
		background: #fff;
	}

	#home-bnn ul li a:hover {
		opacity: 0.8;
	}

	/* ============［HBN］============ */
	/* ______ MAIN */
	#main {
		width: 90%;
		margin: 0 5%;
		padding: 0 0 40px;
		border-bottom: solid 4px #84C067;
	}

	/* ______ BREAD-CRUMBS */
	#bread-crumbs {
		display: none;
	}

	/* ______ CONTENTS */
	#contents {
		float: none;
		width: 100%;
		margin: 20px 0;
	}

	#contents img {
		width: 100%;
		height: auto;
	}

	#contents h2 {
		font-size: 138.5%;
		margin: 0;
		padding: 30px 0 30px;
		font-family: serif;
		letter-spacing: 0.05em;
		background: #fff;
		color: #333;
		border-top: solid 4px #84C067;
	}

	#contents h3 {
		font-size: 115%;
		margin: 0;
		padding: 0 0 20px;
		letter-spacing: 0.08em;
		line-height: 1.4em;
		color: #063;
	}

	#contents h4 {
		font-size: 100%;
		margin: 0 0 16px;
		padding: 9px 0 7px 10px;
		border-left: solid 5px rgba(229, 76, 106, 1.0);
		letter-spacing: 0.05em;
		color: #444;
	}

	#contents h5 {
		font-size: 100%;
		margin: 0 0 10px;
	}

	#contents h6 {
		font-size: 100%;
		margin: 0 0 7px;
	}

	#contents p {
		margin: 0 0 26px;
		font-size: 93%;
		line-height: 1.7em;
	}

	#contents ul,
	#contents ol,
	#contents dl {
		margin: 0 0 21px 20px;
		font-size: 93%;
		line-height: 1.7em;
	}

	#contents dl dt {
		font-size: 93%;
		line-height: 1.7em;
		margin: 0 0 10px;
	}

	#contents dl dd {
		font-size: 93%;
		line-height: 1.7em;
		margin: 0 0 14px 20px;
	}

	#contents table {
		font-size: 93%;
		line-height: 1.7em;
		margin: 0 0 30px;
	}

	#contents table.op th {
		display: block;
		width: 94%;
		padding: 10px 3% 8px;
		border-bottom: none;
	}

	#contents table.op td {
		display: block;
		width: 94%;
		margin: 0 0 10px;
		padding: 10px 3% 8px;
	}

	/* 横長TBL_スクロール */
	.table-scroll {
		overflow-x: scroll;
		margin: 0 0 30px;
	}

	#contents .table-scroll table {
		margin: 0 0 5px;
	}

	/*カラム*/
	.col-2.w100>div {
		width: 100%;
	}

	/* 概要_TBL */
	#contents table.gaiyo {
		width: 100%;
	}

	#contents table.gaiyo th {
		width: 94%;
	}

	/* 役員_TBL */
	#contents table.yakuin {
		width: 100%;
	}

	#contents table.yakuin th {
		width: 94%;
	}

	/* 組合長あいさつ */
	.chief-left {
		float: none;
		width: 80%;
		margin: 0 10% 20px;
	}

	.chief-right {
		float: none;
		width: 100%;
	}

	#contents .name-box {
		margin: 10px 0;
		line-height: 1.5em;
	}

	#contents .name-box span {
		font-size: 123.1%;
		line-height: 1.8em;
		letter-spacing: 0.1em;
	}

	/* ディスクロージャー */
	#contents .disclo-box {
		text-align: center;
	}

	#contents .disclo-box img {
		margin: 0 0 10px;
	}

	/* 事業のご案内 */
	#contents .member-list {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	#contents .member-list li {
		float: left;
		width: 50%;
		margin: 0;
		padding: 0;
	}

	#contents .member-list li a {
		display: block;
		margin: 10px;
		padding: 85px 1em 20px;
		border: solid 2px #84C067;
		border-radius: 15px;
		text-align: center;
		text-decoration: none;
		font-size: 123.1%;
		background-color: #fff;
		background-size: 50px 50px;
		background-repeat: no-repeat;
		background-position: center 25px;
		color: #333;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
	}

	#contents img.buss-ilst {
		float: none;
		width: 50%;
		height: auto;
		margin: 0 25% 10px;
	}

	/* 広報紙 林檎の森 */
	#contents .magaz-h2 img {
		width: 60%;
		height: auto;
		margin: 0 20%;
	}

	.maga-box {
		margin: 0;
		padding: 20px 0;
		border-top: solid 1px #c1c1c1;
	}

	.magaz-hyoshi {
		width: 100%;
		text-align: center;
	}

	#contents .magaz-hyoshi img {
		margin: 0 0 20px;
		width: 160px;
		height: auto;
		border: solid 1px #c1c1c1;
	}

	.magaz-hbn {
		width: 100%;
	}

	#contents .magaz-st {
		font-size: 108%;
		margin: 0 0 20px;
		padding: 0;
	}

	.magaz-list,
	#contents .magaz-list {
		list-style: none;
		margin: 0 0 0 1.3em;
		padding: 0;
		font-size: 93%;
	}

	/*直売所　林檎の森*/
	.col-3>div {
		width: 48%;
	}

	/* HOME */
	.magaz-list li {
		position: relative;
		margin: 0 0 15px;
	}

	/* 本文 */
	#contents .magaz-list li {
		position: relative;
		margin: 0 0 15px;
	}

	.magaz-list li::after,
	#contents .magaz-list li::after {
		display: block;
		content: '';
		position: absolute;
		top: .5em;
		left: -1.1em;
		width: 10px;
		height: 10px;
		background-color: #c03;
		border-radius: 100%;
	}


	/* ______ ASIDE */
	#aside {
		float: none;
		width: 100%;
	}

	#aside h3 {
		margin: 0;
		padding: 20px 1em 20px;
		font-size: 123.1%;
		font-family: serif;
		text-align: center;
		color: #333;
		border-top: solid 4px #84C067;
	}

	.aside-list {
		list-style: none;
		border-top: solid 1px #c1c1c1;
	}

	.aside-list li {
		border-bottom: solid 1px #c1c1c1;
	}

	.aside-list li a {
		display: block;
		position: relative;
		margin: 0;
		padding: 15px 0 15px 1.5em;
		font-size: 93%;
		text-decoration: none;
		background: #fff;
		color: #000;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
	}

	.aside-list li a::after {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		content: "";
		vertical-align: middle;
		left: 5px;
		box-sizing: border-box;
		width: 8px;
		height: 5px;
		border: 5px solid transparent;
		border-left: 8px solid #063;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
	}

	/* HOVER */
	.aside-list li a:hover {
		font-weight: bold;
		background: #84C067;
		color: #fff;
	}

	.aside-list li a:hover::after {
		border-left: 8px solid #fff;
	}

	/* CURRENT */
	.aside-list li a.current,
	.aside-list li a.current:hover {
		font-weight: normal;
		background: #f0f6da;
		color: #000;
		cursor: default;
	}

	.aside-list li a.current::after,
	.aside-list li a.current:hover::after {
		border-left: 8px solid #063;
	}

	/* ============［FOOTER］============ */
	#footer-wrap {
		width: 100%;
		margin: 0;
		padding: 30px 0 120px;
	}

	#footer {
		width: 90%;
		margin: 0 5%;
	}

	.footer-link {
		list-style: none;
		margin: 0 0 50px;
		text-align: left;
		border-top: solid 1px #999;
	}

	.footer-link li {
		display: block;
		border-left: solid 1px #999;
		border-right: solid 1px #999;
		border-bottom: solid 1px #999;
	}

	.footer-link li a {
		display: inline-block;
		position: relative;
		font-size: 93%;
		margin: 0 1em;
		padding: 15px 1em 15px 1.5em;
	}

	.footer-link li a::after {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		content: "";
		vertical-align: middle;
		left: 5px;
		box-sizing: border-box;
		width: 8px;
		height: 5px;
		border: 5px solid transparent;
		border-left: 8px solid #063;
	}

	#footer-box {
		position: relative;
	}

	#footer-box h3 {
		margin: 0 0 24px;
	}

	#footer-box h3 img {
		width: 100%;
		height: auto;
	}

	#footer-box .footer-address {
		font-size: 93%;
		line-height: 1.8em;
		margin: 0 0 30px;
	}

	#footer-box .footer-crd {
		position: static;
		top: 10px;
		right: 0;
		font-size: 77%;
		color: #666;
		text-align: center;
	}

	.footer-crd .flex li {
		margin-left: 0;
	}

	.social-ja-kyosai {
		position: static;
		margin: 0 0 50px;
		top: 0;
		left: 360px;
		width: 240px;
		height: 80px;
	}
}