@charset "utf-8";

/*  ================================================================================================

    PC 共通パーツ

    ============================================================================================  */
		*, *:before, *:after, col-md-1, col-md-2 {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
			box-sizing: border-box;
		}
		#mainContents a:hover {
			opacity:0.7;
		}


/* header　ヘッダー
------------------------------------------------------------------ */
		#commonHeader{
			position: fixed;
			left: 0;
			right: 0;
			top: 0;
			width: 100%;
			z-index: 9999;
			transition: 200ms;
			background: rgba(256,256,256,.85);
			font-size: min(0.94vw, 18px);
			line-height: 1.5;
			letter-spacing: 0;
			font-family: Noto Sans JP,sans-serif!important;
		}
		#commonHeader.is-animation{
			background:rgba(255,255,255,.85);
		}
		#commonHeader .logo{
			position: relative;
			z-index: 1;
			width: 270px;
		}
		#commonHeader a{
			color: #1b1b1b;
		}
		#commonHeader #commonHeaderWrap {
			max-width: none;
			display: flex;
			justify-content: space-between;
			align-items: center;
			width: 100%;
			transition: .3s;
		}
		#commonHeaderWrap .logo img{
			width: 270px;
		}
		#headerInner a {
			text-decoration: none;
			display: block;
			padding: 48px 0;
		}
		#headerInner .linkBlock a {
			padding: 0;
		}
		#headerInner .logo a {
			padding: 0;
		}
		#headerInner .logo img{
			padding: 0px 0 0 30px;
			transition: .3s;
		}

		

/* globalNavi グローバルナビ
------------------------------------------------------------------ */
#commonHeader .globalSubNavi li a[target="_blank"]:after{
	display: none;
}
.globalNavi {
	position: relative;
}

/* megamenu Newメガメニュー
------------------------------------------------------------------ */
.globalNavi li .megaMenuWrap{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;	
	background: rgba(256,256,256,.85);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	padding-top: 9.3vw;
	z-index: 0!important;
}
body.officialTop .globalNavi li .megaMenuWrap{
	background: rgba(256,256,256,.85);
}
.is-animation .globalNavi li .megaMenuWrap{
	padding-top: 6.3vw;
}
.globalNavi li .megaMenuWrap img{
	max-width: 100%;
}
.megaMenuLinkInner .linkBtn a.btnA span,
.megaMenuLinkInner .linkBtn a.btnB span,
.megaMenuLinkInner .linkBtn a.btnC span,
.megaMenuLinkInner .linkBtn .btnA,
.megaMenuLinkInner .linkBtn .btnB,
.megaMenuLinkInner .linkBtn .btnC {
	background: none;
	border: none!important;
	border-bottom: none!important;
	color: #151818;
	text-align: left!important;
	font-weight: normal;
}
#commonHeader .megaMenuLink {
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	max-width: 1920px;
}
#commonHeader .megaMenuLink figure {
	width: 30.94vw;
	padding: 0;
	position: relative;
}
.megaMenuLinkInner {
	width: calc(100% - 30.94vw);
	display: flex;
	justify-content: space-between;
	padding: 1.88vw 0 0 6.75vw;
	position: relative;
}
.megaMenuLinkInner ul li {
	font-weight: bold;
	margin-bottom: 0.28vw;
	margin-right: 0!important;
	text-align: left;
}
.megaMenuLinkInner ul li:last-child {
	margin-bottom: 0;
}
#headerInner .globalNaviList a {
	position: relative;
	z-index: 1;
}
#headerInner .globalNaviList .megaMenuLinkInner a {
	text-align: left!important;
	border-bottom: none;
	padding: 0 0.94vw 0 0;
}
#headerInner .globalNaviList .megaMenuLinkInner a:hover {
	border-bottom: none;
	opacity: .7;
}
.linkBtn {
	border-left: 1px solid #ccc;
	padding: 0 0 0 1.88vw;
	margin: 0 0 0 2.81vw;
	min-width: 24.2vw;
	margin-left: auto;
}
.megaMenuLinkInner .linkBtn ul li {
	font-weight: normal;
}
#headerInner .linkBtn a {
	position: relative;
	padding: 0;
}
#headerInner {
	display: flex;
	align-items: center;
	width: 100%;	
	max-width: 1920px;
	margin: 0 auto;
	height: 98px;
}
.is-animation #headerInner {
	height: auto;
}
.globalNavi {
	position: relative;
	margin: 2.4vw 0 0 auto;
	width: calc(100% - 270px);
}
#headerInner .globalNaviList a,
#headerInner .globalNaviList span {
	padding: 20px 1.48vw;
	text-align: center;
	font-weight: bold;
	font-size: min(1.1vw, 21px);
}
#headerInner .globalNaviList .linkBtn a,
#headerInner .globalNaviList .linkBtn span {
	padding: 0;
}
#headerInner .globalNaviList .otherLink a {
	padding: 0 0 0 1.6vw;
}

