@charset "utf-8";

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

    PC 共通パーツ

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

#mainContents a:hover {
	opacity:0.7;
}
/* header　ヘッダー
------------------------------------------------------------------ */
#commonHeader{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	height:120px;
	/* background: #ffffff; */
	z-index: 9999;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	transition: 200ms;
	/* border-bottom: 1px solid #107a4b; */
	background: #ffffff url(/lib/img/common/bg_header_bottom.gif) repeat-x center bottom;
	/* box-sizing: content-box; */
}
#commonHeader a{
	color: #1b1b1b;
}
#commonHeader #commonHeaderWrap{
	max-width: 1200px;
	margin: 0 auto;
}
#commonHeader #headerBlock {
	display: -ms-flexbox;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 12px 0;
}
#commonHeader #headerBlock .logoImg{
	width: 18%;
}
#commonHeader #headerBlock .logoTextImg{
	width: 55%;
}

#commonHeader #headerBlock .logo img{
	margin-right: 20px;
}

/* header　ヘッダー縮小 */
#commonHeader.is-animation{
	height: 64px;
}
.is-animation #commonHeaderWrap {
	display: -ms-flexbox;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	position: relative;
}
.is-animation #headerInner{
	flex: 0 1 20%;
}
.is-animation #headerInner .logoImg{
	width: 25%;
}
.is-animation #headerInner .logoTextImg{
	width: 55%;
}
.is-animation #commonGlobalNaviBox{
	flex: 0 1 80%;
}
.is-animation #commonGlobalNaviBox .globalNavi{
	position: inherit;
}
.is-animation .globalSubNaviBox {
	display: none;
}
.is-animation .globalNavi li .megaMenuWrap{
	top: 64px;
}
#commonHeader.is-animation #commonGlobalNaviBox .globalNavi li > a{
	font-size: 16px;
}
#commonHeader #commonGlobalNaviBox .globalNavi.is-anime {
	animation: globalNavi_isAnime 300ms;
}
@keyframes globalNavi_isAnime {
	0% {opacity:0}
	60% {opacity:0}
	100% {opacity:1}
}
#commonHeader #commonGlobalNaviBox .globalNavi.out-anime {
	animation: globalNavi_outAnime 300ms;
}
@keyframes globalNavi_outAnime {
	0% {opacity:0}
	60% {opacity:0}
	100% {opacity:1}
}

#toggle {
	display: none;
}

/* globalNavi グローバルナビ
------------------------------------------------------------------ */
#commonHeader .globalSubNavi{
	display: -ms-flexbox;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
}
#commonHeader .globalSubNavi li a{
	display: block;
	padding: 18px 30px 18px 24px;
	font-size: 14px;
	line-height: 1em;
	letter-spacing: 0;
	text-decoration: none;
}
#commonHeader .globalSubNavi li a.customerIco{
	background: url(/lib/img/common/ico_customer.png) left center no-repeat;
}
#commonHeader .globalSubNavi li a.onlineIco{
	background: url(/lib/img/common/ico_online.png) left center no-repeat;
}
#commonHeader .globalSubNavi li a.englishIco{
	background: url(/lib/img/common/ico_english.png) left center no-repeat;
}
#commonHeader .globalSubNavi li a[target="_blank"]:after{
	display: none;
}

#commonHeader #commonGlobalNaviBox .globalNavi{
	display: -ms-flexbox;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
}
#commonHeader #commonGlobalNaviBox .globalNavi li {
	flex: 0 1 16.7%;
}
#commonHeader #commonGlobalNaviBox .globalNavi li > a {
	display: block;
	position: relative;
}
#commonHeader #commonGlobalNaviBox .globalNavi li > a:before,
#commonHeader #commonGlobalNaviBox .globalNavi li > a:after {
	content: "";
	position: absolute;
	top: 11px;
	width: 1px;
	height: 23px;
	background: #107a4b;
	left: 0;
}
#commonHeader #commonGlobalNaviBox .globalNavi li > a:after {
	right: 0;
}
#commonHeader #commonGlobalNaviBox .globalNavi li:first-child > a:before {
	width: 1px;
}
#commonHeader #commonGlobalNaviBox .globalNavi li:last-child > a:after {
	content: "";
	position: absolute;
	top: 11px;
	width: 0.5px;
	height: 23px;
	background: #107a4b;
}
#commonHeader #commonGlobalNaviBox .megaMenuLink .linkBlock li a:before,
#commonHeader #commonGlobalNaviBox .megaMenuLink .linkBlock li a:after{
	content: none;
}
#commonHeader #commonGlobalNaviBox .globalNavi li > a{
	display: block;
	padding: 15px 0;
	font-size: 16px;
	text-align: center;
	line-height: 1em;
	letter-spacing: 0;
	text-decoration: none;
	position: relative;
	transition: 200ms all;
}

