@charset "UTF-8";

/*
■ 汎用パーツ

■ ページタイトル

■ ローカルナビ_上
■ ローカルナビ_左

■ ページ内リンク（汎用）
■ ページ内リンク（製品ページ）
■ カテゴリーリスト
■ その他 メニューリスト

■ TOPページ

■ カテゴリ一覧
■ 製品一覧
■ 製品名一覧
■ ダウンロード
■ 検索窓

■ 製品詳細 共通
■ 製品詳細 コンテンツ
■ 製品詳細：スペシャル

■ 製品紹介動画

■ サポート：よくあるご質問
■ サポート：保守・サポートについて
■ サポート：Warranty Policy（英語版のみ）

■ ニュース一覧
■ ニュースリリース詳細
■ ニュース一覧：テキスト

■ 展示会情報

■ Where to Buy：TOP
■ Where to Buy：詳細

■ 活用事例：一覧
■ 活用事例：TOP
■ 活用事例：詳細

■ 会社情報：ごあいさつ
■ 会社情報：会社概要
■ 会社情報：事業体制
■ 会社情報：研究開発
■ 会社情報：国内・海外の拠点
■ 会社情報：環境への取り組み
■ 会社情報：関連会社紹介
■ 会社情報：朋栄のあゆみ
■ 会社情報：採用情報（英語版のみ）

■ 検索結果
■ 検索結果：サジェスト

■ よくあるご質問
■ 目次ページ

■ お問い合わせ一覧

■ メルマガ登録

■ プライバシーポリシー

■ 汎用ライブラリー

■ テンプレート移行なし：製品詳細
■ テンプレート移行なし：ニュース詳細
*/



/* ■ 汎用パーツ ==================================================================================== */

/*
種別アイコン
お問い合わせBOX
画像 ボーター付き
画像 実寸表示
リンクリスト
*/


/* 種別アイコン --------------------------------------------------- */

.ProductsIcon {
display: inline-block;
line-height: 1.0em;
color: #fff !important;
}

.IconNew {
background: #e84981;
}

.IconBTO {
background: #6ab594;
}

.IconDiscon {
background: #212121;
}

.IconImport {
background: #5e0042;
}

.IconPreliminary {
background: #000;
}

.IconLimitedStock {
background: #000;
}

/* 絶対値表示 */
.IconFixed {
position: absolute;
top: 10px;
right: 10px;
}

@media only screen and (max-width: 767px) {

	.ProductsIcon {
	padding: 5px 15px 4px 15px;
	font-size: 1.2rem;
	}

}

@media print, screen and (min-width: 768px) {

	.ProductsIcon {
	padding: 4px 15px 4px 15px;
	font-size: 1.5rem;
	}

}

@media print, screen and (min-width: 1090px) {

}


/* お問い合わせBOX --------------------------------------------------- */

@media only screen and (max-width: 767px) {

	.ContactBox {
	margin-top: 30px;
	}

	.ContactBox .BtnUnit {
	margin-top: 10px;
	}

}

@media print, screen and (min-width: 768px) {

	.ContactBox {
	margin-top: 50px;
	}

	.ContactBox .Lead1 {
	font-size: 1.8rem;	
	}

	.ContactBox .BtnUnit {
	margin-top: 10px;
	}

	.ContactBox .BtnUnit a {
	width: 200px;
	}


}

@media print, screen and (min-width: 1090px) {

}


/* 画像 ボーター付き --------------------------------------------------- */

.ImgBo {
border: 1px solid #d5d5d5;
}


/* 画像 実寸表示 --------------------------------------------------- */

@media print, screen and (min-width: 768px) {

	.ImgInh {
	width: inherit
	}

}


/* リンクリスト --------------------------------------------------- */

@media only screen and (max-width: 767px) {

	.LinkList li {
	margin-top: 10px;
	}

}

@media print, screen and (min-width: 768px) {

	.LinkList li {
	margin-top: 10px;
	}

}

@media print, screen and (min-width: 1090px) {

}



/* ■ ページタイトル ==================================================================================== */

@media only screen and (max-width: 767px) {

	.PageTitle {
	}

	.PageTitle .SubName {
	margin-bottom: 5px;
	font-size: 1.4rem;
	line-height: 1.4em;
	}

}

@media print, screen and (min-width: 768px) {

	.PageTitle {
	}

	.PageTitle .SubName {
	line-height: 1.5em;
	}

}

@media print, screen and (min-width: 1090px) {

}



/* ■ ページ内リンク（汎用） ==================================================================================== */

.InPageNavVers li {
border: 1px solid #d5d5d5;
}

.InPageNavVers li a {
display: block;
text-align: center;
}

@media only screen and (max-width: 767px) {

	.InPageNavVers li a {
	padding: 6px 10px;
	line-height: 1.5em;
	}

}

@media print, screen and (min-width: 768px) {

	.InPageNavVers li a {
	padding: 10px 10px;
	line-height: 1.5em;
	}

}

@media print, screen and (min-width: 1090px) {

}



/* ■ ページ内リンク（製品ページ） ==================================================================================== */

#InPageNavWrap {
width: 100%;
background: #fff;
}

#InPageNavWrap.Fixed {
position: fixed;
top: 0;
left: 0;
z-index: 10000;
}

/* 項目リンク */
#InPageNav li {
display: inline-block;
}

#InPageNav a {
border-right: 1px solid #d5d5d5;
color: #000;
}

#InPageNav a.Current {
color: #b91010;
}

/* 問い合わせ */
#InPageNavContact li {
display: inline-block;
}

@media only screen and (max-width: 767px) {

	#InPageNavWrap.NoContact {
	border-bottom: 1px solid #e9e9e9;
	}

	#InPageNavWrap.NoContact .Mds {
	margin-left: 15px;
	}

	/* 項目リンク */
	#InPageNav {
	width: 100%;
	padding: 8px 15px 8px 0;
	-webkit-overflow-scrolling: touch;
	overflow-x: scroll;
	white-space: nowrap;
	}

	/* 項目リンク */
	#InPageNav a {
	padding: 5px 15px;
	font-size: 1.4rem;
	}

	#InPageNavWrap.NoContact #InPageNav li:nth-child(2) a {
	padding-left: 5px;
	}

	/* 問い合わせ */
	#InPageNavContact {
	display: flex;
	justify-content: space-between;
	}

	#InPageNavContact li {
	width: 100%;
	}

	#InPageNavContact li:first-child {
	border-right: 1px solid #8d0e0e;
	}

	#InPageNavContact a {
	padding-left: 15px;
	border-radius: 0;
	font-size: 1.4rem;
	}

}

@media only screen and (max-width: 372px) {

	#InPageNavContact a {
	font-size: 1.2rem;
	}

}

@media print, screen and (min-width: 768px) {

	#InPageNavWrap {
	display: flex;
	align-items: center;
	padding: 14px 30px 14px 0;
	border-bottom: 1px solid #e9e9e9;
	}

	#InPageNavWrap.NoContact .Mds {
	margin-left: 20px;
	}

	/* 項目リンク */
	#InPageNav a {
	padding: 5px 20px;
	}

	#InPageNavWrap.NoContact #InPageNav li:nth-child(2) a {
	padding-left: 10px;
	}

	/* 問い合わせ */
	#InPageNavContact {
	margin-left: auto;
	white-space: nowrap;
	}

	#InPageNavContact li {
	margin-left: 10px;
	}

}

@media print, screen and (min-width: 1090px) {

	#InPageNavWrap {
	padding: 14px 20px 14px 0;
	}

	/* 項目リンク */
	#InPageNav a:hover {
	color: #b91010;
	opacity: 1;
	}

}



/* ■ ローカルナビ_上 ==================================================================================== */

#LocalNavWrap {
width: 100%;
background: #fff;
}

#LocalNavWrap.Fixed {
position: fixed;
top: 0;
left: 0;
z-index: 10000;
}

/* 項目リンク */
#LocalNav a {
color: #000;
}

@media only screen and (max-width: 767px) {

	#LocalNavWrap {
	width: 100%;
	border-bottom: 1px solid #e9e9e9;
	}

	/* 開閉ボタン */
	#BtnOpenLocanNav {
	display: block;
	position: relative;
	padding: 15px;
	}

	#BtnOpenLocanNav.Current {
	}

	/* プラスマイナス アイコン */
	#BtnOpenLocanNav:before,
	#BtnOpenLocanNav:after {
	display: block;
	position: absolute;
	top: 50%;
	right: 15px;
	width: 15px;
	height: 1px;
	background: #000;
	content: "";
	}
	
	#BtnOpenLocanNav:after {
	transform: rotate(90deg);
	}
	
	#BtnOpenLocanNav.Current:after {
	display: none;
	}

	/* 項目リンク */
	#LocalNav {
	display: none;
	position: fixed;
	z-index: 1000;
	left: 0;
    right: 0;
    bottom: 0;
	background: #fff;
	}

	#LocalNav ul {
	height: 100% !important;
    overflow: auto !important;
    -webkit-overflow-scrolling: touch !important;
	}

	#LocalNav a {
	display: block;
	position: relative;
	padding: 15px 15px;
	border-bottom: 1px solid #e9e9e9;
	}

	/* 矢印 アイコン */
	#LocalNav a:before,
	#LocalNav a:after {
	display: block;
	position: absolute;
	top: 50%;
	height: 1px;
	background: #000;
	content: "";
	}
	
	#LocalNav a:before {
	right: 14px;
	width: 8px;
	margin-top: -3px;
	transform: rotate(45deg);
	}
	
	#LocalNav a:after {
	right: 15px;
	width: 18px;
	}

}

@media print, screen and (min-width: 768px) {

	#LocalNavWrap {
	display: flex;
	align-items: center;
	padding: 14px 30px 14px 0;
	border-bottom: 1px solid #e9e9e9;
	}

	#LocalNavWrap .Mds {
	margin-left: 20px;
	padding-right: 20px;
	}

	/* 開閉ボタン */
	#BtnOpenLocanNav {
	pointer-events: none;
	}

	/* 項目リンク */
	#LocalNav {
	display: block !important;
	}

	#LocalNav li {
	display: inline-block;
	}

	#LocalNav a {
	padding: 5px 20px;
	border-right: 1px solid #d5d5d5;
	}

	#LocalNav li:nth-child(1) a {
	border-left: 1px solid #d5d5d5;
	}

	/* カレント */
	#LocalNav a.Current {
	color: #b91010;
	}

}

@media print, screen and (min-width: 1090px) {

	#LocalNavWrap {
	padding: 14px 20px 14px 0;
	}

	/* 項目リンク */
	#LocalNav a:hover {
	color: #b91010;
	opacity: 1;
	}

}



/* ■ ローカルナビ_左 ==================================================================================== */

#LocalNavWrap_L {
background: #fff;
}

/* 項目リンク */
#LocalNav_L a {
display: block;
color: #000;
}

@media only screen and (max-width: 767px) {

	#LocalNavWrap_L {
	width: 100%;
	border-bottom: 1px solid #e9e9e9;
	}

	#LocalNavWrap_L.Fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
	}

	/* 開閉ボタン */
	#BtnOpenLocanNav_L {
	display: block;
	position: relative;
	padding: 15px;
	}

	#BtnOpenLocanNav_L.Current {
	}

	/* プラスマイナス アイコン */
	#BtnOpenLocanNav_L:before,
	#BtnOpenLocanNav_L:after {
	display: block;
	position: absolute;
	top: 50%;
	right: 15px;
	width: 15px;
	height: 1px;
	background: #000;
	content: "";
	}
	
	#BtnOpenLocanNav_L:after {
	transform: rotate(90deg);
	}
	
	#BtnOpenLocanNav_L.Current:after {
	display: none;
	}

	/* 項目リンク */
	#LocalNav_L {
	display: none;
	position: fixed;
	left: 0;
	top: 111px;
    right: 0;
    bottom: 0;
	z-index: 10000;
	background: #fff;
	}

	#LocalNav_L ul {
	height: 100% !important;
    overflow: auto !important;
    -webkit-overflow-scrolling: touch !important;
	}

	#LocalNav_L a {
	display: block;
	position: relative;
	padding: 15px 15px;
	border-bottom: 1px solid #e9e9e9;
	}

	/* 矢印 アイコン */
	#LocalNav_L a:before,
	#LocalNav_L a:after {
	display: block;
	position: absolute;
	top: 50%;
	height: 1px;
	background: #000;
	content: "";
	}
	
	#LocalNav_L a:before {
	right: 14px;
	width: 8px;
	margin-top: -3px;
	transform: rotate(45deg);
	}
	
	#LocalNav_L a:after {
	right: 15px;
	width: 18px;
	}

	/* 子メニュー */
	#LocalNav_L .Level2 a {
	background: #f6f6f6;
	}

}

@media print, screen and (min-width: 768px) {

	#LocalNavWrap_L {
	border-top: 1px solid #b91010;
	}

	#LocalNavWrap_L .Mds {
	padding: 25px 0;
	border-bottom: 1px solid #d5d5d5;
	font-size: 2.0rem;
	line-height: 1.0em;
	font-weight: 500;
	}

	/* 開閉ボタン */
	#BtnOpenLocanNav_L {
	pointer-events: none;
	}

	/* 項目リンク */
	#LocalNav_L {
	display: block !important;
	}

	#LocalNav_L .Parent a {
	padding: 13px 13px;
	border-bottom: 1px solid #d5d5d5;
	line-height: 1.5em;
	}

	#LocalNav_L .Parent a.Current {
	color: #fff;
	background: #1f1f1f;
	}

	/* 子メニュー */
	#LocalNav_L .Level2 a {
	padding: 11px 11px;
	border-bottom: 1px solid #d5d5d5;
	font-size: 1.4rem;
	line-height: 1.5em;
	background: #f6f6f6;
	}

	#LocalNav_L .Level2 a.Current {
	color: #fff;
	background: #1f1f1f;
	}

}

@media print, screen and (min-width: 1090px) {

}



/* ■ カテゴリーリスト ==================================================================================== */

@media only screen and (max-width: 767px) {

	/* プラスマイナス アイコン */
	.CateListEach h2.Mds {
	display: block;
	position: relative;
	padding: 16px 0;
	border-top: 1px solid #b91010;
	cursor: pointer;
	}

	.CateList .CateListEach:last-of-type h2.Mds {
	border-bottom: 1px solid #b91010;
	}

	.CateList .CateListEach:last-of-type .BtnOpenClose.Current {
	border-bottom: none;
	}

	.CateListEach h2.Mds:before,
	.CateListEach h2.Mds:after {
	display: block;
	position: absolute;
	top: 50%;
	right: 15px;
	width: 15px;
	height: 1px;
	background: #000;
	content: "";
	}

	.CateListEach h2.Mds:after {
	transform: rotate(90deg);
	}

	.CateListEach h2.Mds.Current:after {
	display: none;
	}

	/* 子メニュー */
	.CateListEach .CateListChild {
	display: none;
	margin-bottom: 20px;
	}

	.CateListEach .CateListChild a {
	display: block;
	margin-bottom: 5px;
	padding: 18px 15px 18px 75px;
	font-size: 1.4rem;
	line-height: 1.4em;
	color: #000;
	background-color: #f6f6f6;
	background-repeat: no-repeat;
	background-position: 10px 50%;
	background-size: auto 50px;
	}

}

@media print, screen and (min-width: 768px) {

	.CateList {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -1%;
	}

	.CateListEach {
	width: calc(49% - 1%);
	margin: 1.5% 1% 1%;
	}

	.CateListEach .BtnOpenClose {
	pointer-events: none;
	}

	.CateListEach h2.Mds {
	padding-top: 10px;
	border-top: 1px solid #b91010;
	font-size: 1.8rem;
	}

	/* 子メニュー */
	.CateListEach .CateListChild {
	display: block !important;
	margin-top: 10px;
	}

	.CateListEach .CateListChild li {
	float: left;
	width: 49.5%;
	margin-right: 1%;
	margin-bottom: 1%;
	}

	.CateListEach .CateListChild li:nth-child(2n) {
	margin-right: 0;
	}

	.CateListEach .CateListChild a {
	display: flex;
	align-items: center;
	padding: 10px 60px 10px 10px;
	font-size: 1.4rem;
	line-height: 1.4em;
	color: #000;
	background-color: #f6f6f6;
	background-repeat: no-repeat;
	background-position: 95% 50%;
	background-size: auto 40px;
	}

}