.globalNaviList .products {
	overflow: initial;
	position: initial;
}
.globalNaviList .onlineshop>a:after {
	display: none;
}
.globalNavi .globalNaviList > ul {
	display: flex;
	align-items: center;
	justify-content: end;
}
.globalNavi .globalNaviList > ul li a {
	border-bottom: 3px solid rgba(256,256,256,0);
}
.globalNavi .globalNaviList > ul li.current a{
	border-bottom: 3px solid #006633;
}
.globalNavi .globalNaviList > ul li a {
	position: relative;
}
.globalNavi .globalNaviList .m_hover a:after {
  content: '';
  width: 10px;
  height: 10px;
  border: 0;
  border-bottom: solid 2px #333;
  border-right: solid 2px #333;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-top: -6px;
  transform: rotate(45deg) translateX(-50%);
	display: inline-block;
}
.globalNavi .globalNaviList .arrow.news a:hover,
.globalNavi .globalNaviList .arrow.museum a:hover,
.globalNavi .globalNaviList .arrow.onlineshop a:hover {
	opacity: .7;
}
.globalNavi .globalNaviList .museum.m_hover a:after,
.globalNavi .globalNaviList .m_hover .megaMenuWrap a:after {
	display: none;
}
.globalNavi .otherLink {
	position: absolute;
	top: -1.5vw;
  right: 1.6vw;
	display: flex;
}
.globalNavi .globalNaviList .linkBtn a.btnA:before {
	content: "";
	margin-right: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	background: url(/lib/img/common/megamenu/ico_product.svg);
	background-size: contain;
	width: 1.13vw;
	height: 1.13vw;
	background-repeat: no-repeat;
}
.globalNavi .globalNaviList .linkBtn a.btnB:before {
	content: "";
	margin-right: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	background: url(/lib/img/common/megamenu/ico_list.svg);
	background-size: contain;
	width: 1.13vw;
	height: 1.23vw;
	background-repeat: no-repeat;
}
.globalNavi .globalNaviList .linkBtn a.btnC:before {
	content: "";
	margin-right: 0;
	position: absolute;
	top: -4px;
	left: 0;
	display: inline-block;
	background: url(/lib/img/common/megamenu/ico_brand.svg) center center no-repeat;
	background-size: contain;
	width: 0.93vw;
	height: 1.83vw;
}
body.officialTop #commonHeader.is-animation #commonHeaderWrap {
	height: 98px;
}
body.officialTop .globalNavi .globalNaviList .linkBtn a.btnA:before,
body.officialTop .globalNavi .globalNaviList .linkBtn a.btnB:before{
	top: 0;
}
body.officialTop .globalNavi .globalNaviList .linkBtn a.btnC:before {
	top: -5px;
}
.globalNavi .otherLink span {
	padding-left: 0;
}
.globalNavi .otherLink button {
	display: none;
}
.globalNavi .otherLink ul li {
	font-size: 0.94vw; /* 18px */
	font-size: min(1.94vw,16px);
}
.language {
	margin-right: 1.8vw;
}
a span.onLine,
.language a,
.customer a {
	position: relative;
	padding: 0 0 0 1.9vw;
}
#footer a span.onLine {
	font-weight: bold;
}
.language a:before {
	background: url(/lib/img/common/ico_english.svg) left center no-repeat;
}
.customer a:before {
	background: url(/lib/img/common/ico_customer.svg) left center no-repeat;
}
a span.onLine:before{
	background: url(/lib/img/common/ico_shop.svg) left center no-repeat;
}
a span.onLine:before,
.language a:before,
.customer a:before {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	content: "";
	display: inline-block;
	background-size: contain;
	width: 1.3vw;
	height: 1.7vw;
}
.btnGlobal {
	display: none;
}
button {
	background: none;
	border: none;
}
/* 縮小ヘッダー */

#commonHeader.is-animation #headerBlock .logo {
	width: 44px;
}
#commonHeader.is-animation #headerBlock .logo img{
	margin-right: 0;
	width: 100%;
}
.is-animation #headerInner {
	flex: none;
	width: 100%;
}
.is-animation #headerInner a {
	text-decoration: none;
	display: block;
	text-align: center;
}
.is-animation #headerInner .logoTextImg {
	display: block;
}

