@charset "utf-8";
	/*-----------------------------------------------------
								　　　　　目次
	
	■SP 共通パーツ
	・font-size フォントサイズ
	・layout　レイアウト	
	・header ヘッダー
	・globalNaviSp グローバルナビ（バーガーメニュー）
	・siteStructure パンくず
	・mainImg　メインイメージ
	・contentsWrap コンテンツラップ
	・subNavi サブナビ
	・main メインコンテンツ
	・localNavi ローカルナビ
	・footer フッター
	
	
	■SP 汎用スタイル
	・見出し
	・ボタン
	・背景
	・枠
	・tel番タップ
	・その他
	　レスポンシブテーブル
	
	
	■SP ページごと個別スタイル
	
	
	-----------------------------------------------------*/
	
	
/*  ================================================================================================

		SP 共通パーツ

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


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

	/* contents
	------------------------------------------------------------------ */
	
	#g-contents{
		padding: 65px 10px 0;
	}
	
	
	.slick-next.slick-arrow, .slick-prev.slick-arrow {
		display:none!important;
	}


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

		SP 汎用スタイル

		============================================================================================  */
		
	#wrapper{
		width: 100%; 
		top: 0px;
		margin-top: 60px;
	}
	.newsIndex #wrapper{
		position: inherit;
		margin-top: 80px;
	}
	/*  ================================================================================================
	
			SP ページごと個別スタイル
	
			============================================================================================  */
	
	/*ニュースリリース  
	-----------------------------------------------------*/
	body.news .title1{
		text-align:center;
	}
	body.news .contentsWrap{
		padding-top:30px;
	}
	body.news .newsIndexTitle{
		margin-top: 5px;
	 margin-bottom: 5px;
	}
	body.news #news-contents {
		padding-bottom:50px;
	}
	body.news #news-contents ul a .newsDateBox{
		color:#333333;
	}
	body.news #news-contents ul a .newsTextBox,
	body.news #news-contents ul a .newsCategory{
		color: #333;
	}
	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: 100%;
		line-height: 1.2em;
		margin-bottom: 10px;
		margin-top: 5px;
	}
	body.news #news-contents #whatsnew ul {

		width: 98%;
	}
	
	body.news #news-contents #whatsnew ul li{
		border-bottom: solid 1px #03934D;
		padding:15px 0px 15px 0px;
	}
	
	
	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: 100px;
    height: 100px;
    text-align: center;
    margin: 0 10px 0 0;
		 background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
	}

	
	body.news #news-contents #whatsnew ul li .newsBoxWrap .newsDetailWrap{
		width: -webkit-calc( 100% - 110px);
		width: calc( 100% - 110px);
		padding: 0 0px 10px 0;
	
		font-size:14px;
	
	}
	body.news #news-contents #whatsnew ul li .newsBoxWrap .newsCategory{
		display: inline-block;
		width: 80px;
		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:5px;
		width:100%;
		letter-spacing: 0;
	}
	
	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;
	}		
	
	
	
	/*新着情報一覧 
	-----------------------------------------------------*/
	body .newsIndex .title1{
		text-align:center;
	}
	body .newsIndex .contentsWrap{
		padding-top:65px;
	}
	body .newsIndex .newsIndexTitle{
		margin-top: 35px;
	 margin-bottom: 35px;
	}
	#news-contents{
		padding-bottom:50px;
	}
	#news-contents ul a .newsDateBox{
		color:#333333;
	}
	#news-contents ul a .newsTextBox,
	#news-contents ul a .newsCategory{
		color: #007A47;
	}
	#news-contents ul a:hover .newsTextBox,
	#news-contents ul a:hover .newsDateBox{
		text-decoration:underline;
	}
	#news-contents ul {
		position: relative; 
		width: 100%;
		line-height: 1.2em;
		margin-bottom: 10px;
		margin-top: 5px;
	}
	#news-contents #whatsnew ul {
	
	
		width: 98%;
	}
	
	#news-contents #whatsnew ul li{
		border-bottom: solid 1px #03934D;
		padding:15px 0px 15px 0px;
	}
	
	
	#news-contents #whatsnew ul li .newsBoxWrap{
		display:-ms-flex;
		display:flex;
		flex-wrap:wrap;
	}
	
	#news-contents #whatsnew ul li .newsBoxWrap .newsDateBox{ /*日付*/
		display:inline-block;
		margin-bottom:5px;
		
	
	}
	#news-contents #whatsnew ul li .newsBoxWrap .newsImgBox{ /*画像*/
		width:100px;
		height:100px;
		margin:0 10px 0px 0;
		text-align:center;
		background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
	}
	/*#news-contents #whatsnew ul li .newsBoxWrap .newsImgBox img{
		width:100px;
		height:100px;
	}*/
	
	#news-contents #whatsnew ul li .newsBoxWrap .newsDetailWrap{
		width: -webkit-calc( 100% - 110px);
		width: calc( 100% - 110px);
		padding: 0 0px 10px 0;
		font-size: 14px;
	
	}
	#news-contents #whatsnew ul li .newsBoxWrap .newsCategory{
			display: inline-block;
			width: 100px;
			margin-right:10px;
	}
	#news-contents #whatsnew ul li .newsBoxWrap .newsCategory div{
			padding: 3px;
			text-align: center;
	}
	#news-contents #whatsnew ul li .newsBoxWrap .newsTextBox{
		margin-top:5px;
		width:100%;
	}	
	

