@charset "UTF-8";

/*
■ 汎用パーツ
■ カテゴリ検索ツール
■ キーワード検索
■ TOPページ
■ 目次ページ
■ 製品リスト（汎用）
■ カテゴリ一覧ページ
■ 製品一覧ページ
■ 製品詳細ページ
■ スペシャルページ
■ フォーム
■ 汎用ライブラリー
*/



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

/*
タイトルユニット
ステータスアイコン
ニュース
資料一覧
ソフトウェア一覧
A-Zリンク
一覧へ戻るボタン
カテゴリ切り替え
*/


/* タイトルユニット --------------------------------------------------- */

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

	.TitleUnit {
	margin-top: 20px;
	}

	#Contents .TitleUnit h1 {
	margin-top: 0;
	}

}

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

	.TitleUnit {
	padding-top: 20px;
	border-top: 2px solid #2e478a;
	}


	#Contents .TitleUnit h1 {
	padding-top: 0;
	border-top: none;
	}

}

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

}


/* ステータスアイコン --------------------------------------------------- */

.IconS,
.IconL {
display: inline-block;
line-height: 1.0em;
font-weight: 400;
letter-spacing: 0.05em;
text-align: center;
color: #fff;
}

.Icon1 {
background: #d85388;
}

.Icon2 {
background: #e1964b;
}

.Icon3 {
background: #5aae88;
}

.Icon4 {
background: #7993c7;
}

.Icon5 {
background: #7f7f7f;
}

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

	.IconL {
	min-width: 70px;
	margin-bottom: 5px;
	padding: 6px 6px 6px 6px;
	font-size: 1.2rem;
	}

	.IconS {
	min-width: 60px;
	margin-bottom: 5px;
	padding: 4px 6px 4px 6px;
	font-size: 1.1rem;
	}

}

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

	.IconL {
	min-width: 82px;
	margin-bottom: 5px;
	padding: 6px 14px 6px 14px;
	font-size: 2.0rem;
	}

	.IconS {
	min-width: 55px;
	margin-bottom: 5px;
	padding: 6px 6px 6px 6px;
	font-size: 1.3rem;
	}

}

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

}


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

.NewsList .Date {
font-size: 1.3rem;
line-height: 1.0em;
vertical-align: middle;
}

.NewsList dd a {
display: block;
}

.NewsList .NewsDateIcon,
.MdsH1NewDetail .NewsDateIcon {
display: table;
}

.NewsList .NewsDate,
.NewsList .NewsIcon,
.MdsH1NewDetail .NewsDate,
.MdsH1NewDetail .NewsIcon {
display: table-cell;
vertical-align: middle;
}

/* アイコン */
.IconNews {
display: inline-block;
line-height: 1.0em;
letter-spacing: 0.05em;
font-weight: 400;
text-align: center;
color: #fff;
font-family: 'Lato', sans-serif;
}

.IconNews1 {
border: 1px solid #d85388;
color: #d85388;
background: #fff;
}

.IconNews2 {
border: 1px solid #d85388;
background: #d85388;
}

.IconNews3 {
border: 1px solid #6e98ce;
background: #6e98ce;
}

.IconNews4 {
border: 1px solid #eaae1f;
letter-spacing: 0.3em;
background: #eaae1f;
}

.IconNews5 {	
border: 1px solid mediumseagreen;	
background: mediumseagreen;	
}

.MdsH1NewDetail .NewsDate {
font-size: 1.5rem;
font-family: "UD新ゴ R",Sans-Serif;
}

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

	.NewsList .IconNews,
	.MdsH1NewDetail .IconNews {
	margin-left: 7px;
	}

	.NewsList.NewsList3 dl {
	display: block;
	margin-top: 12px;
	padding-bottom: 10px;
	}

	.NewsList.NewsList3 dt,
	.NewsList.NewsList3 dd {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	}

	.NewsList.NewsList3 dd {
	margin-top: 2px;
	}

	.NewsList.NewsList2 .IconNews {
	margin-bottom: 8px;
	}

	.NewsList.NewsList3 .IconNews {
	margin-bottom: 5px;
	}

	.MdsH1NewDetail .NewsIcon {
	padding-bottom: 11px;
	}

	/* アイコン */
	.IconNews {
	width: 74px;
	padding: 3px 0 3px 0;
	font-size: 1.0rem;
	}

}

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

	.NewsList .IconNews,
	.MdsH1NewDetail .IconNews {
	margin-left: 10px;
	}

	.NewsList.NewsList2 dd {
	font-size: 1.6rem;
	}

	.NewsList.NewsList3 dt {
	width: 200px;
	vertical-align: middle;
	}

	.NewsList.NewsList3 dd {
	width: auto;
	vertical-align: middle;
	}

	.NewsList.NewsList2 .NewsIcon {
	padding-bottom: 4px;
	}

	.NewsList.NewsList3 .IconNews {
	display: block;
	margin-left: 12px;
	margin-top: 4px;
	margin-bottom: 4px;
	}

	.MdsH1NewDetail .NewsIcon {
	padding-bottom: 16px;
	}

	/* アイコン */
	.IconNews {
	width: 90px;
	padding: 3px 0 3px 0;
	font-size: 1.2rem;
	}

}

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

	.NewsList.NewsList3 dt {
	width: 210px;
	}

}


/* 資料一覧 --------------------------------------------------- */

.DocsList .ListEach {
border-bottom: 1px solid #d5d5d5;
}

#Contents .DocsList .Lead1 {
margin-top: 0;
}

.DocsList .Lead1 a {
display: block;
}

.DocsList .DocsSize {
margin-left: 10px;
}

/* アイコン */
.IconDocs {
background-repeat: no-repeat;
}

.IconDocs1 {
background-image: url(/img/common/icon/Icon_LinkPDF.png);
}

.IconDocs2 {
background-image: url(/img/common/icon/Icon_LinkZIP.png);
}

.IconDocs3 {
background-image: url(/img/common/icon/Icon_LinkEXE.png);
}

.IconDocs4 {
background-image: url(/img/common/icon/Icon_LinkEXEL.png);
}

.IconDocs5 {
background-image: url(/img/common/icon/Icon_LinkFILE.png);
}

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

	#Contents .DocsListWrap h3 {
	margin-top: 25px;
	}

	.DocsList {
	margin-top: 8px;
	}

	.DocsList .ListEach {
	padding: 10px 0;
	}

	.DocsList .Lead1 a {
	padding: 5px 0 5px 32px;
	}

	#Contents .DocsList .Lead2 {
	margin-top: 0;
	font-size: 1.3rem;
	}

	/* アイコン */
	.IconDocs {
	background-position: 0 7px;
	background-size: 20px 24px;
	}

}

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

	#Contents .DocsListWrap h3 {
	margin-top: 35px;
	}

	.DocsList {
	margin-top: 15px;
	}

	.DocsList .ListEach {
	padding: 15px 0;
	}

	.DocsList .Lead1 a {
	padding: 5px 0 5px 32px;
	font-size: 1.6rem;
	}

	#Contents .DocsList .Lead2 {
	margin-top: 0;
	}

	/* アイコン */
	.IconDocs {
	background-position: 0 3px;
	background-size: 20px 24px;
	}

}

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

	/* アイコン */
	.IconDocs {
	background-position: 0 5px;
	}

}


/* ソフトウェア一覧 --------------------------------------------------- */

.SoftList .ListEach {
border-bottom: 1px solid #d5d5d5;
}

#Contents .SoftList .Lead1 {
margin-top: 0;
font-weight: 700;
font-family: "UD新ゴ DB",Sans-Serif;
}

.SoftList .Lead1 a {
display: block;
}

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

	#Contents .SoftListWrap h3 {
	margin-top: 25px;
	}

	.SoftList {
	margin-top: 3px;
	}

	.SoftList .ListEach {
	padding: 15px 0 20px 0;
	}

	.SoftList .Lead1 a {
	padding: 5px 0 5px 18px;
	}

	.SoftList .Lead1 .LinkFwd:after {
	top: 12.5px;
	}

	#Contents .SoftList .Lead2 {
	margin-top: 0;
	font-size: 1.3rem;
	}

}

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

	#Contents .SoftListWrap h3 {
	margin-top: 35px;
	}

	.SoftList .ListEach {
	padding: 30px 0 30px 0;
	}

	.SoftList .Lead1 a {
	padding: 3px 0 5px 20px;
	font-size: 1.6rem;
	}

	.SoftList .Lead1 .LinkFwd:after {
	top: 10px;
	}

	#Contents .SoftList .Lead2 {
	margin-top: 0;
	}

}

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

	.SoftList .Lead1 .LinkFwd:after {
	top: 11.5px;
	}

}


/* A-Zリンク --------------------------------------------------- */

.SearchByName li {
display: inline-block;
margin-top: 5px;
border: 1px solid #d5d5d5;
}