@media print, screen and (min-width: 1090px) {

	.CateListEach .CateListChild a {
	padding: 15px 74px 15px 10px;
	background-size: auto 60px;
	}

	.CateListEach .CateListChild a:hover {
	color: #b91010;
	opacity: 1;
	}

}



/* ■ その他 メニューリスト ==================================================================================== */

.OtherMenuList .OtherMenuListEach a {
display: block;
position: relative;
border: 1px solid #ccc;
background-repeat: no-repeat;
}

.OtherMenuList .OtherMenuListEach a:before,
.OtherMenuList .OtherMenuListEach a:after {
display: block;
position: absolute;
top: 50%;
height: 1px;
background: #000;
content: "";
}

.OtherMenuList .OtherMenuListEach a:before {
right: 14px;
width: 8px;
margin-top: -3px;
transform: rotate(45deg);
}

.OtherMenuList .OtherMenuListEach a:after {
right: 15px;
width: 18px;
}

@media only screen and (max-width: 767px) {

	.OtherMenuList .OtherMenuListEach {
	display: block !important;
	margin-top: 20px;
	}

	.OtherMenuList .OtherMenuListEach li {
	margin-bottom: 5px;
	}

	.OtherMenuList .OtherMenuListEach a {
	display: flex;
	align-items: center;
	height: 60px;
	padding: 0 20px 0 100px;
	color: #000;
	background-size: auto 60px !important;
	}

	.OtherMenuList .OtherMenuListEach a.NoThumb {
	height: 50px;
	padding: 0 20px 0 20px;
	font-size: 1.4rem;
	}

}

@media print, screen and (min-width: 768px) {

	.OtherMenuList .OtherMenuListEach {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -1%;
	}

	.OtherMenuList .OtherMenuListEach li {
	width: calc(49% - 1%);
	margin: 1.5% 1% 1%;
	}

	.OtherMenuList .OtherMenuListEach a {
	display: flex;
	align-items: center;
	height: 60px;
	padding: 0 20px 0 110px;
	font-size: 1.8rem;
	color: #000;
	background-size: auto 60px !important;
	}

	.OtherMenuList .OtherMenuListEach a.NoThumb {
	height: 50px;
	padding: 0 20px 0 20px;
	font-size: 1.6rem;
	}

}

@media print, screen and (min-width: 1090px) {

	.OtherMenuList .OtherMenuListEach a {
	height: 80px;
	padding: 0 20px 0 140px;
	background-size: auto 80px !important;
	}

	.OtherMenuList .OtherMenuListEach a:hover {
	color: #b91010;
	opacity: 1;
	}

	.OtherMenuList .OtherMenuListEach a.NoThumb {
	min-height: 60px;
	}

}



/* ■ 製品から探す（A-Z） ==================================================================================== */

.SearchByNameList h2.Mds {
text-align: center;
}

.SearchByNameList h2.Mds span {
background: url(../images/icon_search.png) no-repeat;
}

.SearchByNameList .SearchByName {
display: flex !important;
flex-wrap: wrap;
}

.SearchByNameList .SearchByName a,
.SearchByNameList .SearchByName span {
display: block;
border: 1px solid #d5d5d5;
line-height: 1.0em;
font-weight: bold;
}

.SearchByNameList .SearchByName a {
color: #000;
}

.SearchByNameList .SearchByName span {
color: #d3d3d3;
}

/* 生産完了品 */
.SearchByNameList .LinkDiscon {
font-size: 1.4rem;
text-align: right;
}

@media only screen and (max-width: 767px) {

	.SearchByNameList h2.Mds {
	font-size: 1.9rem;
	}

	.SearchByNameList h2.Mds span {
	padding: 5px 0 5px 36px;
	background-position: 0 50%;
	background-size: 22px 21px;
	}

	.SearchByNameList .SearchByName {
	margin: 15px -1% 0 -1%;
	}

	.SearchByNameList .SearchByName li {
	width: calc(19% - 1%) !important;
	margin: 0 1% 2% !important;
	}

	.SearchByNameList .SearchByName li:nth-child(5n) {
	margin-right: 0 !important;
	}

	.SearchByNameList .SearchByName a,
	.SearchByNameList .SearchByName span {
	padding: 28% 0;
	font-size: 2.0rem;
	text-align: center;
	}

	/* 生産完了品 */
	.SearchByNameList .LinkDiscon {
	margin-top: -40px;
	}

}

@media print, screen and (min-width: 768px) {

	.SearchByNameList h2.Mds {
	font-size: 2.4rem;
	}

	.SearchByNameList h2.Mds span {
	padding: 5px 0 5px 50px;
	background-position: 0 50%;
	background-size: 32px 31px;
	}

	.SearchByNameList .SearchByName {
	margin-top: 30px;
	}

	.SearchByNameList .SearchByName li {
	width: 6.92307692307692%;
	margin-right: 0.83333333333334% !important;
	margin-bottom: 0.83333333333334% !important;
	}

	.SearchByNameList .SearchByName li:nth-child(13n) {
	margin-right: 0 !important;
	}

	.SearchByNameList .SearchByName a,
	.SearchByNameList .SearchByName span {
	padding: 28% 0;
	font-size: 2.2rem;
	text-align: center;
	}

}

@media print, screen and (min-width: 1090px) {

	.SearchByNameList .SearchByName a,
	.SearchByNameList .SearchByName span {
	padding: 35% 0;
	}

	.SearchByNameList .SearchByName a:hover {
	color: #b91010;
	opacity: 1;
	}

}



/* ■ 検索窓 ==================================================================================== */

/*
ヘッダー
ページ上
*/


/* ヘッダー --------------------------------------------------- */

.SearchBox .SearchCate,
.SearchBox .SearchTxt,
.SearchBox .SearchBtn {
border: none;
vertical-align: middle;
}

.SearchBox .SearchCate {
border-radius: 100vh 0 0 100vh;
vertical-align: middle;
color: #fff;
background: #b91010 url(../images/icon_selectbox.png) no-repeat;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
cursor: pointer;
}

.SearchBox .SearchTxt {
border-radius: 0;
padding: 0 10px;
background: #f0f0f0;
}

.SearchBox .SearchBtn {
border-radius: 0 100vh 100vh 0;
text-indent: -9999px;
background: #f0f0f0 url(../images/icon_search.png) no-repeat;
cursor: pointer;
}

@media only screen and (max-width: 767px) {

	.SearchBox .SearchCate,
	.SearchBox .SearchTxt,
	.SearchBox .SearchBtn {
	height: 3em;
	line-height: 3em;
	}

	.SearchBox .SearchCate {
	width: 32%;
	padding-left: 15px;
	padding-right: 30px;
	background-position: 90% 50%;
	background-size: 15px auto;
	}

	.SearchBox .SearchTxt {
	width: 58%;
	}

	.SearchBox .SearchBtn {
	width: 10%;
	background-position: 0 50%;
	background-size: 20px auto;
	}

}

@media print, screen and (min-width: 768px) {

	.SearchBox .SearchCate,
	.SearchBox .SearchTxt,
	.SearchBox .SearchBtn {
	height: 26px;
	line-height: 26px;
	}

	.SearchBox .SearchCate {
	width: 80px;
	height: 26px;
	padding-left: 10px;
	padding-right: 20px;
	font-size: 74%;
	background-position: 64px 50%;
	background-size: 10px auto;
	}

	.SearchBox .SearchTxt {
	width: 130px;
	height: 26px;
	font-size: 74%;
	}
	
	.SearchBox .SearchBtn {
	width: 40px;
	background-position: 50% 50%;
	background-size: 16px auto;
	}

}

@media print, screen and (min-width: 1090px) {

}


/* ページ上 --------------------------------------------------- */

.SearchBoxUnit h2.Mds {
text-align: center;
}

.SearchBoxUnit h2.Mds span {
background: url(../images/icon_search.png) no-repeat;
}

.SearchBoxUnit .SearchBox2 .SearchTxt,
.SearchBoxUnit .SearchBox2 .SearchBtn {
vertical-align: middle;
}

.SearchBoxUnit .SearchBox2 .SearchTxt {
border: 1px solid #d5d5d5;
border-radius: 100vh 0 0 100vh;
padding: 0 10px;
background: #fff;
box-shadow: inset 1px 1px 1px 0px #ececec;
}

.SearchBoxUnit .SearchBox2 .SearchBtn {
border: none;
border-radius: 0 100vh 100vh 0;
letter-spacing: 0.2em;
color: #fff;
background: #b91010;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
cursor: pointer;
}

@media only screen and (max-width: 767px) {

	.SearchBoxUnit h2.Mds {
	font-size: 1.9rem;
	}

	.SearchBoxUnit h2.Mds span {
	padding: 5px 0 5px 36px;
	background-position: 0 50%;
	background-size: 22px 21px;
	}

	.SearchBoxUnit .SearchBox2 {
	margin-top: 15px;
	}

	.SearchBoxUnit .SearchBox2 .SearchTxt,
	.SearchBoxUnit .SearchBox2 .SearchBtn {
	height: 3em;
	line-height: 3em;
	}

	.SearchBoxUnit .SearchBox2 .SearchTxt {
	width: 78%;
	padding-left: 15px;
	}

	.SearchBoxUnit .SearchBox2 .SearchBtn {
	width: 22%;
	}

}

@media print, screen and (min-width: 768px) {

	.SearchBoxUnit h2.Mds {
	font-size: 2.4rem;
	}

	.SearchBoxUnit h2.Mds span {
	padding: 5px 0 5px 50px;
	background-position: 0 50%;
	background-size: 32px 31px;
	}

	.SearchBoxUnit .SearchBox2 {
	margin-top: 30px;
	}

	.SearchBoxUnit .SearchBox2 .SearchTxt,
	.SearchBoxUnit .SearchBox2 .SearchBtn {
	height: 50px;
	line-height: 25px;
	}

	.SearchBoxUnit .SearchBox2 .SearchTxt {
	width: 80%;
	height: 50px;
	padding-left: 30px;
	}
	
	.SearchBoxUnit .SearchBox2 .SearchBtn {
	width: 20%;
	font-size: 1.8rem;
	}

}

@media print, screen and (min-width: 1090px) {

	.SearchBoxUnit .SearchBox2 .SearchTxt,
	.SearchBoxUnit .SearchBox2 .SearchBtn {
	height: 60px;
	line-height: 30px;
	}

	.SearchBoxUnit .SearchBox2 .SearchTxt {
	height: 60px;
	}
	
}



/* ■ TOPページ ==================================================================================== */

/*
キービジュアル
タブメニュー
ピックアップ
ニュース＆イベント
活用事例
*/


/* キービジュアル --------------------------------------------------- */

#TopKeyVisual {
position: relative;
width: 100%;
background-color: #333;	
}

/*
#TopKeyVisual:before {
position: absolute;
z-index: 100;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.5);
content: '';
}
*/

/* テキスト要素（臨時） */
#TopKeyVisual .LeadUnit {
position: absolute;
text-align: center;
color: #fff;
}

#TopKeyVisual .LeadUnit .Lead1 {
font-weight: 500;
}

#TopKeyVisual .LeadUnit .Lead1_1,
#TopKeyVisual .LeadUnit .Lead1_2 {
display: inline-block;
}

@media only screen and (max-width: 767px) {

	#TopKeyVisual {
	height: 600px;
	background-image: url(../images/50th_bg_sp.jpg);
	background-repeat: no-repeat;
	background-position: 50% 100%;
	background-size: cover;
	}

	#TopKeyVisual #Movie {
	width: 100%;
	}

	/* テキスト要素（臨時） */
	#TopKeyVisual .LeadUnit {
	left: 50%;
	top: 8%;
	max-width: 300px;
	margin-left: -150px;
	}

	#TopKeyVisual .LeadUnit .Logo {
	margin-left: 10px;
	}

	#TopKeyVisual .LeadUnit .Logo img {
	width: 139px;
	}

	#TopKeyVisual .LeadUnit .Lead1 {
	margin-top: 30px;
	}

	#TopKeyVisual .LeadUnit .Lead1_1 {
	font-size: 1.5rem;
	}

	#TopKeyVisual .LeadUnit .Lead1_2 {
	margin-top: 10px;
	font-size: 1.7rem;
	}

	#TopKeyVisual .LeadUnit .Lead2 {
	margin-top: 20px;
	font-size: 1.2rem;
	}

	#TopKeyVisual .LeadUnit .BtnTo {
	margin-top: 30px;
	}

	#TopKeyVisual .LeadUnit .BtnTo a {
	width: 70%;
	}

}

@media print, screen and (min-width: 768px) {

	#TopKeyVisual {
	height: 700px;
/* 	margin-top: -75px; */
	background-image: url(../images/50th_bg_pc.jpg);
	background-repeat: no-repeat;
	background-position: 50% 100%;
	background-size: cover;
	}

	#TopKeyVisual #Movie {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	object-fit: fill;
	font-family: '微软雅黑','object-fit: cover;' /* IE対策 */
	}

	/* テキスト要素（臨時） */
	#TopKeyVisual .LeadUnit {
	left: 50%;
	top: 11%;
	max-width: 700px;
	margin-left: -350px;
	}

	#TopKeyVisual .LeadUnit .Logo {
	margin-left: 15px;
	}

	#TopKeyVisual .LeadUnit .Logo img {
	width: 193px;
	}

	#TopKeyVisual .LeadUnit .Lead1 {
	margin-top: 30px;
	}

	#TopKeyVisual .LeadUnit .Lead1_1 {
	font-size: 2.0rem;
	line-height: 1.6em;
	}

	#TopKeyVisual .LeadUnit .Lead1_2 {
	margin-top: 10px;
	font-size: 3.0rem;
	line-height: 1.6em;
	}

	#TopKeyVisual .LeadUnit .Lead2 {
	margin-top: 20px;
	}

	#TopKeyVisual .LeadUnit .BtnTo {
	margin-top: 40px;
	}

}

@media print, screen and (min-width: 1090px) {

	/* テキスト要素（臨時） */
	#TopKeyVisual .LeadUnit {
	top: 12%;
	max-width: 870px;
	margin-left: -435px;
	}

	#TopKeyVisual .LeadUnit .Lead1_2 {
	font-size: 4.0rem;
	}


}


/* タブメニュー --------------------------------------------------- */

#TabMenu {
position: relative;
z-index: 5000;
padding: 30px 0;
}

.TabMenuList {
display: flex;
flex-wrap: wrap;
}

.TabMenuList li {
width: 33.33333333%;
}

.TabMenuList a {
display: block;
position: relative;
border-right: 1px solid #861010;
text-align: center;
font-weight: 500;
color: #fff;
background: #b91010;
}

.TabMenuList li:last-child a {
border-right: none;
}

.TabMenuList a.Current {
color: #b91010;
background: #fff;
}

.TabMenuList a.Current:before {
position: absolute;
left: 0;
width: 100%;
background: #fff;
content: "";
}

.TabMenuList a:after {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
background-image: linear-gradient( rgb(184, 16, 16), rgb(163, 14, 14) );
content: "";
}

.TabMenuList a.Current:after {
display: none;
}

.TabMenuList a span {
display: inline-block;
position: relative;
}

.TabMenuList a.Current span:after {
position: absolute;
left: 50%;
height: 1px;
background: #b91010;
content: "";
}

@media only screen and (max-width: 767px) {

	#TabMenu {
	margin-top: -53px;
	padding: 0 15px;
	}

	.TabMenuList a {
	height: 53px;
	padding-top: 12px;
	font-size: 1.1rem;
	line-height: 1.4em;
	}

	.TabMenuList li:last-child a {
	padding-top: 20px;
	}

	.TabMenuList a.Current:before {
	top: -5px;
	height: 5px;
	}

	.TabMenuList a:after {
	height: 10px;
	}

	.TabMenuList a.Current span:after {
	bottom: -13px;
	width: 48px;
	margin-left: -24px;
	}

	.TabMenuList li:last-child a.Current span:after {
	bottom: -19px;
	}

}