.otherList {
	display: none;
}
.is-animation .logo {
	position: relative;
	z-index: 1;
}
.is-animation #headerInner .logo a {
	padding: 0;
}
.is-animation #headerInner .logo img{
	display: block;
	width: min(13.5vw,200px);
	padding: 0px 0 0 30px;
	transition: .3s;
}
/* #commonHeader.is-animation{
	height: 98px;
} */
#commonHeader.is-animation #commonHeaderWrap {
	display: flex;
	align-items: flex-end;
	position: relative;
}
.is-animation #headerInner .logoImg{
	width: 25%;
}
.is-animation #commonGlobalNaviBox{
	flex: 0 1 93%;
}
.is-animation #commonGlobalNaviBox .globalNavi{
	position: inherit;
}
.is-animation .globalSubNaviBox {
	max-width: none;
	margin: 0 5.25vw;
	height: 6.3vw;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#commonHeader.is-animation #commonGlobalNaviBox .globalNavi li > a{
	font-size: 0.84vw; /* 16px */
}
@media screen and (min-width: 768px) and (max-width: 970px){
	.is-animation #headerInner .logoTextImg {
			width: 14.06vw!important;
		}
}

body.officialTop #commonHeaderWrap.out-anime .megaMenuWrap {
	display: none!important;
}
/* 縮小ヘッダー G-navi */
.is-animation .globalNavi .otherLink span {
	padding-left: 0px;
	text-align: left;
	display: block;
}
.is-animation #headerInner .globalNaviList a {
	padding: 0.2vw 1.48vw 1.6vw;
	text-align: center;
	font-size: min(1.1vw, 21px);
	position: relative;
	z-index: 1;
}
/* @media screen and (max-width: 1050px){
	.globalNavi {
    width: 57.8vw;
	}
	#headerInner .globalNaviList a {
    padding: 2.4vw 1.2vw;
	}
	.is-animation .globalNavi {
    padding: 0 0 0 4vw!important;
	}
	.is-animation #headerInner .globalNaviList a {
		padding: 1vw 0.8vw 1.2vw;
	}
	.is-animation .globalNavi .otherLink {
		top: -0.9vw!important;
	}
	.megaMenuLinkInner {
		padding-left: 2.5vw;
	}
	.megaMenuLinkInner .linkBlock{
		margin-left: 2vw;
		padding: 0;
	}
} */

#headerInner .globalNaviList .linkBlock a {
	padding: 0.75vw 0;
	font-size: 1.25vw; /* 24px */
	font-size:min(1.25vw,18px);
	font-weight: normal;
} 
#headerInner .globalNaviList .linkBtn a {
	padding: 0 0 0 1.88vw;
	margin: 1.13vw 0 1.13vw 1.88vw;
	font-size: 1.05vw; /* 20px */
	display: inline-block;
	line-height: 1;
}
/* .is-animation .globalNavi {
	padding: 0 0 0 8vw;
} */
.is-animation .globalNaviList {
	display: flex;
	justify-content: end;
	position: relative;
}
.globalNavi ul li {
	font-size: 1.25vw; /* 24px */
	font-size: min(1.25vw, 24px);
}
.is-animation .globalNavi .otherLink {
	position: relative;
	display: none;
	right: -0.6vw;
  top: -1.4vw;
	text-align: right;
	z-index: 1;
}
.is-animation .globalNavi .otherLink button {
	display: block;
	text-align: right;
	top: 1.69vw;
	position: relative;
	cursor: pointer;
}
.is-animation .globalNavi .otherLink button img {
	width: 1.3vw;
}
.is-animation .globalNavi .otherLink button:hover {
	color: #107A4A;
}
.is-animation #headerInner .globalNaviList .otherLink li a {
	padding: 1.13vw 0 1.13vw 1.88vw;
}
.is-animation #headerInner .globalNaviList .otherLink li a:hover {
	opacity: .7;
}
.is-animation #headerInner .globalNaviList .otherLink ul {
	position: absolute;
	top: 4.88vw;
	left: -195px;
	width: 250px;
	max-height: 0;
	overflow: hidden;
}
.is-animation #headerInner .globalNaviList .otherLink li {
	width: 100%;
	padding: 0 0.94vw;
	background: #ccc;
	border-bottom: 1px solid #fff;
}
.is-animation #headerInner .globalNaviList .otherLink li:last-child {
	border-bottom: none;
}
#slideToggle {
	display: flex;
}
#headerInner .globalNaviList #slideToggle span {
	font-weight: normal;
	font-size: min(1vw,16px);
	padding: 20px 1.48vw 20px 0;
}
.is-animation #slideToggle {
	display: block;
	font-size: 18px;
}
.is-animation #headerInner .globalNaviList button:hover + #slideToggle,
.is-animation #headerInner .globalNaviList #slideToggle:hover {
	max-height: 200px; /* リストの最大の高さ */
}
#toggle {
	display: none;
}

/* contents
------------------------------------------------------------------ */
#g-contents {
	padding: 98px 0 0;
}
#wrapper{
	padding: 98px 0 0;
}