.rssRight{
	text-align:right;
}
.rss1:before{
	content:"■";
	color:#F08300;
	margin-right:5px;
}
	
	
.selectBottomText{
	font-size:12px;
}
/*ニュース詳細
-----------------------------------------------------*/

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

body.newsdetail section{
	
	width:100%;
	margin:15px auto 15px;
}

body.newsdetail h1.titleMain{
	font-size: 24px;
	/* color: #107A4A; */
	margin: 0;
	padding: 0;
	text-align: left;
	font-weight: bold;
	line-height: 1.3;
}
body.newsdetail h2.titleSubTop,
body.newsdetail h2.titleSubUnder{
	font-size: 20px;
	text-align:left;
	/* color: #107A4A; */
	padding: 0;
	line-height: 1.3;
}
body.newsdetail p.detailDate{
	text-align: left;
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 10px;
}
body.newsdetail .detailMainImg,
body.newsdetail .detailBodyImg{
	max-width: 100%;
	text-align: center;
	
	margin-bottom:20px;
}
body.newsdetail .detailMainImg p.captionBox,
body.newsdetail .detailBodyImg p.captionBox{
	text-align:center;
	font-size:12px;
	margin-bottom:20px;
}

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

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


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


body.newsdetail .highresImgBtn{
	text-align:center;
	margin-bottom:20px;
}
body.newsdetail .highresImgBtn a{
	display: inline-block;
	border: 1px solid #12794C;
	color: #12794C;
	font-size: 14px;
	line-height: 1.0;
	vertical-align: middle;
	padding: 10px 20px 10px 40px;
	border-radius: 10px;
	background: url(/company/news/img/img_smallglass.gif) no-repeat 15px center;
	background-size: 18px;

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

body.newsdetail .bodyText{
	font-size: 14.5px;
	letter-spacing: 0;
}
body.newsdetail .detailBodyTtl.tbBody{
	font-size:20px;
}

body.newsdetail .linkText a{
	color:#12794C;
	font-size:14px;
}
.pdfText{
	text-align:right;
	font-size:14px;
}
body.newsdetail .pdfText a{
	display: inline-block;
	padding: 10px 30px 10px 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;
	background-size: 15px;
} 
.inqury .inquryBorder{
    border-top: 1px solid #27865C;
    padding: 15px 0px 0;
    font-size: 14px;
    margin-top: 10px;
	
}
.inqury .inquryNote{
    font-size: 12px;
    padding-top: 10px;
    border-top: 1px solid #27865C;
    margin-top: 15px;
}
.inquryBorder p.inquryBttom{
	margin:0!important;
	padding:0!important;
}

.newsdetail .siteStructureWrap{
	display:none;
}
.newsdetail .contentsWrap{
	padding-top:5px;
}	
body.newsdetail .contentsWrap article.newsDetailWrap{
	padding-bottom:50px;
}

body.newsdetail .gridbottomMargin0{
	padding-bottom:0px!important;
}



.newsdetail .btnArea{

			width: 100%;
	margin: 0 auto 0px auto;
}
.newsdetail .btnList,
.newsdetail .btnBackTop{
	width: 90%;

}
.newsdetail .btnList{
	margin: 0 auto 30px;
}
.newsdetail .btnBackTop{
	margin: 0 auto 0;
}
.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.preview .btnFixed{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;

	width: 80%;
	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.preview .btnBack{
	background:#107a4a;
	border-radius:5px;
	color:#FFFFFF;
	text-align:center;
	width:80%;
	padding:15px 0;
}
body.newsdetail.preview .previewTableArea{
	width:100%;
	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;
}


body.newsdetail.preview .previewTableArea th,
body.newsdetail.preview .previewTableArea td{
	display:block;
    word-break: break-all;
}


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

body.newsdetail .fontBold .fontItalic,
body.newsdetail.preview .fontItalic{
	font-style:italic;
}


/* ヘッダー＆フッター */

	/* header　ヘッダー
	------------------------------------------------------------------ */
	#commonHeader {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		width: 100%;
		background: #FFFFFF;
	}
	#commonHeader a {
		text-decoration: none;
	}
	#commonHeader #commonHeaderWrap  {
		position: relative;
	}	
	#commonHeader #headerBlock{
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		padding: 0;
		height: 60px;
		border-bottom: 1px solid #107A4A;
		box-sizing: border-box;
	}
	#commonHeader #headerBlock .logo a{
		text-align: left;
		display: flex;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
	}
	#commonHeader #headerBlock .logo img{
		vertical-align: top;
	}
	#commonHeader #headerBlock .logo .logoImg{
		width: 38px;
		margin-right: 15px;
	}
	#commonHeader #headerBlock .logo .logoTextImg{
		width: 111px;
	}
	
	
	/* トグル */
	#commonHeader #commonHeaderWrap #toggle,
	#commonHeader #commonHeaderWrap #toggle span {
		transition: all .4s;
		box-sizing: border-box;
	}
	#commonHeader #commonHeaderWrap #toggle {
		position: relative;
		width: 60px;
		height: 60px;
		background: #107a4b;
	}
	#commonHeader #commonHeaderWrap #toggle span {
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 58%;
		height: 5px;
		background-color: #FFFFFF;
	}
	#commonHeader #commonHeaderWrap #toggle span:nth-of-type(1) {
		top: 16px;
	}
	#commonHeader #commonHeaderWrap #toggle span:nth-of-type(2) {
		top: 27px;
	}
	#commonHeader #commonHeaderWrap #toggle span:nth-of-type(3) {
		bottom: 17px;
	}
	#commonHeader #commonHeaderWrap #toggle.active span:nth-of-type(1) {
		-webkit-transform: translateY(11px) rotate(-315deg);
		transform: translateY(11px) rotate(-315deg);
	}
	#commonHeader #commonHeaderWrap #toggle.active span:nth-of-type(2) {
		opacity: 0;
	}
	#commonHeader #commonHeaderWrap #toggle.active span:nth-of-type(3) {
		-webkit-transform: translateY(-11px) rotate(315deg);
		transform: translateY(-11px) rotate(315deg);
	}
	
	/* アコーディオン */
	.accordionBox .accordionContents{
		display: none;
	}
	
	/* megamenu メガメニュー
	------------------------------------------------------------------ */
	*, *: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;
		box-sizing: border-box;
	}
	#commonHeader #commonHeaderWrap {
		margin: 0;
	}
	header#commonHeader {			
		background: rgba(256,256,256,.9);
		backdrop-filter: blur(12px);
		-webkit-backdrop-filter: blur(24px);
	}
	header#commonHeader .logo a {
		padding: 10px 16px;
		display: block;
	}
	header#commonHeader a {
		/* padding: 22px 16px; */
		padding: 25px 16px;
		display: block;
	}
	.headerInner {
		display: flex;
	}
	#headerInner {
		text-align: left;
	}
	
	.logo img {
		max-width: 110px;
	}
	.globalNavi {
		overflow: auto;
		display: none;
		transition: .3s;
	}
	.globalNavi.active {
		display: block;
	}
	.globalNavi .acc a {
		pointer-events:none;
	}
	.globalNavi .acc .megaMenuWrap {
		display: none;
	}
	.globalNavi .acc .megaMenuWrap.active {
		display: block;
	}
	.globalNaviList .acc a:before {
		transition: .3s;
	}
	.globalNaviList .acc.active > a:before {
		transform: rotate(90deg);
		/* top: 38%; */
		top: 2.6rem;
	}
	/*  */
	.otherLink {
		font-size: 14px;
		/* margin-bottom: 40px; */
	}
	.otherLink button {
		display: none;
	}
	.globalNavi.active {
		overflow-y: scroll;
		max-height: calc(100vh - 53px);
	}
	.globalNaviList {
		font-size: 16px;
		font-weight: bold;
	}
	.globalNaviList a {
		color: #151818;
		display: block;
		padding:22px 16px;
	}
	.globalNavi .globalNaviList ul li {
		border-top: 1px solid #ccc;
		background: #f3f3f3;
	}
	.globalNavi .globalNaviList .otherLink ul li {
		width: 50%;
		text-align: left;
	}
	.language {
		border-right: 1px solid #ccc;
	}
	#commonHeader .arrow.customer:before,
	#commonHeader .arrow.language:before {
		top: 35px;
	}
	 a span.onLine,
	.language a span,
	.customer a span {
		position: relative;
		padding: 0 0 0 24px;
	}
	.language a span:before {
		background: url(/lib/img/common/ico_english.svg) left center no-repeat;
	}
	.customer a span: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 span:before,
	.customer a span:before {
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		content: "";
		display: inline-block;
		background-size: contain;
		width: 20px;
		height: 20px;
	}
	.otherList {
		display: none;
	}
	/* ハンバーガー */
	.menuBtn {
		position: absolute;
		top: 0;
		right: 0;
	}
	.btnGlobal{
		position: relative;
		cursor: pointer;
		width: 50px;
		height:50px;
		border-radius: 5px;
	}

	.btnGlobal span{
		display: inline-block;
		transition: all .4s;
		position: absolute;
		left: 14px;
		height: 3px;
		border-radius: 2px;
		background: #333;
		width: 45%;
	}
	.btnGlobal span:nth-of-type(1) {top:15px;}
	.btnGlobal span:nth-of-type(2) {top:23px;}
	.btnGlobal span:nth-of-type(3) {top:31px;}
	.btnGlobal.active span:nth-of-type(1) {
		top: 18px;
		left: 10px;
		transform: translateY(6px) rotate(-45deg);
		width: 30px;
	}
	.btnGlobal.active span:nth-of-type(2) {
		opacity: 0;
	}
	.btnGlobal.active span:nth-of-type(3){
		top: 30px;
		left: 10px;
		transform: translateY(-6px) rotate(45deg);
		width: 30px;
	}
	.globalNavi .globalNaviList .otherLink {
		border-bottom: 1px solid #ccc;
	}
	.globalNavi .globalNaviList .otherLink ul {
		display: flex;
	}
	.globalNavi .globalNaviList .linkBlock li {
		border-top: none;
	}
	.globalNavi .globalNaviList ul.linkBlock {
		/* padding: 30px 0; */
    background: #fff;
	}

	.arrow {
		position: relative;
		list-style: none;
	}

	#commonFooter .arrow::after {
		content: '';
		position: absolute;
		top: 50%;
		right: 16px;
		width: 24px;
		height: 24px;
		display: inline-block;
		padding: 10px;
		border: 2px solid #107A4B;
		border-radius: 50%;
		transform: translateY(-50%);
	}
	#commonFooter .arrow::before {
		content: '';
		width: 7px;
		height: 7px;
		border-top: solid 2px #107A4B;
		border-right: solid 2px #107A4B;
		position: absolute;
		top: 29px;
		right: 28px;
		transform: rotate(45deg) translateY(-50%);
	}

	#commonHeader .arrow::after {
		content: '';
		position: absolute;
		top: 50%;
		right: 16px;
		width: 24px;
		height: 24px;
		display: inline-block;
		padding: 10px;
		border: 2px solid #107A4B;
		border-radius: 50%;
		transform: translateY(-50%);
	}
	#commonHeader .arrow::before {
		content: '';
		width: 7px;
		height: 7px;
		border-top: solid 2px #107A4B;
		border-right: solid 2px #107A4B;
		position: absolute;
		top: 36px;
		right: 28px;
		transform: rotate(45deg) translateY(-50%);
	}
	#commonHeader .globalNaviList > ul .arrow:before{
		top: 37px;
	}

	body.categoryRd #commonFooter .siteLink dl:last-child .arrow::before {
		top: 35px;
	}
	.linkBtn {
		text-align: right;
		font-size: 14px;
		padding: 0 0 30px 0;
    background: #fff;
	}
	.globalNavi .globalNaviList .megaMenuLinkInner .linkBtn li {
    background: #fff;
		list-style: none;
	}