@media print, screen and (min-width: 768px) {

	#TabMenu {
	max-width: 1400px;
	margin: -60px auto 0 auto;
	padding: 0 30px;
	}

	.TabMenuList a {
	height: 60px;
	font-size: 1.7rem;
	line-height: 60px;
	}

	.TabMenuList a.Current:before {
	top: -10px;
	height: 10px;
	}

	.TabMenuList a:after {
	height: 20px;
	}

	.TabMenuList a.Current span:after {
	bottom: 0;
	width: 145px;
	margin-left: -72.5px;
	}

}

@media print, screen and (min-width: 1090px) {

	.TabMenuList a.Current:hover {
	opacity: 1;
	}

}


/* ピックアップ --------------------------------------------------- */

.TopPickup {
display: flex;
flex-wrap: wrap;
width: 100%;
}

.TopPickup a {
display: block;
}

.TopPickup .Photo {
background-image: -moz-linear-gradient( 128deg, rgb(40,40,40) 0%, rgb(90,90,90) 100%);
background-image: -webkit-linear-gradient( 128deg, rgb(40,40,40) 0%, rgb(90,90,90) 100%);
background-image: -ms-linear-gradient( 128deg, rgb(40,40,40) 0%, rgb(90,90,90) 100%);
}

.TopPickup .Photo img {
object-fit: cover;
font-family: '微软雅黑','object-fit: cover;' /* IE対策 */
}

.TopPickup li {
border-bottom: 1px solid #e3e3e3;
}

.TopPickup .LeadUnit {
border-right: 1px solid #e3e3e3;
}

.TopPickup .Lead1,
.TopPickup .Lead3 {
color: #000;
}

.TopPickup .Lead2 {
color: #b91010;
font-weight: 700;
}

.TabContent {
display: none;
}

.TabContent.Current {
display: block;
}

@media only screen and (max-width: 767px) {

	#TabContents {
	margin-top: 30px;
	}

	.TopPickup li {
	width: 50%;
	}

	.TopPickup .Photo {
	padding: 0 8%;
	}

	.TopPickup .Photo img {
	max-height: 200px;
	}

	.TopPickup .LeadUnit {
	padding: 15px 15px 30px 15px;
	}

	.TopPickup li:nth-child(2n) .LeadUnit {
	border-right: none;
	}

	.TopPickup .Lead1 {
	font-size: 1.2rem;
	line-height: 1.5em;
	}

	.TopPickup .Lead2 {
	margin-top: 4px;
	font-size: 2.0rem;
	line-height: 1.3em;
	}

	.TopPickup .Lead3 {
	margin-top: 10px;
	font-size: 1.3rem;
	line-height: 1.8em;
	}

}

@media print, screen and (min-width: 768px) {

	#TabContents {
	margin-top: 80px;
	}

	.TopPickup li {
	width: 33.33333333%;
	}

	.TopPickup .Photo {
	padding: 0 10%;
	}

	.TopPickup .Photo img {
	max-height: 280px;
	}

	.TopPickup .LeadUnit {
	padding: 4% 10% 10% 10%;
	}

	.TopPickup li:nth-child(3n) .LeadUnit {
	border-right: none;
	}

	.TopPickup .Lead1,
	.TopPickup .Lead2 {
	text-align: center;
	}

	.TopPickup .Lead1 {
	font-size: 1.4rem;
	line-height: 1.8em;
	}

	.TopPickup .Lead2 {
	margin-top: 4px;
	font-size: 2.8rem;
	line-height: 1.3em;
	}

	.TopPickup .Lead3 {
	margin-top: 15px;
	font-size: 1.5rem;
	line-height: 1.8em;
	}

}

@media print, screen and (min-width: 1090px) {

	.TopPickup .Photo img {
	max-height: 360px;
	}

	.TopPickup a:hover {
	opacity: 0.9;
	}

}


/* ニュース＆イベント --------------------------------------------------- */

.TopNewsList h2.Mds {
border-bottom: 1px solid #b91010;
text-align: center;
}

@media only screen and (max-width: 767px) {

	.TopNewsList {
	padding-top: 10px;
	padding-bottom: 40px;
	}

	.TopNewsList h2.Mds {
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 2.4rem;
	}

}

@media print, screen and (min-width: 768px) {

	.TopNewsList {
	padding-top: 40px;
	padding-bottom: 100px;
	}

	.TopNewsList h2.Mds {
	margin-bottom: 20px;
	padding-bottom: 30px;
	font-size: 3.2rem;
	}

}

@media print, screen and (min-width: 1090px) {

}


/* 活用事例 --------------------------------------------------- */

.TopCaseList h2.Mds {
border-bottom: 1px solid #b91010;
text-align: center;
}

@media only screen and (max-width: 767px) {

	.TopCaseList {
	padding-top: 20px;
	padding-bottom: 20px;
	}

	.TopCaseList h2.Mds {
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 2.4rem;
	}

}

@media print, screen and (min-width: 768px) {

	.TopCaseList {
	padding-top: 40px;
	padding-bottom: 100px;
	}

	.TopCaseList h2.Mds {
	margin-bottom: 20px;
	padding-bottom: 30px;
	font-size: 3.2rem;
	}

}

@media print, screen and (min-width: 1090px) {

}



/* ■ カテゴリ一覧 ==================================================================================== */

@media only screen and (max-width: 767px) {

	.SectionCateList {
	margin-top: 15px;
	}

}

@media print, screen and (min-width: 768px) {

	.SectionCateList .CateListEach {
	margin-top: 2.5%;
	}

	.SectionCateList .CateListEach h2.Mds {
	font-size: 2.0rem;
	}
}

@media print, screen and (min-width: 1090px) {

}



/* ■ 製品一覧 ==================================================================================== */

.ProductsList a {
display: block;
}

.ProductsList .Photo {
position: relative;
border: 1px solid #e9e9e9;
background-color: #fff;
}

.ProductsList .Lead1 {
color: #b91010;
}

.ProductsList .Lead3 {
color: #000;
}

.ProductsList .Lead2 {
font-weight: bold;
color: #b91010;
}

/* 輸入・取扱製品 */
#PageProducts_Import .PageTitle .OtherLogo img {
width: inherit;
}

@media only screen and (max-width: 767px) {

	.ProductsList {
	margin-top: 10px;
	}

	.ProductsList li {
	margin-top: 4%;
	}

	.ProductsList .Lead1 {
	margin-top: 10px;
	font-size: 1.0rem;
	line-height: 1.6em;
	}

	.ProductsList .Lead2 {
	margin-top: 2px;
	font-size: 1.7rem;
	line-height: 1.4em;
	}
	
	.ProductsList .Lead3 {
	margin-top: 4px;
	font-size: 1.3rem;
	line-height: 1.6em;
	}

	/* 輸入・取扱製品 */
	#PageProducts_Import .PageTitle .OtherLogo {
	margin-top: 15px;
	}

}

@media print, screen and (min-width: 768px) {

	.ProductsList {
	margin-top: 20px;
	}

	.ProductsList li {
	margin-top: 3%;
	}

	.ProductsList .Lead1 {
	margin-top: 15px;
	font-size: 1.3rem;
	line-height: 1.8em;
	}

	.ProductsList .Lead2 {
	margin-top: 0px;
	font-size: 2.2rem;
	line-height: 1.4em;
	}
	
	.ProductsList .Lead3 {
	margin-top: 7px;
	font-size: 1.5rem;
	line-height: 1.8em;
	}

	/* 輸入・取扱製品 */
	#PageProducts_Import .PageTitle .OtherLogo {
	margin-top: 20px;
	}

}

@media print, screen and (min-width: 1090px) {

	.ProductsList {
	margin-top: 30px;
	}


}



/* ■ 製品名一覧 ==================================================================================== */

.SecitonSearchByName h2.Mds {
border-bottom: 1px solid #d0d1cc;
}

.SecitonSearchByNameList .SubName {
color: #000;
}

/* 販売終了製品 */
.DisconNotice {
border: 1px dashed #d0d1cc;
}

.DisconNotice .DisconAlt a {
display: inline-block;
position: relative;
margin-right: 10px;
}

.DisconNotice .DisconAlt a:after {
display: inline-block;	
position: absolute;
right: -5px;
color: #000;
content: ",";
}

@media all and (-ms-high-contrast: none) {

	.DisconNotice .DisconAlt a:after {
	right: -18px;
	}

}

.DisconNotice .DisconAlt a:last-child:after {
display: none;	
}

@media only screen and (max-width: 767px) {

	.SecitonSearchByName {
	padding-top: 30px;
	}

	.SecitonSearchByName h2.Mds {
	padding-bottom: 5px;
	font-size: 2.2rem;
	}

	.SecitonSearchByNameList {
	margin-top: 15px;
	}

	.SecitonSearchByNameList li {
	margin-top: 10px;
	}

	.SecitonSearchByNameList .ProductName {
	display: block;
	}

	.SecitonSearchByNameList .SubName {
	display: block;
	font-size: 1.3rem;
	line-height: 1.3em;
	}

	/* 販売終了製品 */
	.Page_Discontinued .SecitonSearchByNameList li {
	margin-top: 15px;
	}

	.DisconNotice {
	margin-top: 10px;
	padding: 10px 14px;
	font-size: 1.4rem;
	}

	.DisconNotice .DisconSche span {
	display: block;
	}

	.DisconNotice .DisconAlt .Mds {
	display: block;
	}

}

@media print, screen and (min-width: 768px) {

	.SecitonSearchByName {
	padding: 20px 0;	
	}

	.SecitonSearchByName h2.Mds {
	padding-bottom: 15px;
	font-size: 2.6rem;	
	}

	.SecitonSearchByNameList {
	margin-top: 20px;
	}

	.SecitonSearchByNameList li {
	margin-top: 5px;
	}

	.SecitonSearchByNameList .ProductName {
	font-size: 1.7rem;
	}

	.SecitonSearchByNameList .SubName {
	display: inline-block;
	position: relative;
	margin-left: 7px;
	padding-left: 23px;
	font-size: 1.5rem;
	}

	.SecitonSearchByNameList .SubName:before {
	position: absolute;
	left: 0;
	top: 48%;
	width: 18px;
	height: 1px;
	background: #000;
	content: "";
	}

	/* 販売終了製品 */
	.Page_Discontinued .SecitonSearchByNameList li {
	margin-top: 30px;
	}

	.DisconNotice {
	margin-top: 10px;
	padding: 10px 15px;
	font-size: 1.5rem;
	}

	.DisconNotice .DisconSche span {
	margin-right: 12px;
	}

}

@media print, screen and (min-width: 1090px) {

	.SecitonSearchByName {
	padding: 40px 0;	
	}

	.SecitonSearchByNameList a.LinkFwd:hover {
	opacity: 1;
	}

	/* 販売終了製品 */
	.DisconNotice .DisconAlt a:hover {
	opacity: 1;
	}

}



/* ■ ダウンロード ==================================================================================== */

.SecitonDownload h2.Mds {
border-bottom: 1px solid #d0d1cc;
}

.SecitonDownloadList .SubName {
color: #000;
}

.SecitonDownloadList .EachPorduct {
border: 1px solid #d0d1cc;
}

.SecitonDownloadList .ProductName {
display: block;
position: relative;
color: #000;
}

.SecitonDownloadList .ProductName.Current {
background: #f6f6f6;
}

.SecitonDownloadList .ProductName.Current .SubName {
}

/* プラスマイナス アイコン */
.SecitonDownloadList .ProductName:before,
.SecitonDownloadList .ProductName:after {
display: block;
position: absolute;
top: 50%;
height: 1px;
background: #000;
content: "";
}

.SecitonDownloadList .ProductName:after {
transform: rotate(90deg);
}

.SecitonDownloadList .ProductName.Current:after {
display: none;
}

/* ダウンロード内容 */
.SecitonDownloadList .DownloadUnit {
display: none;
}

/* 製品ガイドブック */
.DownloadGuideBook a {
display: inline-block;
border: 1px solid #d0d1cc;
background-repeat: no-repeat;
}

@media only screen and (max-width: 767px) {

	.SecitonDownload {
	padding-top: 30px;
	}

	.SecitonDownload h2.Mds {
	padding-bottom: 5px;
	font-size: 2.2rem;
	}

	.SecitonDownloadList {
	margin-top: 15px;
	}

	.SecitonDownloadList .EachPorduct {
	margin-top: 10px;
	}

	.SecitonDownloadList .ProductName {
	padding: 6px 15px 10px 15px;
	font-size: 1.8rem;
	}

	.SecitonDownloadList .SubName {
	display: block;
	padding-right: 30px;
	font-size: 1.3rem;
	line-height: 1.3em;
	}

	/* プラスマイナス アイコン */
	.SecitonDownloadList .ProductName:before,
	.SecitonDownloadList .ProductName:after {
	right: 15px;
	width: 15px;
	}

	/* ダウンロード内容 */
	.SecitonDownloadList .DownloadUnit {
	padding: 0 15px 20px 15px;
	}

	.SecitonDownloadList .DownloadDoc {
	margin-top: 15px;
	}

	.SecitonDownloadList .DownloadPhoto {
	margin-top: 20px;
	}

	/* 製品ガイドブック */
	.DownloadGuideBook {
	margin-top: 30px;
	}

	.DownloadGuideBook a {
	width: 100%;
	margin-top: 5px;
	padding: 20px 20px 20px 75px;
	font-size: 1.4rem;
	line-height: 1.5em;
	background-size: 50px auto;
	background-position: 10px 50%;
	}

}

@media print, screen and (min-width: 768px) {

	.SecitonDownload {
	padding: 20px 0;	
	}

	.SecitonDownload h2.Mds {
	padding-bottom: 15px;
	font-size: 2.6rem;	
	}

	.SecitonDownloadList {
	margin-top: 20px;
	}

	.SecitonDownloadList .EachPorduct {
	margin-top: 10px;
	}

	.SecitonDownloadList .ProductName {
	padding: 20px 30px;
	font-size: 1.9rem;
	}

	.SecitonDownloadList .SubName {
	display: inline-block;
	position: relative;
	margin-left: 10px;
	padding-left: 25px;
	}

	.SecitonDownloadList .SubName:before {
	position: absolute;
	left: 0;
	top: 50%;
	width: 20px;
	height: 1px;
	background: #000;
	content: "";
	}

	/* プラスマイナス アイコン */
	.SecitonDownloadList .ProductName:before,
	.SecitonDownloadList .ProductName:after {
	right: 20px;
	width: 20px;
	}

	/* ダウンロード内容 */
	.SecitonDownloadList .DownloadUnit {
	padding: 0 30px 20px 30px;
	}

	.SecitonDownloadList .DownloadDoc {
	margin-top: 30px;
	}

	.SecitonDownloadList .DownloadPhoto {
	margin-top: 40px;
	}

	/* 製品ガイドブック */
	.DownloadGuideBook {
	margin-top: 40px;
	}

	.DownloadGuideBook a {
	margin-right: 8px;
	padding: 20px 20px 20px 75px;
	background-size: 50px auto;
	background-position: 10px 50%;
	}

}

@media print, screen and (min-width: 1090px) {

	.SecitonDownload {
	padding: 40px 0;	
	}

	.SecitonDownloadList a.ProductName:hover {
	background: #f6f6f6;
	opacity: 1;
	}

}



/* ■ 製品詳細 共通 ==================================================================================== */

/*
キービジュアル
ページ内リンク
活用事例
ダウンロード
お問い合わせ
関連製品
*/


/* キービジュアル --------------------------------------------------- */

#ProductsKeyVisualWrap {
width: 100%;
position: relative;
color: #fff;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
}

#ProductsKeyVisual {
display: flex;
flex-wrap: wrap;
}

#ProductsKeyVisual .OtherLogo img {
width: inherit;
}

