@charset "utf-8";
/*=================================================================*/
/* 全デバイス共通                                                                                           */
/*=================================================================*/
/*	reset
---------------------------------------------------------------*/
* { padding: 0px; margin: 0px; }
	
/*	img
---------------------------------------------------------------*/
img {
	border: none;
	vertical-align: middle;
}

/*	table
----------------------------------------------------*/
table {
	border-collapse:collapse;
	border-spacing:0;
	font-size:100%;
}

/*	clearfix
---------------------------------------------------------------*/
.cf:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.cf { display: inline-block; }
/* Hides from IE-mac \*/ 
* html .cf { height: 1%; }
.cf { display: block; }
/* End hide from IE-mac */

/*	link
---------------------------------------------------------------*/
a:link,
a:visited,
a:active {
	color: #00baff;
}

a.btn{ text-decoration:none; }	
	
a:hover {
	text-decoration: none;
	opacity:0.5;
}
	
/*	color
---------------------------------------------------------------*/
#wrap .red { color: #E80B74; }
	
/*	font size
---------------------------------------------------------------*/
.xsmall { font-size: 75%; }
.small { font-size: 90%; }
.large { font-size: 125%; }
	
/*	align
---------------------------------------------------------------*/
#contents .center { text-align: center; }
#contents .left { text-align: left; }
#contents .right { text-align: right; }
	
/*	float
---------------------------------------------------------------*/
#wrap .fleft { float: left; }
#wrap .fright { float: right; }
	
/*	space
---------------------------------------------------------------*/
#contents .mb0 { margin-bottom: 0px; }
#contents .mb10 { margin-bottom: 10px; }
#contents .mb15 { margin-bottom: 15px; }
#contents .mb30 { margin-bottom: 30px; }
#contents .mb50 { margin-bottom: 50px; }

/*	ul
---------------------------------------------------------------*/
li { list-style-type: none; }