/* current */
#commonHeader #commonGlobalNaviBox .globalNavi li.current > a{
	color: #FFFFFF;
	background: #006633;
}

/* megamenu open */
#commonHeader #commonGlobalNaviBox .globalNavi li > a:hover,
#commonHeader #commonGlobalNaviBox .globalNavi li.m_hover > a,
#commonHeader #commonGlobalNaviBox .globalNavi li.current > a:hover {
	color: #006633;
	background: #C4D9D2;
}


/* megamenu メガメニュー
------------------------------------------------------------------ */
.globalNavi {
	position: relative;
}
.globalNaviSp {
	display: none;
}
.globalNavi li .megaMenuWrap{
	display: none;
	position: absolute;
	top: 46px;
	left: 0;
	background: #FFFFFF;
}
.globalNavi li .megaMenuWrap img{
	max-width: 100%;
	width: 100%;
}
#commonHeader #commonGlobalNaviBox .megaMenuWrap {
	padding-top:  1% ;
	max-width:1200px;
	background: #C4D9D2;
}
#commonHeader #commonGlobalNaviBox .megaMenuMain {
	position: relative;
}
#commonHeader #commonGlobalNaviBox .megaMenuMain .linkBtn {
	position: absolute;
	bottom: 12%;
	right: 5%;
	margin-bottom: 0;
}
#commonHeader #commonGlobalNaviBox .linkBtn  {
	margin: 0 auto 5px;
	display: -ms-flexbox;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
}
#commonHeader #commonGlobalNaviBox .enjoy .linkBtn,
#commonHeader #commonGlobalNaviBox .rd .linkBtn,
#commonHeader #commonGlobalNaviBox .company .linkBtn{
	width: 30%;
}

#commonHeader #commonGlobalNaviBox .linkBtn a {
	display: block;
	padding: 15px 0;
	background: rgba(255,255,255,0.9);
	color: #064D2E!important;
	border: 2px solid #266146;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	font-size: 18px;
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	margin: 0 15px;
	text-decoration: none;
	line-height: 1;
}
#commonHeader #commonGlobalNaviBox .megaMenuLink .linkBtn .btnA{
	background: #27875d;
	border: 2px solid #27875d;
	color: #FFFFFF!important;
	position:relative;
}
#commonHeader #commonGlobalNaviBox .linkBtn .btnA:after {
	content: "";
	display: block;
	width: 21px;
	height: 21px;
	background: url(/lib/img/common/arrow_whiteCircle.png) center no-repeat;
	background-size: 21px;
	margin-left: 5px;
	vertical-align: middle;
	position: absolute;
	top: 28%;
	right:7%;
}

#commonHeader #commonGlobalNaviBox .megaMenuLink .linkBtn .btnB{
	background: #FFFFFF;
	color: #064d2e!important;
	position:relative;
}
#commonHeader #commonGlobalNaviBox .linkBtn .btnB:after {
	content: "";
	display: block;
	width: 21px;
	height: 21px;
	background: url(/lib/img/common/arrow_greenCircle.png) center no-repeat;
	background-size: 21px;
	margin-left: 5px;
	vertical-align: middle;
	position: absolute;
	top: 28%;
	right:7%;
}

#commonHeader #commonGlobalNaviBox .megaMenuLink {
	display: -ms-flexbox;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	padding: 20px 30px 15px;
	background: #FFFFFF;
	max-width: 1200px;
	width: 99vw;
	-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;
}
#g-container #commonHeader #commonGlobalNaviBox .megaMenuLink {
	width:99vw;
}