/**/
	/* footer フッター
	------------------------------------------------------------------ */
	
	/****** SP横にした時のメニューの高さ指定 ******/
	@media all and (orientation: landscape) {
		#globalNaviSpBox {
			height:180px;
		}
	}
	#commonFooter{
		background: #107a4b;
		color: #FFFFFF;
		letter-spacing: 1px;
		line-height: 1;
		font-size: 14px;
		font-family: Noto Sans JP,sans-serif!important;
	}
	
	#commonFooter .footerLogoArea {
		margin-bottom: 1rem;
	}
	#commonFooter .footerLogo {
		font-size: 22px;
		text-align: left;
		padding-left: 16px;
		margin-bottom: 24px;
	}
	
	#commonFooter .footerLogo a {
		color: #333333;
		text-decoration: none;	
	}
	#commonFooter .footerLogo img {
		width: 30%;
	}
	#commonFooter .footerOtherLinkListPc ul {
			text-decoration: none;display: none;
	}
	#commonFooter img{
		max-width: 100%;
	}

	#commonFooter li{
		list-style: none;
		height: 100%;
    display: flex;
    align-items: center;
	}
	#commonFooter #commonFooterWrap #footer .footerLink{
		display: -ms-flexbox;
		display: -ms-flex;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;		
	}
	#commonFooter #commonFooterWrap #footer .footerLink li{
		flex: 0 1 49.5%;
		border-bottom: 2px solid #107a4b;
		border-right: 2px solid #107a4b;
		box-sizing: border-box;
	}
	#commonFooter #commonFooterWrap #footer .footerLink li:nth-child(2),
	#commonFooter #commonFooterWrap #footer .footerLink li:last-child{
		border-right: none;
	}
	
	#commonFooter #commonFooterWrap #footer .footerLink li a{
		background: #064d2e;
		color: #FFFFFF;
		padding: 15px 0;
		display: block;
		font-size: 16px;
		text-align:center;
		text-decoration: none;
	}
	#commonFooter .footerContent .contentInner{
		display: -ms-flexbox;
		display: -ms-flex;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		padding: 5%;
	}
	#commonFooter .footerContent .contentInner .footerText{
		text-align: left;
		font-size: 14px;
		line-height: 1.5em;
	}
	
	#commonFooter .footerContent .snsWrap .snsTitle{
		font-size: 24px;
		text-align: center;
		padding: 0 0 10px;
		margin-bottom: 10px;
		color: #FFFFFF;
	}
	
	#commonFooter .footerContent .snsWrap .snsLink{
		display: -ms-flexbox;
		display: -ms-flex;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-bottom: 11%;
	}
	#commonFooter .footerContent .snsWrap .snsLink li{
		margin: 0 7px;
	}
	#commonFooter .copyright{
		padding: 17px 0 15px;
		border-top: 1px solid #064D2E;
		display: block;
		text-align: center;
		font-size: 12px;
	}
	#commonFooter .footerContent .contentInner .snsWrap .snsLink a[target="_blank"]:after{
		display: none;
	}
	.siteStructureWrap{
		display:none;
	}
	#commonFooter {
		background: #F3F3F3;
	}
	#commonFooterWrap {
		padding: 40px 0;
	}
	#commonFooter #commonFooterWrap #footer {
		background: none;
		text-align: left;
	}
	.siteLink {
		border-top:1px solid #ccc;
		font-size: min(1.5vw,21px);
	}
	.siteLink dl dt a {
		color: #151818;
		font-size: 16px;
		font-weight: bold;
		display: block;
		padding: 30px 16px;
		border-bottom: 1px solid #ccc;
		line-height: 0;
		text-decoration: none;
	}
	.siteLink dl dt a span.onLine{
		font-weight: bold;
	}

	.siteLink dl dd {
		display: none;
		background: #fff;
	}
	.siteLink dl dd a {
    font-size: 16px;
    font-weight: bold;
		display: block;
		color: #151818;
		text-decoration: none;
		padding: 10px 16px;
	}