/*	p
---------------------------------------------------------------*/
p { color: #333333; }
	
/*=================================================================*/
body {
	margin: 0 auto;
	text-align: center;
	word-break: break-all;
	font-family: 'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;
	color: #333;
}
	
/*******************************************************************/
/* PC：幅769px以上                                                   */
/*******************************************************************/
@media screen and (min-width: 769px), print {
/*<start>==========================================================*/
html { font-size: 62.5%; }/*10px相当にreset*/
body {
	font-size: 16px;/*css3の効かないブラウザ用*/
	font-size: 1.6rem;/*bodyのベースサイズをセット（ここでは16px）以下各要素は10pxを基準にサイズ指定1.2rem（12px）1.4rem（14px）など）*/
	line-height:160%;
}

.sp { display: none !important; }

.inner,
.inner_pc{
	width:1000px;
	margin:0 auto;
	}

a.btn:hover{
	opacity:0.5;
	}
/*=================================================================*/
/*	header                                                                                                       */
/*=================================================================*/
header{
	border-top:4px solid #008742;
	box-sizing:border-box;
	padding:8px 0;
	}

header .logo{
	float:left;
	margin-right:12px;
	}

header p{
	float:left;
	margin-top:15px;
	}

.header_btn{
	float:right;
	}

.header_btn a{
	color:#333;	
	}

.header_btn img{
	vertical-align:sub;
	margin-right:8px;	
	}

.header_btn a.btn_shop{
	background-color:#e61c2b;
	color:#fff;
	padding:4px 8px;
	margin-left:20px;
	text-decoration:none;
	border-radius:30px;
	font-weight:bold;
	font-size:14px;
	}
/*=================================================================*/
/*	nav                                                                                                       */
/*=================================================================*/
nav ul li.nav_parent{
	width:20%;
	text-align:center;
	float:left;
	font-size:15px;
	font-size:1.5rem;
	position:relative;
	}

nav ul li.nav_parent:before{
	content:"";
	display:block;
	width:1px;
	height:36px;
	background-color:#dadada;
	position:absolute;
	top:6px;
	left:0;
	}

nav ul li.nav_parent:last-child:after{
	content:"";
	display:block;
	width:1px;
	height:36px;
	background-color:#dadada;
	position:absolute;
	top:6px;
	right:0;
	}

nav ul li.nav_parent a{
	text-decoration:none;
	width:100%;
	height:50px;
	display:block;
	box-sizing:border-box;
	padding-top:8px;
	color:#333;
	}

nav ul li.nav_parent a img{
	vertical-align: bottom;
	margin-right:10px;
	}

nav ul li.nav_parent a:hover,
nav ul li.nav_parent a.open,
nav ul li.nav_parent a.current {
	border-bottom:6px solid #008742;
	opacity:1;
	}


/*	mega_menu
---------------------------------------------------------------*/
.mega_area{
	position:relative;
	}
	
.accessible-megamenu {
	display:block;
	box-sizing: border-box;
	list-style: none;
	margin: 0;
	padding: 0;
}

.accessible-megamenu .accessible-megamenu-top-nav-item a[aria-haspopup] {
	z-index: inherit;
}

/* megaパネル */
.accessible-megamenu .accessible-megamenu-panel {
	position: absolute;
	z-index: 2;
	display: block;
	width:100%;
	left: 0;
	margin: 0;
	line-height: normal;
	visibility: hidden;
	top: -9999em;
	max-height: 6000px;
	opacity: 0;
	-webkit-transition: opacity 250ms ease 250ms, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
	-moz-transition: opacity 250ms ease 250ms, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
	-ms-transition: opacity 250ms ease 250ms, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
	-o-transition: opacity 250ms ease 250ms, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
	transition: opacity 0ms ease 0ms, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
	box-shadow: 0 2px 2px rgba(0,0,0,0.3);
}

.accessible-megamenu .accessible-megamenu-panel.open {
	visibility: visible !important;
	top: 50px;
	opacity: 1;
	z-index: 1001;
	-webkit-transition: opacity 250ms ease, max-height 500ms ease, visibility 0s linear 0s, top 0s linear 0s;
	-moz-transition: opacity 250ms ease, max-height 500ms ease, visibility 0s linear 0s, top 0s linear 0s;
	-ms-transition: opacity 250ms ease, max-height 500ms ease, visibility 0s linear 0s, top 0s linear 0s;
	-o-transition: opacity 250ms ease, max-height 500ms ease, visibility 0s linear 0s, top 0s linear 0s;
	transition: opacity 250ms ease, max-height 500ms ease, visibility 0s linear 0s, top 0s linear 0s;
	background-color:#fff;
}

#panel_nav{
	padding:8px 8px 8px 12px;
	display:none;
	position:absolute;
	z-index:2;
	background-color:#fff;
	width:calc(100% - 20px);
	box-shadow: 0 2px 2px rgba(0,0,0,0.3);
	}

#panel_nav li{
	text-align:left;
	}

#panel_nav li a{
	text-decoration: none;
	width: 100%;
	display: block;
	box-sizing: border-box;
	padding: 8px 8px 8px 12px;
	height:auto;
	position:relative;
	}

#panel_nav li a p.triangle{
	width:0;
	height:0;
	border-top: 3px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 3px solid transparent;
	border-left: 6px solid #999;
	display:inline-block;
	margin-bottom:2px;
	}

#panel_nav li a:hover{
	border-bottom:none;
	color:#008742 ;
	}

#panel_nav li a:hover p.triangle{
	border-left: 6px solid #008742;
	}

.menu-mobile{
	display:none;
	}

/*=================================================================*/
/*	btn                                                                                                       */
/*=================================================================*/
.normal_btn a{
	display: inline-block;
	color:#fff;
	font-weight:bold;
	background-color:#008742;
	border-radius:30px;
	padding:10px;
	min-width:230px;
	position:relative;
	text-align:center;
	}