#commonHeader #commonGlobalNaviBox .megaMenuLink .categoryTitle{
	font-size: 24px;
	text-align: left;
	padding: 0;
	margin-bottom: 5%;
}
#commonHeader #commonGlobalNaviBox .megaMenuLink .megaMenuLinkInner {
	width: 100%;
}
#commonHeader #commonGlobalNaviBox .megaMenuLink .megaMenuLinkInner .categoryTitle{
	margin-bottom: 10px;
}
#commonHeader #commonGlobalNaviBox .megaMenuLink .leftBlock{
	flex : 0 1 67.7%;
	padding: 1% 4%;
	background: #FFFFFF;
}
#commonHeader #commonGlobalNaviBox .megaMenuLink .leftBlock .categoryTitle{
	margin-bottom: 3%;
}

#commonHeader #commonGlobalNaviBox .megaMenuLink .rightBlock{
	flex : 0 1 30.3%;
	background: #C3D9D1;
	box-sizing: content-box;
}

#commonHeader #commonGlobalNaviBox .megaMenuLink .linkBlock{
	display: -ms-flexbox;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	padding-bottom: 15px;
}
#commonHeader #commonGlobalNaviBox .megaMenuLink .linkBlock li{
	margin: 0 25px 0 0;
	flex: 0 1 22%;
}

#commonHeader #commonGlobalNaviBox .megaMenuLink .linkBlock li:hover{
	background: #FFFFFF;
	opacity:0.8;
}
#commonHeader #commonGlobalNaviBox .megaMenuLink .rightBlock .linkBlock li:hover{
	background: #C3D9D1;
}

#commonHeader #commonGlobalNaviBox .megaMenuLink .linkBlock li a:hover{
	color: #1b1b1b;
	background: #FFFFFF;
}

#commonHeader #commonGlobalNaviBox .megaMenuLink .linkBlock li:nth-child(4),
#commonHeader #commonGlobalNaviBox .megaMenuLink .linkBlock li:last-child{
	margin-right: 0;
}

#commonHeader #commonGlobalNaviBox .megaMenuLink .captionfit{
	display: table;
}

#commonHeader #commonGlobalNaviBox .megaMenuLink .borderArrowR {
	display: inline-block;
	margin-top: 10px;
	font-size: 16px;
	line-height: 1.25em;
	letter-spacing: 0;
	width: 100%;
	text-align: left;
	text-indent: -0.8em;
	padding-left: 0.8em;
}
#commonHeader #commonGlobalNaviBox .megaMenuLink .borderArrowR:before {
	content: "";
	display: inline-block;
	background: url(/lib/img/common/arrow_r_green.png) center no-repeat;
	background-size: 8px;
	width: 8px;
	height: 14px;
	margin-right: 5px;
}
#commonHeader #commonGlobalNaviBox .megaMenuLink .linkBlock li a{
	border-left: none;
	margin: 0;
}
#commonHeader #commonGlobalNaviBox .megaMenuLink .linkBlock li:last-child a{
	border-right: none;
}
#commonHeader #commonGlobalNaviBox .megaMenuLink .productSmall .borderArrowR{
	font-size: 16px;
}
#commonHeader #commonGlobalNaviBox .megaMenuLink .detailsBtn{
	text-align: right;
	margin-bottom: 20px;
	padding-left: 0;
}
#commonHeader #commonGlobalNaviBox .megaMenuLink .detailsBtn a{
	font-size: 16px;
	text-decoration: none;
}
/* products menu */
#commonHeader #commonGlobalNaviBox .globalNavi li.products .megaMenuWrap img{
	width: 100%;
}
#commonHeader #commonGlobalNaviBox .globalNavi li.products .megaMenuWrap .megaMenuMain{
	background: #FFFFFF;
	padding: 2% 0;
	text-align: center;
}
#commonHeader #commonGlobalNaviBox .products .megaMenuLink .linkBlock{
	padding-bottom: 30px;
}
#commonHeader #commonGlobalNaviBox .products .megaMenuLink .linkBlock li{
	flex: 0 1 13.7%;
}
#commonHeader #commonGlobalNaviBox .products .megaMenuLink .linkBlock li a{
	padding: 15px 0 0;
}
#commonHeader #commonGlobalNaviBox .products .megaMenuLink .linkBlock li:nth-child(4){
	margin:	0 25px 20px 0;
}