.footerSns {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	padding: 0 16px;
}
.footerSns dt {
	width: 100%;
	color: #151818;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 16px 0;
}
.footerSns dd {
	width: calc((100% - 32px) / 6);
}
.footerSns dd img {
	max-width: 40px;
}
/* .footerOtherLinkList {
	padding: 0 16px;
} */
.footerOtherLinkList ul {
	display: flex;
	flex-wrap: wrap;
	height: 62px;
	border-bottom: 1px solid #ccc;
}
.footerOtherLinkList ul li {
	width: 50%;
}
.footerOtherLinkList ul li a {
	font-size: 14px;
	color: #151818;
	display: block;
	text-decoration: none;
	letter-spacing: 0;
	padding: 0 16px;
}
.footerOtherLinkList ul:first-child {
	margin-bottom: 30px;
}
.footerOtherLinkList ul:last-child {
	margin-bottom: 30px;
	border-bottom: none;
	height: auto;
}
.footerOtherLinkList ul:last-child li {
	padding: 12px 0;
}
.footerOtherLinkList ul:last-child li a {
	color: #666;	
}
.footerOtherLinkList ul li.customer {
	/* padding-left: 1rem; */
}
.footerComment {
	background-color: #007A47;
	padding: 20px;
	color: #fff;
	line-height: 20px;
	font-size: 14px;
	text-align: left;
}
footer .arrow:before {
	right: 32px;
	content: '';
	width: 7px;
	height: 7px;
	border-top: solid 2px #107A4B;
	border-right: solid 2px #107A4B;
	position: absolute;
	top: 29px;
	transform: rotate(45deg) translateY(-50%);
}
footer .arrow:after {
	right: 20px;
	content: '';
	position: absolute;
	top: 50%;
	width: 24px;
	height: 24px;
	display: inline-block;
	padding: 10px;
	border: 2px solid #107A4B;
	border-radius: 50%;
	transform: translateY(-50%);
}
footer .language.arrow:before {
	right: 30px;
}
footer .language.arrow:after {
	right: 18px;
}
footer .customer.arrow:before {
	right: 16px;
}
footer .customer.arrow:after {
	right: 4px;
}