/* footer フッター
------------------------------------------------------------------ */
#footer a, #footer a:link, #footer a:visited{
	color: #666;
	text-decoration: none;
}
#commonFooter {
	width: 100%;
	color: #FFFFFF;
	position: absolute;
	left: 0 ;
	right: 0;
	line-height: 1;
	letter-spacing: 0;
	font-size: 0.84vw; /* 16px */
	text-align: left;
	font-family: Noto Sans JP,sans-serif!important;
	background: #F3F3F3;
}
#commonFooter img {
	max-width: 100%;
}
.footerLogo img {
	width: 13.5vw;
	max-width: 270px;
}
#commonFooter .footerContent{
	padding: 0 10px;
}
#commonFooter .footerLogoArea {
	display:flex;
	justify-content: space-between;
	align-items: end;
	margin-bottom: 3.4vw;
}
#commonFooter .footerLogo {
	font-size: min(1.67vw, 32px); /* 32px */
	font-weight: normal;
}
#commonFooter .footerLogo a {
	color: #333333;
	text-decoration: none;
}
#commonFooter .footerOtherLinkListPc a {
	color: #151818;
	text-decoration: none;
}
#commonFooter .footerOtherLinkListPc ul {
	display:flex;
	justify-content: space-between;
	font-size: 0.94vw; /* 18px */
}
#commonFooter #commonFooterWrap #footer {
	background: #064D2E;
}
#commonFooter #commonFooterWrap #footer .footerLink {
	max-width: 760px;
	margin: 0 auto;
	text-align: center;
}
#commonFooter #commonFooterWrap #footer .footerLink li {
	display: inline-block;
	text-align: center;
	padding: 25px 0;
}
#commonFooter #commonFooterWrap #footer .footerLink li a {
	display: inline-block;
	padding: 0 20px;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;
	border-right: 1px solid #FFFFFF;
}
#commonFooter #commonFooterWrap #footer .footerLink li:last-child a {
	border-right: none;
}
#commonFooter .footerContent .contentInner{
	display: flex;
	max-width: 1200px;
	margin: 0 auto;
	padding: 45px 0 ;
	color: #FFFFFF;
}
#commonFooter .footerContent .contentInner .footerText{
	text-align: left;
	font-size:  14px;
	line-height: 1.5;
	flex: 0 1 60%;
}
#commonFooter .footerContent .snsWrap {
	flex: 0 1 40%;
}
#commonFooter .footerContent .snsWrap .snsTitle{
	font-size: 18px;
	text-align: center;
	padding: 0 0 10px;
	margin-bottom: 10px;
	color: #FFFFFF;
}
#commonFooter .footerContent .snsWrap .snsLink{
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
#commonFooter .footerContent .snsWrap .snsLink li{
	margin: 0 7px;
}
#commonFooter .footerContent .contentInner .snsWrap .snsLink a[target="_blank"]:after{
	display: none;
}
.closed #commonFooter {
	bottom:0;
}
#commonFooterWrap {
	margin: 0 4.2vw;
	padding: 3.5vw 0 2.9vw;
}
#commonFooter #commonFooterWrap #footer {
	background: none;
}
.siteLink a {
	color: #151818;
	text-decoration: none;
}
.siteLink {
	display: flex;
	font-size: min(1.5vw,21px);
	margin-bottom: 0.4vw;
}
.siteLink>dl {
	width: calc(100% / 6);
}
.siteLink dl dt {
	font-weight: bold;
	margin-bottom: 1.8vw;
	font-size: 1.1vw; /* 21px */
}
#footer .siteLink dl dt a {
	color: #151818;
}
.siteLink dl dd {
	margin-bottom: 1.2vw;
	font-size: 0.84vw; /* 16px */
}
.footerOtherLink {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.footerSns {
	display: flex;
	flex-wrap: wrap;
	width: 25vw;
}
.footerSns dt {
	width: 100%;
	color: #151818;
	font-size: 1.25vw; /* 24px */
	font-weight: bold;
	margin: 0 0 24px 0;
}
.footerSns dd {
	width: 3vw;
}
.footerSns dd:not(:last-child) {
	margin-right: 1.4vw;
}
.footerSns dd img {
	max-width: 100%;
}
.footerOtherLinkList {
	margin-top: 4.7vw;
}
.footerOtherLinkList ul {
	display: flex;
	margin-left: 0.6vw;
}
.footerOtherLinkList ul:first-child {
	margin-bottom: 3.8vw;
}
.footerComment {
	padding: 2.4vw 4.8vw 1.9vw;
	color: #fff;
	line-height: 1.4;
	font-size: 0.84vw;
	background-color: #006633;
	display: flex;
	justify-content: space-between;
	align-items: end;
}
.footerOtherLinkList ul li {
	font-size: 0.84vw; /* 16px */
}
.footerOtherLinkList ul li:not(:last-child) {
	margin-right: 2.5vw;
}
.footerOtherLinkList ul li a  {
color: #151818;
}
.footerOtherLinkList ul:last-child li a {
color: #666;
}
.copyRight {
	color: #fff;
	font-size:  min(0.84, 16px);
	display: inline-block;
	margin-bottom: 10px;
}
.copyRight a:link,
.copyRight  a:visited {
	color: #fff;
	font-size: min(1.25vw, 24px);
	text-decoration: none;
}
footer a[target="_blank"]:after {
	display: none;
}
footer {
	border-top: none;
}

.globalNaviList .acc:after {
	top:22px;
}
.linkBlock  {
	min-width: 16vw;
}
.linkBlock li a {
	text-align: left;
}
.linkBlock li a:before,
.linkBlock li a:after {
	display: none;
}
/**/
@media screen and (min-width: 1800px){
	#g-contents {
		padding: 121px 0 0;
	}
	#headerInner .globalNaviList a,
	#headerInner .globalNaviList span {
		font-size: 21px;
		font-weight: bold;
		padding: 10px 34px;
	}
	#headerInner .globalNaviList .linkBtn a,
	#headerInner .globalNaviList .linkBtn a span {
		font-size: min(1.25vw,18px);
		font-weight: bold;
	}
	
	.globalNavi .globalNaviList .linkBtn a.btnA:before,
	.globalNavi .globalNaviList .linkBtn a.btnB:before,
	.globalNavi .globalNaviList .linkBtn a.btnC:before {
			left: 0.2vw;
	}
	.is-animation .linkBtn {
		padding: 30px 0 0 1.88vw;
	}
	.is-animation #headerInner .globalNaviList a {
		padding: 20px 16px;
	}
	.is-animation .globalNavi .otherLink button {
		top: -16px;
		height: 120px;
	}
	#headerInner .globalNaviList .otherLink a {
		padding-left: 30px;
	}
	a span.onLine:before,
	.language a:before,
	.customer a:before {
		max-width: 20px;
	}
	a span.onLine, .language a, .customer a {
		padding-left: 30px;
	}
	.is-animation .globalNavi .otherLink {
		top: -4px;
	}
	#headerInner .language a span,
	#headerInner .customer a span {
		padding: 20px 1.48vw 20px 0;
		font-weight: normal;
	}
	#commonFooter #commonFooterWrap {
		max-width: 1920px;
		margin: 0 auto;
		padding: 3.5vw  5%;
	}
	.footerLogo {
		font-size: 32px;
	}
	#commonFooter .footerOtherLinkListPc ul {
		font-size: 18px;
	}
	.siteLink dl dt {
		font-size: 21px;
	}
	.siteLink dl dd {
		font-size: 16px;
	}
	.footerSns dt {
		font-size: 24px;
	}
	.footerOtherLinkList ul li {
		font-size: 16px;
	}
	.footerComment {
		font-size: 16px;
		background-color: #006633;
		color: #fff;
		display: flex;
    justify-content: space-between;
    align-items: end;
	}
	.copyRight {
		font-size: 18px;
	}
	.copyRight a,
	.copyRight a:visited {
		font-size: 24px;
		color: #fff;
		display: inline-block;
		margin-bottom: 10px;
	}
}