#commonHeader #commonGlobalNaviBox .products .megaMenuLink .linkBlock li:nth-child(6),
#commonHeader #commonGlobalNaviBox .products .megaMenuLink .linkBlock li:last-child{
	margin-right: 0;
}
#commonHeader #commonGlobalNaviBox .products .megaMenuLink .leftBlock .captionfit{
	max-width: 150px;
}
#commonHeader #commonGlobalNaviBox .products .megaMenuLink .leftBlock .linkBtn {
	width: 100%;
}
#commonHeader #commonGlobalNaviBox .products .megaMenuLink .leftBlock .linkBtn a{
	width: 40%;
	padding: 2%;
	margin: 2%;
}

#commonHeader #commonGlobalNaviBox .products .megaMenuLink .rightBlock .captionfit{
	max-width: 320px;
}
#commonHeader #commonGlobalNaviBox .products .megaMenuLink .rightBlock .linkBtn{
	width: auto;
	text-align: center;
}
#commonHeader #commonGlobalNaviBox .products .megaMenuLink .rightBlock .linkBtn a{
	width: 95%;
	margin: 0 auto;
}

#commonHeader #commonGlobalNaviBox .products .megaMenuLink .verticalLink{
	display: block;
	margin-bottom: 10px;
}
#commonHeader #commonGlobalNaviBox .products .megaMenuLink .verticalLink li{
	margin-bottom: 20px;
}
#commonHeader #commonGlobalNaviBox .products .megaMenuLink  li.smallImg{
	margin-right: 2.95%;
	flex: 0 1 11.2%;
}
#commonHeader #commonGlobalNaviBox .products .megaMenuLink li:nth-child(4).smallImg{
	margin-right: 2.95%;
}

#commonHeader #commonGlobalNaviBox .products .megaMenuLink .brandBlock{
	padding: 5% 10%;
}
#commonHeader #commonGlobalNaviBox .products .megaMenuLink .brandBlock .linkBlock li{
	margin-right: 0;
	flex: 0 1 100%;
}
#commonHeader #commonGlobalNaviBox .products .megaMenuLink .cmBlock{
	background: #E5EEEB;
	padding: 5% 10% 16%;
}

/* company menu */
#commonHeader #commonGlobalNaviBox .company .megaMenuLink .linkBlock{
	padding-bottom: 0;
}
#commonHeader #commonGlobalNaviBox .company .megaMenuLink a[target="_blank"]:after{
	display: none;
}
#commonHeader #commonGlobalNaviBox .megaMenuLink .linkBlock.companySmall{
	padding-bottom: 18px;
}
#commonHeader #commonGlobalNaviBox .megaMenuLink .linkBlock.companySmall li{
	flex: 0 1 17%;
}
#commonHeader #commonGlobalNaviBox .megaMenuLink .linkBlock.companySmall li:nth-child(4){
	margin-right: 25px;
}
#commonHeader #commonGlobalNaviBox .megaMenuLink .linkBlock.companySmall li:last-child{
	margin-right: 0;
}


/* museum menu */
#commonHeader #commonGlobalNaviBox .museum .megaMenuLink {
	padding: 0;
}
#commonHeader #commonGlobalNaviBox .museum .megaMenuLink .linkBlock li{
	flex: 0 1 30%;
}
#commonHeader #commonGlobalNaviBox .museum .megaMenuLink .linkBlock li a{
	border: none;
}
#commonHeader #commonGlobalNaviBox .museum .linkBtn{
	width: 330px;
}
#commonHeader #commonGlobalNaviBox .museum .megaMenuLink .linkBlock li:nth-child(3),
#commonHeader #commonGlobalNaviBox .museum .megaMenuLink .linkBlock li:last-child{
	margin-right: 0;
}
#commonHeader #commonGlobalNaviBox .museum .megaMenuLink .linkBlock li:nth-child(4){
	margin-right: 4%;
}
#commonHeader #commonGlobalNaviBox .museum .megaMenuLink .leftBlock{
	padding: 35px 5% 4%;
}
#commonHeader #commonGlobalNaviBox .museum .megaMenuLink .rightBlock{
	padding: 30px 2%;
	position: relative;
}