.SearchByName li a {
display: block;
font-weight: 700;
font-family: "UD新ゴ DB",Sans-Serif;
text-align: center;
}

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

	.SearchByName {
	margin-top: 20px;
	}

	.SearchByName li {
	margin-right: 2px;
	}

	.SearchByName li a {
	min-width: 40px;
	height: 40px;
	padding: 0 10px;
	line-height: 40px;
	}

}

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

	.SearchByName {
	margin-top: 20px;
	}

	.SearchByName li {
	margin-right: 5px;
	}

	.SearchByName li a {
	min-width: 50px;
	height: 50px;
	padding: 0 10px;
	font-size: 1.8rem;
	line-height: 50px;
	}

}

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

}


/* 一覧へ戻るボタン --------------------------------------------------- */

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

	.BtnToList {
	margin-top: 40px;
	}

}

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

	.BtnToList {
	margin-top: 80px;
	padding-top: 40px;
	border-top: 1px solid #d5d5d5;
	}

}

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

}


/* カテゴリ切り替え --------------------------------------------------- */

.CateSwitchList li {
position: relative;
display: inline-block;
}

.CateSwitchList li:after {
position: absolute;
width: 1px;
background: #000;
content: "";
}

.CateSwitchList li:last-child:after {
display: none;
}

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

	.CateSwitchList li {
	margin-right: 12px;
	font-size: 1.5rem;
	}

	.CateSwitchList li:after {
	top: 6px;
	right: -9px;
	height: 14px;
	}

}

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

	.CateSwitchList li {
	margin-right: 12px;
	}

	.CateSwitchList li:after {
	top: 5px;
	right: -9px;
	height: 14px;
	}

}

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

	.CateSwitchList li:after {
	top: 6px;
	height: 16px;
	}

}



/* ■ カテゴリ検索ツール ==================================================================================== */

#SearchBy a {
display: block;
}

#SearchBy .Parent a {
border-top: 2px solid #2e478a;
line-height: 1.0em;
font-weight: 700;
font-family: "UD新ゴ DB",Sans-Serif;
color: #000;
background: #fff url(/img/common/icon/Icon_Search.png) no-repeat;
}

#SearchByMenu {
position: relative;
z-index: 1000;
}

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

}

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

	/* レベル0 */
	#SearchBy .Parent {
	display: block;
	cursor: pointer;
	}

	#SearchBy .Parent a {
	position: relative;
	padding: 18px 15px 18px 30px;
	font-size: 1.6rem;
	background-position: 5px 54%;
	background-size: 18px 18px;
	}

	#SearchBy .Parent a:before,
	#SearchBy .Parent a:after {
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	width: 15px;
	height: 2px;
	background: #2e478a;
	content: "";
	}
	
	#SearchBy .Parent a:after {
	transform: rotate(90deg);
	}
	
	#SearchBy .Parent.Current a:after {
	display: none;
	}
	
	#SearchBy .Parent.Current a {
	}

	/* レベル1 */
	#SearchBy .Level1 {
	display: none;
	margin-bottom: 15px;
	}

	#SearchBy .Level1MenuWrap {
	display: block;
	cursor: pointer;
	}

	#SearchBy .Level1MenuWrap a {
	pointer-events: none;
	}

	#SearchBy .Level1Menu {
	position: relative;
	padding: 13px 15px;
	border-bottom: 1px solid #8394c0;
	font-size: 1.4rem;
	font-weight: 700;
	font-family: "UD新ゴ DB",Sans-Serif;
	color: #2e478a;
	background-color: #e3e7f0;
	}

	#SearchBy .Level1Menu:after {
	display: block;
	position: absolute;
	top: 50%;
	right: 22px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 1px solid #2e478a;
	border-right: 1px solid #2e478a;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: '';
	}

	#SearchBy .HasLevel2 .Level1Menu:before,
	#SearchBy .HasLevel2 .Level1Menu:after {
	display: block;
	position: absolute;
	top: 50%;
	right: 17px;
	width: 15px;
	height: 2px;
	margin-top: 0;
	background: #2e478a;
	content: "";
	}
	
	#SearchBy .HasLevel2 .Level1Menu:after {
	transform: rotate(90deg);
	}
	
	#SearchBy .HasLevel2 .Level1MenuWrap.Current .Level1Menu:after {
	display: none;
	}
	
	/* レベル2 */
	#SearchBy .Level2 {
	display: none;
	}

	#SearchBy .Level2MenuWrap {
	display: block;
	cursor: pointer;
	}

	#SearchBy .Level2MenuWrap a {
	pointer-events: none;
	}

	#SearchBy .Level2Menu {
	position: relative;
	padding: 12px 15px;
	border-bottom: 1px solid #aebad7;
	font-size: 1.4rem;
	color: #2e478a;
	background-color: #f6f7f9;
	}

	#SearchBy .Level2Menu:after {
	display: block;
	position: absolute;
	top: 50%;
	right: 22px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 1px solid #2e478a;
	border-right: 1px solid #2e478a;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: '';
	}

	#SearchBy .Level2MenuWrap.Current .Level2Menu {
	border-bottom: none;
	font-weight: 700;
	font-family: "UD新ゴ DB",Sans-Serif;
	background-color: #ebeff6;
	}

	#SearchBy .HasLevel3 .Level2Menu:before,
	#SearchBy .HasLevel3 .Level2Menu:after {
	display: block;
	position: absolute;
	top: 50%;
	right: 17px;
	width: 15px;
	height: 1px;
	margin-top: 0;
	background: #2e478a;
	content: "";
	}
	
	#SearchBy .HasLevel3 .Level2Menu:after {
	transform: rotate(90deg);
	}
	
	#SearchBy .HasLevel3 .Level2MenuWrap.Current .Level2Menu:after {
	display: none;
	}
	
	/* レベル3 */
	#SearchBy .Level3 {
	display: none;
	}

	#SearchBy .Level3 a {
	position: relative;
	padding: 10px 15px;
	border-bottom: 1px solid #f1f1f1;
	font-size: 1.3rem;
	color: #2e478a;
	background-color: #fff;
	}

}

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

	#SearchByMenu .Level0 {
	float: left;
	width: 48.5%;
	margin-right: 3%;
	background-color: #f4f4f4;
	background-image: url(/img/common/texture/Txt_SelectCategory.png);
	background-repeat: no-repeat;
	background-position: 75% 55%;
	background-size: 400px 23px;
	}

	#SearchByMenu .Level0.NoBgTxt {
	background-image: none;
	}

	#SearchByMenu.OnlyPro .Level0 {
	float: none;
	width: 100%;
	margin-right: 0;
	}

	#SearchByMenu .Level0:last-child {
	margin-right: 0;
	}

	#SearchBy .Parent a {
	height: 70px;
	padding-left: 35px;
	padding-top: 25px;
	font-size: 2.0rem;
	background-position: 5px 54%;
	background-size: 18px 18px;
	pointer-events: none;
	}

	#SearchByMenu ul {
	position: absolute; /* 必須 */
	}
	
	#SearchByMenu .disabled {
	cursor: default !important;
	}

	#SearchBy .Level1 li {
	position: static !important;
	}

	/* レベル1 */
	#SearchBy .Level1 {
	top: 70px !important;
	display: block !important;
	width: 33.333333% !important;
	background-color: #2e478a;
	}

	#SearchBy .Level1Menu {
	position: relative;
	padding: 15px 18px;
	border-bottom: 1px solid #25386d;
	font-size: 1.5rem;
	font-weight: 700;
	font-family: "UD新ゴ DB",Sans-Serif;
	color: #fff;
	}

	#SearchBy .HasLevel2 .Level1Menu:after {
	position: absolute;
	top: 50%;
	right: 15px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
	}

	#SearchBy .Level1Menu.highlighted {
	font-weight: 700;
	font-family: "UD新ゴ DB",Sans-Serif;
	background-color: #25386d;
	}

	#SearchBy .Level1Menu:hover {
	background-color: #25386d;
	}

	/* レベル2 */
	#SearchBy .Level2 {
	top: 0 !important;
	min-width: 100% !important;
	margin-top: 0 !important;
	padding-top: 10px;
	padding-bottom: 20px;
	background-color: #e3e7f0;
	}

	#SearchBy .Level2:before {
	display: block;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 15px;
	height: 100%;
	background-image: url(/img/common/globalnav/Texture_Shadow.png);
	background-repeat: repeat-y;
	content: "";
	}

	#SearchBy .Level2Menu {
	position: relative;
	padding: 8px 20px;
	font-size: 1.3rem;
	color: #2e478a;
	}

	#SearchBy .HasLevel3 .Level2Menu:after {
	position: absolute;
	top: 50%;
	right: 13px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 1px solid #2e478a;
	border-right: 1px solid #2e478a;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
	}

	#SearchBy .Level2Menu.highlighted {
	background-color: #f4f4f4;
	}

	#SearchBy .Level2Menu:hover {
	background-color: #f4f4f4;
	}

	/* レベル3 */
	#SearchBy .Level3 {
	top: 0 !important;
	min-width: 100% !important;
	margin-top: 0 !important;
	padding-top: 10px;
	padding-bottom: 20px;
	background-color: #f4f4f4;
	}

	#SearchBy .Level3 a {
	position: relative;
	padding: 8px 20px;
	font-size: 1.3rem;
	color: #2e478a;
	}

	#SearchBy .Level3 a.highlighted {
	background-color: #fff;
	}

	#SearchBy .Level3 a:hover {
	background-color: #fff;
	}

	/* ホバー調整 */
	#SearchByMenu a:hover {
	opacity: 1;
	}

}

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

	/* レベル1 */

}