.normal_btn a:after{
	content:"";
	display:block;
	width:0;
	height:0;
	border-top: 10px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 8px solid #fff;
	position:absolute;
	top:50%;
	right:6px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	}

#news .news_btn a{
	margin-bottom:40px;
	padding:10px;
	min-width:230px;
	}

#news .normal_btn a{
	display: inline-block;
	color:#333;
	font-weight:bold;
	border:1px solid #008742;
	background-color:#fff;
	box-sizing:border-box;
	border-radius:30px;
	padding:10px;
	min-width:230px;
	position:relative;
	text-align:center;
	}

#news .normal_btn a:after{
	content:"";
	display:block;
	width:0;
	height:0;
	border-top: 10px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 8px solid #008742;
	position:absolute;
	top:50%;
	right:6px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	}

.line_btn a{
	display: inline-block;
	color:#333;
	font-weight:bold;
	border:1px solid #008742;
	background-color:#fff;
	box-sizing:border-box;
	border-radius:30px;
	position:relative;
	text-align:center;
	}

.line_btn a:hover{
	background-color:#008742;
	color:#fff;
	opacity:1;
	}

.line_btn a:after{
	content:"";
	display:block;
	width:0;
	height:0;
	border-top: 10px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 8px solid #008742;
	position:absolute;
	top:50%;
	right:6px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	}

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

	
/*=================================================================*/
/*	news                                                                                                       */
/*=================================================================*/
.news ul li{
	float:left;
	width:230px;
	min-height:330px;
	border:1px solid #cbcbcb;
	box-sizing:border-box;
	border-radius:8px;
	margin:8px 8px;
	background-color:#fff;
	position:relative;
	}

.news_new{
	position:absolute;
	z-index:2;
	top:-1px;
	left:-1px;
	}
	
.news ul li a{
	display:block;
	}

.news ul li .news_img{
	width:228px;
	height:192px;
	border-radius:6px 6px 0 0;
	overflow:hidden;
	position:relative;
	}

.news ul li .news_img img{
	height:192px;
	width:auto;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	}

.news_data_area{
	padding:8px;
	text-align:left;
	}
	
.news_cat_release, 
.news_cat_news, 
.news_cat_product, 
.news_cat_producer, 
.news_cat_event{
	display: block;
	color:#fff;
	font-size:12px;
	font-size:1.2rem;
	border-radius:20px;
	text-align:center;
	width:78px;
	}