@media only screen and (max-width: 767px) {

	#ProductsKeyVisualWrap {
	background-image: url(../images/texture_keyvisual_sp.png);
	}

	#ProductsKeyVisual {
	padding: 0 15px;
	}

	#ProductsKeyVisual .LeadUnit {
	order: 2;
	padding-bottom: 26px;
	}

	#ProductsKeyVisual .Photo {
	order: 1;
	padding: 100px 0 80px 0;
	}

	#ProductsKeyVisual .ProductsIcon {
	margin-bottom: 13px;
	}

	#ProductsKeyVisual .OtherLogo {
	margin-bottom: 10px;
	}

	#ProductsKeyVisual .OtherLogo img {
	height: 50px;
	}

	#ProductsKeyVisual .Lead1 {
	font-size: 1.3rem;
	line-height: 1.5em;
	}

	#ProductsKeyVisual .Lead2 {
	margin-top: 5px;
	font-size: 4.0rem;
	line-height: 1.1em;
	}

	#ProductsKeyVisual .Lead2 small {
	font-size: 2.0rem;
	}

	/* サイズ（小）画像なし */
	#ProductsKeyVisualWrap.ProductsKeyVisualWrap_S #ProductsKeyVisual .LeadUnit {
	padding-top: 15px;
	padding-bottom: 15px;
	}

	#ProductsKeyVisualWrap.ProductsKeyVisualWrap_S #ProductsKeyVisual .Lead1 {
	font-size: 2.0rem;
	line-height: 1.0em;
	}

	#ProductsKeyVisualWrap.ProductsKeyVisualWrap_S #ProductsKeyVisual .Lead2 {
	font-size: 2.8rem;
	}

}

@media print, screen and (min-width: 768px) {

	#ProductsKeyVisualWrap {
	height: 410px;
	background-image: url(../images/texture_keyvisual_pc.png);
	}

	#ProductsKeyVisual {
	align-items: center;
	max-width: 1280px;
	padding: 0 30px;
	height: 410px;
	margin: 0 auto;
	}

	#ProductsKeyVisual .LeadUnit {
	width: 40%;
	}

	#ProductsKeyVisual .Photo {
	width: 60%;
	padding-left: 50px;
	}

	#ProductsKeyVisual .ProductsIcon {
	margin-bottom: 10px;
	}

	#ProductsKeyVisual .OtherLogo {
	margin-bottom: 10px;
	}

	#ProductsKeyVisual .OtherLogo img {
	height: 60px;
	}

	#ProductsKeyVisual .Lead1 {
	font-size: 2.0rem;
	line-height: 1.5em;
	}

	#ProductsKeyVisual .Lead2 {
	margin-top: 10px;
	font-size: 6.6rem;
	line-height: 1.1em;
	}

	#ProductsKeyVisual .Lead2 small {
	font-size: 2.0rem;
	}

	/* サイズ（小） */
	#ProductsKeyVisualWrap.ProductsKeyVisualWrap_S {
	height: 130px;
	}

	#ProductsKeyVisualWrap.ProductsKeyVisualWrap_S #ProductsKeyVisual {
	max-width: 100%;
	height: 130px;
	}

	#ProductsKeyVisualWrap.ProductsKeyVisualWrap_S #ProductsKeyVisual .Lead1 {
	font-size: 2.5rem;
	line-height: 1.0em;
	}

	#ProductsKeyVisualWrap.ProductsKeyVisualWrap_S #ProductsKeyVisual .Lead2 {
	font-size: 4.0rem;
	}

}

@media print, screen and (min-width: 1090px) {

}


/* ダウンロード --------------------------------------------------- */

/* カタログ・資料 */
.DownloadDoc li {
display: table;
width: 100%;
border-bottom: 1px solid #d0d1cc;
}

.DownloadDoc li:first-child {
border-top: 1px solid #d0d1cc;
}

.DownloadDoc .Lead1,
.DownloadDoc .Btn {
display: table-cell;
vertical-align: middle;
}

.DownloadDoc .Lead1 {
word-break: break-all;
}

.DownloadDoc .Btn {
text-align: right;
}

.DownloadDoc .Lead1 a {
display: block;
background: url(../images/icon_pdf.png) no-repeat;
}

.DownloadDoc .Lead1 a.Locked {
color: #000;
background: url(../images/icon_pdf2.png) no-repeat;
pointer-events: none;
}

/* 高解像度画像 */
.DownloadPhotoList .DownloadPhotoCap {
word-wrap: break-word;
}

@media only screen and (max-width: 767px) {

	/* カタログ・資料 */
	.DownloadDoc {
	margin-top: 20px;
	}

	.DownloadDocList {
	margin-top: 10px;
	}

	.DownloadDoc .Lead1 a,
	.DownloadDoc .Lead1 a.Locked {
	padding: 18px 15px 18px 45px;
	font-size: 1.4rem;
	line-height: 1.7em;
	background-position: 10px 50%;
	background-size: 20px auto;
	}

	/* 高解像度画像 */
	.DownloadPhoto {
	margin-top: 30px;
	}

	.DownloadPhoto .BtnOpenClose {
	display: block;
	position: relative;
	padding-bottom: 10px;
	border-bottom: 1px solid #d5d5d5;
	}

	.DownloadPhoto .BtnOpenClose.Current {
	border-bottom: none;
	}

	.DownloadPhoto .BtnOpenClose:before,
	.DownloadPhoto .BtnOpenClose:after {
	display: block;
	position: absolute;
	top: 35%;
	right: 10px;
	width: 15px;
	height: 1px;
	background: #000;
	content: "";
	}

	.DownloadPhoto .BtnOpenClose:after {
	transform: rotate(90deg);
	}

	.DownloadPhoto .BtnOpenClose.Current:after {
	display: none;
	}

	.DownloadPhoto .OpenCloseUnit {
	display: none;
	}

	.DownloadPhotoList .DownloadPhotoCap {
	margin-top: 5px;
	font-size: 1.2rem;
	line-height: 1.6em;
	}

}

@media print, screen and (min-width: 768px) {

	/* カタログ・資料 */
	.DownloadDoc {
	margin-top: 30px;
	}

	.DownloadDocList {
	margin-top: 20px;
	}

	.DownloadDoc .Lead1 a,
	.DownloadDoc .Lead1 a.Locked {
	padding: 18px 60px 18px 50px;
	line-height: 1.8em;
	background-position: 10px 50%;
	background-size: 28px auto;
	}

	.DownloadDoc .Btn {
	padding-bottom: 4px;
	}

	/* 高解像度画像 */
	.DownloadPhoto {
	margin-top: 40px;
	}

	.DownloadPhotoList {
	margin-top: 20px;
	}

	.DownloadPhoto .BtnOpenClose {
	pointer-events: none;
	}

	.DownloadPhoto .OpenCloseUnit {
	display: block !important;
	}

	.DownloadPhotoList .DownloadPhotoCap {
	margin-top: 5px;
	font-size: 1.4rem;
	line-height: 1.6em;
	}

}

@media print, screen and (min-width: 1090px) {

	/* カタログ・資料 */
	.DownloadDoc {
	margin-top: 60px;
	}

	/* 高解像度画像 */
	.DownloadPhoto {
	margin-top: 50px;
	}

}


/* ダウンロード：高解像度画像 --------------------------------------------------- */

.DownloadPhoto a {
border: 1px solid #e9e9e9;
background-color: #fff;
}


/* お問い合わせ --------------------------------------------------- */

#ProductsContact {
border-top: 1px solid #d0d1cc;
}

.ContactList li {
text-align: center;
}

@media only screen and (max-width: 767px) {

	#ProductsContact {
	padding-top: 25px;
	padding-bottom: 35px;
	}

	.ContactList li:nth-child(2) {
	margin-top: 30px;
	padding-top: 20px;
	border-top: 1px solid #d0d1cc;
	}

	.ContactList .Lead1 {
	font-size: 1.8rem;
	line-height: 1.8em;
	}

	.ContactList .BtnTo {
	margin-top: 15px;
	}

}

@media print, screen and (min-width: 768px) {

	.ContactList {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	}

	.ContactList li {
	width: 50%;
	padding: 0 2%;
	}

	.ContactList li:nth-child(2) {
	border-left: 1px solid #d0d1cc;
	}

	.ContactList .Lead1 {
	font-size: 2.2rem;
	line-height: 1.8em;
	}

	.ContactList .BtnTo {
	margin-top: 20px;
	}

	.ContactList .BtnTo a {
	width: 300px;
	}

}

@media print, screen and (min-width: 1090px) {

	.ContactList .BtnTo a {
	width: 340px;
	}

}


/* 関連製品 --------------------------------------------------- */

.RelatedList a {
display: block;
}

.RelatedList .Photo {
border: 1px solid #e9e9e9;
background-color: #fff;
}

.RelatedList .Lead1 {
font-weight: bold;
color: #b91010;
}

.RelatedList .Lead2 {
color: #000;
}

@media only screen and (max-width: 767px) {

	.RelatedList {
	margin-top: 10px;
	}

	.RelatedList li {
	margin-top: 4%;
	}

	.RelatedList .Lead1 {
	margin-top: 10px;
	font-size: 1.7rem;
	line-height: 1.4em;
	}
	
	.RelatedList .Lead2 {
	margin-top: 4px;
	font-size: 1.3rem;
	line-height: 1.6em;
	}

}

@media print, screen and (min-width: 768px) {

	.RelatedList {
	margin-top: 20px;
	}

	.RelatedList li {
	margin-top: 3%;
	}

	.RelatedList .Lead1 {
	margin-top: 15px;
	font-size: 2.2rem;
	line-height: 1.4em;
	}
	
	.RelatedList .Lead2 {
	margin-top: 7px;
	font-size: 1.5rem;
	line-height: 1.8em;
	}

}

@media print, screen and (min-width: 1090px) {

	.RelatedList {
	margin-top: 30px;
	}

}



/* ■ 製品詳細 コンテンツ ==================================================================================== */

@media only screen and (max-width: 767px) {

	.Page_ProductDetailNormal .Table1,
	.Page_ProductDetailNormal .Table2 {
	margin-top: 20px;
	}

}

@media print, screen and (min-width: 768px) {

	.Page_ProductDetailNormal .Table1,
	.Page_ProductDetailNormal .Table2 {
	margin-top: 30px;
	}

}

@media print, screen and (min-width: 1090px) {

}



/* ■ 製品詳細：スペシャル ==================================================================================== */

/*
共通
選ばれる理由
オプションカード 2カラム
次ページへのボタン
変則レイアウト
キービジュアル調整
*/


/* 共通 --------------------------------------------------- */

/* 見出しExtra */
.Page_ProductDetailSpecial .MdsExtra {
text-align: center;
}

.Page_ProductDetailSpecial .MdsExtra span {
display: inline-block;
border-bottom: 1px solid #d5d5d5;
}

@media only screen and (max-width: 767px) {

	.Page_ProductDetailSpecial .SectionMain .Table1 {
	margin-top: 20px;
	}

	.Page_ProductDetailSpecial .SectionMain .ListDisc {
	margin-top: 20px;
	}

	.Page_ProductDetailSpecial .SectionMain .ListKomeS {
	margin-top: 15px;
	}

	.Page_ProductDetailSpecial .SectionMain .BtnTo {
	margin-top: 30px;
	}

	/* 見出しExtra */
	.Page_ProductDetailSpecial .MdsExtra {
	font-size: 3.0rem;
	}

	.Page_ProductDetailSpecial .MdsL {
	font-size: 2.2rem;
	line-height: 1.5em;
	}

	/* フロート */
	.Page_ProductDetailSpecial .SectionWrap .FloatL,
	.Page_ProductDetailSpecial .SectionWrap .FloatR {
	float: none;
	margin: 0;
	margin-bottom: 15px;
	}

	.Page_ProductDetailSpecial .SectionWrap .FloatL,
	.Page_ProductDetailSpecial .SectionWrap .FloatR {
	width: 100% !important;
	}

}

@media print, screen and (min-width: 768px) {

	.Page_ProductDetailSpecial .SectionMain .Table1 {
	margin-top: 20px;
	}

	.Page_ProductDetailSpecial .SectionMain .ListDisc {
	margin-top: 30px;
	}

	.Page_ProductDetailSpecial .SectionMain .ListKomeS {
	margin-top: 15px;
	}

	.Page_ProductDetailSpecial .SectionMain .BtnTo {
	margin-top: 40px;
	}

	/* 見出しExtra */
	.Page_ProductDetailSpecial .MdsExtra {
	font-size: 4.0rem;
	}

	.Page_ProductDetailSpecial .MdsL {
	font-size: 3.2rem;
	}

	/* フロート */
	.Page_ProductDetailSpecial .SectionWrap .FloatL {
	margin-right: 30px;
	}

	.Page_ProductDetailSpecial .SectionWrap .FloatR {
	margin-left: 30px;
	}

}

@media print, screen and (min-width: 1090px) {

}


/* 選ばれる理由 --------------------------------------------------- */

.Page_ProductDetailSpecial .TypeReasons .Num {
font-weight: 400;
}

@media only screen and (max-width: 767px) {

	.Page_ProductDetailSpecial .TypeReasons .Num {
	margin-right: 5px;
	font-size: 3.6rem;
	}

	.Page_ProductDetailSpecial .TypeReasons .LinkTo {
	margin-top: 15px;
	}

}

@media print, screen and (min-width: 768px) {

	.Page_ProductDetailSpecial .TypeReasons .Num {
	margin-right: 15px;
	font-size: 5.0rem;
	}

	.Page_ProductDetailSpecial .TypeReasons .LinkTo {
	margin-top: 20px;
	}

}

@media print, screen and (min-width: 1090px) {

}


/* オプションカード 2カラム --------------------------------------------------- */

.Page_ProductDetailSpecial .OptionsCol .SectionSub {
border-top: 1px solid #d5d5d5;
}

.Page_ProductDetailSpecial .OptionsCol .ListDisc li,
.Page_ProductDetailSpecial .OptionsCol .ListKomeS li {
width: 100%;
margin-left: 0;
}

@media only screen and (max-width: 767px) {

	.Page_ProductDetailSpecial .OptionsCol .SectionSub {
	padding-top: 10px;
	}

}

@media print, screen and (min-width: 768px) {

	.Page_ProductDetailSpecial .OptionsCol .SectionSub {
	padding-top: 20px;
	}

}

@media print, screen and (min-width: 1090px) {

}


/* 次ページへのボタン --------------------------------------------------- */

@media only screen and (max-width: 767px) {

	.Page_ProductDetailSpecial .ToNext {
	margin-top: 15px;
	}

	.Page_ProductDetailSpecial .ToNext a {
	width: 240px;
	}

}

@media print, screen and (min-width: 768px) {

	.Page_ProductDetailSpecial .ToNext {
	margin-top: 30px;
	}

	.Page_ProductDetailSpecial .ToNext a {
	width: 240px;
	}

}

@media print, screen and (min-width: 1090px) {

}


/* 変則レイアウト --------------------------------------------------- */

@media only screen and (max-width: 767px) {

}

@media print, screen and (min-width: 768px) {

	/* 変則レイアウト1 */
	.Page_ProductDetailSpecial .ExtraLayout1 .RBox {
	width: 45%;
	padding-right: 5%;
	}

	.Page_ProductDetailSpecial .ExtraLayout1 .RBox .Lead {
	margin-top: 0;
	}

}

@media print, screen and (min-width: 1090px) {

}


/* キービジュアル調整 --------------------------------------------------- */

@media only screen and (max-width: 767px) {

}

@media print, screen and (min-width: 768px) {

	.Page_ProductDetailSpecial #ProductsKeyVisual .PhotoS img {
	width: 85%;
	}

}

@media print, screen and (min-width: 1090px) {

}



/* ■ 製品紹介動画 ==================================================================================== */

.Page_Movie .SectionMainIn {
border-top: 1px solid #e9e9e9;
}

.Page_Movie .MovieThumb {
border: 1px solid #e9e9e9;
}

.MovieListClose {
display: none;
}

/* Tutorial */
.MovieTutorialWrap {
border: 1px solid #d0d1cc;
}

.MovieTutorialWrap .MovieTutorialName {
display: block;
position: relative;
color: #000;
}