/* ■ キーワード検索 ==================================================================================== */

.SearchByKeywordWrap {
background: #f0f9ff;
}

.SearchByKeyword .SearchTxt,
.SearchByKeyword .SearchBtn {
border: none;
border-radius: 0;
vertical-align: middle;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}

.SearchByKeyword .SearchTxt {
box-shadow: inset 1px 1px 1px 0px #d5d5d5;
background-color: #fff;
}

.SearchByKeyword .SearchBtn {
font-weight: 700;
font-family: "UD新ゴ DB",Sans-Serif;
color: #fff;
background-color: #2e478a;
cursor: pointer;
}

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

	.SearchByKeywordWrap {
	padding: 20px 15px;
	}

	.SearchByKeyword .Mds {
	display: none;
	}

	.SearchByKeyword .SearchTxt,
	.SearchByKeyword .SearchBtn {
	height: 2.4em;
	font-size: 1.6rem;
	line-height: 1.8em;
	}

	.SearchByKeyword .SearchTxt {
	width: 80%;
	padding-left: 15px;
	}
	
	.SearchByKeyword .SearchBtn {
	width: 20%;
	}

}

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

	.SearchByKeywordWrap {
	padding: 30px 30px;
	}

	.SearchByKeyword {
	position: relative;
	}

	.SearchByKeyword .Mds {
	position: absolute;
	left: 0;
	top: 1px;
	padding-left: 30px;
	font-size: 2.0rem;
	background: url(/img/common/icon/Icon_Search.png) no-repeat;
	background-position: 0 60%;
	background-size: 18px 18px;
	}

	.SearchByKeyword .SearchBox {
	margin-left: 240px;
	}

	.SearchByKeyword .SearchTxt,
	.SearchByKeyword .SearchBtn {
	height: 2.8em;
	font-size: 1.5rem;
	line-height: 2.0em;
	}

	.SearchByKeyword .SearchTxt {
	width: 85%;
	padding-left: 15px;
	}
	
	.SearchByKeyword .SearchBtn {
	width: 15%;
	}

}

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

}



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

/*
キービジュアル
重要なお知らせ
お知らせ／バナー レイアウト
お知らせ・ニュース
おすすめコンテンツ
検索
バナー
製品ラインナップ
その他リスト
*/


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

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

	#Top_KeyVisual {
	margin-bottom: 10px;
	}

	#Top_KeyVisual li {
	background-image: none;
	}

}

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

	#Top_KeyVisual {
	max-height: 430px;
	}

	#Top_KeyVisual li {
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
	}

	#Top_KeyVisual .EachUnit {
	display: block;
	max-width: 1500px;
	margin: 0 auto;
	}

	#Top_KeyVisual a:hover {
	opacity: 1;
	}

}

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

}


/* 重要なお知らせ --------------------------------------------------- */

#Top_ImportantNotice .Mds {
color: #e50c0c;
}

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

	#Top_ImportantNotice {
	padding: 0 15px;
	}

	#Top_ImportantNotice .Mds {
	font-size: 1.6rem;
	}

	#Top_ImportantNotice .Lead {
	margin-top: 2px;
	font-size: 1.4rem;
	line-height: 1.5em;
	}

}

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

	#Top_ImportantNotice {
	display: flex;
	flex-wrap: wrap;
	max-width: 1260px;
	margin: 20px auto 0 auto;
	padding: 0 80px;
	}

	#Top_ImportantNotice .Mds {
	width: 8em;
	}

	#Top_ImportantNotice .Lead {
	flex: 1;
	padding-right: 8%;
	}

}

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

}

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

	#Top_ImportantNotice {
	padding: 0 30px;
	}

}


/* お知らせ／バナー レイアウト --------------------------------------------------- */

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

}

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

	#Top_NewsBanners {
	display: flex;
	flex-wrap: wrap;
	max-width: 1260px;
	margin: 30px auto 0 auto;
	padding: 0 80px;
	}

	#Top_NewsBanners .Col_L {
	width: 65%;
	}

	#Top_NewsBanners .Col_R {
	width: 35%;
	padding-left: 3%;
	}

}

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

}

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

	#Top_NewsBanners {
	padding: 0 30px;
	}

}


/* お知らせ・ニュース --------------------------------------------------- */

#Top_News {
background: #fff;
}

.Top_NewsUnit {
position: relative;
}

.Top_NewsUnit .Mds {
border-top: 2px solid #2e478a;
}

.Top_NewsUnit .LinkTo {
position: absolute;
font-weight: 700;
font-family: "UD新ゴ DB",Sans-Serif;
color: #2d437f;
}

.Top_NewsUnit .LinkToAllow {
position: relative;
}

.Top_NewsUnit .LinkToAllow:after {
position: absolute;
top: 50%;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-color: transparent transparent transparent #e50c0c;
content: "";
}

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

	#Top_News {
	margin-top: 20px;
	padding: 0 15px;
	}

	.Top_NewsUnit .ColItem:nth-child(2) {
	margin-top: 20px;
	}

	.Top_NewsUnit .Mds {
	padding-top: 10px;
	font-size: 1.8rem;
	}

	.Top_NewsUnit .NewsList {
	margin-top: 0;
	border-top: none;
	}

	.Top_NewsUnit .LinkTo {
	top: 14px;
	right: 2px;
	font-size: 1.5rem;
	}

	.Top_NewsUnit .LinkToAllow {
	padding-right: 16px;
	}
	
	.Top_NewsUnit .LinkToAllow:after {
	margin-top: -7px;
	border-width: 7px 0 7px 11px;
	}

}

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

	.Top_NewsUnit .Mds {
	padding-top: 15px;
	font-size: 2.0rem;
	}

	.Top_NewsUnit .NewsList {
	margin-top: 15px;
	}

	.Top_NewsUnit .NewsList dt,
	.Top_NewsUnit .NewsList dd {
	padding-left: 2px;
	padding-right: 2px;
	}

	.Top_NewsUnit .LinkTo {
	top: 21px;
	right: 4px;
	font-size: 1.5rem;
	}

	.Top_NewsUnit .LinkToAllow {
	padding-right: 16px;
	}
	
	.Top_NewsUnit .LinkToAllow:after {
	margin-top: -6px;
	border-width: 6px 0 6px 10px;
	}

	.Mac .Top_NewsUnit .LinkToAllow:after {
	margin-top: -7px;
	}

}

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

	.Top_NewsUnit .LinkToAllow:after {
	margin-top: -7px;
	border-width: 7px 0 7px 11px;
	}

	.Mac .Top_NewsUnit .LinkToAllow:after {
	margin-top: -8px;
	}

}


/* おすすめコンテンツ --------------------------------------------------- */

#Top_PickUp .Mds {
border: 1px solid #26499d;
color: #26499d;
}

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

	#Top_PickUp {
	margin-top: 20px;
	padding: 0 15px;
	}

	#Top_PickUp .Mds {
	padding: 3px 10px;
	}

}

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

	#Top_PickUp {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 20px;
	}

	#Top_PickUp .Mds {
	width: 8em;
	padding: 3px 0;
	line-height: 1.4em;
	text-align: center;
	}

	#Top_PickUp .Top_PickUpMenus {
	flex: 1;
	padding-left: 2%;
	margin-top: 0;
	}

	#Top_PickUp .Top_PickUpMenus li {
	margin-bottom: 0;
	}

}

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

}


/* 検索 --------------------------------------------------- */

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

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

	.Top_SearchToolsUnit .SearchByKeywordWrap {
	margin-top: 5px;
	}

}

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

	#Top_SearchTools {
	margin-top: 20px;
	}

	#Top_SearchTools .SearchByKeywordWrap {
	padding: 10px 10px;
	}

	#Top_SearchTools .SearchByKeyword .SearchBox {
    margin-left: 170px;
	}

	#Top_SearchTools .Mds {
	top: 5px;
	font-size: 1.6rem;
	background-position: 5px 60%;
	}

	#Top_SearchTools .SearchByKeyword .SearchTxt {
	width: 80%;
	}

	#Top_SearchTools .SearchByKeyword .SearchBtn {
	width: 20%;
	}

}

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

	#Top_SearchTools .SearchByKeyword .SearchBox {
    margin-left: 240px;
	}

	#Top_SearchTools .Mds {
	top: 1px;
	font-size: 2.0rem;
	}

	#Top_SearchTools .SearchByKeyword .SearchTxt {
	width: 85%;
	}

	#Top_SearchTools .SearchByKeyword .SearchBtn {
	width: 15%;
	}

}