@media screen and (min-width: 1800px) {
	/* 1920px以上　ヘッダー */
	#commonHeader #commonHeaderWrap {
		/* height: 110px!important; */
		transition: .3s;
	}
	body #commonHeader.is-animation {
		/* margin-top: -180px!important; */
		height: 76px!important;
	}
	body #commonHeader.is-animation #commonHeaderWrap {
		/* height: 118px!important; */
		height: 88px;
		max-width: 1920px;
		margin: 0 auto;
		transition: .3s;
	}
	body #commonHeader.is-animation #headerInner {
		height: 121px!important;
	}
	body #commonHeader .globalNavi {
		padding: 0!important;
		margin: 48px 0 0 auto!important;
	}
	body #commonHeader.is-animation .globalNavi {
		padding: 0!important;
		margin: 24px 0 0 auto!important;
	}
	body #commonHeader.is-animation .globalNavi .otherLink button img {
		max-width: 30px!important;
	}
	body #commonHeader.is-animation .globalNavi .otherLink {
		right: -5px!important;
		display: none;
	}
	body #commonHeader.is-animation .globalNavi li .megaMenuWrap {
		margin-top: 0!important;
		padding-top: 121px;
	}
	.is-animation #headerInner .globalNaviList a {
		padding: 20px 34px 18px;
	}
	.is-animation #headerInner .globalNaviList .linkBtn a {
		/* padding: 2px 34px 18px; */
		padding: 0 0 0 34px;
		margin: 2px 34px 18px;
	}
	.is-animation #headerInner .globalNaviList  .linkBlock a {
		padding: 0;
		margin: 30px 0;
	}
	body #commonHeader.is-animation #headerInner .globalNaviList .otherLink ul {
		left: -213px!important;
		top: 100px!important;
	}
	#commonHeader .megaMenuLink figure {
		max-width: 600px;
	}
	.megaMenuLinkInner {
		padding: 40px 0 0 120px;
		width: calc(100% - 600px);
	}
	#headerInner .globalNaviList .linkBlock a {
		padding: 14px 0;
	}
	#headerInner .globalNaviList .linkBtn a {
		font-size: min(1.05vw,18px);
		position: relative;
	}
}