.MovieTutorialWrap .MovieTutorialName.Current {
background: #f6f6f6;
}

/* プラスマイナス アイコン */
.MovieTutorialWrap .MovieTutorialName:before,
.MovieTutorialWrap .MovieTutorialName:after {
display: block;
position: absolute;
top: 50%;
height: 1px;
background: #000;
content: "";
}

.MovieTutorialWrap .MovieTutorialName:after {
transform: rotate(90deg);
}

.MovieTutorialWrap .MovieTutorialName.Current:after {
display: none;
}

/* ポップアップ */
.MovieUnit .mfp-close {
position: absolute;
font-size: 4.0rem;
}

@media only screen and (max-width: 767px) {

	.Page_Movie .SectionMainIn {
	padding-top: 20px;
	}

	.MovieList li {
	margin-top: 15px;
	}

	.MovieList .Mds {
	margin-top: 5px;
	font-size: 1.3rem;
	line-height: 1.5em;
	}

	/* Tutorial */
	.MovieTutorial .MdsH2In {
	margin-bottom: 15px;
	}

	.MovieTutorialWrap {
	margin-top: 10px;
	border: 1px solid #d0d1cc;
	}

	.MovieTutorialWrap .MovieTutorialName {
	line-height: 1.5em;
	padding: 8px 45px 10px 15px;
	}

	.MovieTutorialWrap .MovieListClose {
	padding: 0 15px 15px 15px;;
	}

	/* プラスマイナス アイコン */
	.MovieTutorialWrap .MovieTutorialName:before,
	.MovieTutorialWrap .MovieTutorialName:after {
	right: 15px;
	width: 15px;
	}

	/* ポップアップ */
	.MovieUnit .mfp-close {
	top: -40px;
	right: 0;
	}

}

@media print, screen and (min-width: 768px) {

	.Page_Movie .SectionMainIn {
	padding-top: 20px;
	}

	.MovieList {
	margin-top: 10px;
	}

	.MovieList li {
	margin-top: 25px;
	}

	.MovieList .Mds {
	margin-top: 10px;
	font-size: 1.5rem;
	line-height: 1.5em;
	}

	/* Tutorial */
	.MovieTutorial .MdsH2In {
	margin-bottom: 20px;
	}

	.MovieTutorialWrap {
	margin-top: 10px;
	border: 1px solid #d0d1cc;
	}

	.MovieTutorialWrap .MovieTutorialName {
	font-size: 1.8rem;
	padding: 20px 30px;
	}

	.MovieTutorialWrap .MovieListClose {
	padding: 0 30px 20px 30px;
	}

	/* プラスマイナス アイコン */
	.MovieTutorialWrap .MovieTutorialName:before,
	.MovieTutorialWrap .MovieTutorialName:after {
	right: 20px;
	width: 20px;
	}

	/* ポップアップ */
	.MovieUnit {
	max-width: 90%;
	margin: 0 auto;
	}

	.MovieUnit .mfp-close {
	top: -40px;
	right: 5%;
	font-size: 4.0rem;
	}

}

@media print, screen and (min-width: 1090px) {

	/* Tutorial */
	.MovieTutorialWrap .MovieTutorialName:hover {
	background: #f6f6f6;
	opacity: 1;
	}

	/* ポップアップ */
	.MovieUnit {
	max-width: 70%;
	margin: 0 auto;
	}

	.MovieUnit .mfp-close {
	top: -40px;
	right: 15%;
	}

}

.Page_Movie .Wrap:nth-of-type(2) .SectionMainIn {
padding-top: 0;
border-top: none;
}



/* ■ サポート：よくあるご質問 ==================================================================================== */



/* ■ サポート：Warranty Policy（英語版のみ） ==================================================================================== */

@media only screen and (max-width: 767px) {

	.Page_SupportWarranty .Outline .MdsH2In {
	margin-bottom: 20px;
	}

	.Page_SupportWarranty .Outline .Lead,
	.Page_SupportWarranty .Outline .ListNum {
	margin-top: 15px;
	}

}

@media print, screen and (min-width: 768px) {

	.Page_SupportWarranty .Outline .MdsH2In {
	margin-bottom: 40px;
	text-align: center;
	}

	.Page_SupportWarranty .Outline .Lead,
	.Page_SupportWarranty .Outline .ListNum {
	margin-top: 20px;
	}

}

@media print, screen and (min-width: 1090px) {

}



/* ■ ニュース一覧 ==================================================================================== */

.NewsList .NewsListEach {
display: flex;
flex-wrap: wrap;
position: relative;
color: #000;
}

/* 矢印 アイコン */
.NewsListEach:before,
.NewsListEach:after {
display: block;
position: absolute;
top: 50%;
height: 1px;
background: #000;
content: "";
}

.NewsListEach:before {
right: 14px;
width: 8px;
margin-top: -3px;
transform: rotate(45deg);
}

.NewsListEach:after {
right: 15px;
width: 18px;
}

/* スタイル */
.NewsList li {
border-bottom: 1px solid #d5d5d5;
}

.NewsList .Photo img {
border: 1px solid #e9e9e9;
}

.NewsList .Cate,
.NewsList .Date {
display: inline-block;
line-height: 1.0em;
vertical-align: middle;
}

.NewsList .Cate {
border-radius: 50px;
text-align: center;
background: #e6e6e6;
}

.NewsList .Date {
color: #969696;
}

@media only screen and (max-width: 767px) {

	.NewsList {
	padding-top: 15px;
	}

	.NewsListEach {
	padding: 15px 50px 15px 0;
	}

	.NewsList .Photo {
	width: 30%;
	}

	.NewsList .LeadUnit {
	width: 70%;
	padding-left: 15px;
	}

	/* スタイル */
	.NewsList .Cate {
	width: 100px;
	margin-right: 10px;
	padding: 5px 0;
	font-size: 1.1rem;
	}

	.NewsList .Date {
	padding: 5px 0;
	font-size: 1.1rem;
	}

	.NewsList .Lead2 {
	margin-top: 5px;
	font-size: 1.3rem;
	line-height: 1.8em;
	}

}

@media print, screen and (min-width: 768px) {

	.NewsList {
	padding-top: 30px;
	}

	.NewsListEach {
	padding: 20px 50px 20px 0;
	}
	
	.NewsList .Photo {
	width: 20%;
	}

	.NewsList .LeadUnit {
	width: 80%;
	padding-left: 20px;
	}

	/* スタイル */
	.NewsList .Cate {
	width: 120px;
	padding: 5px 0;
	font-size: 1.3rem;
	}

	.NewsList .Date {
	margin-left: 10px;
	padding: 5px 0;
	font-size: 1.3rem;
	}

	.NewsList .Lead2 {
	margin-top: 10px;
	line-height: 1.8em;
	}

}

@media print, screen and (min-width: 1090px) {

}



/* ■ ニュースリリース詳細（WP） ==================================================================================== */

/* 日付 */
#NewsDetail .NewsDetailDate {
}

/* セクション */
#NewsDetail .SectionNewsDetail {
content: ""; 
display: block; 
clear: both;
}

/* 写真 */
#NewsDetail .SectionNewsDetail .FloatL img,
#NewsDetail .SectionNewsDetail .FloatR img {
margin-bottom: 10px;
}

#NewsDetail .SectionNewsDetail .Caption {
display: inline-block;
margin-bottom: 20px;
font-size: 1.4rem;
line-height: 1.8em;
}

@media only screen and (max-width: 767px) {

	/* メインリード */
	#NewsDetail .LeadMain {
	font-size: 1.8rem;
	line-height: 1.8em;
	}

	/* 日付 */
	#NewsDetail .NewsDetailDate {
	margin-top: 20px;
	font-size: 1.4rem;
	line-height: 1.8em;
	}

	/* セクション */
	#NewsDetail .SectionNewsDetail {
	margin-top: 30px;
	}

	/* 見出し */
	#NewsDetail .SectionNewsDetail h2 {
	font-size: 2.0rem;
	line-height: 1.6em;
	}

	#NewsDetail .SectionNewsDetail h3 {
	padding-bottom: 12px;
	font-size: 1.6rem;
	border-bottom: 1px solid #d5d5d5;
	}

	/* 本文 */
	#NewsDetail .SectionNewsDetail p,
	#NewsDetail .SectionNewsDetail .ListDisc {
	margin-top: 20px;
	}

	/* 写真：フロート */
	#NewsDetail .SectionNewsDetail .FloatL,
	#NewsDetail .SectionNewsDetail .FloatR {
	float: none;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	}

	/* お問い合わせ欄 */
	#NewsDetail .ContactBox {
	margin-top: 40px;
	}

}

@media print, screen and (min-width: 768px) {

	/* メインリード */
	#NewsDetail .LeadMain {
	font-size: 2.0rem;
	line-height: 1.8em;
	}

	/* 日付 */
	#NewsDetail .NewsDetailDate {
	margin-top: 40px;
	font-size: 1.5rem;
	line-height: 1.8em;
	}

	/* セクション */
	#NewsDetail .SectionNewsDetail {
	margin-top: 50px;
	}

	#NewsDetail .SectionNewsDetail h2 {
	font-size: 2.4rem;
	}

	#NewsDetail .SectionNewsDetail h3 {
	padding-bottom: 15px;
	font-size: 1.8rem;
	border-bottom: 1px solid #d5d5d5;
	}

	/* 本文 */
	#NewsDetail .SectionNewsDetail p,
	#NewsDetail .SectionNewsDetail .ListDisc {
	margin-top: 25px;
	}

	/* 写真：フロート */
	#NewsDetail .SectionNewsDetail .FloatL,
	#NewsDetail .SectionNewsDetail .FloatR {
	width: 40%;
	}

	#NewsDetail .SectionNewsDetail .PhotoS.FloatL,
	#NewsDetail .SectionNewsDetail .PhotoS.FloatR {
	width: 25%;
	}

	/* お問い合わせ欄 */
	#NewsDetail .ContactBox {
	margin-top: 80px;
	}

}

@media print, screen and (min-width: 1090px) {

}



/* ■ ニュース一覧：テキスト ==================================================================================== */

.NewsListTxt .MdsH2In {
border-bottom: 1px solid #d5d5d5;
}

@media only screen and (max-width: 767px) {

	.NewsListTxt {
	margin-top: 30px;
	}

	.NewsListTxt .MdsH2In {
	margin-bottom: 10px;
	padding-bottom: 10px;
	}

	.NewsListTxt dl,
	.NewsListTxt dt,
	.NewsListTxt dd {
	display: block;
	margin: 0;
	padding: 0;
	}

	.NewsListTxt dl {
	padding: 10px 0;
	}

	.NewsListTxt dt {
	padding-bottom: 5px;
	font-size: 1.4rem;
	}

	.NewsListTxt dd {
	line-height: 1.7em;
	}

}

@media print, screen and (min-width: 768px) {

	.NewsListTxt {
	margin-top: 50px;
	}

	.NewsListTxt .MdsH2In {
	margin-bottom: 15px;
	padding-bottom: 10px;
	}

	.NewsListTxt dt {
	width: 130px;
	}

}

@media print, screen and (min-width: 1090px) {

	.NewsListTxt dt {
	width: 140px;
	}

}



/* ■ 展示会情報 ==================================================================================== */

@media only screen and (max-width: 767px) {

	.EventsList {
	margin-top: 40px;
	}

	.EventsListEach {
	margin-top: 10px;
	}

	.EventsListEach .DLHori {
	margin-top: 15px;
	}

	.EventsListEach dt {
	width: 130px;
	}

}

@media print, screen and (min-width: 768px) {

	.EventsList {
	margin-top: 60px;
	}

	.EventsList .MdsH2In {
	padding-bottom: 15px;
	border-bottom: 1px solid #d5d5d5;
	}

	.EventsListEach {
	display: flex;
	flex-wrap: wrap;
	margin-top: 30px;
	}

	.EventsListEach .Photo {
	width: 25%;
	}

	.EventsListEach .DLHori {
	width: 75%;
	padding-left: 30px;
	}

	.EventsListEach dt {
	width: 130px;
	}

}

@media print, screen and (min-width: 1090px) {

}



/* ■ Where to Buy：TOP ==================================================================================== */

.Page_ResellersTop .MdsOffices {
font-weight: 400;
}

.Page_ResellersTop .MdsDealers {
line-height: 1.0em;
font-weight: 700;
background: #f6f6f6;
}

/* ドロップダウン */
.Page_ResellersTop .AreaSelect .Level2 {
display: none;
}

@media only screen and (max-width: 767px) {

	.Page_ResellersTop .KeyVisual {
	margin-top: 20px;
	}

	.Page_ResellersTop .LeadMain {
	margin-top: 15px;
	}

	.Page_ResellersTop .AreaSelect {
	margin-top: 15px;
	}

	.Page_ResellersTop .MdsOffices {
	font-size: 3.0rem;
	}

	.Page_ResellersTop .MdsDealers {
	margin-top: 30px;
	padding: 10px 15px;
	font-size: 2.0rem;
	}

	/* ドロップダウン */
	.Page_ResellersTop .AreaSelect #Level1,
	.Page_ResellersTop .AreaSelect .Level2 {
	width: 100%;
	}

	.Page_ResellersTop .AreaSelect .Level2 {
	margin-top: 10px;
	}

}

@media print, screen and (min-width: 768px) {

	.Page_ResellersTop .KeyVisual {
	margin-top: 20px;
	}

	.Page_ResellersTop .AreaSelect {
	margin-top: 30px;
	}

	.Page_ResellersTop .MdsOffices {
	font-size: 3.4rem;
	}

	.Page_ResellersTop .MdsDealers {
	margin-top: 50px;
	margin-bottom: 20px;
	padding: 10px 15px;
	font-size: 2.2rem;
	}

	/* ドロップダウン */
	.Page_ResellersTop .AreaSelect #Level1 {
	margin-right: 10px;
	}
	
}

@media print, screen and (min-width: 1090px) {

}




/* ■ Where to Buy：詳細 ==================================================================================== */

.Page_ResellersDetail .OfficeList .SectionSubIn:nth-of-type(1) {
padding-top: 0;
border-top: none;
}

.Page_ResellersDetail .MdsDealer {
line-height: 1.0em;
font-weight: 700;
background: #f6f6f6;
}

.Page_ResellersDetail .Dealerlist .MdsH2In {
font-weight: 400;
}

/* 国・州リスト */
.Page_ResellersDetail .StatesList li {
display: inline-block;
margin-right: 5px;
}

.Page_ResellersDetail .StatesList li:after {
content: ",";
}

.Page_ResellersDetail .StatesList li:last-child:after {
content: "";
}

@media only screen and (max-width: 767px) {

	.Page_ResellersDetail .MdsDealer {
	margin-top: 30px;
	padding: 10px 15px;
	font-size: 2.0rem;
	}

	.Page_ResellersDetail .Dealerlist .MdsH2In {
	font-size: 3.0rem;
	}

	/* 国・州リスト */
	.Page_ResellersDetail .StatesList {
	margin-top: 15px;
	}

}

@media print, screen and (min-width: 768px) {

	.Page_ResellersDetail .MdsDealer {
	margin-top: 50px;
	padding: 10px 15px;
	font-size: 2.2rem;
	}

	.Page_ResellersDetail .Dealerlist .MdsH2In {
	font-size: 3.4rem;
	}

	/* 国・州リスト */
	.Page_ResellersDetail .StatesList {
	margin-top: 20px;
	}

}

@media print, screen and (min-width: 1090px) {

}



/* ■ 活用事例：一覧 ==================================================================================== */

.CaseListEach {
display: table;
width: 100%;
border-bottom: 1px solid #d0d1cc;
}

.CaseListEach .Photo,
.CaseListEach .LeadUnit {
display: table-cell;
vertical-align: top;
}

.CaseListEach .Photo img {
border: 1px solid #d0d1cc;
}

.CaseListEach a {
display: block;
position: relative;
color: #000;
}

.CaseListEach a:before,
.CaseListEach a:after {
display: block;
position: absolute;
top: 50%;
height: 1px;
background: #000;
content: "";
}