.news_cat_product{ background-color:#006e92; }
.news_cat_producer{ background-color:#2d9200; }
.news_cat_event{ background-color:#947f39; }
.news_cat_release{ background-color:#41979a; }
.news_cat_news{ background-color:#5a5a5a; }

.news_days{
	display:block;
	font-size:14px;
	font-size:1.4rem;
	color:#333;
	}

.news_ttl{
	overflow:hidden;
	width:208px;
	height:70px;
	padding-bottom:10px;
	}


/*=================================================================*/
/*	リンク                                                                                                      */
/*=================================================================*/
/*お知らせ一覧*/
a[target="_blank"] .news_ttl p,
a[href$=".pdf"] .news_ttl p,
a[href$=".doc"] .news_ttl p,
a[href$=".docx"] .news_ttl p,
a[href$=".xls"] .news_ttl p,
a[href$=".xlsx"] .news_ttl p{
  color: #00baff !important;
  text-decoration: none;
}

a[target="_blank"] .news_ttl p::before{
  margin-right:8px;
  content: "";
  display: inline-block;
  vertical-align: -1px;
	background:url(../../images/union/icon_link.svg) no-repeat center;
	background-size:contain;
	width:16px;
	height:16px;
}

a[href$=".pdf"] .news_ttl p::before{
	background:url(../../images/union/icon_pdf.svg) no-repeat center;
  content: "";
  display: inline-block;
  vertical-align: -10px;
	background-size:contain;
	width:32px;
	height:32px;	
	}	

a[href$=".doc"] .news_ttl p::before,
a[href$=".docx"] .news_ttl p::before{
	background:url(../../images/union/icon_doc.svg) no-repeat center;
  content: "";
  display: inline-block;
  vertical-align: -10px;
	background-size:contain;
	width:32px;
	height:32px;	
	}

a[href$=".xls"] .news_ttl p::before,
a[href$=".xlsx"] .news_ttl p::before{
	background:url(../../images/union/icon_xlsx.svg) no-repeat center;
  content: "";
  display: inline-block;
  vertical-align: -10px;
	background-size:contain;
	width:32px;
	height:32px;
}

/*お知らせ詳細*/
#news_detail a[target="_blank"],
#news_detail a[href$=".pdf"],
#news_detail a[href$=".doc"],
#news_detail a[href$=".docx"],
#news_detail a[href$=".xls"],
#news_detail a[href$=".xlsx"]{
  color: #00baff !important;
  text-decoration: none;
}

#news_detail a[target="_blank"]::before{
	background:url(../../images/union/icon_link.svg) no-repeat center;
  margin-right:8px;
  content: "";
  display: inline-block;
  vertical-align: -1px;
	background-size:contain;
	width:16px;
	height:16px;	
	}
	
#news_detail a[href$=".pdf"]::before{
	background:url(../../images/union/icon_pdf.svg) no-repeat center;
  content: "";
  display: inline-block;
  vertical-align: -10px;
	background-size:contain;
	width:32px;
	height:32px;	
	}	

#news_detail a[href$=".doc"]::before,
#news_detail a[href$=".docx"]::before{
	background:url(../../images/union/icon_doc.svg) no-repeat center;
  content: "";
  display: inline-block;
  vertical-align: -10px;
	background-size:contain;
	width:32px;
	height:32px;	
	}

#news_detail a[href$=".xls"]::before,
#news_detail a[href$=".xlsx"]::before{
	background:url(../../images/union/icon_xlsx.svg) no-repeat center;
  content: "";
  display: inline-block;
  vertical-align: -10px;
	background-size:contain;
	width:32px;
	height:32px;
}

/*=================================================================*/
/*	page-top                                                                                                       */
/*=================================================================*/
#page-top {
	position: fixed;
	bottom: 20%;
	right: 20px;
	z-index:2;
	}

#page-top a {
	display: block;
	width:70px;
	height:70px;
	background-color:#90d23a;
	box-shadow: 0 2px 6px rgba(0,0,0,0.3);
	border-radius:35px;
	position:relative;
	}

#page-top a:before{
	content:"";
	display:block;
	width:0;
	height:0;
	border-top: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #FFF;
	border-left: 10px solid transparent;
	position:absolute;
	top:-webkit-calc(50% - 5px);
	top:calc(50% - 5px);
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	}

/*=================================================================*/
/*	footer                                                                                                       */
/*=================================================================*/
footer{
	margin-top:160px;
	}
	
.footer_top{
	width:100%;
	height:284px;
	background:url(../../images/union/img_footer.jpg) no-repeat bottom right;
	}

.footer_top_area{
	text-align:left;
	}

.footer_top_area img{
	margin-top:67px;
	}

.footer_top_area p{
	font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	color:#333;
	font-size:20px;
	font-size:2.0rem;
	font-weight:bold;
	line-height:180%;
	margin-top:38px;
	}

.footer_green{
	width:100%;
	background-color:#008742;
	padding:24px 0;
	text-align:right;
	}

.footer_green ul li{
	font-size:14px;
	font-size:1.4rem;
	display:inline-block;
	}

.footer_green ul li a{
	
	color:#fff;
	text-decoration:none;
	}
	
.footer_green ul li a p.triangle{
	width:0;
	height:0;
	border-top: 4px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 10px solid #fff;
	display:inline-block;
	margin-left:26px;
	}
	
.copy_area{
	padding:14px 0;
	}
	
.copy_area ul{
	float:left;
	}
	