#commonHeader #commonGlobalNaviBox .museum .megaMenuLink .categoryTitle{
	background: url(/lib/img/common/ico_megamenu_exclamationMark.png) left center no-repeat;
	background-size: 24px;
	font-size: 19px;
	letter-spacing: 0;
	padding: 2px 0 2px 30px;
	color: #333;
	font-weight: normal;
	line-height: 1.2;
}
#commonHeader #commonGlobalNaviBox .museum .megaMenuLink .newsBlock{
	background: #FFFFFF;
	padding: 6% 4% 22% 4%;
	text-align: left;
	line-height:1.5em;
}
#commonHeader #commonGlobalNaviBox .museum .megaMenuLink .newsBlock dt{
	font-size: 16px;
	padding-bottom: 20px;
	margin-bottom: 15px;
	border-bottom: 2px solid #107A4B;
}
#commonHeader #commonGlobalNaviBox .museum .megaMenuLink .newsBlock dd{
	font-size: 14px;
}
#commonHeader #commonGlobalNaviBox .museum .megaMenuLink .museumText{
	margin: 0 auto 6px;
	text-align: center;
	width: 100%;
	font-size: 19px;
	letter-spacing: 0;
	line-height: 1.2;
}

/* closeBtn */

#commonHeader #commonGlobalNaviBox .closeBtn{
	text-align: right;
}
#commonHeader #commonGlobalNaviBox .museum .closeBtn{
	position: absolute;
	bottom: 15px;
	right: 15px;
}
#commonHeader #commonGlobalNaviBox .closeBtn a{
	text-align: center;
	text-decoration: none;

}
#commonHeader #commonGlobalNaviBox .closeBtn a:before{
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(/lib/img/common/btn_close.png) center no-repeat;
	background-size: 20px;
	vertical-align: text-top;
	margin-right: 5px;
}


#commonHeader #commonGlobalNaviBox .bottomNaviSp{
	display: none;
}



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


#wrapper{
	padding: 150px 0 0;
}


/* footer フッター
------------------------------------------------------------------ */
#commonFooter {
	width: 100%;
	background: #107A4B;
	color: #FFFFFF;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	position: absolute;
	left: 0 ;
	right: 0;
}
#commonFooter .footerContent{
	padding: 0 10px;
}
#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: -ms-flexbox;
	display: -ms-flex;
	display: -webkit-flex;
	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: 1.25em;
	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;
}
#commonFooter .footerContent .snsWrap .snsLink li{
	margin: 0 7px;
}

#commonFooter .copyright{
	padding: 17px 0 15px;
	border-top: 1px solid #064D2E;
	display: block;
	text-align: center;
}
#commonFooter .footerContent .contentInner .snsWrap .snsLink a[target="_blank"]:after{
	display: none;
}


.closed #commonFooter {
	bottom:0;
}

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

    PC 汎用スタイル

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

li{
	list-style: none;
}

.anchorPoint{
	padding-top: 90px;
	margin-top: -90px;
	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;
}		

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: 1.5rem;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 0;
	line-height: 1.3;
	color: #107A4A;
}
body.newsdetail h2.titleSubTop,
body.newsdetail h2.titleSubUnder{
	font-size: 1.3rem;
	text-align: center;
	margin: 5px 0;
	padding: 0;
	line-height: 1.3;
	color: #107A4A;
}
body.newsdetail p.detailDate{
text-align: right;
	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: 1.3rem;
	font-weight:normal;
	text-align: center;
	border-bottom: 1px solid #C6D7D1;
	padding: 5px 15px 5px 15px;
	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 10px center;
}
body.newsdetail .highresImgBtn a:hover{
	opacity:0.5;
}

body.newsdetail .bodyText{
	font-size: 16px;
	line-height: 1.6;
}
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 section.inqury{
	/*margin-bottom:100px;*/
}

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;
}