.CaseListEach a:before {
right: 14px;
width: 8px;
margin-top: -3px;
transform: rotate(45deg);
}

.CaseListEach a:after {
right: 15px;
width: 18px;
}

/* PDF */
.CaseListEach.PDF a:before,
.CaseListEach.PDF a:after {
display: none;
}

.CaseListEach.PDF a {
background: url(../images/icon_pdf.png) no-repeat;
background-position: 98% 50%;
background-size: 24px auto;
}

@media only screen and (max-width: 767px) {

	.CaseList {
	margin-top: 20px;
	}

	.CaseListEach {
	margin-bottom: 15px;
	padding-bottom: 15px;
	}

	.CaseListEach .Photo {
	width: 27%;
	padding-top: 5px;
	}

	.CaseListEach .LeadUnit {
	width: 73%;
	padding-left: 4%;
	padding-right: 50px;
	}

	.CaseListEach .Lead1 {
	font-size: 1.1rem;
	}

	.CaseListEach .Lead2 {
	font-size: 1.8rem;
	line-height: 1.4em;
	}

	.CaseListEach .Lead3 {
	margin-top: 5px;
	font-size: 1.3rem;
	line-height: 1.6em;
	}

}

@media print, screen and (min-width: 768px) {

	.CaseList {
	margin-top: 30px;
	}

	.CaseListEach {
	margin-bottom: 20px;
	padding-bottom: 20px;
	}

	.CaseListEach .Photo {
	width: 18.5%;
	}

	.CaseListEach .LeadUnit {
	width: 81.5%;
	padding-left: 3%;
	padding-right: 100px;
	}

	.CaseListEach .Lead1 {
	font-size: 1.3rem;
	line-height: 1.0em;
	}

	.CaseListEach .Lead2 {
	margin-top: 5px;
	font-size: 2.0rem;
	line-height: 1.4em;
	}

	.CaseListEach .Lead3 {
	margin-top: 5px;
	font-size: 1.5rem;
	line-height: 1.6em;
	}

}

@media print, screen and (min-width: 1090px) {

	.CaseList {
	margin-top: 60px;
	}

	.CaseListEach {
	margin-bottom: 30px;
	padding-bottom: 30px;
	}

}



/* ■ 活用事例：TOP ==================================================================================== */



/* ■ 活用事例：詳細 ==================================================================================== */

.ShowcaseDetail .SectionSubIn.NoBorder {
padding-top: 0;
}

.ShowcaseDetail .Caption {
display: inline-block;
margin-top: 10px;
font-size: 1.4rem;
line-height: 1.8em;
}

.ShowcaseDetail .CreditUnit .SectionSubIn:nth-of-type(1) {
margin-top: 0;
padding-top: 0;
border: 0;
}

/* 活用事例一覧 */
.ShowcaseDetail .IndexShowcase .MdsH2In {
border-bottom: 1px solid #ccc;
}

@media only screen and (max-width: 767px) {

	.Page_ShowcaseDetail .PageTitle .MdsH1 {
	margin-bottom: 10%;
	}

	.ShowcaseDetail .Wrap {
	padding-top: 8%;
	padding-bottom: 8%;
	}

	.ShowcaseDetail .Wrap.Customer {
	margin-top: -1%;
	padding-top: 0;
	}

	.ShowcaseDetail .SectionMainIn {
	margin-top: 8%;
	}

	.ShowcaseDetail .Lead,
	.ShowcaseDetail .ListDisc,
	.ShowcaseDetail .ListKomeS {
	margin-top: 15px;
	}

	.ShowcaseDetail .Photo.FloatL,
	.ShowcaseDetail .Photo.FloatR {
	float: none;
	margin: 0;
	}

	.ShowcaseDetail .Photo.PhotoS.FloatL,
	.ShowcaseDetail .Photo.PhotoS.FloatR {
	margin-top: 15px;
	padding: 0 15%;
	}

	.ShowcaseDetail .Photo {
	margin-top: 15px;
	}

	/* PDFリンク */
	.ShowcaseDetail .LinkToPDF {
	margin-top: 30px;
	}

	/* 主な機材構成 */
	.ShowcaseDetail .EquipmentUnit .MdsH4In {
	margin-top: 15px;
	}

	/* 声 */
	.ShowcaseDetail .VoiceUnit .Lead1 {
	margin-top: 10px;
	font-size: 1.7rem;
	}

	.ShowcaseDetail .VoiceUnit .Lead2 {
	margin-top: 10px;
	font-size: 1.4rem;
	}

	/* 活用事例一覧 */
	.ShowcaseDetail .IndexShowcase {
	margin-top: 40px;
	}

	.ShowcaseDetail .IndexShowcase .MdsH2In {
	padding-bottom: 15px;
	}

	.ShowcaseDetail .IndexShowcase .CaseList {
	margin-top: 20px;
	}

}

@media print, screen and (min-width: 768px) {

	.Page_ShowcaseDetail .PageTitle .MdsH1 {
	margin-top: 5px;
	margin-bottom: 6%;
	line-height: 1.2em;
	}

	.ShowcaseDetail .Wrap {
	padding-top: 4%;
	padding-bottom: 4%;
	}

	.ShowcaseDetail .Wrap.Customer {
	margin-top: -1%;
	padding-top: 0;
	}

	.ShowcaseDetail .SectionMainIn {
	margin-top: 4%;
	}

	.ShowcaseDetail .Lead,
	.ShowcaseDetail .ListDisc,
	.ShowcaseDetail .ListKomeS,
	.ShowcaseDetail .Photo {
	margin-top: 20px;
	}

	.ShowcaseDetail .Photo.FloatL,
	.ShowcaseDetail .Photo.FloatR {
	width: 45%;
	}

	.ShowcaseDetail .Photo.PhotoS.FloatL,
	.ShowcaseDetail .Photo.PhotoS.FloatR {
	width: 35%;
	}

	.ShowcaseDetail .Photo.FloatR {
	padding-left: 30px;
	}

	/* PDFリンク */
	.ShowcaseDetail .LinkToPDF {
	margin-top: 50px;
	}

	/* 主な機材構成 */
	.ShowcaseDetail .EquipmentUnit .MdsH4In {
	margin-top: 30px;
	}

	/* 声 */
	.ShowcaseDetail .VoiceUnit {
	margin-top: 4% !important;
	padding: 30px;
	}

	.ShowcaseDetail .VoiceUnit .Photo {
	width: 30%;
	margin-top: 0;
	margin-bottom: 0;
	}

	.ShowcaseDetail .VoiceUnit .Lead1 {
	font-size: 1.8rem;
	}

	.ShowcaseDetail .VoiceUnit .Lead2 {
	margin-top: 10px;
	}

	/* 活用事例一覧 */
	.ShowcaseDetail .IndexShowcase .MdsH2In {
	padding-bottom: 30px;
	}

	.ShowcaseDetail .IndexShowcase .CaseList {
	margin-top: 30px;
	}

}

@media print, screen and (min-width: 1090px) {

}

.ShowcaseDetail .SectionMainIn:nth-of-type(1) {
margin-top: 0;
}



/* ■ 会社情報：ごあいさつ ==================================================================================== */

.Page_CorporateMessage .MessageUnit .Catch1 {
font-weight: 700;
}


@media only screen and (max-width: 767px) {

	.Page_CorporateMessage .MessageUnit {
	margin-top: 20px;
	}

	.Page_CorporateMessage .MessageUnit .Catch1 {
	line-height: 1.6em;
	}

	.Page_CorporateMessage .MessageUnit .Catch2 {
	margin-top: 10px;
	font-size: 2.0rem;
	line-height: 1.5em;
	}

	.Page_CorporateMessage .MessageUnit .Lead {
	margin-top: 15px;
	}

	.Page_CorporateMessage .PhotoUnit {
	margin-top: 20px;
	}

	.Page_CorporateMessage .MessageUnit .Caption {
	margin-top: 10px;
	font-size: 1.3rem;
	line-height: 1.8em;
	}

	/* ロゴマークに込めた想い */
	.Page_CorporateMessage .LogoUnit {
	margin-top: 40px;
	}

	.Page_CorporateMessage .LogoUnit .Photo.FloatL {
	float: none;
	margin: 0;
	text-align: center;
	}

	.Page_CorporateMessage .LogoUnit .Photo.FloatL img {
	width: 200px;
	}

	.Page_CorporateMessage .LogoUnit .Lead {
	margin-top: 15px;
	}

	/* テーマに込めた想い */
	.Page_CorporateMessage .ThemeUnit {
	margin-top: 40px;
	}

	.Page_CorporateMessage .ThemeUnit .Lead {
	margin-top: 15px;
	}

	/* 朋栄のあゆみ */
	.Page_CorporateMessage .HistoryUnit {
	margin-top: 50px;
	}

	.Page_CorporateMessage .HistoryUnit .MdsH2In {
	margin-bottom: 20px;
	padding: 6px 15px;
	}

}

@media print, screen and (min-width: 768px) {

	.Page_CorporateMessage .MessageUnit {
	margin-top: 40px;
	}

	.Page_CorporateMessage .MessageUnit .Catch1 {
	font-size: 1.8rem;
	line-height: 1.4em;
	}

	.Page_CorporateMessage .MessageUnit .Catch2 {
	margin-top: 10px;
	font-size: 2.6rem;
	line-height: 1.4em;
	}

	.Page_CorporateMessage .MessageUnit .Lead {
	margin-top: 20px;
	}

	.Page_CorporateMessage .MessageUnit .LBox {
	width: 60%;
	}

	.Page_CorporateMessage .MessageUnit .RBox {
	width: 35%;
	}

	.Page_CorporateMessage .MessageUnit .Caption {
	margin-top: 10px;
	font-size: 1.3rem;
	line-height: 1.8em;
	}

	/* ロゴマークに込めた想い */
	.Page_CorporateMessage .LogoUnit {
	margin-top: 70px;
	}

	.Page_CorporateMessage .LogoUnit .Photo {
	width: 20%;
	margin-right: 30px;
	}

	/* テーマに込めた想い */
	.Page_CorporateMessage .ThemeUnit {
	margin-top: 70px;
	}

	.Page_CorporateMessage .ThemeUnit .Photo {
	width: 50%;
	}

	.Page_CorporateMessage .ThemeUnit .Lead {
	margin-top: 20px;
	}

	/* 朋栄のあゆみ */
	.Page_CorporateMessage .HistoryUnit {
	margin-top: 70px;
	}

	.Page_CorporateMessage .HistoryUnit .MdsH2In {
	margin-bottom: 30px;
	padding: 6px 15px;
	}

}

@media print, screen and (min-width: 1090px) {

}



/* ■ 会社情報：会社概要 ==================================================================================== */

.Page_CorporateProfile .LinkTo {
margin-top: 10px;
}

/* 役員 */
.Page_CorporateProfile .ExectivesEach {
display: flex;
flex-wrap: wrap;
}

.Page_CorporateProfile .ExectivesEach span {
display: block;
}

@media only screen and (max-width: 767px) {

	.Page_CorporateProfile .DefList dl,
	.Page_CorporateProfile .DefList dt,
	.Page_CorporateProfile .DefList dd {
	display: block;
	}

	.Page_CorporateProfile .DefList dl {
	margin-bottom: 15px;
	padding-bottom: 15px;
	}

	.Page_CorporateProfile .DefList dt,
	.Page_CorporateProfile .DefList dd {
	width: 100%;
	margin: 0;
	padding: 0;
	}

	.Page_CorporateProfile .DefList dt {
	font-size: 1.7rem;
	}

	/* 役員 */
	.Page_CorporateProfile .Exectives .Lead1 {
	width: 45%;
	}

	.Page_CorporateProfile .Exectives .Lead2 {
	width: 55%;
	}

}

@media print, screen and (min-width: 768px) {

	.Page_CorporateProfile .DefList dt {
	width: 20%;
	}

	.Page_CorporateProfile .DefList dd {
	width: 80%;
	padding-left: 20px;
	}

	/* 役員 */
	.Page_CorporateProfile .Exectives .Lead1 {
	width: 30%;
	}

	.Page_CorporateProfile .Exectives .Lead2 {
	width: 70%;
	}

}

@media print, screen and (min-width: 1090px) {

	.Page_CorporateProfile .DefList dt {
	width: 18%;
	}

	.Page_CorporateProfile .DefList dd {
	width: 82%;
	}

	/* 役員 */
	.Page_CorporateProfile .Exectives .Lead1 {
	width: 20%;
	}

	.Page_CorporateProfile .Exectives .Lead2 {
	width: 80%;
	}

}



/* ■ 会社情報：事業体制 ==================================================================================== */

.Page_CorporateOverview .Allow {
background: url(../images/texture_allowbelow.png) no-repeat;
background-position: 50% 100%;
}

@media only screen and (max-width: 767px) {

	.Page_CorporateOverview .InPageNavVers {
	margin-top: 30px;
	}

	.Page_CorporateOverview .SectionMainIn.SectionEach {
	margin-top: 0;
	}

	.Page_CorporateOverview .Allow {
	padding-bottom: 65px;
	background-size: 150px auto;
	}

	.Page_CorporateOverview .SectionSubIn.Box1 {
	margin-top: 15px;
	padding: 15px 15px 30px 15px;
	}

	.Page_CorporateOverview .SectionSubIn.Box1 .Photo.FloatR {
	float: none;
	margin: 0 0 15px 0;
	}

	/* サブユニット */
	.Page_CorporateOverview .SubUnit li {
	margin-top: 20px;
	}

	.Page_CorporateOverview .SubUnit .Lead {
	margin-top: 10px;
	font-size: 1.4rem;
	line-height: 1.8em;
	}

	/* ボタン */
	.Page_CorporateOverview .BtnTo {
	margin-top: 20px;
	}

}

@media print, screen and (min-width: 768px) {

	.Page_CorporateOverview .InPageNavVers {
	margin-top: 50px;
	}

	.Page_CorporateOverview .SectionMainIn.SectionEach {
	margin-top: 0;
	}

	.Page_CorporateOverview .Allow {
	padding-bottom: 80px;
	}

	.Page_CorporateOverview .SectionSubIn.Box1 {
	margin-top: 20px;
	padding: 40px;
	}

	.Page_CorporateOverview .SectionSubIn.Box1 .Photo.FloatR {
	width: 40%;
	margin-left: 45px;
	}

	/* サブユニット */
	.Page_CorporateOverview .SubUnit {
	margin-top: 30px;
	}

	.Page_CorporateOverview .SubUnit.Col2_Col1 .Unit {
	display: table;
	}

	.Page_CorporateOverview .SubUnit.Col2_Col1 .Photo,
	.Page_CorporateOverview .SubUnit.Col2_Col1 .Lead {
	display: table-cell;
	width: 50%;
	vertical-align: top;
	}

	.Page_CorporateOverview .SubUnit.Col2_Col1 .Photo,
	.Page_CorporateOverview .SubUnit.Col2_Col1 .Lead {
	display: table-cell;
	width: 50%;
	vertical-align: top;
	}

	.Page_CorporateOverview .SubUnit.Col2_Col1 .Photo {
	padding-right: 20px;
	}

	.Page_CorporateOverview .SubUnit .Lead {
	font-size: 1.4rem;
	line-height: 1.8em;
	}

	.Page_CorporateOverview .SubUnit.Col3_Col1 .Lead {
	margin-top: 10px;
	}

	/* ボタン */
	.Page_CorporateOverview .BtnTo {
	margin-top: 30px;
	}

}

@media print, screen and (min-width: 1090px) {

}


/* ■ 会社情報：研究開発 ==================================================================================== */