.copy_area ul li{
	display:inline-block;
	font-size:12px;
	font-size:1.2rem;
	}

.copy_area ul li a{
	color:#333;
	}

.copy_area p{
	float:right;
	}

/*<end>============================================================*/
}


/*******************************************************************/
/* SP：幅768px以下                                                                                         */
/*******************************************************************/
@media screen and (max-width: 768px) {
/*<start>==========================================================*/
html { font-size: 62.5%; }/*10px相当にreset*/
body {
	font-size: 20px;/*css3の効かないブラウザ用*/
	font-size: 2.0rem;/*bodyのベースサイズをセット（ここでは20px）以下各要素は10pxを基準にサイズ指定2.2rem（22px）2.4rem（24px）など）*/
}
html,body {
	-webkit-text-size-adjust: 100%; /* iPhoneでのフォントサイズ自動変換OFF  縦横でのフォントサイズが固定される */
	-webkit-font-smoothing: antialiased;
	android:textAppearance="?android:attr/textAppearanceSmall"
}
.pc { display: none !important; }

.inner{
	width:94%;
	margin:0 3%;
	}

#wrap{
	background-color:#fff;
	}
	
.inner_pc{
	width:100%;
	}
/*	img
----------------------------------------------------*/
img {	width: 100%; height: auto; }

/*=================================================================*/
/*	header                                                                                                       */
/*=================================================================*/
header{
	width:100%;
	height:60px;
	}

header .logo{
	float:left;
	margin-top:14px;
	margin-left:3%;
	text-align:left;
	width:37%;
	}

header p.logo_txt{
	float:left;
	margin-top:26px;
	margin-left:5px;
	font-size:10px;
	font-size:1.0rem;
	}

.header_btn{
	float:right;
	}

.header_btn img{
	vertical-align:sub;
	margin-right:8px;	
	}

a.btn_shop {
	float: right;
	width:60px;
	height:60px;
	background-color:#e61c2b;
	text-align:center;
	color:#fff;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
	}

.menuBtn {
	float: right;
	width:60px;
	height:60px;
	background-color:#008742;
	text-align:center;
	}

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

.menu-trigger {
	position: relative;
	width: 28px;
	height: 23px;
	margin-top:19px;
	}

.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: 10px;
		}
		.menu-trigger span:nth-of-type(3) {
			bottom: 0;
		}
		.menu-trigger.active span:nth-of-type(1) {
			-webkit-transform: translateY(10px) rotate(-45deg);
			transform: translateY(10px) rotate(-45deg);
		}
		.menu-trigger.active span:nth-of-type(2) {
			opacity: 0;
		}
		.menu-trigger.active span:nth-of-type(3) {
			-webkit-transform: translateY(-10px) rotate(45deg);
			transform: translateY(-10px) rotate(45deg);
		}
		

/*=================================================================*/
/*	nav                                                                                                       */
/*=================================================================*/
nav{
	display:none;
	}

#spnav {
	text-align: left;
	font-size:14px;
	font-size:1.4rem;
	}

.close{
	text-align:right;
	background-color:#008742;
	}

.close a{
	color:#fff !important;
	}

.icon_spnav{
	width:24px;
	display:inline-block;
	margin-right:10px;
	}
	
.mm-panel_has-navbar .mm-navbar{
	display:none !important;
	}

.mm-panel_has-navbar{
	padding-top:0 !important;
	}

.mm-panel{
	padding-left:0 !important;
	}

.mm-panel, .mm-panels{
	background-color:#fff !important;
	}

.mm-listitem{
	color:#008742 !important;
	border-color:#80c9a4 !important;
	}

.mm-listitem__text{
	padding-left:30px !important;
	}

.mm-listitem__btn:not(.mm-listitem__text){
	border-left:none !important;
	}

.mm-listitem_opened>.mm-listitem__btn, .mm-listitem_opened>.mm-panel {
	background:none !important;
	}

.mm-btn{
	position:relative !important;
	}