/* バナー --------------------------------------------------- */

.Top_Banners .ContactInfo {
color: #fff;
background: #f39800;
}

.Top_Banners .ContactInfo a {
color: #fff;
}

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

	.Top_Banners {
	margin-top: 20px;
	padding: 0 15px;
	}

	.Top_Banners .ContactInfo {
	margin-top: 10px;
	padding: 10px 15px;
	}

	.Top_Banners .ContactInfo .Mds {
	font-size: 1.3rem;
	line-height: 1.0em;
	text-align: center;
	}

	.Top_Banners .ContactInfo .Lead {
	margin-top: 5px;
	font-size: 2.6rem;
	line-height: 1.0em;
	text-align: center;
	}

}

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

	.Top_Banners .ContactInfo {
	margin-top: 15px;
	padding: 15px 15px;
	}

	.Top_Banners .ContactInfo .Mds {
	font-size: 1.3rem;
	line-height: 1.0em;
	text-align: center;
	}

	.Top_Banners .ContactInfo .Lead {
	margin-top: 5px;
	font-size: 2.6rem;
	line-height: 1.0em;
	text-align: center;
	}

}

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

}

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

	.Top_Banners .ContactInfo {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	}

	.Top_Banners .ContactInfo .Mds {
	font-size: 1.3rem;
	}

	.Top_Banners .ContactInfo .Lead {
	margin-top: 0;
	padding-left: 10px;
	padding-bottom: 3px;
	}

}


/* 特別バナー --------------------------------------------------- */

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

	#Top_SpecialBanner {
	margin-top: 20px;
	padding: 0 15px;
	}

}

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

	#Top_SpecialBanner {
	display: flex;
	flex-wrap: wrap;
	max-width: 1260px;
	margin: 30px auto 0 auto;
	padding: 0 80px;
	}

}

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

}

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

	#Top_SpecialBanner {
	padding: 0 30px;
	}

}


/* 製品ラインナップ --------------------------------------------------- */

#Top_ProductsListWrap {
background: #f6f7f9;
}

#Top_ProductsList {
position: relative;
}

#Top_ProductsList .Mds {
border-top: 2px solid #2e478a;
}

#Top_ProductsList .LinkTo {
position: absolute;
font-weight: 700;
font-family: "UD新ゴ DB",Sans-Serif;
color: #2d437f;
}

#Top_ProductsList .LinkTo a {
position: relative;
color: #2d437f;
}

#Top_ProductsList .LinkToAllow {
position: relative;
}

#Top_ProductsList .LinkToAllow:after {
position: absolute;
top: 50%;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-color: transparent transparent transparent #e50c0c;
content: "";
}

.Top_ProductsListUnit .ColItem {
border: 1px solid #ccc;
text-align: center;
background: #fff;
}

.Top_ProductsListUnit a {
display: block;
}

.Top_ProductsListUnit .Lead {
font-weight: 700;
font-family: "UD新ゴ DB",Sans-Serif;
}

.Top_ProductsListUnit .LeadAllow {
position: relative;
}

.Top_ProductsListUnit .LeadAllow:after {
position: absolute;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-color: transparent transparent transparent #e50c0c;
content: "";
}

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

	#Top_ProductsListWrap {
	margin-top: 20px;
	padding: 20px 15px 10px 15px;
	}

	#Top_ProductsList .Mds {
	padding-top: 15px;
	font-size: 1.8rem;
	}

	.Top_ProductsListUnit a {
	padding-top: 10px;
	padding-bottom: 10px;
	}

	#Top_ProductsList .Lead {
	margin-top: 10px;
	padding: 15px;
	font-size: 1.3rem;
	line-height: 1.5em;
	}

	#Top_ProductsList .LeadAllow {
	padding-right: 15px;
	}

	#Top_ProductsList .LeadAllow:after {
	bottom: 1px;
	border-width: 6px 0 6px 8px;
	}

	#Top_ProductsList .LinkTo {
	top: 20px;
	right: 4px;
	font-size: 1.5rem;
	}

	#Top_ProductsList .LinkToAllow {
	padding-right: 16px;
	}
	
	#Top_ProductsList .LinkToAllow:after {
	margin-top: -7px;
	border-width: 7px 0 7px 11px;
	}

}

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

	#Top_ProductsListWrap {
	margin-top: 30px;
	padding-top: 30px;
	padding-bottom: 5px;
	}

	#Top_ProductsList {
	max-width: 1260px;
	margin: 0 auto;
	padding: 0 80px;
	}

	#Top_ProductsList .Mds {
	padding-top: 15px;
	font-size: 2.0rem;
	}

	.Top_ProductsListUnit a {
	padding-top: 10px;
	padding-bottom: 10px;
	}

	#Top_ProductsList .Lead {
	margin-top: 5px;
	padding: 0 15px;
	font-size: 1.3rem;
	line-height: 1.5em;
	}

	#Top_ProductsList .LeadAllow {
	padding-right: 15px;
	}

	#Top_ProductsList .LeadAllow:after {
	bottom: 3px;
	border-width: 6px 0 6px 8px;
	}

	.Mac #Top_ProductsList .LeadAllow:after {
	bottom: 0;
	}

	#Top_ProductsList .LinkTo {
	top: 22px;
	right: 85px;
	font-size: 1.5rem;
	}

	#Top_ProductsList .LinkToAllow {
	padding-right: 16px;
	}
	
	#Top_ProductsList .LinkToAllow:after {
	margin-top: -6px;
	border-width: 6px 0 6px 10px;
	}

	.Mac #Top_ProductsList .LinkToAllow:after {
	margin-top: -7px;
	}

}

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

	#Top_ProductsList .LinkToAllow:after {
	margin-top: -8px;
	border-width: 7px 0 7px 11px;
	}

	#Top_ProductsList .LeadAllow:after {
	bottom: 4px;
	}

	.Mac #Top_ProductsList .LeadAllow:after {
	bottom: 1px;
	}

}

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

	#Top_ProductsList {
	padding: 0 30px;
	}

	#Top_ProductsList .LinkTo {
	right: 35px;
	}

	#Top_ProductsList .LinkToAllow:after {
	margin-top: -8px;
	}

	.Mac #Top_ProductsList .LinkToAllow:after {
	margin-top: -9px;
	}

}


/* その他リスト --------------------------------------------------- */

#Top_OthersListWrap {
background: #fff;
}

.Top_OthersListUnit a {
display: block;
}

.Top_OthersListUnit .Lead1 {
font-weight: 700;
font-family: "UD新ゴ DB",Sans-Serif;
}

#Top_OthersList .Lead2 {
color: #000;
}

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

	#Top_OthersListWrap {
	padding: 0 15px 20px 15px;
	}

	.Top_OthersListUnit .ColItem {
	margin-bottom: 20px;
	}

	#Top_OthersList .Lead1 {
	margin-top: 8px;
	font-size: 1.3rem;
	}

	#Top_OthersList .Lead2 {
	margin-top: 2px;
	font-size: 1.3rem;
	line-height: 1.5em;
	}

}

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

	#Top_OthersListWrap {
	padding-top: 10px;
	padding-bottom: 30px;
	}

	#Top_OthersList {
	max-width: 1260px;
	margin: 0 auto;
	padding: 0 80px;
	}

	#Top_OthersList .Lead1 {
	margin-top: 8px;
	font-size: 1.3rem;
	}

	#Top_OthersList .Lead2 {
	margin-top: 2px;
	font-size: 1.3rem;
	line-height: 1.5em;
	}

}

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

}

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

	#Top_OthersList {
	padding: 0 30px;
	}

}



/* ■ 目次ページ ==================================================================================== */

#Contents .NavIndex .BtnTo a {
display: inline-block;
}

#Contents .NavIndex h2.Mds {
margin-top: 0;
}

#Contents .NavIndex .NavIndexChild a {
display: block;
position: relative;
font-weight: 700;
font-family: "UD新ゴ DB",Sans-Serif;
}