@media only screen and (max-width: 767px) {

	.Page_CorporateOverview_RD .SectionEach {
	margin-top: 40px;
	}

	.Page_CorporateOverview_RD .SectionSubIn {
	margin-top: 15px;
	}

	.Page_CorporateOverview_RD .SectionSubIn .Photo.FloatR {
	float: none;
	margin: 0 0 15px 0;
	}

	.Page_CorporateOverview_RD .Lead2 {
	font-size: 1.5rem;
	line-height: 1.8em;
	}

	/* サブユニット */
	.Page_CorporateOverview_RD .SubUnit {
	margin-top: 15px;
	}

	.Page_CorporateOverview_RD .SubUnitEach {
	margin-top: 20px;
	}

	.Page_CorporateOverview_RD .SubUnitEach:nth-child(1) {
	margin-top: 10px;
	}

	.Page_CorporateOverview_RD .SubUnit .Mds {
	margin-top: 10px;
	font-size: 1.7rem;
	}

	.Page_CorporateOverview_RD .SubUnit .Lead {
	margin-top: 5px;
	font-size: 1.5rem;
	line-height: 1.8em;
	}

	.Page_CorporateOverview_RD .SubUnit .ListDiscS {
	margin-top: 5px;
	}

	/* ボタン */
	.Page_CorporateOverview_RD .BtnTo {
	margin-top: 30px;
	}

}

@media print, screen and (min-width: 768px) {

	.Page_CorporateOverview_RD .SectionMainIn.Box1 {
	padding: 40px;
	}

	.Page_CorporateOverview_RD .SectionEach {
	margin-top: 80px;
	}

	.Page_CorporateOverview_RD .SectionSubIn {
	margin-top: 20px;
	}

	.Page_CorporateOverview_RD .SectionSubIn .Photo.FloatR {
	padding-left: 20px;
	}

	/* サブユニット */
	.Page_CorporateOverview_RD .SubUnit {
	margin-top: 30px;
	}

	.Page_CorporateOverview_RD .SubUnit .Mds {
	margin-top: 15px;
	font-size: 1.8rem;
	}

	.Page_CorporateOverview_RD .SubUnit .Lead {
	margin-top: 10px;
	font-size: 1.5rem;
	line-height: 1.8em;
	}

	.Page_CorporateOverview_RD .SubUnit .ListDiscS {
	margin-top: 10px;
	}

	.Page_CorporateOverview_RD .SubUnit .ListDiscS li {
	width: 100%;
	}

	/* ボタン */
	.Page_CorporateOverview_RD .BtnTo {
	margin-top: 50px;
	}

}

@media print, screen and (min-width: 1090px) {

}



/* ■ 会社情報：システムインテグレーション ==================================================================================== */

@media only screen and (max-width: 767px) {

	.Page_CorporateOverview_SI .SubUnit2 {
	margin-top: 20px;
	}

	.Page_CorporateOverview_SI .Caption {
	margin-top: 10px;
	font-size: 1.4rem;
	line-height: 1.8em;
	}

	/* ボタン */
	.Page_CorporateOverview_SI .BtnTo {
	margin-top: 30px;
	}

}

@media print, screen and (min-width: 768px) {

	.Page_CorporateOverview_SI .SubUnitWrap {
	display: flex;
	flex-wrap: wrap;
	}

	.Page_CorporateOverview_SI .SubUnit1 {
	width: 60%;
	}

	.Page_CorporateOverview_SI .SubUnit2 {
	width: 40%;
	}

	.Page_CorporateOverview_SI .ListDisc {
	margin-top: 20px;
	}

	.Page_CorporateOverview_SI .Caption {
	margin-top: 10px;
	font-size: 1.4rem;
	line-height: 1.8em;
	}

	/* ボタン */
	.Page_CorporateOverview_SI .BtnTo {
	margin-top: 50px;
	}

}

@media print, screen and (min-width: 1090px) {

}




/* ■ 会社情報：国内・海外の拠点 ==================================================================================== */

@media only screen and (max-width: 767px) {

	.Page_CorporateNetwork .InPageNavVers {
	margin-top: 30px;
	}

	.Page_CorporateNetwork .AccessMap {
	margin-top: 8px;
	}

	.Page_CorporateNetwork .Notice {
	margin-top: 10px;
	font-size: 1.4rem;
	line-height: 1.8em;
	}

}

@media print, screen and (min-width: 768px) {

	.Page_CorporateNetwork .InPageNavVers {
	margin-top: 50px;
	}

	.Page_CorporateNetwork .AccessMap {
	margin-top: 8px;
	}

	.Page_CorporateNetwork .Notice {
	margin-top: 10px;
	font-size: 1.5rem;
	line-height: 1.8em;
	}

}

@media print, screen and (min-width: 1090px) {

}



/* ■ 会社情報：環境への取り組み ==================================================================================== */

@media only screen and (max-width: 767px) {

	.Page_CorporateEnvironmental .Photo1 {
	width: 40%;
	margin-left: 10px;
	}

}

@media print, screen and (min-width: 768px) {

	.Page_CorporateEnvironmental .Photo1 {
	width: 25%;
	margin-left: 30px;
	}

}

@media print, screen and (min-width: 1090px) {

}



/* ■ 会社情報：関連会社紹介 ==================================================================================== */

.Page_CorporateAssociated .DefList dl {
border: none;
margin: 0;
padding: 0;
}

@media only screen and (max-width: 767px) {

	.Page_CorporateAssociated .SectionSubIn {
	margin-top: 15px;
	padding-top: 15px;
	}

	.Page_CorporateAssociated .DefList {
	margin-top: 10px;
	font-size: 1.5rem;
	}

	.Page_CorporateAssociated .DefList dt,
	.Page_CorporateAssociated .DefList dd {
	margin: 0;
	padding: 2px 0;
	}

	.Page_CorporateAssociated .DefList dt {
	width: 18%;
	}

	.Page_CorporateAssociated .DefList dd {
	width: 82%;
	}

	.Page_CorporateAssociated .Photo {
	margin-bottom: 0;
	}

}

@media print, screen and (min-width: 768px) {

	.Page_CorporateAssociated .SectionSubIn {
	margin-top: 20px;
	padding-top: 20px;
	}

	.Page_CorporateAssociated .DefList {
	margin-top: 15px;
	}

	.Page_CorporateAssociated .DefList dt,
	.Page_CorporateAssociated .DefList dd {
	margin: 0;
	padding: 4px 0;
	}

	.Page_CorporateAssociated .DefList dt {
	width: 12%;
	}

	.Page_CorporateAssociated .DefList dd {
	width: 88%;
	}

}

@media print, screen and (min-width: 1090px) {

	.Page_CorporateAssociated .DefList dt {
	width: 8%;
	}

	.Page_CorporateAssociated .DefList dd {
	width: 92%;
	}

}



/* ■ 会社情報：朋栄のあゆみ ==================================================================================== */

.Page_CorporateHistory .TimeLine .Photo img {
width: 78px;
border: 1px solid #e9e9e9;
}

.Page_CorporateHistory .TimeLine .DLVert dl:after {
display: block;
content: ""; 
clear: both;
}

/* 製品ヒストリーバナー */
.BnrHistory a {
display: table;
width: 100%;
border: 1px solid #d5d5d5;
color: #000;
}

.BnrHistory a .Photo,
.BnrHistory a .LeadUnit {
display: table-cell;
vertical-align: middle;
}

.BnrHistory a .Lead1 span {
display: inline-block;
text-align: center;
vertical-align: middle;
color: #fff;
background: #000;
}
	
@media only screen and (max-width: 767px) {

	.Page_CorporateHistory .TimeLine {
	margin-top: 20px;
	}

	.Page_CorporateHistory .TimeLine .LBox,
	.Page_CorporateHistory .TimeLine .RBox {
	float: none;
	}

	.Page_CorporateHistory .TimeLine .LBox {
	margin-bottom: 20px;
	}

	.Page_CorporateHistory .TimeLine h2.Mds {
	margin-bottom: 15px;
	font-size: 2.4rem;
	line-height: 1.0em;
	}

	.Page_CorporateHistory .TimeLine .MdsCate {
	margin-bottom: 10px;
	padding: 10px 10px;
	font-size: 1.5rem;
	line-height: 1.0em;
	background: #f3f3f3;
	}

	.Page_CorporateHistory .TimeLine .DLVert dl {
	padding-bottom: 15px
	}

	.Page_CorporateHistory .TimeLine .DLVert dt {
	margin-bottom: 5px;
	padding-top: 5px;
	font-size: 1.4rem;
	line-height: 1.0em;
	}
	
	.Page_CorporateHistory .TimeLine .DLVert dd {
	font-size: 1.4rem;
	line-height: 1.6em;
	}

	.Page_CorporateHistory .TimeLine .DLVert .Photo {
	margin-top: 15px;
	}

	/* 製品ヒストリーバナー */
	.BnrHistory {
	margin-top: 20px;
	}

	.BnrHistory a {
	padding: 15px;
	}
	
	.BnrHistory a .Photo {
	width: 100px;
	}

	.BnrHistory a .LeadUnit {
	padding-left: 15px;
	}
	
	.BnrHistory a .Lead1 {
	font-size: 1.8rem;
	line-height: 1.7em;
	}
	
	.BnrHistory a .Lead1 span {
	display: block;
	width: 80px;
	height: 24px;
	font-size: 1.5rem;
	line-height: 24px;
	}
	
	.BnrHistory a .Lead2 {
	margin-top: 5px;
	font-size: 1.3rem;
	line-height: 1.6em;
	}

}

@media only screen and (max-width: 372px) {

	.BnrHistory a .Photo {
	width: 80px;
	}

	.BnrHistory a .Lead1 span {
	width: 40px;
	height: 28px;
	margin-right: 10px;
	margin-top: -5px;
	font-size: 1.3rem;
	line-height: 28px;
	}

	.BnrHistory a .Lead1 {
	font-size: 1.6rem;
	line-height: 1.7em;
	}

}

@media print, screen and (min-width: 768px) {

	.Page_CorporateHistory .TimeLineWrap {
	position: relative;
	margin-bottom: 60px;
	padding-bottom: 10px;
	background: url(../images/texture_timeline.png) no-repeat center bottom;
	}
	
	.Page_CorporateHistory .TimeLineWrap:before {
	display: block;
	position: absolute;
	left: 50%;
	top: 0;
	width: 10px;
	height: 30px;
	margin-left: -5px;
	background: #fff;
	content: "";
	}
	
	.Page_CorporateHistory .TimeLine {
	position: relative;
	margin-bottom: 30px;
	}
	
	.Page_CorporateHistory .TimeLine h2.Mds {
	position: absolute;
	left: 50%;
	top: -52px;
	width: 70px;
	height: 70px;
	margin-left: -35px;
	border-radius: 50%;
	font-size: 1.8rem;
	line-height: 70px;
	text-align: center;
	background: #f3f3f3;
	}
	
	.Page_CorporateHistory .TimeLine h2.Mds.First {
	top: 15px;
	}
	
	.Page_CorporateHistory .TimeLine .LBox,
	.Page_CorporateHistory .TimeLine .RBox {
	width: 40%;
	}
	
	.Page_CorporateHistory .TimeLine .MdsCate {
	position: relative;
	margin-bottom: 20px;
	font-size: 2.5rem;
	}
	
	.Page_CorporateHistory .TimeLine .MdsCate .BtnTo {
	display: none;
	}
	
	.Page_CorporateHistory .TimeLine .DLVert {
	padding-top: 20px;
	border-top: 1px solid #ccc;
	}
	
	.Page_CorporateHistory .TimeLine .DLVert dl {
	margin: 0;
	margin-bottom: 15px;
	padding: 0;
	border: none;
	}
	
	.Page_CorporateHistory .TimeLine .Product .DLVert dl {
	padding-left: 95px;
	}
	
	.Page_CorporateHistory .TimeLine .DLVert .Photo.FloatL {
	margin-right: 15px;
	}
	
	.Page_CorporateHistory .TimeLine .DLVert dt {
	margin-bottom: 5px;
	padding-top: 5px;
	line-height: 1.0em;
	}
	
	.Page_CorporateHistory .TimeLine .DLVert dd {
	font-size: 1.4rem;
	}
	
	/* 製品ヒストリーバナー */
	.BnrHistory a {
	padding: 20px;
	}
	
	.BnrHistory a .Photo {
	width: 120px;
	}

	.BnrHistory a .LeadUnit {
	padding-left: 20px;
	}
	
	.BnrHistory a .Lead1 {
	font-size: 2.8rem;
	line-height: 1.7em;
	}
	
	.BnrHistory a .Lead1 span {
	width: 90px;
	height: 32px;
	margin-right: 10px;
	margin-top: -5px;
	font-size: 18px;
	line-height: 32px;
	}
	
	.BnrHistory a .Lead2 {
	font-size: 1.6rem;
	line-height: 1.6em;
	}

}

@media print, screen and (min-width: 1090px) {

	.Page_CorporateHistory .TimeLine .LBox,
	.Page_CorporateHistory .TimeLine .RBox {
	width: 42%;
	}

	.Page_CorporateHistory .TimeLine .MdsCate .BtnTo {
	display: block;
	position: absolute;
	top: -4px;
	right: 0;
	}
	
	/* 製品ヒストリーバナー */
	.BnrHistory a .Photo {
	width: 155px;
	}

	.BnrHistory a .LeadUnit {
	padding-left: 30px;
	}

	.BnrHistory a:hover {
	background-color: #ededed;
	opacity: 1;
	}
	
}



/* ■ 会社情報：採用情報（英語版のみ） ==================================================================================== */

.Page_CorporateCareers .Caption {
margin-top: 10px;
font-size: 1.4rem;
line-height: 1.6em;
}

@media only screen and (max-width: 767px) {

	.Page_CorporateCareers .MessageWrap {
	margin-top: 15px;
	}

	.Page_CorporateCareers .Message2 {
	margin-top: 20px;
	text-align: center;
	}

	.Page_CorporateCareers .Message2 .Photo img {
	width: inherit;
	}

	.Page_CorporateCareers .MessageVisual .Lead {
	margin-top: 15px;
	}

}

@media print, screen and (min-width: 768px) {

	.Page_CorporateCareers .MessageWrap {
	display: flex;
	flex-wrap: wrap;
	margin-top: 25px;
	}

	.Page_CorporateCareers .Message1 {
	width: 70%;
	}

	.Page_CorporateCareers .Message2 {
	width: 30%;
	padding-left: 30px;
	}

	.Page_CorporateCareers .MessageVisual .Lead {
	margin-top: 20px;
	}

}

@media print, screen and (min-width: 1090px) {

}



/* ■ 検索結果 ==================================================================================== */

.SearchResultsList li {
border-bottom: 1px solid #d5d5d5;
}

.SearchResultsList .Photo img {
border: 1px solid #e9e9e9;
}

.SearchResultsList .Lead2 {
color: #000;
}

.SearchResultsListEach {
display: flex;
flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {

	.SearchResultsList,
	.SearchResultsZero {
	margin-top: 25px;
	}

	.SearchResultsList li {
	margin-top: 15px;
	padding-bottom: 15px;
	}

	.SearchResultsList .Photo {
	width: 30%;
	}

	.SearchResultsList .LeadUnit {
	width: 70%;
	padding-left: 15px;
	}

	.SearchResultsList .Lead1 {
	line-height: 1.6em;
	}

	.SearchResultsList .Lead2 {
	margin-top: 5px;
	font-size: 1.2rem;
	line-height: 1.6em;
	}

	/* ページネーション */
	.PageNationBtm {
	margin-top: 30px;
	}

	/* 検索結果なし */
	.SearchResultsZero .Mds {
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 1.8rem;
	}

}

@media print, screen and (min-width: 768px) {

	.SearchResultsList,
	.SearchResultsZero {
	margin-top: 30px;
	}

	.SearchResultsList li {
	margin-top: 20px;
	padding-bottom: 20px;
	}

	.SearchResultsListEach {
	align-items: center;
	}

	.SearchResultsList .Photo {
	width: 12%;
	}

	.SearchResultsList .LeadUnit {
	width: 88%;
	padding-left: 20px;
	}

	.SearchResultsList .Lead2 {
	width: 90%;
	margin-top: 5px;
	font-size: 1.5rem;
	line-height: 1.8em;
	}

	/* ページネーション */
	.PageNationBtm {
	margin-top: 40px;
	}

	/* 検索結果なし */
	.SearchResultsZero .Mds {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 1.8rem;
	}

}

@media print, screen and (min-width: 1090px) {

}



/* ■ 検索結果：サジェスト ==================================================================================== */

#suggest {
display: none;
position: absolute;
z-index: 300000;
border: 1px solid #d5d5d5;
background: #fff;
}