.mm-btn:after, .mm-btn:before {
	border:none !important;
	}

.mm-btn_next:after, .mm-btn_next:before {
	content:"" !important;
	position: absolute !important;
	left: 22px !important;
	width: 30% !important;
	height: 1px !important;
	background-color: #008742 !important;
	border-radius: 4px !important;
	-webkit-border-radius: 4px !important;
	-ms-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	-o-border-radius: 4px !important;
	}
.mm-btn_next:after {
	transform: rotate(0deg) !important;
	-webkit-transform: rotate(0deg) !important;
	-moz-transform: rotate(0deg) !important;
	-ms-transform: rotate(0deg) !important;
	-o-transform: rotate(0deg) !important;
	}
.mm-btn_next:before {
	top: 50% !important;
	transform: rotate(90deg) !important;
	-webkit-transform: rotate(90deg) !important;
	-moz-transform: rotate(90deg) !important;
	-ms-transform: rotate(90deg) !important;
	-o-transform: rotate(90deg) !important;
	}

/*＋、－切り替え*/
.mm-listitem_opened>.mm-btn_next:after {
	display:none !important;
	}
	
.mm-listitem_opened>.mm-btn_next:before {
	top: 50% !important;
	transform: rotate(180deg) !important;
	-webkit-transform: rotate(180deg) !important;
	-moz-transform: rotate(180deg) !important;
	-ms-transform: rotate(180deg) !important;
	-o-transform: rotate(180deg) !important;
	}

.mm-listitem_vertical>.mm-panel{
	padding:0 0 0 10px !important;
	font-size:13px !important;
	font-size:1.3rem !important;
	}


.mm-listitem_vertical>.mm-panel a p.triangle{
	width:0;
	height:0;
	border-top: 4px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 6px solid #008742;
	display:inline-block;
	}

#nav_sub{
	border: 1px solid #fff !important;
	padding-left:30px !important;
	margin-top:15px !important;
	}
	
#nav_sub li{
	width:100% !important;
	font-size:13px !important;
	font-size:1.3rem !important;
	padding:10px 10px 10px 30px !important;
	position:relative !important;
	}

#nav_sub li:before{
	content:"";
	display:block;
	width:12px;
	height:12px;
	background-color:#008742;
	border-radius:6px;
	position:absolute;
	top:14px;
	left:5px;	
	}

/*=================================================================*/
/*	btn                                                                                                       */
/*=================================================================*/
.normal_btn a{
	display: inline-block;
	color:#fff;
	font-weight:bold;
	background-color:#008742;
	border-radius:30px;
	padding:8px;
	min-width:230px;
	position:relative;
	font-size:14px;
	font-size:1.4rem;
	position:relative;
	text-align:center;
	}

.normal_btn a:after{
	content:"";
	display:block;
	border-top: 10px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 8px solid #fff;
	position:absolute;
	top:50%;
	right:6px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	}

#news .news_btn a{
	margin-bottom:30px;
	padding:10px;
	min-width:200px;
	}

.line_btn a{
	font-size:14px;
	font-size:1.4rem;
	display: inline-block;
	color:#333;
	font-weight:bold;
	border:1px solid #008742;
	background-color:#fff;
	box-sizing:border-box;
	border-radius:30px;
	position:relative;
	text-align:center;
	}

.line_btn a:after{
	content:"";
	display:block;
	width:0;
	height:0;
	border-top: 10px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 8px solid #008742;
	position:absolute;
	top:50%;
	right:6px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	}

	
/*=================================================================*/
/*	news                                                                                                       */
/*=================================================================*/
.news ul li{
	float:left;
	width:48%;
	min-height:325px;
	border:1px solid #cbcbcb;
	box-sizing:border-box;
	border-radius:8px;
	margin:1%;
	background-color:#fff;
	position:relative;
	}

.news_new{
	position:absolute;
	z-index:2;
	top:-1px;
	left:-1px;
	}