#commonHeader .acc,
#commonFooter .acc {
	position: relative;
}
#commonHeader .acc::after {
	content: '';
	position: absolute;
	top: 36px;
	right: 16px;
	width: 24px;
	height: 24px;
	display: inline-block;
	padding: 10px;
	border: 2px solid #107A4B;
	border-radius: 50%;
	transform: translateY(-50%);
} 
#commonFooter .acc::after {
    content: '';
    position: absolute;
    top: 30px;
    right: 16px;
    width: 24px;
    height: 24px;
    display: inline-block;
    padding: 10px;
    border: 2px solid #107A4B;
    border-radius: 50%;
    transform: translateY(-50%);
} 
#commonFooter  footer .acc:after {
	right: 20px;
}
#commonHeader .acc > a 
#commonFooter .acc > a {
    position: relative;
}
#commonHeader .acc > a::before  {
	right: 32px;
	content: '';
	width: 7px;
	height: 7px;
	border-top: solid 2px #107A4B;
	border-right: solid 2px #107A4B;
	position: absolute;
	top: 29px;
	transform: rotate(45deg) translateY(-50%);
}
#commonHeader .acc > a::after  {
    content: '';
    display: inline-block;
    position: absolute;
		transform: translateY(-50%);
    width: 2px;
    height: 12px;
    background-color: #107A4B;
	right: 33px;
	top: 30px;
	transform: rotate(90deg) translateY(-50%);
}
#commonFooter .acc > a::before,
#commonFooter .acc > a::after  {
    content: '';
    display: inline-block;
    position: absolute;
		transform: translateY(-50%);
    width: 2px;
    height: 12px;
    background-color: #107A4B;
}
#commonFooter .acc > a::after {
	top: 39%;
    right: 33px;
    transform: rotate(90deg) translateY(-50%);
}
#commonFooter .acc > a::before {
		top: 50%;
		right: 27px;
}
.globalNaviList .acc a:before {
	top:47%
}
footer .acc a:before {
	right: 31px;
	transition: .3s;
}
footer .acc.active a:before {
	transform: rotate(90deg);
	top: 39%;
}
footer .acc a:after {
	right: 37px;
}
/* footer .acc a {
	pointer-events:none;
} */
.copyRight {
	font-size: 10px;	
	/* background-color: #107A4B; */
	text-align: center;
	color: #fff;
	padding: 20px 0 10px;
	line-height: 1;
}
.copyRight a:link,
.copyRight  a:visited {
 color: #fff;
 text-decoration: none;
 font-size: 18px;
 display: inline-block;
 margin-bottom: 10px;
}
/* 打消し */
.recommendCont, .products, .about, .news, .topics {
	margin-bottom: 0!important;
}
#commonFooter .footerSns a[target="_blank"]:after{
	display: none;
}
footer {
	border-top: none;
}
.megaMenuLink figure {
	display: none;
}