#suggest .SearchResultsList {
margin-top: 0;
}

#suggest .SearchResultsList li:last-child {
border-bottom: none;
}

#suggest .SearchResultsList li.select a {
background: #f1f1f1;
}

@media only screen and (max-width: 767px) {

	#suggest {
	left: 0;
	top: 80px;
	max-height: 400px;
	overflow: scroll;
	margin: 0 15px;
	padding: 0 15px 5px 15px;
	}

	#suggest .SearchResultsList li.select a {
	padding: 10px;
	}

	#suggest .SearchResultsList .Lead1 {
	font-size: 1.3rem;
	line-height: 1.6em;
	}

	#suggest .SearchResultsList .Lead2 {
	font-size: 1.1rem;
	}

}

@media print, screen and (min-width: 768px) {

	#suggest {
	top: 50px;
	right: 0;
	width: 500px;
	max-height: 600px;
	overflow: scroll;
	padding: 5px 20px 20px 20px;
	}

	#suggest .SearchResultsList li.select a {
	padding: 10px;
	}

	#suggest .SearchResultsList .Photo {
	width: 20%;
	}

	#suggest .SearchResultsList .LeadUnit {
	width: 80%;
	padding-left: 20px;
	}

	#suggest .SearchResultsList .Lead1 {
	font-size: 1.4rem;
	line-height: 1.6em;
	}

	#suggest .SearchResultsList .Lead2 {
	font-size: 1.2rem;
	}

}

@media print, screen and (min-width: 1090px) {

}



/* ■ よくあるご質問 ==================================================================================== */

.FaqList dt,
.FaqList dd {
margin: 0;
padding: 0;
}

.FaqList .Q a {
display: block;
position: relative;
border: 1px solid #d5d5d5;
color: #000;
}

.FaqList .Q a.Current {
background: #f3f3f3;
}

.FaqList .A {
display: none;
border: 1px solid #d5d5d5;
border-top: none;
}

/* プラスマイナス アイコン */
.FaqList .Q a:before,
.FaqList .Q a:after {
display: block;
position: absolute;
top: 50%;
right: 15px;
width: 15px;
height: 1px;
background: #000;
content: "";
}

.FaqList .Q a:after {
transform: rotate(90deg);
}

.FaqList .Q a.Current:after,
#GlobalNavProducts .Parent a.highlighted:after {
display: none;
}

@media only screen and (max-width: 767px) {

	.FaqList .Q a {
	padding: 15px 50px 15px 15px;
	}

	.FaqList .A {
	padding: 15px;
	}

	.FaqList dl {
	margin-top: 10px;
	}

}

@media print, screen and (min-width: 768px) {

	.FaqList .Q a,
	.FaqList .A {
	padding: 15px 20px;
	}

	.FaqList dl {
	margin-top: 10px;
	}

	/* プラスマイナス アイコン */
	.FaqList .Q a:before,
	.FaqList .Q a:after {
	right: 20px;
	}

}

@media print, screen and (min-width: 1090px) {

}



/* ■ 目次ページ ==================================================================================== */

.IndexPageNav li {
border: 1px solid #d5d5d5;
}

.IndexPageNav a {
display: block;
position: relative;
color: #000;
}

/* 矢印 アイコン */
.IndexPageNav a:before,
.IndexPageNav a:after {
display: block;
position: absolute;
top: 50%;
height: 1px;
background: #000;
content: "";
}

.IndexPageNav a:before {
right: 14px;
width: 8px;
margin-top: -3px;
transform: rotate(45deg);
}

.IndexPageNav a:after {
right: 15px;
width: 18px;
}

@media only screen and (max-width: 767px) {

	.IndexPageNav {
	margin-top: 20px;
	}

	.IndexPageNav a {
	padding: 15px 20px;
	}

}

@media print, screen and (min-width: 768px) {

	.IndexPageNav {
	margin-top: 40px;
	}

	.IndexPageNav a {
	padding: 15px 20px;
	}

}

@media print, screen and (min-width: 1090px) {

	.IndexPageNav a:hover {
	color: #b91010;
	opacity: 1;
	}

}



/* ■ メルマガ登録 ==================================================================================== */

@media only screen and (max-width: 767px) {

	#PageMemberRegist .SignUpCode {
	margin-top: -20px;
	}

}

@media print, screen and (min-width: 768px) {

	#PageMemberRegist .SignUpCode {
	}

}

@media print, screen and (min-width: 1090px) {

}



/* ■ プライバシーポリシー ==================================================================================== */

/* アプトアウトボタン */
.RemoveCookie {
border-top: 1px solid #d5d5d5;
}

.RemoveCookie .BtnM-Disabled {
opacity: 0.2;
}

@media only screen and (max-width: 767px) {

	.PrivacyPolicyUnit .Lead,
	.PrivacyPolicyUnit .ListDisc, 
	.PrivacyPolicyUnit .ListNum {
	margin-top: 15px;
	}

	/* アプトアウトボタン */
	.RemoveCookie {
	margin-top: 40px;
	padding-top: 20px;
	}

	.RemoveCookie li {
	margin-bottom: 10px;
	}

}

@media print, screen and (min-width: 768px) {

	.PrivacyPolicyUnit .SectionMainIn {
	margin-top: 70px;
	}

	.PrivacyPolicyUnit .Lead,
	.PrivacyPolicyUnit .ListDisc, 
	.PrivacyPolicyUnit .ListNum {
	margin-top: 15px;
	}

	/* アプトアウトボタン */
	.RemoveCookie {
	margin-top: 60px;
	padding-top: 30px;
	}

	.RemoveCookie li {
	margin-bottom: 10px;
	}

	.RemoveCookie .BtnM {
	width: 350px;
	}

}

@media print, screen and (min-width: 1090px) {

}



/* ■ 汎用ライブラリー ==================================================================================== */

/*
SmartMenus
Magnific Popup
slick
Cookie Bar
*/


/* SmartMenus --------------------------------------------------- */

/* Mobile first layout SmartMenus Core CSS (it's not recommended editing these rules)
   You need this once per page no matter how many menu trees or different themes you use.
-------------------------------------------------------------------------------------------*/

.sm{box-sizing:border-box;position:relative;z-index:9999;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,.sm a{position:relative;}
.sm a{display:block;}
.sm a.disabled{cursor:default;}
.sm::after{content:"";display:block;height:0;font:0px/0 serif;clear:both;overflow:hidden;}
.sm *,.sm *::before,.sm *::after{box-sizing:inherit;}

/* mega menus */
#main-menu2,
#main-menu2 > .has-mega-menu {
position: static !important;
}

#main-menu2 .mega-menu {
margin-left: 0 !important;
right: 0 !important;
width: auto !important;
max-width: none !important;
}

#main-menu2 > .has-mega-menu .scroll-up,
#main-menu2 > .has-mega-menu .scroll-down {
margin-left: 0 !important;
}

/* clear any floats inside the mega menus */
#main-menu2 .mega-menu > li {
overflow: auto;
}

/* reset mega menu list/link styles (which are inherited from the SmartMenus core/theme styles) */
@media only screen and (max-width: 767px) {

}

@media print, screen and (min-width: 768px) {

	#main-menu2 .mega-menu ul {
	display: block !important;
	}

}

@media print, screen and (min-width: 1090px) {

}


/* Magnific Popup --------------------------------------------------- */

/* 閉じるボタン */
/*
.mfp-close {
display: block;
position: absolute;
top: -20px;
right: -20px;
width: 50px;
height: 50px;
border-radius: 50%;
text-indent: -9999px;
background-color: #000;
background-image: url(../images/icon_close.png);
background-repeat: no-repeat; 
background-position: 50% 50%;
background-size: 20px 20px;
}
*/

@media only screen and (max-width: 767px) {

}

@media print, screen and (min-width: 768px) {

}

@media print, screen and (min-width: 1090px) {

}


/* 親ウインドウの背景（opacityを調整） */
.mfp-bg {
position: fixed;
left: 0;
top: 0;
z-index: 30000;
width: 100%;
height: 100%;
background: #000;
overflow: hidden;
opacity: 0.3;
}

.mfp-wrap {
position: fixed;
left: 0;
top: 0;
z-index: 30001;
width: 100%;
height: 100%;
outline: none !important;
-webkit-backface-visibility: hidden;
}

.mfp-container {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding: 0 8px;
box-sizing: border-box;
text-align: center;
}

/* overlay at start */
.mfp-fade.mfp-bg {
opacity: 0;
transition: all 0.2s ease-out;
}

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
opacity: 0.3;
}

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
transition: all 0.2s ease-out;
}

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
}

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
}


.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
}

.mfp-close:active {
/* top: 1px; */
}

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }


/* slick --------------------------------------------------- */

.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}



/*!
 * Cookie Bar component (https://github.com/kovarp/jquery.cookieBar)
 * Version 1.1.2
 *
 * Copyright 2018 Pavel Kovář - Frontend developer [www.pavelkovar.cz]
 * Licensed under MIT (https://github.com/kovarp/jquery.cookieBar/blob/master/LICENSE)
 */

/* Settings */


/* Cookie Bar styles */
.cookie-bar {
width: 100%;
padding: 20px 0;
border-top: 1px solid #101010;
background: #303030;
}

@media only screen and (max-width: 767px) {

	.cookie-bar {
	padding: 20px 15px;
	}

	.cookie-bar__inner {
	font-size: 1.1rem;
	color: #fff;
	background: #303030;
	}

	.cookie-bar__message p {
	line-height: 1.8em;
	}

}

@media print, screen and (min-width: 768px) {

	.cookie-bar {
	padding: 20px 30px;
	}

	.cookie-bar__inner {
	max-width: 1050px;
	margin: 0 auto;
	font-size: 1.2rem;
	color: #fff;
	background: #303030;
	}

}

.cookie-bar__message center {
margin-bottom: 10px;
font-weight: 700;
}

@media (min-width: 48rem) {
	.cookie-bar__inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	}
}


@media only screen and (max-width: 767px) {

	.cookie-bar__buttons {
	display: block;
	margin-top: 15px;
	text-align: center;
	}

}

@media print, screen and (min-width: 768px) {

	.cookie-bar__buttons {
	width: 400px !important;
	display: block;
	margin-top: .375rem;
	text-align: right;
	}


}

.cookie-bar__btn {
display: inline-block !important;
padding: 7px 15px !important;
border: 1px solid #b91010 !important;
border-radius: 14px !important;
font-size: 12px !important;
line-height: 1.0em !important;
text-align: center !important;
text-decoration: none !important;
color: #fff !important;
background-color: #b91010 !important;
cursor: pointer;
}

@media print, screen and (min-width: 1090px) {

	.cookie-bar__btn:hover {
	color: #b91010 !important;
	background: #fff !important;
	}

}

.cookie-bar__btn:active {
background: #b91010 !important;
}

.cookie-bar a {
color: #fff;
text-decoration: underline;
white-space: nowrap;
}

.cookie-bar a:hover {
}

/* Cookie Bar layouts */
.cookie-bar--bottom-left,
.cookie-bar--bottom-right,
.cookie-bar--bottom {
z-index: 50000;
position: fixed;
}

.cookie-bar--bottom {
right: 0;
bottom: -200px;
left: 0;
}

.cookie-bar--bottom-left {
left: 0.9375rem;
}

.cookie-bar--bottom-right {
right: 0.9375rem;
}

.cookie-bar--bottom-right,
.cookie-bar--bottom-left {
bottom: 0.9375rem;
}

@media (min-width: 48rem) {
	.cookie-bar--bottom-right,
	.cookie-bar--bottom-left {
	width: 22.5rem;
	}
}

@media (min-width: 48rem) {
	.cookie-bar--bottom-right .cookie-bar__inner,
	.cookie-bar--bottom-left .cookie-bar__inner,
	.cookie-bar--bottom-right .cookie-bar__buttons,
	.cookie-bar--bottom-left .cookie-bar__buttons {
	display: block;
	}
}

@media (min-width: 48rem) {
	.cookie-bar--bottom-right .cookie-bar__buttons,
	.cookie-bar--bottom-left .cookie-bar__buttons {
	margin-top: .375rem;
	}
}

.cookie-bar--bottom-right .cookie-bar__inner,
.cookie-bar--bottom-left .cookie-bar__inner {
line-height: 1.3;
}



/* ■ テンプレート移行なし：製品詳細 ==================================================================================== */

.ProductsOlder h2 {
border-bottom: 1px solid #d5d5d5;
}

.ProductsOlder .Lead1 {
font-weight: 700;
}

@media only screen and (max-width: 767px) {

	.ProductsOlder {
	padding: 30px 15px;
	}

	.ProductsOlder img {
	max-width: 300px;
	}

	.ProductsOlder .Lead1 {
	font-size: 1.7rem;
	}

	.ProductsOlder .SectionBasic {
	margin-top: 30px;
	}

	.ProductsOlder h2 {
	margin-bottom: 20px;
	padding-bottom: 20px;
	font-size: 2.5rem;
	line-height: 1.6em;
	}

	.ProductsOlder h3 {
	font-size: 2.0rem;
	}

	.ProductsOlder .Lead {
	margin-bottom: 20px;
	}

	.ProductsOlder .FloatL,
	.ProductsOlder .FloatR {
	float: none;
	margin: 0;
	margin-top: 15px;
	margin-bottom: 15px;
	}

	.ProductsOlder table {
	margin-top: 10px !important;
	margin-bottom: 15px !important;
	}

	.ProductsOlder .LRBox {
	width: 100% !important;
	}

	.ProductsOlder .LBox,
	.ProductsOlder .RBox {
	float: none;
	width: 100% !important;
	}

}

@media print, screen and (min-width: 768px) {

	.ProductsOlder {
	max-width: 1280px;
	margin: 0 auto;
	padding: 80px 30px;
	}

	.ProductsOlder img {
	width: inherit;
	}

	.ProductsOlder .Lead1 {
	font-size: 2.2rem;
	}

	.ProductsOlder .SectionBasic {
	margin-top: 80px;
	}

	.ProductsOlder h2 {
	margin-bottom: 20px;
	padding-bottom: 20px;
	font-size: 4rem;
	}

	.ProductsOlder h3 {
	font-size: 2.6rem;
	}

	.ProductsOlder .Lead {
	margin-bottom: 30px;
	}

}

@media print, screen and (min-width: 1090px) {

}



/* ■ テンプレート移行なし：ニュース詳細 ==================================================================================== */

.NewsReleasesOlder #NewsDetail h1.MdsBase {
display: none;
}

@media only screen and (max-width: 767px) {

	.NewsReleasesOlder #NewsDetail .TitleMain {
	margin-top: 20px;
	}

	.NewsReleasesOlder #NewsDetail .Date {
	margin-top: 15px;
	margin-bottom: 15px;
	}

	.NewsReleasesOlder #NewsDetail .Lead {
	margin-bottom: 30px;
	}

	.NewsReleasesOlder #NewsDetail .FloatR {
	width: 40%;
	}

	.NewsReleasesOlder #NewsDetail .Caption {
	margin: 5px 0 10px 0;
	font-size: 1.1rem;
	line-height: 1.5em;
	}

	.NewsReleasesOlder #NewsDetail .AboutFora {
	margin-top: 50px;
	}

}


@media print, screen and (min-width: 768px) {

	.NewsReleasesOlder #NewsDetail .TitleMain {
	margin-top: 30px;
	}

	.NewsReleasesOlder #NewsDetail .Date {
	margin-top: 30px;
	margin-bottom: 30px;
	}

	.NewsReleasesOlder #NewsDetail .Lead {
	margin-bottom: 30px;
	}

	.NewsReleasesOlder #NewsDetail .FloatR {
	width: 30%;
	}

	.NewsReleasesOlder #NewsDetail .Caption {
	margin: 5px 0 10px 0;
	font-size: 1.1rem;
	line-height: 1.5em;
	}

	.NewsReleasesOlder #NewsDetail .AboutFora {
	margin-top: 50px;
	}

}

@media print, screen and (min-width: 1090px) {

}