.news ul li a{
	display:block;
	}

.news ul li .news_img{
	width:100%;
	height:192px;
	border-radius:6px 6px 0 0;
	overflow:hidden;
	position:relative;
	}

.news ul li .news_img img{
	max-height:192px;
	width:auto;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	}

.news_data_area{
	padding:4px;
	text-align:left;
	}
	
.news_cat_release, 
.news_cat_news, 
.news_cat_product, 
.news_cat_producer, 
.news_cat_event{
	display: block;
	color:#fff;
	font-size:12px;
	font-size:1.2rem;
	border-radius:20px;
	text-align:center;
	width:78px;
	margin:5px 0;
	}

.news_cat_product{ background-color:#006e92; }
.news_cat_producer{ background-color:#2d9200; }
.news_cat_event{ background-color:#947f39; }
.news_cat_release{ background-color:#41979a; }
.news_cat_news{ background-color:#5a5a5a; }

.news_days{
	color:#949494;
	display:block;
	font-size:14px;
	font-size:1.4rem;
	}

.news_ttl{
	overflow:hidden;
	width:100%;
	height:90px;
	display:block;
	padding-bottom:10px;
	}

.news_ttl p{
	font-size:14px !important;
	font-size:1.4rem !important;
	margin-bottom:0;
	}

/*=================================================================*/
/*	リンク                                                                                                      */
/*=================================================================*/
/*お知らせ一覧*/
a[target="_blank"] .news_ttl p
a[href$=".pdf"] .news_ttl p,
a[href$=".doc"] .news_ttl p,
a[href$=".docx"] .news_ttl p,
a[href$=".xls"] .news_ttl p,
a[href$=".xlsx"] .news_ttl p{
  color: #00baff !important;
  text-decoration: none;
}
a[target="_blank"] .news_ttl p::before{
  margin-right: 6px;
  content: "";
  display: inline-block;
  vertical-align: -1px;
	background:url(../../images/union/icon_link.svg) no-repeat center;
	background-size:contain;
	fill:#00baff;
	width:14px;
	height:14px;
}

a[target="_blank"] .news_ttl p::before{
  margin-right:8px;
  content: "";
  display: inline-block;
  vertical-align: -1px;
	background:url(../../images/union/icon_link.svg) no-repeat center;
	background-size:contain;
	width:16px;
	height:16px;
}

a[href$=".pdf"] .news_ttl p::before{
	background:url(../../images/union/icon_pdf.svg) no-repeat center;
  content: "";
  display: inline-block;
  vertical-align: -10px;
	background-size:contain;
	width:32px;
	height:32px;	
	}	

a[href$=".doc"] .news_ttl p::before,
a[href$=".docx"] .news_ttl p::before{
	background:url(../../images/union/icon_doc.svg) no-repeat center;
  content: "";
  display: inline-block;
  vertical-align: -10px;
	background-size:contain;
	width:32px;
	height:32px;	
	}

a[href$=".xls"] .news_ttl p::before,
a[href$=".xlsx"] .news_ttl p::before{
	background:url(../../images/union/icon_xlsx.svg) no-repeat center;
  content: "";
  display: inline-block;
  vertical-align: -10px;
	background-size:contain;
	width:32px;
	height:32px;
}

/*お知らせ詳細*/
#news_detail a[target="_blank"],
#news_detail a[href$=".pdf"],
#news_detail a[href$=".doc"],
#news_detail a[href$=".docx"],
#news_detail a[href$=".xls"],
#news_detail a[href$=".xlsx"]{
  color: #00baff !important;
  text-decoration: none;
}

#news_detail a[target="_blank"]::before{
	background:url(../../images/union/icon_link.svg) no-repeat center;
  margin-right:8px;
  content: "";
  display: inline-block;
  vertical-align: -1px;
	background-size:contain;
	width:14px;
	height:14px;	
	}
	
#news_detail a[href$=".pdf"]::before{
	background:url(../../images/union/icon_pdf.svg) no-repeat center;
  content: "";
  display: inline-block;
  vertical-align: -10px;
	background-size:contain;
	width:32px;
	height:32px;	
	}	

#news_detail a[href$=".doc"]::before,
#news_detail a[href$=".docx"]::before{
	background:url(../../images/union/icon_doc.svg) no-repeat center;
  content: "";
  display: inline-block;
  vertical-align: -10px;
	background-size:contain;
	width:32px;
	height:32px;	
	}

#news_detail a[href$=".xls"]::before,
#news_detail a[href$=".xlsx"]::before{
	background:url(../../images/union/icon_xlsx.svg) no-repeat center;
  content: "";
  display: inline-block;
  vertical-align: -10px;
	background-size:contain;
	width:32px;
	height:32px;
}