.globalNaviList .acc:after {
	/* top:32px; */
	top:3rem;
}
.linkBlock li a:before,
.linkBlock li a:after {
	display: none;
}
.globalNavi .globalNaviList .linkBtn a,
.globalNavi .globalNaviList ul .linkBlock li {
	background: #fff;
}
header#commonHeader {
	font-family: Noto Sans JP,sans-serif!important;
}
header#commonHeader .globalNavi .globalNaviList .linkBtn a,
header#commonHeader .globalNavi .globalNaviList ul .linkBlock li a {
	padding: 10px 16px;
	pointer-events: all;
}
.linkBtn ul li {
	border-top: none!important;
}

#commonHeader .globalNavi .linkBtn ul li { 
	width: 50%;
	margin: 0 0 0 auto;
}
#commonHeader .globalNavi .linkBtn a.btnA,
#commonHeader .globalNavi .linkBtn a.btnB,
#commonHeader .globalNavi .linkBtn a.btnC {
	display: flex!important;
	justify-content: end;
	align-items: center;
	border: none;
	color: #151818!important;
	position: relative;
}
#commonHeader .globalNavi .linkBtn a.btnA::before {
	content:"";
	background: url(/lib/img/common/megamenu/ico_product.svg) left center no-repeat;
	background-size: contain;
	width: 15px;
	height: 15px;
	display: inline-block;
	position: absolute;
	left: -0.5rem;
	top: 50%;
	transform: translateY(-50%);
	border: none;
}
#commonHeader .globalNavi .linkBtn a.btnB::before {
	content:"";
	background: url(/lib/img/common/megamenu/ico_list.svg) left center no-repeat;
	background-size: contain;
	width: 15px;
	height: 15px;
	display: inline-block;
	position: absolute;
	left: -0.5rem;
	top: 50%;
	transform: translateY(-50%);
	border: none;
}
#commonHeader .globalNavi .linkBtn a.btnC::before {
	content:"";
	background: url(/lib/img/common/megamenu/ico_brand.svg) left center no-repeat;
	background-size: contain;
	width: 15px;
	height: 25px;
	display: inline-block;
	position: absolute;
	left: -0.5rem;
	top: 50%;
	transform: translateY(-50%);
	border: none;
}
#commonHeader .globalNavi .linkBtn ul li a span {
	display: inline-block;
	width: 100%;
	text-align: left;
}
.overFlowHid {
	overflow-y:hidden;
}