#Contents .NavIndex .NavIndexChild a:before {
display: block;
position: absolute;
content: "";
}

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

	#Contents .NavIndex {
	}

	#Contents .NavIndex .NavIndexEach {
	margin-top: 30px;
	}

	#Contents .NavIndex h2.Mds {
	padding: 10px 15px;
	font-size: 1.9rem;
	}
	
	#Contents .NavIndex .Lead {
	margin-top: 10px;
	}
	
	#Contents .NavIndex .BtnTo {
	margin-top: 10px;
	}

	#Contents .NavIndex .BtnTo a {
	width: inherit;
	padding: 16px 40px 18px 20px;
	}

	#Contents .NavIndex .NavIndexChild li {
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	}

	#Contents .NavIndex .NavIndexChild a {
	padding: 15px 30px 15px 10px;
	border-bottom: 1px solid #d5d5d5;
	font-size: 1.5rem;
	line-height: 1.6em;
	}

	#Contents .NavIndex .NavIndexChild a:before {
	top: 50%;
	right: 15px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 1px solid #2e478a;
	border-right: 1px solid #2e478a;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	}

}

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

	#Contents .NavIndex {
	margin-top: 40px;
	}

	#Contents .NavIndex .NavIndexEach {
	margin-bottom: 60px;
	}

	#Contents .NavIndex h2.Mds {
	padding: 10px 15px;
	font-size: 2.0rem;
	}
	
	#Contents .NavIndex .Lead {
	margin-top: 15px;
	}
	
	#Contents .NavIndex .BtnTo {
	margin-top: 15px;
	}

	#Contents .NavIndex .BtnTo a {
	padding-left: 20px;
	padding-right: 35px;
	}

	#Contents .NavIndex .NavIndexChild {
	margin-top: 9px;
	}

	#Contents .NavIndex .NavIndexChild li {
	margin-top: 10px;
	margin-bottom: 0;
	}

	#Contents .NavIndex .NavIndexChild.Col2_PC li {
	width: calc(48% - 2%);
	}

	#Contents .NavIndex .NavIndexChild a {
	padding-left: 20px;
	font-size: 1.5rem;
	line-height: 1.6em;
	}

	#Contents .NavIndex .NavIndexChild a:before {
	left: 2px;
	top: 6px;
	width: 10px;
	height: 10px;
	background: #5aae88;
	}

	.Win #Contents .NavIndex .NavIndexChild a:before {
	top: 7px;
	}

}

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

	#Contents .NavIndex .NavIndexChild a:before {
	top: 6px;
	}

}



/* ■ 製品リスト（汎用） ==================================================================================== */

#Contents .ProductList .Col {
margin-top: 0;
}

#Contents .ProductListPhoto {
position: relative;
border: 1px solid #d5d5d5;
}

#Contents .ProductListPhoto .IconS {
position: absolute;
top: 10px;
right: 10px;
}

#Contents .ProductListCode {
color: #2e478a;
}

#Contents .ProductListName {
line-height: 1.5em;
font-weight: 700;
font-family: "UD新ゴ DB",Sans-Serif;
color: #2e478a;
}

#Contents .ProductListPrice {
color: #000;
}

#Contents .ProductListPrice .Price {
font-weight: 700;
font-family: "UD新ゴ DB",Sans-Serif;
}

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

	#Contents .ProductListMds {
	margin-bottom: 5px;
	font-size: 1.9rem;
	}

	#Contents .ProductListPhoto .IconS {
	top: 10px;
	right: 10px;
	}

	#Contents .ProductListName {
	margin-top: 8px;
	font-size: 1.4rem;
	}

	#Contents .ProductListCode {
	margin-top: 2px;
	font-size: 1.2rem;
	}

	#Contents .ProductListPrice {
	margin-top: 2px;
	line-height: 1.4em;
	}

	#Contents .ProductListPrice .Price {
	font-size: 1.2rem;
	}

	#Contents .ProductListPrice .Unit {
	font-size: 1.0rem;
	}

}

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

	#Contents .ProductList li {
	margin-bottom: 20px;
	}

	#Contents .ProductListMds {
	margin-bottom: 15px;
	font-size: 2.4rem;
	}

	#Contents .ProductListPhoto .IconS {
	top: 10px;
	right: 10px;
	}

	#Contents .ProductListName {
	margin-top: 10px;
	font-size: 1.6rem;
	}

	#Contents .ProductListCode {
	margin-top: 0;
	font-size: 1.4rem;
	}

	#Contents .ProductListPrice {
	margin-top: 3px;
	line-height: 1.5em;
	}

	#Contents .ProductListPrice .Price {
	font-size: 1.5rem;
	}

	#Contents .ProductListPrice .Unit {
	font-size: 1.1rem;
	}

}

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

}



/* ■ カテゴリ一覧ページ ==================================================================================== */

#Contents .CategoryListPhoto {
position: relative;
border: 1px solid #d5d5d5;
}

#Contents .CategoryListName {
line-height: 1.5em;
font-weight: 700;
font-family: "UD新ゴ DB",Sans-Serif;
color: #2e478a;
}

#Contents .CategoryListLead {
color: #000;
}

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

	#Contents .CategoryList {
	margin-top: 15px;
	}

	#Contents .CategoryListName {
	margin-top: 10px;
	font-size: 1.5rem;
	}

	#Contents .CategoryListLead {
	margin-top: 5px;
	font-size: 1.3rem;
	line-height: 1.8em;
	}

	/* 一覧へ戻るボタン */
	#PageProductsCategory .BtnToList {
	margin-top: 20px;
    border: 0;
	}

}

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

	#Contents .CategoryList li {
	margin-bottom: 15px;
	}

	#Contents .CategoryListName {
	margin-top: 15px;
	font-size: 2.0rem;
	}

	#Contents .CategoryListLead {
	margin-top: 10px;
	font-size: 1.4rem;
	line-height: 1.8em;
	}

	/* 一覧へ戻るボタン */
	#PageProductsCategory .BtnToList {
	margin-top: 20px;
	padding-top: 40px;
    border: 0;
	}

}

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

}



/* ■ 製品一覧ページ ==================================================================================== */

#Contents .ProductListPage .ListEach a {
display: block;
}

#Contents .ProductListPagePhoto img {
border: 1px solid #d5d5d5;
}

#Contents .ProductListPageIcon span {
margin-right: 5px;
}

#Contents .ProductListPageCode {
color: #2e478a;
}

#Contents .ProductListPageName {
line-height: 1.5em;
font-weight: 700;
font-family: "UD新ゴ DB",Sans-Serif;
color: #2e478a;
}

#Contents .ProductListPagePrice {
color: #000;
}

#Contents .ProductListPageUnit2 {
color: #000;
}

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

	#Contents .ProductListPage {
	margin-top: 30px;
	}

	#Contents .ProductListPage .ListEach {
	margin-bottom: 35px;
	}

	#Contents .ProductListPageIcon {
	margin-top: 10px;
	}

	#Contents .ProductListPageCode {
	margin-top: 10px;
	font-size: 1.2rem;
	line-height: 1.0em;
	}

	#Contents .ProductListPageName {
	margin-top: 5px;
	font-size: 1.5rem;
	}

	#Contents .ProductListPagePrice {
	margin-top: 5px;
	}

	#Contents .ProductListPagePrice .Price {
	font-size: 1.4rem;
	}

	#Contents .ProductListPagePrice .Unit {
	font-size: 1.1rem;
	}

	#Contents .ProductListPageUnit2 p {
	margin-top: 5px;
	font-size: 1.3rem;
	}

	/* 一覧へ戻るボタン */
	#PageProductsList .BtnToList {
	margin-top: 20px;
	}

}

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

	#Contents .ProductListPage {
	margin-top: 40px;
	}

	#Contents .ProductListPage .ListEach {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #d5d5d5;
	}

	#Contents .ProductListPage .ProductListPageCol {
	display: flex;
	flex-wrap: wrap;
	}

	#Contents .ProductListPage .ProductListPagePhoto {
	width: 30%;
	}

	#Contents .ProductListPage .ProductListPageUnit {
	width: 70%;
	padding-left: 30px;
	}

	#Contents .ProductListPageIcon {
	margin-top: 0;
	}

	#Contents .ProductListPageCode {
	margin-top: 5px;
	font-size: 1.4rem;
	line-height: 1.0em;
	}

	#Contents .ProductListPageName {
	margin-top: 5px;
	font-size: 2.0rem;
	}

	#Contents .ProductListPagePrice {
	margin-top: 5px;
	}

	#Contents .ProductListPagePrice .Unit {
	font-size: 1.2rem;
	}

	#Contents .ProductListPageUnit2 p {
	margin-top: 10px;
	}

	/* 一覧へ戻るボタン */
	#PageProductsList .BtnToList {
	margin-top: 20px;
	border-top: none;
	}

}

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

}



/* ■ 製品詳細ページ ==================================================================================== */

/*
汎用
絞り込み検索
オプションリスト
*/


/* 汎用 --------------------------------------------------- */

/* 価格 */
#PageProductsDetail	.PriceUnit h2.Mds {
padding: 0;
color: #000;
background: none;
}