/*=================================================================*/
/*	page-top                                                                                                       */
/*=================================================================*/
#page-top {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index:2;
	}

#page-top a {
	display: block;
	width:50px;
	height:50px;
	background-color:#90d23a;
	box-shadow: 0 2px 6px rgba(0,0,0,0.3);
	border-radius:25px;
	position:relative;
	}

#page-top a:before{
	content:"";
	display:block;
	width:0;
	height:0;
	border-top: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #FFF;
	border-left: 8px solid transparent;
	position:absolute;
	top:-webkit-calc(50% - 5px);
	top:calc(50% - 5px);
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	}

/*=================================================================*/
/*	footer                                                                                                       */
/*=================================================================*/
footer{
	margin-top:56px;
	}
	
.footer_top{
	width:100%;
	background:url(../../images/union/img_footer.jpg) no-repeat bottom right;
	background-size:contain;
	}

.footer_top_area{
	text-align:left;
	}

.footer_top_area img{
	width:38%;
	margin:0 auto;
	display:block;
	}

.footer_top_area p{
	font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	color:#333;
	font-size:14px;
	font-size:1.4rem;
	font-weight:bold;
	line-height:160%;
	margin-top:10px;
	padding-bottom:35px;
	text-shadow:2px 2px 1px #fff,
						 -2px 2px 1px #fff,
							2px -2px 1px #fff,
						 -2px -2px 1px #fff;
	}

.footer_green{
	width:100%;
	background-color:#008742;
	text-align:right;
	}

.footer_green ul li{
	width:50%;
	height:60px;
	font-size:14px;
	font-size:1.4rem;
	text-align: center;
	float:left;
	line-height:60px;
	box-sizing:border-box;
	border:1px solid #80c3a1;
	}

.footer_green ul li:nth-child(odd){
	border-left:none;
	}

.footer_green ul li:nth-child(even){
	border-right:none;
	}

.footer_green ul li a{
	color:#fff;
	text-decoration:none;
	display:block;
	}
	
.footer_green ul li a p.triangle{
	width:0;
	height:0;
	border-top: 4px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 10px solid #fff;
	display:inline-block;
	}
	
.copy_area{
	padding:7px 0;
	text-align:center;
	}
	
.copy_area ul{
	margin-bottom:10px;
	}
	
.copy_area ul li{
	display:inline-block;
	font-size:13px;
	font-size:1.3rem;
	}

.copy_area ul li a{
	color:#333;
	}

.copy_area p{
	font-size:12px;
	font-size:1.2rem;
	}

/*<end>============================================================*/
}



/*******************************************************************/
/* 印刷専用スタイル（PCと同じ）                                                   */
/*******************************************************************/
@media print {
/*<start>==========================================================*/
html { font-size: 62.5%; }/*10px相当にreset*/
body {
	font-size: 16px;/*css3の効かないブラウザ用*/
	font-size: 1.6rem;/*bodyのベースサイズをセット（ここでは16px）以下各要素は10pxを基準にサイズ指定1.2rem（12px）1.4rem（14px）など）*/
}
.sp { display: none !important; }
/*<end>============================================================*/
}