#commonHeader .globalNavi li {
	border-bottom: none;
	line-height: 1.6;

}

#commonHeader .globalNavi li a {
	background: none;
	color:#151818;
	font-weight: bold;
}
body.categoryEnjoy #commonHeader .globalNavi li a,
body.categoryRd #commonHeader .globalNavi li a{
	letter-spacing: 1px;
}

#commonHeader .globalNavi li a span {
	font-weight: bold;
}
#commonHeader .globalNavi li a:before {
	display: none;
	right: inherit;
    margin: 0;
}
#commonHeader .globalNavi li.acc a:before {
	display: block;
	right: 27px;
	top: 30px;
	width: 2px;
	height: 12px;
	transform: rotate(0deg);
	border-top:none;
	border-bottom: none;
}
#commonHeader .globalNavi li.acc.active a:before {
	transform: rotate(90deg);
}
#commonHeader .megaMenuLink .megaMenuLinkInner .linkBlock li a:before {
	display: none;
}
#commonHeader .globalNavi li.active .megaMenuLink .megaMenuLinkInner .linkBtn a.btnA:before, 
#commonHeader .globalNavi li.active .megaMenuLink .megaMenuLinkInner .linkBtn a.btnB:before, 
#commonHeader .globalNavi li.active .megaMenuLink .megaMenuLinkInner .linkBtn a.btnC:before {
	transform: rotate(0deg) translateY(-50%);
}