#PageProductsDetail	.PriceUnit .Code,
#PageProductsDetail	.PriceUnit .Price {
color: #2e478a;
}

/* タイトル */
#PageProductsDetail	.MdsH1 .Code {
display: block;
font-weight: 400;
}

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

	/* タイトル */
	#PageProductsDetail	.MdsH1 .Code {
	font-size: 1.5rem;
	}

	/* キービジュアル */
	#PageProductsDetail	.KeyVisual {
	margin: 0 -15px;
	}

	/* 価格 */
	#PageProductsDetail	.PriceUnit h2.Mds {
	margin-top: 20px;
	font-size: 1.8rem;
	}

	#PageProductsDetail	.PriceUnit .Price,
	#PageProductsDetail	.PriceUnit .Code {
	font-size: 1.7rem;
	}

	#PageProductsDetail	.PriceUnit .Price {
	margin-left: 7px;
	}

	#PageProductsDetail	.PriceUnit .Unit {
	font-size: 1.3rem;
	}

	/* 一覧へ戻るボタン */
	#PageProductsDetail	.BtnToList {
	margin-top: 30px;
	}

}

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

	/* タイトル */
	#PageProductsDetail	.MdsH1 {
	}

	#PageProductsDetail	.MdsH1 .Code {
	font-size: 2.8rem;
	line-height: 1.4em;
	}

	#PageProductsDetail	.TitleUnit .MdsH1 {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1000;
	background: #fff;
	}

	/* 価格 */
	#PageProductsDetail	.PriceUnit h2.Mds {
	margin-top: 30px;
	font-size: 2.2rem;
	}

	#PageProductsDetail	.PriceList {
	display: flex;
	flex-wrap: wrap;
	}

	#PageProductsDetail	.PriceList li {
	width: 33%;
	}

	#PageProductsDetail	.PriceUnit .Price,
	#PageProductsDetail	.PriceUnit .Code {
	font-size: 1.7rem;
	}

	#PageProductsDetail	.PriceUnit .Price {
	margin-left: 7px;
	}

	#PageProductsDetail	.PriceUnit .Unit {
	font-size: 1.2rem;
	}

	/* 一覧へ戻るボタン */
	#PageProductsDetail	.BtnToList {
	margin-top: 40px;
	padding-top: 50px;
	}

}

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

}


/* 絞り込み検索 --------------------------------------------------- */

.RefiningSearch dt,
.RefiningSearch dd {
padding: 10px;
}

.RefiningSearch dt {
vertical-align: middle;
}


/* オプションリスト --------------------------------------------------- */

#Contents .OptionList_Buy_Info {
display: flex;
align-items: center;
justify-content: flex-end;
}

#Contents .OptionList_Buy_Info img {
width: 70px;
padding-bottom: 2px;
vertical-align: middle;
}

#Contents .OptionList_Buy_Info small {
margin-left: 8px;
line-height: 1;
}

#Contents .OptionList {
border-top: 1px solid #d5d5d5;
}

#Contents .OptionList_Unit {
display: flex;
align-items: flex-start;
border-bottom: 1px solid #d5d5d5;
}

#Contents .OptionList_Icon span {
margin-right: 5px;
}

#Contents .OptionList_Icon,
#Contents .OptionList_Name,
#Contents .OptionList_Name_Sub,
#Contents .OptionList_Price {
margin-top: 0;
}

#Contents .OptionList_Price {
color: #2e478a;
}

#Contents .OptionList_Buy a,
#Contents .OptionList_Contact a {
display: inline-block;
text-align: center;
color: #fff;
}

#Contents .OptionList_Buy a {
background: #f39800;
}

#Contents .OptionList_Contact a {
background: #2e478a;
}

#Contents .OptionList_Buy_S {
line-height: 1;
}

/* 検索結果 */
#Contents .RefiningSearch_Result .OptionList_Checkbox {
display: flex;
align-items: center;
}

#Contents .RefiningSearch_Result label {
cursor: pointer;
}

#Contents .OptionList_SubName p br {
display: none;
}

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

	#Contents .OptionList {
	margin-top: 10px;
	}

	#Contents .OptionList_Unit {
	padding: 10px 0 15px;
	}

	#Contents .OptionList_Photo img {
	width: 120px;
	}

	#Contents .OptionList_Name {
	font-size: 1.6rem;
	line-height: 1.4;
	}

	#Contents .OptionList_SubName {
	font-size: 1.3rem;
	line-height: 1.4;
	}

	#Contents .OptionList_S .OptionList_Name {
	font-size: 1.4rem;
	}

	#Contents .OptionList_Name_Sub {
	font-size: 1.3rem;
	line-height: 1.5;
	}

	#Contents .OptionList_Price {
	margin-top: 5px;
	font-size: 1.6rem;
	}

	#Contents .OptionList_S .OptionList_Price {
	font-size: 1.4rem;
	}

	#Contents .OptionList_Buy {
	margin-top: 2px;
	}

	#Contents .OptionList_Contact {
	margin-top: 15px;
	}

	#Contents .OptionList_Buy a,
	#Contents .OptionList_Contact a {
	padding: 8px 12px;
	font-size: 1.2rem;
	line-height: 1.2;
	}

	#Contents .OptionList_Buy_S {
	margin-top: 2px;
	}

	#Contents .OptionList_Buy_S img {
	width: 80px;
	}

}

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

	#Contents .OptionList {
	margin-top: 10px;
	}

	#Contents .OptionList_Unit {
	padding: 10px 0;
	}

	#Contents .OptionList_Photo img {
	width: 120px;
	}

	#Contents .OptionList_Name {
	font-size: 1.8rem;
	line-height: 1.5;
	}

	#Contents .OptionList_SubName {
	font-size: 1.3rem;
	line-height: 1.4;
	}

	#Contents .OptionList_S .OptionList_Name {
	font-size: 1.5rem;
	}

	#Contents .OptionList_Name_Sub {
	font-size: 1.4rem;
	line-height: 1.5;
	}

	#Contents .OptionList_Price {
	margin-top: 5px;
	font-size: 1.8rem;
	line-height: 1.5;
	}

	#Contents .OptionList_S .OptionList_Price {
	font-size: 1.5rem;
	}

	#Contents .OptionList_Buy {
	margin-top: 2px;
	}

	#Contents .OptionList_Contact {
	margin-top: 15px;
	}

	#Contents .OptionList_Buy a,
	#Contents .OptionList_Contact a {
	width: 140px;
	padding: 4px 12px;
	font-size: 1.4rem;
	line-height: 1.2;
	}

	#Contents .OptionList_Buy_S {
	margin-top: 2px;
	line-height: 1;
	}

	#Contents .OptionList_Buy_S img {
	width: 90px;
	}

}

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

	#Contents .OptionList_Info {
	display: flex;
	width: 100%;
	}

	#Contents .OptionList_Info_Each:nth-child(1) {
	width: 72%;
	}

	#Contents .OptionList_Info_Each:nth-child(2) {
	width: 28%;
	margin-left: 10px;
	text-align: right;
	}

	#Contents .OptionList_SubName p br {
    display: block;
	}
	#Contents .OptionList_Info_Each.OptionList_SubName:nth-child(1) {
	width: 66%;
	}
	#Contents .OptionList_Info_Each.OptionList_SubName:nth-child(2) {
	width: 11%;
	margin-left: 10px;
	text-align: left;
    white-space: nowrap;
	}
	#Contents .OptionList_Info_Each.OptionList_SubName:nth-child(3) {
	width: 23%;
	margin-left: 10px;
	text-align: right;
	}

	#Contents .OptionList_Price {
	margin-top: 0;
	}

	#Contents .OptionList_Buy {
	margin-top: 10px;
	}

	#Contents .OptionList_Contact {
	margin-top: 20px;
	}

	/* 検索結果 */
	#Contents .RefiningSearch_Result .FormUnit {
	display: flex;
	align-items: center;
	}

}



/* ■ スペシャルページ ==================================================================================== */

/*
キービジュアル
導入
注目欄
セクション
ダウンロード
お問い合わせフォーム
お問い合わせ
ローカルナビ
*/


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

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

	#PageSpecial .SpecialPage_KeyVisual {
	background-image: none;
	}

}

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

	#PageSpecial .SpecialPage_KeyVisual {
	background-repeat: no-repeat;
	background-size: cover;
	}

	#PageSpecial .SpecialPage_KeyVisual h1 {
	max-width: 1260px;
	margin: 0 auto;
	padding: 0 30px;
	}

}

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

}


/* 導入 --------------------------------------------------- */

/* 見出し */
#PageSpecial .SpecialPageIntro_Mds {
padding: 0;
color: #000;
background: none;
}

/* リスト */
#PageSpecial .SpecialPageIntro_ListItem {
display: flex;
flex-wrap: wrap;
border-left: 1px solid #d5d5d5;
border-top: 1px solid #d5d5d5;
}