/*  ================================================================================================

    PC 汎用スタイル

    ============================================================================================  */

li{
	list-style: none;
}

.anchorPoint{
	padding-top: 140px;
	margin-top: -140px;
	display: inline-block;
}

/*  ================================================================================================

    PC ページごと個別スタイル

    ============================================================================================  */



/*ニュースリリース  
-----------------------------------------------------*/

body.news #g-container{
	max-width: 1200px;
	margin: 0 auto;
	width: 100%;
}
body.news #news-contents ul a .newsDateBox{
	color:#333333;
}
body.news #news-contents ul a .newsTextBox,
body.news #news-contents ul a .newsCategory{
	color: #007A47;
}
body.news #news-contents ul a:hover .newsTextBox,
body.news #news-contents ul a:hover .newsDateBox{
	text-decoration:underline;
}
body.news #news-contents ul {
	position: relative; 
	width: 700px;
	line-height: 1.2em;
	margin-bottom: 10px;
	margin-top: 5px;
}
body.news #news-contents #whatsnew ul {

	width: -webkit-calc(100% - 300px);
	width: calc(100% - 300px);
}

body.news #news-contents #whatsnew ul li{
	border-bottom: solid 1px #03934D;
	padding:30px 0px 30px 20px;
}
body.news #news-contents #whatsnew ul li.emptyList{
	height:100px;
}

body.news #news-contents #whatsnew ul li .newsBoxWrap{
	display:-ms-flex;
	display:flex;
	flex-wrap:wrap;
}

body.news #news-contents #whatsnew ul li .newsBoxWrap .newsDateBox{ /*日付*/
	display:inline-block;
	margin-bottom:5px;
}
body.news #news-contents #whatsnew ul li .newsBoxWrap .newsImgBox{ /*画像*/
	width:160px;
	height:160px;
	text-align:center;
	margin:0 20px 0 0;
	
	text-align:center;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}
body.news #news-contents #whatsnew ul li .newsBoxWrap .newsDetailWrap{
	width: -webkit-calc( 100% - 180px);
	width: calc( 100% - 180px);
	padding: 0 0px 10px 0;
	font-size:16px;

}
body.news #news-contents #whatsnew ul li .newsBoxWrap .newsCategory{
	display:inline-block;
	width: 110px;
	margin-right:10px;
}
body.news #news-contents #whatsnew ul li .newsBoxWrap .newsCategory div{
	padding: 3px;
	text-align: center;
}
body.news #news-contents #whatsnew ul li .newsBoxWrap .newsTextBox{
	margin-top:10px;
	width: -webkit-calc(100% - 80px);
	width: calc(100% - 80px);
	font-size:16px;
	line-height: 1.3;
	color: #333;
	letter-spacing: 0;
}		

body.news .newsWrap{
	position:relative;
} 
body.news .newsWrap #dateBox{
	position: absolute;
	top: 0px;
	right: 5px;
	width: 260px;
	z-index: 10;
	
}	
body.news .newsWrap #dateBox .selectBottomText{
	font-size:13px;	
	text-indent : -1em ;
	margin-bottom : 1em ;
	padding-left: 1em;
}
body.news #news-contents {
	padding: 20px 0 140px;
}		