#PageSpecial .SpecialPageIntro_ListItem li {
display: flex;
align-items: center;
justify-content: center;
border-right: 1px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5;
line-height: 1.6em;
text-align: center;
}

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

	#PageSpecial .SpecialPageIntro_Mds {
	margin-top: 20px;
	font-size: 2.5rem;
	}

	#PageSpecial .SpecialPageIntro_Lead1 {
	font-size: 1.4rem;
	}

	#PageSpecial .SpecialPageIntro_Lead2 {
	margin-top: 20px;
	font-size: 1.4rem;
	}

	#PageSpecial .SpecialPageIntro_ListItem {
	margin-top: 20px;
	}

	#PageSpecial .SpecialPageIntro_ListItem li {
	width: 33.33333333%;
	padding: 10px 10px;
	font-size: 1.1rem;
	}

}

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

	#PageSpecial .SpecialPageIntro_Mds {
	margin-top: 40px;
	font-size: 3.6rem;
	text-align: center;
	}

	#PageSpecial .SpecialPageIntro_Lead1 {
	font-size: 1.8rem;
	text-align: center;
	}

	#PageSpecial .SpecialPageIntro_Lead2 {
	margin-top: 40px;
	font-size: 2.2rem;
	text-align: center;
	}

	#PageSpecial .SpecialPageIntro_ListItem {
	margin-top: 40px;
	}

	#PageSpecial .SpecialPageIntro_ListItem li {
	width: 20%;
	padding: 15px 10px;
	}

}

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

}


/* 注目欄 --------------------------------------------------- */

#PageSpecial .UnitFeature h3.Mds,
#PageSpecial .UnitFeature .Box .ListDisc {
margin-top: 0;
padding-bottom: 0;
border-bottom: none;
}

#PageSpecial .UnitFeature {
position: relative;
}

#PageSpecial .IconFeature {
position: absolute;
}

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

	#PageSpecial .UnitFeature {
	margin-top: 40px;
	padding: 20px 20px;
	border: 8px solid #e8ecf9;
	}

	#PageSpecial .IconFeature {
	top: -30px;
	right: 0;
	width: 70px;
	height: 70px;
	}

	#PageSpecial .UnitFeature h3.Mds {
	font-size: 2.1rem;
	}

	#PageSpecial .UnitFeature h3.Mds small {
	display: block;
	margin-top: 4px;
	font-size: 1.3rem;
	}

	#PageSpecial .UnitFeature .Box {
	margin-top: 10px;
	}

	#PageSpecial .UnitFeature .ListDisc li {
	margin-top: 15px;
	padding-left: 20px;
	line-height: 1.7em;
	}

	#PageSpecial .UnitFeature .ListDisc li:first-child {
	margin-top: 0;
	}

	#PageSpecial .UnitFeature .ListDisc li:before {
	width: 12px;
	height: 12px;
	top: 6px;
	}

	#PageSpecial .UnitFeature .ListDisc strong {
	font-size: 1.4rem;
	}

	#PageSpecial .UnitFeature .ListDisc small {
	font-size: 1.2rem;
	}

}

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

	#PageSpecial .UnitFeature {
	margin-top: 60px;
	padding: 40px 40px;
	border: 8px solid #e8ecf9;
	}

	#PageSpecial .IconFeature {
	left: 15px;
	top: -50px;
	}

	#PageSpecial .UnitFeature h3.Mds {
	font-size: 2.8rem;
	}

	#PageSpecial .UnitFeature h3.Mds small {
	margin-left: 20px;
	font-size: 2.0rem;
	}

	#PageSpecial .UnitFeature .ListDisc li {
	margin-top: 20px;
	padding-left: 28px;
	line-height: 1.8em;
	}

	#PageSpecial .UnitFeature .ListDisc li:first-child {
	margin-top: 0;
	}

	#PageSpecial .UnitFeature .ListDisc li:before {
	width: 16px;
	height: 16px;
	top: 6px;
	}

	#PageSpecial .UnitFeature .ListDisc strong {
	font-size: 1.7rem;
	}

	#PageSpecial .UnitFeature .ListDisc small {
	font-size: 1.5rem;
	}

	#PageSpecial .UnitFeature figure {
	max-width: 345px;
	}

}

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

}


/* セクション --------------------------------------------------- */

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

	#PageSpecial .SectionMain {
	margin-top: 40px;
	}

	#PageSpecial .SectionMain h2 {
	margin-top: 40px;
	}

	#PageSpecial .SectionMain .BtnTo {
	margin-top: 20px;
	}

}

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

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

}

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

}


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

#PageSpecial .SpecialPageDownload_Mds {
margin-top: 0;
padding: 0;
background: none;
}

#PageSpecial .SpecialPageDownload h3.Mds {
margin-top: 0;
padding-bottom: 0;
border-bottom: none;
background: #e8ecf9;
}

#PageSpecial .SpecialPageDownload h4.Mds {
padding: 0;
}

#PageSpecial .SpecialPageDownload h4.Mds:before {
display: none;
}

#PageSpecial .SpecialPageDownload .PhotoCover {
text-align: center;
}

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

	#PageSpecial .SpecialPageDownload {
	margin-top: 30px;
	padding-bottom: 30px;
	}

	#PageSpecial .SpecialPageDownload .Lead {
	margin-top: 10px;
	font-size: 1.3rem;
	}

	#PageSpecial .SpecialPageDownload .PhotoCover {
	margin-top: 20px;
	}

	#PageSpecial .SpecialPageDownload .PhotoCover img {
	max-width: 130px;
	}

	#PageSpecial .SpecialPageDownload .CheckParent {
	margin-bottom: 0;
	}

	#PageSpecial .SpecialPageDownload .ItemEach {
	margin-top: 30px;
	}

	#PageSpecial .SpecialPageDownload h3.Mds {
	margin-bottom: 15px;
	padding: 6px 15px;
	font-size: 1.5rem;
	}

	#PageSpecial .SpecialPageDownload .Col p {
	margin-top: 10px;
	}

	#PageSpecial .SpecialPageDownload .CheckChild li {
	margin-top: 0;
	margin-bottom: 10px;
	}

	#PageSpecial .SpecialPageDownload .CheckChild p {
	margin-top: 0;
	}

	#PageSpecial .SpecialPageDownload h4.Mds {
	margin-top: 20px;
	font-size: 1.4rem;
	}

	#PageSpecial .SpecialPageDownload .BtnTo {
	margin-top: 10px;
	}

}

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

	#PageSpecial .SpecialPageDownload {
	margin-top: 80px;
	padding: 40px 50px 60px 50px;
	}

	#PageSpecial .SpecialPageDownload .Lead {
	margin-top: 10px;
	font-size: 1.6rem;
	}

	#PageSpecial .SpecialPageDownload .PhotoCover {
	margin-top: 30px;
	}

	#PageSpecial .SpecialPageDownload .PhotoCover img {
	max-width: 170px;
	}

	#PageSpecial .SpecialPageDownload .CheckParent {
	margin-top: 20px;
	}

	#PageSpecial .SpecialPageDownload .ItemEach {
	margin-top: 30px;
	}

	#PageSpecial .SpecialPageDownload h3.Mds {
	margin-bottom: 15px;
	padding: 10px 15px;
	font-size: 1.6rem;
	}

	#PageSpecial .SpecialPageDownload .Col p {
	margin-top: 10px;
	}

	#PageSpecial .SpecialPageDownload .CheckChild li {
	margin-top: 0;
	margin-bottom: 10px;
	}

	#PageSpecial .SpecialPageDownload .CheckChild p {
	margin-top: 0;
	}

	#PageSpecial .SpecialPageDownload h4.Mds {
	margin-top: 0;
	font-size: 1.6rem;
	}

	#PageSpecial .SpecialPageDownload .BtnTo {
	margin-top: 20px;
	}

}

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

}


/* お問い合わせフォーム --------------------------------------------------- */

#PageSpecial .SpecialPageForm_Mds {
margin-top: 0;
padding: 0;
background: none;
}

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

	#PageSpecial .SpecialPageForm .Lead {
	margin-top: 5px;
	font-size: 1.3rem;
	}

	#PageSpecial .SpecialPageForm .FormUnitWrap {
	margin-top: 20px;
	}

}

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

	#PageSpecial .SpecialPageForm {
	margin-top: 80px;
	padding: 40px 50px;
	}

	#PageSpecial .SpecialPageForm .Lead {
	margin-top: 5px;
	font-size: 1.6rem;
	}

}

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

}




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

#PageSpecial .SpecialPageContact_Mds {
margin-top: 0;
padding: 0;
background: none;
}

#PageSpecial .SpecialPageContact .Col li {
background: #e8ecf9;
}

#PageSpecial .SpecialPageContact h3.Mds {
margin-top: 0;
padding-bottom: 0;
border-bottom: none;
}