body.news .cp_ipselect {
	overflow: hidden;
	width: 100%;
	margin: 2em auto 10px;
	text-align: center;
}
body.news .cp_ipselect select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
body.news .cp_ipselect select::-ms-expand {
		display: none;
}
body.news .cp_ipselect.cp_sl01 {
	position: relative;
	border: 1px solid #bbbbbb;
	border-radius: 2px;
	background: #ffffff;
}
body.news .cp_ipselect.cp_sl01::before {
	position: absolute;
	top: 1.0em;
	right: 0.9em;
	width: 1px;
	height: 6px;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
body.news .cp_ipselect.cp_sl01 select {    
	padding: 0px 38px 0px 18px;
	color: #666666;
	font-size: 1.4rem;
}				

.title1{
	text-align: center;
	margin-bottom: 50px;
	width: 35%;
	margin:0 auto;
}

body.news .posReletive{
	position:relative;
}


/*新着情報一覧
-----------------------------------------------------*/


.newsIndex #news-contents ul a .newsDateBox{
	color:#333333;
}
.newsIndex #news-contents ul a .newsTextBox,
.newsIndex news-contents ul a .newsCategory{
	color: #007A47;
}
.newsIndex #news-contents ul a:hover .newsTextBox,
.newsIndex #news-contents ul a:hover .newsDateBox{
	text-decoration:underline;
}
.newsIndex #news-contents ul {
	position: relative; 
	width: 700px;
	line-height: 1.2em;
	margin-bottom: 10px;
	margin-top: 5px;
}
.newsIndex #news-contents #whatsnew ul {

	width: 100%;
}

.newsIndex #news-contents #whatsnew ul li{
	border-bottom: solid 1px #03934D;
	padding:30px 0px 30px 20px;
}


.newsIndex #news-contents #whatsnew ul li .newsBoxWrap{
	display:-ms-flex;
	display:flex;
	flex-wrap:wrap;
}

.newsIndex #news-contents #whatsnew ul li .newsBoxWrap .newsDateBox{ /*日付*/
	display:inline-block;
	margin-bottom:5px;
}
.newsIndex #news-contents #whatsnew ul li .newsBoxWrap .newsImgBox{ /*画像*/
	width:160px;
	height:160px;
	margin:0 20px 0 0;
	text-align:center;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}


.newsIndex #news-contents #whatsnew ul li .newsBoxWrap .newsDetailWrap{
	width: -webkit-calc( 100% - 180px);
	width: calc( 100% - 180px);
	padding: 0 0px 10px 0;
	font-size:16px;

}
.newsIndex #news-contents #whatsnew ul li .newsBoxWrap .newsCategory{
	display:inline-block;
			width: 110px;
			margin-right:10px;
}
.newsIndex #news-contents #whatsnew ul li .newsBoxWrap .newsCategory div{
		padding: 3px;
		text-align: center;
}
.newsIndex #news-contents #whatsnew ul li .newsBoxWrap .newsTextBox{
	margin-top:10px;
	width:100%;
	font-size: 16px;
    line-height: 1.3;
}		
.newsIndex .whatsNewList{
	padding-bottom:120px;
}


.rssRight{
	text-align:right;
}
.rss1:before{
	content:"■";
	color:#F08300;
	margin-right:5px;
}



/*ニュース詳細
-----------------------------------------------------*/

body.newsdetail #g-container{
	max-width: 1200px;
	margin: 0 auto;
	width: 100%;
}

body.newsdetail .contentsWrap section{
	max-width:960px;
	width:100%;
	margin:0 auto 50px;
	
	
}
body.newsdetail .contentsWrap section.detailhead{
	margin:0 auto 20px;

}

body.newsdetail h1.titleMain{
	font-size: 30px;
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 0;
	line-height: 1.3;
	/* color: #107A4A; */
}
body.newsdetail h2.titleSubTop,
body.newsdetail h2.titleSubUnder{
	font-size: 1.3rem;
	text-align: left;
	margin: 5px 0;
	padding: 0;
	line-height: 1.3;
	/* color: #107A4A; */
}
body.newsdetail p.detailDate{
text-align: left;
	font-size: 14px;
	margin-top:25px;
	
}

body.newsdetail .detailbodyWrap{
	margin: 0px auto 0px!important;
}
body.newsdetail .detailMainImg{
	margin-top:15px;
}
body.newsdetail .detailMainImg,
body.newsdetail .detailBodyImg{
	max-width: 960px;
	text-align: center;
}
body.newsdetail .detailMainImg p.captionBox,
body.newsdetail .detailBodyImg p.captionBox{
	width:80%;
	text-align:center;
	font-size:12px;
	margin:0 auto 30px;
}

body.newsdetail .detailMainImg .bgPhoto{
	max-width: 100%;
	width: 100%;
		margin-bottom:20px;

}

body.newsdetail .detailBodyImg .bgPhoto{
	max-width: 100%;
	width: 100%;
	margin-bottom:20px;
	margin-top:20px;
}


body.newsdetail .detailBodyTtl{
	font-size: 26px;
	font-weight: bold;
	text-align: left;
	/* border-bottom: 1px solid #C6D7D1; */
	padding: 5px 15px 5px 0px;
	margin-bottom: 15px;
	line-height: 1.3;
	/* background: #C3D9D1; */
	margin-top: 25px;
}


body.newsdetail .detailbody .highresImgBtn{
	margin-top:30px;
	text-align:center;
	margin-bottom:30px;
}
body.newsdetail .highresImgBtn{
	margin-top:30px;
	text-align:center;
	
}
body.newsdetail .highresImgBtn a{
	display: inline-block;
	border: 1px solid #12794C;
	color: #12794C;
	font-size: 16px;

	line-height: 1.0;
	vertical-align: middle;
	padding: 10px 30px 10px 50px;
	border-radius: 10px;
	background:url(/company/news/img/img_smallglass.gif) no-repeat 20px center;
	background-size: 18px;

}
body.newsdetail .highresImgBtn a:hover{
	opacity:0.5;
}

body.newsdetail .bodyText{
	font-size: 16px;
	line-height: 1.6;
	letter-spacing: 0;
}
body.newsdetail .linkText{
line-height: 1.0;
margin-top: 0.5rem;
}
body.newsdetail .linkText a{
	color:#12794C;
	font-size:14px;
}
.pdfText{
	text-align:right;
	font-size:16px;
}
.pdfText a{
	display: inline-block;
	padding: 10px 30px 5px 20px;
	background: url(/company/news/img/img_pdficon.gif) no-repeat 100% center, url(/company/news/img/img_pdfarrow.gif) no-repeat 0% center;
	line-height: 1.0;

} 

body.newsdetail .contentsWrap article.newsDetailWrap{
	padding-bottom:100px;
}

body.newsdetail .linkTextBrPcNone{
	display:none;
}

.inqury .inquryBorder{
    border-top: 1px solid #27865C;
    padding: 1rem 0 0;
    font-size: 16px;
    margin-top: 1.0rem;
}
	

.inqury .inquryNote{
	font-size:14px;
	padding-top:0.5rem;
	border-top: 1px solid #27865C;
	margin-top:1rem;
}
.inqury .inquryBorder p.inquryBttom{
	margin:0!important;
	padding:0!important;
}
body.newsdetail .gridbottomMargin0{
	padding-bottom:0px!important;
}


.newsdetail .btnArea{
	display:-webkit-flex;
	display:flex;
	justify-content: center;
			width: 100%;
	margin: 0 auto 0px auto;
}
.newsdetail .btnList,
.newsdetail .btnBackTop{
	width:30%;

}
.newsdetail .btnList{
	margin-right:5%;
}
.newsdetail .btnList a,
.newsdetail .btnBackTop a {
	font-size: 16px;
	text-align: center;
	padding: 11px 0 9px 0px;
	
	margin: 0 auto;
	border: 2px solid #107a4b;
	border-radius: 30px;
	text-decoration: none;
	display:block;
}

.newsdetail .btnBackTop a {
	text-decoration: none;
	color: #064d2e;
	color: #064d2e;
	background: url("/lib/img/top/news/icon_arrow.png") 92% 50% no-repeat ;
	background-size: 20px;
	display:block;

}
.newsdetail .btnList a{
		text-decoration: none;
	color: #064d2e;
	color: #ffffff;
	background: url("/lib/img/top/news/icon_arrow_l.png") 92% 50% no-repeat #107a4b;
	background-size: 20px;
	display:block;		
	}
	





/*管理画面ニュース詳細プレビュー
-----------------------------------------------------*/

body.newsdetail .btnFixed{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;

	width: 300px;
	display: inline-block;
	font-size: 1.8rem;
	padding: 15px 20px;
	margin: 20px;
	text-align: center;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px; 	
	color:#FFFFFF!important;
}
body.newsdetail .btnBack{
	background:#107a4a;
	border-radius:5px;
	color:#FFFFFF;
	text-align:center;
	width:300px;
	padding:15px 0;
}
body.newsdetail .previewTableArea{
	max-width:1200px;
	margin:0 auto;
}



body.newsdetail.preview .previewTableArea td span {
	color:#ea072d;
}
body.newsdetail.preview .previewTableArea .txtUnderline {
	word-break: break-all;
}
body.newsdetail.preview .previewTableArea th.approval {
	background:#5182ba;
	color:#FFFFFF;
}




/*プレビュー、フロントニュース詳細画面共通CSS
------------------------------------------------------------------------------*/
body.newsdetail .fontBold,
body.newsdetail.preview .fontBold{
	font-weight:bold;
}
body.newsdetail .fontRed,
body.newsdetail.preview .fontRed{
	color:#FF0000;
}
body.newsdetail .fontBold .fontItalic,
body.newsdetail.preview .fontItalic{
	font-style:italic;
}




a[href^="tel:"] {
    pointer-events: none;
		display:inline-block;
}

#overLay {
	background: none!important;
}

.pLR0 #wrapper {
	padding-left: 0;
	padding-right: 0;
}