#PageSpecial .SpecialPageContact .ItemFD .Lead1 a {
font-weight: 700;
font-family: "UD新ゴ DB",Sans-Serif;
color: #000;
background: url(/img/common/icon/Icon_FreeDial.png) no-repeat;
background-position: 0 50%;
}

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

	#PageSpecial .SpecialPageContact {
	margin-top: 30px;
	}

	#PageSpecial .SpecialPageContact .Lead {
	margin-top: 5px;
	font-size: 1.3rem;
	}

	#PageSpecial .SpecialPageContact .Col {
	margin-top: 15px;
	}

	#PageSpecial .SpecialPageContact .Col li {
	padding: 20px 20px;
	}

	#PageSpecial .SpecialPageContact .ItemFD h3.Mds {
	font-size: 1.3rem;
	text-align: center;
	}

	#PageSpecial .SpecialPageContact .ItemFD .Lead1 {
	margin-top: 0;
	font-size: 2.5rem;
	line-height: 1.0em;
	text-align: center;
	}

	#PageSpecial .SpecialPageContact .ItemFD .Lead1 a {
	display: inline-block;
	padding-left: 38px;
	background-size: 33px 19px;
	}

	#PageSpecial .SpecialPageContact .ItemFD .Lead2 {
	margin-top: 10px;
	font-size: 1.2rem;
	text-align: center;
	}

	#PageSpecial .SpecialPageContact .ItemDCS h3.Mds {
	margin-top: 10px;
	text-align: center;
	}

	#PageSpecial .SpecialPageContact .ItemDCS h3.Mds img {
	max-width: 200px;
	}

	#PageSpecial .SpecialPageContact .ItemDCS .Lead1 {
	margin-top: 10px;
	font-size: 1.2rem;
	}

	#PageSpecial .SpecialPageContact .ItemDCS .BtnTo {
	margin-top: 20px;
	}

}

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

	#PageSpecial .SpecialPageContact {
	margin-top: 80px;
	padding: 40px 50px;
	}

	#PageSpecial .SpecialPageContact .Lead {
	margin-top: 5px;
	font-size: 1.6rem;
	}

	#PageSpecial .SpecialPageContact .Col {
	margin-top: 30px;
	}

	#PageSpecial .SpecialPageContact .Col li {
	display: flex;
	align-items: center;
	flex-direction: column;
	padding: 50px 40px;
	}

	#PageSpecial .SpecialPageContact .ItemFD h3.Mds {
	margin-top: 35px;
	font-size: 2.0rem;
	}

	#PageSpecial .SpecialPageContact .ItemFD .Lead1 {
	margin-top: 10px;
	font-size: 4.0rem;
	line-height: 1.0em;
	}

	#PageSpecial .SpecialPageContact .ItemFD .Lead1 a {
	padding-left: 50px;
	background-size: 45px 26px;
	}

	#PageSpecial .SpecialPageContact .ItemFD .Lead2 {
	margin-top: 10px;
	font-size: 1.8rem;
	}

	#PageSpecial .SpecialPageContact .ItemDCS h3.Mds img {
	max-width: 257px;
	}

	#PageSpecial .SpecialPageContact .ItemDCS .Lead1 {
	margin-top: 10px;
	font-size: 1.4rem;
	}

	#PageSpecial .SpecialPageContact .ItemDCS .BtnTo {
	margin-top: 20px;
	}

}

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

}


/* ローカルナビ --------------------------------------------------- */

#PageSpecial .SpecialPageLocalNavWrap {
background: #f6f7f9;
}

#PageSpecial .SpecialPageLocalNav h2.Mds {
text-align: center;
color: #2e478a;
}

#PageSpecial .SpecialPageLocalNav h3.Mds {
text-align: center;
}

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

	#PageSpecial .SpecialPageLocalNavWrap {
	padding: 20px 15px 40px 15px;
	}

	#PageSpecial .SpecialPageLocalNav .Col li a {
	text-align: left;
	}

	#PageSpecial .SpecialPageLocalNav h2.Mds {
	margin-bottom: 10px;
	font-size: 1.9rem;
	}

	#PageSpecial .SpecialPageLocalNav h3.Mds {
	margin-top: 25px;
	margin-bottom: 10px;
	font-size: 1.4rem;
	}

}

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

	#PageSpecial .SpecialPageLocalNavWrap {
	padding: 40px 0 60px 0;
	}

	#PageSpecial .SpecialPageLocalNav {
	max-width: 1260px;
	margin: 0 auto;
	padding: 0 30px;
	}

	#PageSpecial .SpecialPageLocalNav h2.Mds {
	margin-bottom: 20px;
	font-size: 2.4rem;
	}

	#PageSpecial .SpecialPageLocalNav h3.Mds {
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 1.8rem;
	}

	#PageSpecial .SpecialPageLocalNav .Col li {
	display: flex;
	}

	#PageSpecial .SpecialPageLocalNav .Col li a {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 1.4em;
	}

	#PageSpecial .SpecialPageLocalNav .Col li a span {
	font-size: 1.4rem;
	}

}

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

}



/* ■ フォーム ==================================================================================== */

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

	#PageForm .FormUnitWrap {
	margin-left: -15px;
	margin-right: -15px;	
	}

}

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


}

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

}



/* ■ 汎用ライブラリー ==================================================================================== */

/*
SmartMenus
Magnific Popup
slick
*/


/* 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.
-------------------------------------------------------------------------------------------*/

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

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

}



/* Magnific Popup --------------------------------------------------- */

/* 閉じるボタン */
.mfp-close {
display: block;
position: absolute;
top: 20px !important;
right: -20px !important;
width: 50px !important;
height: 50px !important;
border-radius: 50% !important;
text-align: left !important;
text-indent: -9999px !important;
background-color: #000 !important;
background-image: url(/img/common/icon/Icon_Close.png) !important;
background-repeat: no-repeat !important; 
background-position: 50% 50% !important;
background-size: 20px 20px !important;
cursor: pointer !important;
}

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

	/* 閉じるボタン */
	.mfp-close {
	top: -20px !important;
	right: 0 !important;
	}

}

@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: 1042;
width: 100%;
height: 100%;
background: #000;
overflow: hidden;
opacity: 0.2;
}

.mfp-wrap {
position: fixed;
left: 0;
top: 0;
z-index: 1043;
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;
}

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


.slide {
position: relative;
}

/* Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 45%;
}

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



}

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

.slick-slide {

}

	.slick-prev {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;

	margin: 0 auto;
	z-index: 3000;
	}
	
	.slick-prev:before {
    content: '';
   left: 25px;
    display: block;
    position: absolute;
    right: auto;
    top: 50%;
    width: 20px;
    height: 20px;
    margin-top: -4px;
    border-bottom: solid 2px #fff;
    border-left: solid 2px #fff;
	-ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	}
	
	.slick-next {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;

	margin: 0 auto;
	}

	.slick-next:before {
	right: 25px;
    display: block;
    position: absolute;
    left: auto;
    top: 50%;
    width: 20px;
    height: 20px;
    margin-top: -4px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
	-ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: '';
	}

}

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

	.slick-prev {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;

	margin: 0 auto;
	z-index: 3000;
	}

	.slick-next {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;

	margin: 0 auto;
	}

}



[dir='rtl'] .slick-prev
{

}


[dir='rtl'] .slick-prev:before
{
    content: '';
    
}


[dir='rtl'] .slick-next
{
    right: auto;
    left: 25px;
}




[dir='rtl'] .slick-next:before
{
    content: '';
}

/* Dots */
.slick-dotted.slick-slider {
/* margin-bottom: 30px; */
}

.slick-dots {
position: absolute;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}

.slick-dots li {
position: relative;
display: inline-block;
width: 10px;
height: 10px;
padding: 0;
cursor: pointer;
}

.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 60px;
height: 60px;
padding: 30px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 1;
}

.slick-dots li button:before {
font-family: 'slick';
line-height: 14px;
position: absolute;
top: 0;
left: 0;
width: 8px;
height: 8px;
content: '•';
text-align: center;
border: 1px solid #000;
border-radius: 50%;
background: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
/* border: 1px solid #fff; */
background: #2e478a;
}

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

	.slick-dots {
	bottom: -40px;
	}

	.slick-dots li button:before {
    font-size: 40px;
    }
    
    .slick-dots li {
    margin: 0 5px;
	}
    
}


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

	.slick-dots {
    position: absolute;
	bottom: -45px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
	}

	.slick-dots li button:before {
    font-size: 40px;
    }

    .slick-dots li {
    margin: 0 5px;
	}

}


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

	.slick-dots li button:before {
    font-size: 60px;
    }

}


@-moz-document url-prefix(){
	.slick-dots li button:before {
    font-size: 20px;
    }
}

@media all and (-ms-high-contrast: none){
	.slick-dots li button:before {
    font-size: 40px;
    }
}