@charset "UTF-8";

/*
■ フォント設定
■ カラー設定
■ 汎用
■ アイコン
■ 横幅最大値・左右余白設定

■ ヘッダー（Header）
■ グローバルナビ：製品（GlobalNavProducts）
■ グローバルナビ：その他（GlobalNavOthers）
■ パン屑リスト（BreadCrumbUnit）
■ ページの先頭へ
■ フッターナビ（FooterNav）
■ フッター（Footer）
■ ヘッダー・フッター以外の領域指定（Stage）

■ ローカルナビ（LocalNav）
■ コンテンツ領域（Contents）

■ 見出し（製品ページ）
■ 見出し（製品ページ以外）

■ メインリード（LeadMain）
■ セクション（製品ページ）
■ セクション（製品ページ以外）
■ 関連情報（RelatedInfo）

■ カラム（Col）

■ 記述リスト（DLHori、DLVert、DLTable）
■ 表組み（Table1、Table2）
■ 囲み（Box）
■ リスト各種
■ テキストリンクアイコン

■ ボタン

■ ページネーション

■ モーダルウインド

■ フォーム

■ PCヘッダー
■ PCフッター

■ 印刷用設定
*/



/* ■ フォント設定 ==================================================================================== */

/*
基準サイズ・フォントファミリー
ウエイト
*/


/* 基準サイズ・フォントファミリー --------------------------------------------------- */
.MovieWraps{margin-bottom: 0;padding: 20px;box-sizing: border-box;}
.MovieWraps video{width: 100%;display: block;object-fit: fill;}
.videos{width: 650px;margin: 0 auto;}
.wximg{width: 120px;height: 120px;display: block;}
@media screen and (max-width: 568px) {
	.videos{width: 90%;margin: 0 auto;}
}
@media only screen and (max-width: 767px) {

	html {
	font-size: 62.5%;
	}
	
	body {
	font-size: 1.6em;
	}

	h1,h2,h3,h4,h5,h6,th,dt,strong,em {
	font-family: '微软雅黑',"Lato","ヒラギノUD角ゴ W5 JIS2004",Sans-Serif;
	line-height: 1.8em;
	font-weight: 700;
	}

	p,td,dl,ul,ol,caption,blockquote,input,select,textarea,div {
	font-family: '微软雅黑',"Lato","ヒラギノUD角ゴ W3 JIS2004",Sans-Serif;
	line-height: 1.8em;
	}

	.FW_N {
	font-family: '微软雅黑',"Lato","ヒラギノUD角ゴ W3 JIS2004",Sans-Serif;
	font-weight: 400;
	}
	
	.FW_B {
	font-family: '微软雅黑',"Lato","ヒラギノUD角ゴ W5 JIS2004",Sans-Serif;
	font-weight: 700;
	}

}

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

	html {
	font-size: 56%;
	}

	body {
	font-size: 1.6em;
	}

	h1,h2,h3,h4,h5,h6,th,dt,strong,em {
	font-family: '微软雅黑',"Lato","ヒラギノUD角ゴ W5 JIS2004","ヒラギノ角ゴ Pro W5","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",Sans-Serif;
	line-height: 1.8em;
	font-weight: 500;
	}

	p,td,dl,ul,ol,caption,blockquote,input,select,textarea,div {
	font-family: '微软雅黑',"Lato","ヒラギノUD角ゴ W3 JIS2004","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",Sans-Serif;
	line-height: 1.8em;
	}

	.FW_N {
	font-family: '微软雅黑',"Lato","ヒラギノUD角ゴ W3 JIS2004","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",Sans-Serif;
	font-weight: 400;
	}
	
	.FW_B {
	font-family: '微软雅黑',"Lato","ヒラギノUD角ゴ W5 JIS2004","ヒラギノ角ゴ Pro W5","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",Sans-Serif;
	font-weight: 700;
	}

}

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

	html {
	font-size: 62.5%;
	}

}



/* ■ カラー設定 ==================================================================================== */

/* 
本文・body背景
リンク
アラート
テキスト個別
ボーダー個別
背景個別
*/


/* 本文・body背景 --------------------------------------------------- */

body {
color: #000;
background: #fff;
}


/* リンク --------------------------------------------------- */
a:link {
color: #3975ae;
text-decoration: none;
}

a:active {
color: #3975ae;
text-decoration: none;
}

a:visited {
color: #3975ae;
text-decoration: none;
}

a:hover {
color: #b91010;
text-decoration: none;
}

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

}

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

}

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

	a:link {
	-webkit-transition: color 0.3s ease 0.01s, background-color 0.3s ease 0.01s, opacity 0.3s ease 0.01s;
	transition: color 0.3s ease 0.01s, background-color 0.3s ease 0.01s, opacity 0.3s ease 0.01s;
	}

	a:hover {
	opacity: 0.7;
	}

}


/* アラート --------------------------------------------------- */

.Alert {
color: #b91010;
}

.Box.Alert,
.Box1.Alert {
border-color: #b91010;
}


/* テキスト個別 --------------------------------------------------- */

.TxtColor1 {
color: #b8b8b8 !important;
}

.TxtColor2 {
color: #b8b8b8 !important;
}

.TxtColor3 {
color: #b8b8b8 !important;
}


/* ボーダー個別 --------------------------------------------------- */

.BorderColor1 {
border-color: #ccc !important;
}

.BorderColor2 {
border-color: #ccc !important;
}

.BorderColor3 {
border-color: #ccc !important;
}


/* 背景個別 --------------------------------------------------- */

.BgColor1 {
background-color: #f6f6f6 !important;
}

.BgColor2 {
background-color: #ccc !important;
}

.BgColor3 {
background-color: #fff !important;
}



/* ■ 汎用 ==================================================================================== */

#Wrapper {
min-width: 320px;
}

/* 非アクティブ */
.Disabled {
opacity: 0.3;
pointer-events: none;
}

.Disabled:hover {
opacity: 0.3;
}

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

	.PC {
	display: none !important;
	}

}

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

	.SP {
	display: none !important;
	}

}

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

}



/* ■ アイコン ==================================================================================== */



/* ■ 横幅最大値・左右余白設定 ==================================================================================== */

#Header,
#GlobalNav,
#FooterNavUnit,
#FooterUnit,
#Stage {
width: 100%;
}

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

	 .Wrap {
	 padding: 0 15px;
	}

	/* スマホのみ */
	 .WrapSP {
	 padding: 0 15px;
	}

}

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

	 .Wrap {
	 padding: 0 30px;
	}

	/* PC・タブレットのみ */
	 .WrapPC {
	 padding: 0 30px;
	}

}

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

	 .Width1,
	 .Width2,
	 .Width3,
	 .Width4 {
	 margin: 0 auto;
	}

	 .Width1 {
	 max-width: 1050px;
	}

	 .Width2 {
	 max-width: 900px;
	}

	 .Width3 {
	 max-width: 1280px;
	}

	/* 小要素 横幅拡張 */
	.Width2Over {
	margin-left: -75px;
	margin-right: -75px;
	}

	.WidthFull1 {
	width: 100vw;
	margin: 0 calc(50% - 50vw);
	padding: 0 50px;
	}

	.WidthFull2 {
	width: 100vw;
	margin: 0 calc(50% - 50vw);
	}

}



/* ■ ヘッダー（Header） ==================================================================================== */

#HeaderGlobalNavWrap {
position: relative;
}

#Header {
background: #000;
}

/* Logo */
.Header_Logo a {
display: block;
position: relative;
line-height: 1.0em;
text-indent: -9999px;
background: url(../images/logo.png) no-repeat;
background-size: cover;
}

/* ログイン・検索・Local Site */
.Header_Login a,
#BtnSearchBox,
#BtnLocalSite {
color: #fff;
}

/* ログイン */
.Header_Login a {
background: url(../images/icon_login.png) no-repeat;
}

/* Local Site */
#BtnLocalSite {
position: relative;
background: url(../images/icon_selectbox.png) no-repeat;
}

#ListLocalSite {
display: none;
position: absolute;
z-index: 30000;
background: #2a2a2a;
}

#ListLocalSite a {
display: block;
position: relative;
line-height: 1.0em;
color: #cacaca;
}

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

	#Header {
	position: relative;
	height: 50px;
	}

	/* Logo */
	.Header_Logo {
	padding-left: 12px;
	padding-top: 16px;
	}

	.Header_Logo a {
	width: 75px;
	height: 16px;
	}

	/* ログイン・検索・Local Site */
	.Header_Login,
	#BtnSearchBox,
	#BtnLocalSite {
	position: absolute;
	top: 15px;
	}

	.Header_Login a,
	#BtnSearchBox,
	#BtnLocalSite {
	display: block;
	font-size: 1.1rem;
	line-height: 1.0em;
	}
		
	/* ログイン */
	.Header_Login {
	right: 210px;
	}

	.Header_Login a {
	padding: 4px 0 4px 17px;
	background-position: 0 1px;
	background-size: 10px 15px;
	}

	/* 検索 */
	#BtnSearchBox {
	right: 140px;
	padding: 4px 0 4px 18px;
	line-height: 1.0em;
	background: url(../images/icon_search2.png) no-repeat;
	background-position: 0 3px;
	background-size: 15px 15px;
	}

	#SearchBox {
	display: none;
	position: absolute;
	left: 0;
	top: 50px;
	z-index: 10000;
	width: 100%;
	padding: 25px 15px;
	background: #1f1f1f;
	}

	/* Local Site */
	#BtnLocalSite {
	right: 60px;
	padding: 3.5px 14px 4px 0;
	background-position: 100% 7px;
	background-size: 10px 6px;
	}

	#ListLocalSite {
	left: 0;
	top: 50px;
	width: 100%;
	}

	#ListLocalSite a {
	position: relative;
	margin-bottom: 1px;
	padding: 18px 15px;
	font-size: 1.5rem;
	background: #1f1f1f;
	}

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

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

	#ListLocalSite a:after {
	right: 15px;
	width: 18px;
	}

	/* メールマガジン */
	.Header_MailNewsUnit {
	margin: 20px 15px 0 15px;
	padding: 20px 30px 25px 30px;
	text-align: center;
	color: #fff;
	background: #2a2a2a;
	}

	.Header_MailNewsUnit .Lead1 {
	font-size: 1.5rem;
	}

	.Header_MailNewsUnit .BtnTo {
	margin-top: 10px;
	}
	
	/* BtnOpenMenu */
	#BtnOpenMenu a {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	text-indent: -9999px;
	}

	#BtnOpenMenu .Current {
	background: #1f1f1f;
	}

	#BtnOpenMenu .HamburgerItem {
	position: absolute;
	display: block;
	width: 20px;
	height: 1px;
	top: 24px;
	left: 0;
	right: 0;
	margin: auto;
	background-color: #fff;
	transition: 0.3s ease 0.01s;
	}

	#BtnOpenMenu .HamburgerItem:nth-child(1) {
	transform: translateY(-7px);
	}

	#BtnOpenMenu .HamburgerItem:nth-child(3) {
	transform: translateY(7px);
	}

	#BtnOpenMenu .Current .HamburgerItem:nth-child(1) {
	transform: translateY(0px) rotate(45deg);
	}
	
	#BtnOpenMenu .Current .HamburgerItem:nth-child(2) {
	transform: translateX(6.3333333333px);
	opacity: 0;
	}
	
	#BtnOpenMenu .Current .HamburgerItem:nth-child(3) {
	transform: translateY(0px) rotate(-45deg);
	}

}

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

	/* Logo */
	.Header_Logo {
	padding-left: 10px;
	}

	/* ログイン */
	.Header_Login {
	right: 170px;
	}

	/* 検索 */
	#BtnSearchBox {
	right: 135px;
	width: 15px;
	text-indent: -9999px;
	}

	/* Local Site */
	#BtnLocalSite {
	right: 60px;
	}

}

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

	#Header {
	height: 90px;
	}

	/* Logo */
	.Header_Logo {
	padding-left: 20px;
	padding-top: 30px;
	}

	.Header_Logo a {
	width: 122px;
	height: 26px;
	}

	/* Logo：50th */
	.Header_Logo a:after {
	display: block;
	position: absolute;
	right: -70px;
	top: -8px;
	width: 60px;
	height: 46px;
	background: url(../images/50th_logo.png) no-repeat;
	background-size: 60px 46px;
	content: "";
	}

	/* ログイン・メルマガ・検索・Local Site */
	.Header_Login,
	.Header_MailNews,
	.Header_Search,
	.Header_LocalSite {
	position: absolute;
	top: 8px;
	}

	.Header_Login a,
	.Header_MailNews a,
	#BtnLocalSite {
	font-size: 1.2rem;
	line-height: 1.0em;
	}

	/* ログイン */
	.Header_Login {
	right: 495px;
	}

	.Header_Login a {
	padding: 2px 0 2px 18px;
	background-position: 0 1px;
	background-size: 10px 15px;
	}

	/* メールマガジン */
	.Header_MailNews {
	right: 365px;
	}

	.Header_MailNews a {
	padding: 2px 0 2px 18px;
	color: #fff;
	background: url(../images/icon_mail.png) no-repeat;
	background-position: 0 4.5px;
	background-size: 13px 9px;
	}
	
	/* 検索 */
	.Header_Search {
	right: 100px;
	}

	#SearchBox {
	display: block !important;
	}
	
	/* Local Site */
	.Header_LocalSite {
	right: 15px;
	}

	#BtnLocalSite {
	padding: 10px 25px 15px 10px;
	background-position: 90% 14px;
	background-size: 10px 6px;
	}

	#BtnLocalSite.Current {
	background-color: #2a2a2a;
	}

	#ListLocalSite {
	top: 38px;
	right: 0;
	min-width: 130px;
	padding: 10px 0 10px 10px;
	}

	#ListLocalSite li {
	display: block;
	}

	#ListLocalSite a {
	padding: 5px 10px 5px 24px;
	font-size: 1.3rem;
	}

	#ListLocalSite a:before {
	display: block;
	position: absolute;
	left: 5px;
	top: 10px;
	width: 10px;
	height: 1px;
	background: #666;
	content: "";
	}

	/* BtnOpenMenu */
	#BtnOpenMenu {
	display: none;
	}

}

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

	/* Logo：50th */
	.Header_Logo a:after {
	right: -85px;
	top: -12px;
	width: 70px;
	height: 53px;
	background-size: 70px 53px;
	}

	/* ログイン */
	.Header_Login {
	right: 530px;
	}

	/* メールマガジン */
	.Header_MailNews {
	right: 390px;
	}

	/* 検索 */
	.Header_Search {
	right: 120px;
	}

	/* Local Site */
	.Header_LocalSite {
	right: 20px;
	}

	#BtnLocalSite {
	padding: 10px 25px 15px 10px;
	background-position: 99% 11px;
	background-position: 88% 15px;
	}

	#ListLocalSite {
	top: 42px;
	min-width: 140px;
	}

	#ListLocalSite a:hover {
	color: #b91010;
	opacity: 1.0;
	}

	#ListLocalSite a:hover:before {
	background: #b91010;
	}

}



/* ■ グローバルナビ：製品（GlobalNavProducts） ==================================================================================== */

/*
親メニュー・共通
カテゴリーリスト
その他 メニューリスト
製品名から探す（A-Z）
検索窓
*/


/* 親メニュー・共通 --------------------------------------------------- */

#GlobalNavProducts {
background: #1f1f1f;
}

#GlobalNavProducts .MdsPS,
#GlobalNavProducts .Parent a {
color: #fff;
background-repeat: no-repeat;
}

#GlobalNavProducts .Parent a {
font-weight: 500;
}

#GlobalNavProducts .Menu1 .Parent a {
background-image: url(../images/icon_cate1.png);
}

#GlobalNavProducts .Menu2 .Parent a {
background-image: url(../images/icon_cate2.png);
}

#GlobalNavProducts .Menu3 .Parent a {
background-image: url(../images/icon_cate3.png);
}

/* 下層メニュー */
#GlobalNavProducts .MegaMenuWrap {
display: block;
position: relative;
float: none;
width: 100%;
border: none;
text-align: left;
background-color: #fff;
}

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

	#GlobalNavWrap {
	display: none;
	position: absolute;
	left: 0;
	top: 50px;
	z-index: 10001;
	width: 100%;
	padding: 20px 0 30px 0;
	background: #1f1f1f;
	}

	#GlobalNavProducts .MdsPS {
	margin-left: 15px;
	margin-bottom: 15px;
	font-size: 1.5rem;
	}

	#GlobalNavProducts .Parent a {
	display: block;
	position: relative;
	padding: 26px 22px 26px 56px;
	border-bottom: 1px solid #666;
	font-size: 1.7rem;
	line-height: 1em;
	background-color: #000;
	background-position: 22px 50%;
	background-size: 25px auto;
	}

	#GlobalNavProducts .Menu1 .Parent a {
	border-top: 1px solid #666;
	}

	/* プラスマイナス アイコン */
	#GlobalNavProducts .Parent a:before,
	#GlobalNavProducts .Parent a:after {
	display: block;
	position: absolute;
	top: 50%;
	right: 15px;
	width: 15px;
	height: 1px;
	background: #fff;
	content: "";
	}

	#GlobalNavProducts .Parent a:after {
	transform: rotate(90deg);
	}

	#GlobalNavProducts .Parent a.Current:after,
	#GlobalNavProducts .Parent a.highlighted:after {
	display: none;
	}

	/* 親メニュー選択時（SmartMenus設定 .highlighted）基本hover色と同じ */
	#GlobalNavProducts .Parent a.Current,
	#GlobalNavProducts .Parent a.highlighted {
	border-bottom: none;
	}

	/* 下層メニュー */
	#GlobalNavProducts .MegaMenuWrap {
	padding: 15px 15px 50px 15px;
	}

}

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

	#GlobalNavWrap {
	display: block !important;
	}

	#GlobalNavProducts {
	position: relative;
	z-index: 10000;
	}

	.Page_Home #GlobalNavProducts.Opened {
	opacity: 1;
	}

	#GlobalNavProducts li {
	display: block;
	float: left;
	}

	#GlobalNavProducts .MdsPS {
	display: none;
	}

	#GlobalNavProducts .Parent a {
	display: block;
	position: relative;
	margin-right: 3px;
	padding: 30px 22px 30px 56px;
	font-size: 1.7rem;
	line-height: 1em;
	background-position: 22px 50%;
	background-size: 24px auto;
	}

	/* 親メニュー選択時（SmartMenus設定 .highlighted）基本hover色と同じ */
	#GlobalNavProducts .Parent a.highlighted {
	background-color: #2a2a2a;
	}

	/* 親メニュー：カレント */
	#PageProducts_Professional #GlobalNavProducts .Menu1 .Parent a {
	background-color: #2a2a2a;
	}

	#PageProducts_Sports #GlobalNavProducts .Menu2 .Parent a {
	background-color: #2a2a2a;
	}

	#PageProducts_House_of_worship #GlobalNavProducts .Menu3 .Parent a {
	background-color: #2a2a2a;
	}

	/* 下層メニュー */
	#GlobalNavProducts .Level2 {
	position: absolute;
	z-index: 10001;
	}
	
	#GlobalNavProducts .MegaMenuWrap {
	padding: 30px 30px 140px 30px;
	box-shadow: 0px 4px 20px -4px #ccc;
	}
	
	/* メガメニュー閉じるボタン */
	#GlobalNavProducts .BtnCloseMegaMenu {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	background: #2a2a2a url(../images/icon_close.png) no-repeat;
	background-position: 50% 50%;
	background-size: 15px auto;
	}

	/* TOPページ 透過 */
/*
	.Page_Home #GlobalNavProducts {
	opacity: 0.9;
	}
*/

}

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

	#GlobalNavProducts {
	padding-left: 20px;
	}

	#GlobalNavProducts .MdsPS {
	display: block;
	margin-right: 30px;
	padding: 32px 0 30px 0;
	font-size: 1.4rem;
	line-height: 1em;
	}

	#GlobalNavProducts .Parent a {
	padding: 30px 28px 30px 70px;
	background-position: 25px 50%;
	background-size: 30px 35px;
	}

	#GlobalNavProducts .Parent {
	display: block;
	position: relative;
	}

	#GlobalNavProducts .Menu1 .Parent:before {
	position: absolute;
	left: -22px;
	top: 34px;	
	width: 8px;
	height: 11px;
	background: url(../images/icon_allow.png) no-repeat;
	background-size: 8px 11px;
	content: "";
	}

	/* hover */
	#GlobalNavProducts .Parent a:hover {
	background-color: #2a2a2a;
	opacity: 1;
	}

	/* メガメニュー閉じるボタン */
	#GlobalNavProducts .BtnCloseMegaMenu {
	width: 60px;
	height: 60px;
	background-size: 20px auto;
	}

}


/* カテゴリーリスト --------------------------------------------------- */

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

}

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

	#GlobalNavProducts .GlobalNavProducts_CateWrap {
	max-width: 1280px;
	margin: 0 auto;
	}
}

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

}


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

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

}

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

	#GlobalNavProducts .GlobalNavProducts_OthersWrap {
	max-width: 1280px;
	margin: 30px auto 0 auto;
	}

}

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

}


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

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

	#GlobalNavProducts .GlobalNavProducts_NameWrap {
	margin-top: 30px;
	}

}

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

	#GlobalNavProducts .GlobalNavProducts_NameWrap {
	max-width: 1280px;
	margin: 70px auto 0 auto;
	}

}

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

}


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

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

	#GlobalNavProducts .GlobalNavProducts_SearchWrap {
	margin-top: 30px;
	}

}

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

	#GlobalNavProducts .GlobalNavProducts_SearchWrap {
	max-width: 800px;
	margin: 70px auto 0 auto;
	}

}

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

}



/* ■ グローバルナビ：その他（GlobalNavOthers） ==================================================================================== */

#GlobalNavOthers .Parent a {
position: relative;
color: #fff;
}

#GlobalNavOthers .Parent a:before {

}

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

	#GlobalNavOthers {
	margin: 30px 15px 0 15px;
	}

	#GlobalNavOthers .Parent a {
	margin-top: 5px;
	padding: 14px 15px;
	border: 1px solid #666;
	}

	/* プラスマイナス アイコン */
	#GlobalNavOthers .Parent a:before,
	#GlobalNavOthers .Parent a:after {
	display: block;
	position: absolute;
	top: 50%;
	right: 15px;
	width: 15px;
	height: 1px;
	background: #fff;
	content: "";
	}

	#GlobalNavOthers .Parent a:after {
	transform: rotate(90deg);
	}

	/* 親メニュー選択時（SmartMenus設定 .highlighted）基本hover色と同じ */
	#GlobalNavOthers .Parent a.Current:after,
	#GlobalNavOthers .Parent a.highlighted:after {
	display: none;
	}

	/* 子メニュー */
	#GlobalNavOthers .Level2 a {
	position: relative;
	margin-bottom: 1px;
	padding: 14px 15px;
	font-size: 1.5rem;
	color: #fff;
	background: #2f2f2f;
	}

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

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

	#GlobalNavOthers .Level2 a:after {
	right: 15px;
	width: 18px;
	}

	/* 孫メニュー */
	#GlobalNavOthers .Level3 a {
	background-color: #404040;
	}

}

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

	#GlobalNavOthers {
	position: absolute;
	top: 55px;
	right: 30px;
	z-index: 20000;
	}

	#GlobalNavOthers .Level1 {
	display: inline-block;
	margin-left: 30px;
	}

	#GlobalNavOthers .Parent a {
	font-size: 1.4rem;
	}

	#GlobalNavOthers .Parent a:before {
	display: block;
	position: absolute;
	height: 1px;
	left: -19px;
	top: 50%;
	width: 10px;
	background: #b91010;
	content: "";
	}

	/* 下層メニュー */
	#GlobalNavOthers .Level2 {
	position: absolute;
	left: -20px !important;
	top: 34px !important;
	z-index: 20000;
	min-width: 200px !important;
	padding: 14px 0 14px 30px;
	background-color: #2a2a2a;
	} 
	#GlobalNavOthers .Leveser{min-width: 140px !important;height: 140px;left: auto !important;right: 0;}

	#GlobalNavOthers .Menu3 .Level2,
	#GlobalNavOthers .Menu4 .Level2,
	#GlobalNavOthers .Menu5 .Level2 {
	left: inherit !important;
	right: 0 !important;
	}
	
	#GlobalNavOthers .Level2 li {
	display: block;
	}

	#GlobalNavOthers .Level2 a {
	position: relative;
	padding: 5px 10px 5px 10px;
	font-size: 1.4rem;
	color: #cacaca;
	}

	#GlobalNavOthers .Level2 a:before {
	display: block;
	position: absolute;
	left: -10px;
	top: 14px;
	width: 10px;
	height: 1px;
	background: #666;
	content: "";
	}

	/* 孫メニュー */
	#GlobalNavOthers .Level3 {
	position: absolute;
	left: 0 !important;
	top: 10px !important;
	width: 200px !important;
	padding: 15px 30px;
	background-color: #404040;
	}

	/* 親メニュー選択時（SmartMenus設定 .highlighted）基本hover色と同じ */
	#GlobalNavOthers .Parent a.highlighted {
	color: #b91010;
	}
	
}

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

	#GlobalNavOthers {
	right: 40px;
	}

	#GlobalNavOthers .Level1 {
	margin-left: 50px;
	}

	/* 親メニュー選択時（SmartMenus設定 .highlighted）基本hover色と同じ */
	#GlobalNavOthers .Parent a:hover {
	color: #b91010;
	opacity: 1.0;
	}

	/* 下層メニュー */
	#GlobalNavOthers .Level2 {
	min-width: 230px !important;
	}
	#GlobalNavOthers .Leveser{min-width: 140px !important;height: 140px;left: auto !important;right: 0;
	padding: 10px !important;box-sizing: border-box;}

	#GlobalNavOthers .Level2 a:hover {
	color: #b91010;
	opacity: 1.0;
	}

	#GlobalNavOthers .Level2 a:hover:before {
	background: #b91010;
	}

	/* 孫メニュー */
	#GlobalNavOthers .Level3 {
	top: 13px !important;
	}

}



/* ■ パン屑リスト（BreadCrumbUnit） ==================================================================================== */

.BreadCrumb {
background: #f6f6f6;
}

.BreadCrumbUnit li {
display: inline;
position: relative;
margin-right: 4px;
padding-left: 14px;
line-height: 1.5em;
}

.BreadCrumbUnit li:after {
display: block;
position: absolute;
left: 1px;
top: 50%;
width: 0;
height: 0;
margin-top: -4px;
border-style: solid;
border-width: 4px 0 4px 5px;
border-color: transparent transparent transparent #a0a0a0;
content: '';
}

.BreadCrumbUnit li:first-child {
background-image: url(../images/icon_pathhome.png);
background-repeat: no-repeat;
}

.BreadCrumbUnit li:first-child:after {
display: none;
}

.BreadCrumbUnit li:last-child a {
color: #000;
text-decoration: none;
}

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

	.BreadCrumb {
	padding: 10px 0 5px 15px;
	width: 100%;
	-webkit-overflow-scrolling: touch;
	overflow-x: scroll;
	white-space: nowrap;
	}

	.BreadCrumbUnit {
	width: 100%;
	white-space: nowrap;
	}

	.BreadCrumbUnit li {
	display: inline-block;
	max-width: 200px;
	font-size: 72%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	}

	.BreadCrumbUnit li:first-child {
	padding-left: 18px;
	background-position: 0 49%;
	background-size: 10px 12px;
	}

}

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

	.BreadCrumb {
	padding: 10px 0 10px 30px;
	}

	.BreadCrumbUnit li {
	font-size: 79%;
	}

	.BreadCrumbUnit li:first-child {
	padding-left: 17px;
	background-position: 0 0;
	background-size: 9px 11px;
	}
	
}

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

	.BreadCrumb {
	padding: 10px 0 10px 20px;
	}

	.BreadCrumbUnit li:first-child {
	padding-left: 20px;
	background-size: 11px 13px;
	}

}



/* ■ ページの先頭へ ==================================================================================== */

#PageTop {
display: none;
position: fixed;
z-index: 3000;
right: 0;
bottom: 0;
opacity: 0.5;
}

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

	#PageTop img {
	width: 50px;
	}

}

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

	#PageTop img {
	width: 80px;
	}

}


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

}



/* ■ フッターナビ（FooterNav） ==================================================================================== */

/*
共通
製品カテゴリ
製品カテゴリ以外
サブ・SNS・メルマガ
*/


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

#FooterNav {
background: #252525;
}

#FooterNavUnit a {
display: block;
}

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

	#FooterNav {
	padding-top: 30px;
	}

	#FooterNavUnit {
	padding: 0 15px;
	}

}

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

	#FooterNav {
	padding: 40px 0;
	}

	#FooterNavUnit {
	max-width: 1340px;
	margin: 0 auto;
	padding: 0 30px;
	}
	
}

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

	#FooterNav {
	padding: 70px 0;
	}

}


/* 製品カテゴリ --------------------------------------------------- */

#FooterNavUnit .CateUnit .Mds {
color: #fff;
}

#FooterNavUnit .CateUnit a {
line-height: 1em;
color: #fff;
background-color: #2a2a2a;
background-repeat: no-repeat;
}

#FooterNavUnit .CateUnit .Cate1 {
background-image: url(../images/icon_cate1.png);
}

#FooterNavUnit .CateUnit .Cate2 {
background-image: url(../images/icon_cate2.png);
}

#FooterNavUnit .CateUnit .Cate3 {
background-image: url(../images/icon_cate3.png);
}

#FooterNavUnit .CateUnit .Cate4 {
background-image: url(../images/icon_cate4.png);
}

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

	#FooterNavUnit .CateUnit .Col {
	margin-top: 10px;
	}

	#FooterNavUnit .CateUnit a {
	padding: 20px 0 20px 55px;
	font-size: 1.7rem;
	background-position: 15px 50%;
	background-size: 25px auto;
	}

}

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

	#FooterNavUnit .CateUnit .Col {
	margin-top: 20px;
	}

	#FooterNavUnit .CateUnit a {
	padding: 90px 0 30px 0;
	font-size: 1.7rem;
	text-align: center;
	background-position: 50% 28px;
	background-size: 38px auto;
	}

}

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

	#FooterNavUnit .CateUnit a:hover {
	background-color: #323232;
	opacity: 1;
	}

}


/* 製品カテゴリ以外 --------------------------------------------------- */

#FooterNavUnit .BtnOpenClose a {
color: #fff;
}

/* 子メニュー */
#FooterNavUnit .OpenCloseUnit a,
#FooterNavUnit .MenuUtility a {
position: relative;
color: #cacaca;
}

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

	#FooterNavUnit .UnitWrap {
	margin-top: 20px;
	}

	#FooterNavUnit .Unit {
	margin-top: 5px;
	}

	#FooterNavUnit .BtnOpenClose {
	display: block;
	position: relative;
	padding: 10px 15px 11px 15px;
	border: 1px solid #666;
	cursor: pointer;
	}

	#FooterNavUnit .BtnOpenClose a {
	pointer-events: none;
	}

	/* プラスマイナス アイコン */
	#FooterNavUnit .BtnOpenClose:before,
	#FooterNavUnit .BtnOpenClose:after {
	display: block;
	position: absolute;
	top: 50%;
	right: 15px;
	width: 15px;
	height: 1px;
	background: #fff;
	content: "";
	}

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

	#FooterNavUnit .BtnOpenClose.Current:after {
	display: none;
	}

	/* 子メニュー */
	#FooterNavUnit .OpenCloseUnit {
	display: none;
	}

	#FooterNavUnit .OpenCloseUnit a {
	position: relative;
	margin-bottom: 1px;
	padding: 10px 15px;
	font-size: 1.5rem;
	background: #2f2f2f;
	}

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

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

	#FooterNavUnit .OpenCloseUnit a:after {
	right: 15px;
	width: 18px;
	}

}

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

	#FooterNavUnit .UnitWrap {
	display: flex;
	flex-wrap: wrap;
	margin: 20px -1% 0 -1%;
	}
	
	#FooterNavUnit .Unit {
	width: calc(19% - 1%);
	margin: 0 1% 2%;
	padding-top: 30px;
	border-top: 1px solid #666;
	}

	/* 見出し（カテゴリ名） */
	#FooterNavUnit .BtnOpenClose a {
	margin-bottom: 7px;
	font-size: 1.6rem;
	line-height: 1.5em;
	pointer-events: none;
	}
	
	/* 子メニュー */
	#FooterNavUnit .OpenCloseUnit {
	display: block !important;
	margin-top: 15px;
	}

	#FooterNavUnit .OpenCloseUnit a {
	margin-bottom: 11px;
	}

	#FooterNavUnit .OpenCloseUnit a,
	#FooterNavUnit .MenuUtility a {
	padding-left: 15px;
	font-size: 1.4rem;
	line-height: 1.5em;
	}
	
	#FooterNavUnit .OpenCloseUnit a:before,
	#FooterNavUnit .MenuUtility a:before {
	display: block;
	position: absolute;
	left: 0;
	top: 8px;
	width: 6px;
	height: 1px;
	background: #666;
	content: '';
	}

}

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

	/* 見出し（カテゴリ名） */
	#FooterNavUnit .BtnOpenClose a:hover {
	opacity: 1;
	}

	#FooterNavUnit .OpenCloseUnit a:before,
	#FooterNavUnit .MenuUtility a:before {
	top: 10px;
	}

}


/* サブ・SNS・メルマガ --------------------------------------------------- */

/* SNS */
#FooterNavUnit .MenuSns li {
display: inline-block;
color: #cacaca;
}

#FooterNavUnit .MenuFacebook a,
#FooterNavUnit .MenuTwitter a,
#FooterNavUnit .MenuLinkedin a {
text-indent: -9999px;
background-repeat: no-repeat;
background-position: 50% 50%;
}

#FooterNavUnit .MenuFacebook a {
background-image: url(../images/icon_facebook.png);
}

#FooterNavUnit .MenuTwitter a {
background-image: url(../images/icon_twitter.png);
}

#FooterNavUnit .MenuLinkedin a {
background-image: url(../images/icon_linkedin.png);
}

/* メルマガ */
#FooterNavUnit .MenuMailNews li {
color: #fff;
}

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

	#FooterNavUnit .SuvMenuWrap {
	margin-top: 20px;
	}

	/* サブ */
	#FooterNavUnit .MenuUtility li a {
	position: relative;
	padding: 8px 15px;
	font-size: 1.5rem;
	border-bottom: 1px solid #666;
	}

	#FooterNavUnit .MenuUtility li:first-child a {
	border-top: 1px solid #666;
	}

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

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

	#FooterNavUnit .MenuUtility a:after {
	right: 15px;
	width: 18px;
	}

	/* SNS */
	#FooterNavUnit .MenuSns {
	padding: 20px 0 30px 0;
	text-align: center;
	}

	#FooterNavUnit .MenuSns .Mds {
	display: block;
	margin-bottom: 5px;
	}

	#FooterNavUnit .MenuFacebook a,
	#FooterNavUnit .MenuTwitter a {
	width: 35px;
	height: 35px;
	margin: 0 5px;
	background-size: cover;
	}

	#FooterNavUnit .MenuLinkedin a {
	width: 35px;
	height: 30px;
	margin: 0 10px;
	background-position: 50% 0;
	background-size: cover;
	}

	/* メルマガ */
	#FooterNavUnit .MenuMailNews {
	margin: 0 -15px;
	padding: 20px 15px 30px 15px;
	text-align: center;
	background: #2a2a2a;
	}

	#FooterNavUnit .MenuMailNews .Mds {
	margin-bottom: 5px;
	}

	#FooterNavUnit .MenuMailNews .BtnMailNews {
	padding: 0 30px;
	}

}

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

	#FooterNavUnit .SuvMenuWrap {
	display: flex;
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #666;
	}

	/* サブ */
	#FooterNavUnit .MenuUtility li {
	display: block;
	margin-right: 25px;
	margin-bottom: 5px;
	}

	/* SNS */
	#FooterNavUnit .MenuSns {
	padding-left: 22px;
	border-left: 1px solid #666;
	}

	#FooterNavUnit .MenuSns li {
	margin-right: 5px;
	font-size: 1.4rem;
	vertical-align: middle;
	}

	#FooterNavUnit .MenuSns .Mds {
	margin-right: 10px;
	}

	#FooterNavUnit .MenuFacebook a,
	#FooterNavUnit .MenuTwitter a {
	width: 25px;
	height: 25px;
	background-size: cover;
	}

	#FooterNavUnit .MenuLinkedin a {
	width: 25px;
	height: 21px;
	margin-left: 5px;
	background-size: cover;
	}

	/* メルマガ */
	#FooterNavUnit .MenuMailNews {
	margin-left: auto;
	}

	#FooterNavUnit .MenuMailNews li {
	display: inline-block;
	vertical-align: middle;
	}

	#FooterNavUnit .MenuMailNews .Mds {
	margin-right: 10px;
	}

	#FooterNavUnit .MenuMailNews .BtnMailNews a {
	width: 180px;
	}

}

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

	/* サブ */
	#FooterNavUnit .MenuUtility li {
	display: inline-block;
	}

	/* SNS */
	#FooterNavUnit .MenuSns .Mds {
	margin-right: 15px;
	}

	/* メルマガ */
	#FooterNavUnit .MenuMailNews .Mds {
	margin-right: 15px;
	}

}



/* ■ フッター（Footer） ==================================================================================== */

#Footer {
color: #cacaca;
background: #000;
}

#Footer .Logo a {
display: inline-block;
text-indent: -9999px;
background: url(../images/logo.png) no-repeat;
}

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

	#Footer {
	padding: 25px 15px;
	text-align: center;
	}

	#Footer .Logo a {
	position: relative;
	width: 100px;
	height: 21px;
	background-size: cover;
	}

	/* Logo：50th */
	#Footer .Logo {
	padding-top: 70px;
	}

	#Footer .Logo a:after {
	display: block;
	position: absolute;
	left: 50%;
	top: -75px;
	width: 70px;
	height: 53px;
	margin-left: -35px;
	background: url(../images/50th_logo.png) no-repeat;
	background-size: 70px 53px;
	content: "";
	}
	
	#Footer .Copyright {
	font-size: 1rem;
	line-height: 1em;
	}

}

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

	#Footer {
	height: 80px;
	padding: 0 20px;
	}

	#Footer .Logo,
	#Footer .Copyright {
	display: inline-block;
	}

	#Footer .Logo {
	margin-top: 25px;
	}
	
	#Footer .Logo a {
	width: 122px;
	height: 26px;
	background-size: cover;
	}
	
	#Footer .Copyright {
	margin-left: 10px;
	font-size: 1rem;
	}

}

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

}



/* ■ ヘッダー・フッター以外の領域指定（Stage） ==================================================================================== */

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

	#Stage {
	}

}

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

	#Stage {
	position: relative;
	}

	#Stage.StageWrap:before {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.5;
	content: "";
	}

}

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

}



/* ■ ローカルナビ（LocalNav） ==================================================================================== */

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

}

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

	#LocalNavWrap_L {
	position: sticky;
	top: 30px;
	align-self: baseline;
	width: 24%;
	}

}

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

}



/* ■ コンテンツ領域（Contents） ==================================================================================== */

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

	#ContentsWrap {
	padding-top: 30px;
	padding-bottom: 30px;
	}

	/* PC左右レイアウト */
	#Contents_R {
	padding: 30px 15px 30px 15px;
	}

}

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

	#ContentsWrap {
	padding-top: 50px;
	padding-bottom: 50px;
	}

	/* PC左右レイアウト */
	#ContentsLR {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start
	align-items: baseline;
	max-width: 1340px;
	margin: 0 auto;
	padding: 50px 30px 50px 30px;
	overflow: visible;
	}

	#Contents_R {
	width: 76%;
	padding-left: 6%;
	}
	
}

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

	#ContentsWrap {
	padding-bottom: 80px;
	}

	/* PC左右レイアウト */
	#ContentsLR {
	padding: 60px 30px 80px 30px;
	}

}



/* ■ 見出し（製品ページ） ==================================================================================== */

/* h1 */
.MdsH1 {
border-bottom: 1px solid #b91010;
}

.MdsH1.NoBorder {
border-bottom: none;
}

/* h2 */
.MdsH2 {
border-bottom: 1px solid #b91010;
}

.MdsH2.NoBorder {
border-bottom: none;
}

/* h3 */
.MdsH3 {
}

/* h4 */
.MdsH4 {
display: inline-block;
border-bottom: 1px solid #d5d5d5;
}

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

	/* h1 */
	.MdsH1 {
	padding-bottom: 10px;
	font-size: 2.5rem;
	line-height: 1.4em;
	}
	
	/* h2 */
	.MdsH2 {
	padding-bottom: 10px;
	font-size: 2.5rem;
	line-height: 1.6em;
	}

	.MdsH2.NoBorder {
	padding-bottom: 0;
	}
	
	/* h3 */
	.MdsH3 {
	margin-bottom: 10px;
	font-size: 2.2rem;
	line-height: 1.4em;
	}
	
	/* h4 */
	.MdsH4 {
	margin-bottom: 15px;
	padding-bottom: 3px;
	font-size: 1.8rem;	
	}

}

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

	/* h1 */
	.MdsH1 {
	padding-bottom: 25px;
	font-size: 4rem;
	line-height: 1.4em;
	}
	
	/* h2 */
	.MdsH2 {
	padding-bottom: 25px;
	font-size: 4rem;
	line-height: 1.6em;
	text-align: center;
	}

	.MdsH2.NoBorder {
	padding-bottom: 0;
	}
	
	/* h3 */
	.MdsH3 {
	margin-bottom: 20px;
	font-size: 2.6rem;
	line-height: 1.3em;
	}
	
	/* h4 */
	.MdsH4 {
	margin-bottom: 20px;
	padding-bottom: 10px;
	font-size: 2.0rem;
	line-height: 1.3em;
	}

}

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

	/* h2 */
	.MdsH2 {
	padding-bottom: 30px;
	}

	.MdsH2.NoBorder {
	padding-bottom: 0;
	}

}



/* ■ 見出し（製品ページ以外） ==================================================================================== */

/* h1 */
.MdsH1In {
border-bottom: 1px solid #b91010;
}

.MdsH1In.NoBorder {
border-bottom: none;
}

/* h2 */
.MdsH2In {
}

/* h3 */
.MdsH3In {
}

/* h4 */
.MdsH4In {
display: inline-block;
border-bottom: 1px solid #d5d5d5;
}

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

	/* h1 */
	.MdsH1In {
	padding-bottom: 10px;
	font-size: 2.5rem;
	line-height: 1.4em;
	}
	
	/* h2 */
	.MdsH2In {
	font-size: 2.0rem;
	line-height: 1.6em;
	}

	/* h3 */
	.MdsH3In {
	margin-bottom: 10px;
	font-size: 1.8rem;
	line-height: 1.6em;
	}
	
	/* h4 */
	.MdsH4In {
	margin-bottom: 10px;
	padding-bottom: 3px;
	font-size: 1.6rem;
	line-height: 1.6em;
	}

}

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

	/* h1 */
	.MdsH1In {
	padding-bottom: 25px;
	font-size: 4rem;
	line-height: 1.4em;
	}
	
	/* h2 */
	.MdsH2In {
	font-size: 2.6rem;
	line-height: 1.6em;
	}

	/* h3 */
	.MdsH3In {
	margin-bottom: 10px;
	font-size: 2.1rem;
	line-height: 1.6em;
	}
	
	/* h4 */
	.MdsH4In {
	margin-bottom: 5px;
	padding-bottom: 3px;
	font-size: 1.7rem;
	line-height: 1.6em;	
	}

}

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

}



/* ■ セクション（製品ページ以外） ==================================================================================== */

.SectionMainIn.Border {
border-top: 1px solid #d5d5d5;
}

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

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

	.SectionMainIn {
	margin-top: 30px;
	}

	.SectionMainIn.Border {
	padding-top: 0;
	}

	.SectionSubIn {
	margin-top: 20px;
	padding-top: 20px;
	}

}

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

	.SectionMainIn {
	margin-top: 50px;
	}

	.SectionMainIn.Border {
	padding-top: 0;
	}

	.SectionSubIn {
	margin-top: 30px;
	padding-top: 30px;
	}

}

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

}



/* ■ メインリード（LeadMain） ==================================================================================== */

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

	.LeadMain {
	margin-top: 30px;
	}

}

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

	.LeadMain {
	margin-top: 30px;
	}

}

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

	.LeadMain {
	}

}



/* ■ セクション（製品ページ）==================================================================================== */

/*
共通
SectionWrap
メイン
サブ
*/


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

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

	 .SectionMain .Photo,
	 .SectionSub .Photo,
	 .SectionSub2 .Photo {
	 margin-top: 20px;
	}

	 .SectionMain .Lead,
	 .SectionSub .Lead,
	 .SectionSub2 .Lead {
	 margin-top: 15px;
	}

}

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

	 .SectionMain .Photo,
	 .SectionSub .Photo,
	 .SectionSub2 .Photo {
	 margin-top: 30px;
	}

	 .SectionMain .Lead,
	 .SectionSub .Lead,
	 .SectionSub2 .Lead {
	 margin-top: 20px;
	}

}

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

	 .SectionMain .Photo,
	 .SectionSub .Photo,
	 .SectionSub2 .Photo {
	 margin-top: 50px;
	}

	 .SectionMain .Lead,
	 .SectionSub .Lead,
	 .SectionSub2 .Lead {
	 margin-top: 20px;
	}

	 .SectionMain .LRBox .Photo,
	 .SectionSub .LRBox .Photo,
	 .SectionSub2 .LRBox .Photo {
	 margin-top: 0;
	}

}


/* SectionWrap --------------------------------------------------- */

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

	 .SectionWrap {
	 padding: 30px 15px;
	}

	.SectionWrap.SectionWrapS {
	padding-top: 5px;
	}

}

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

	 .SectionWrap {
	 padding: 40px 30px;
	}

}

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

	.SectionWrap {
	padding-top: 80px;
	padding-bottom: 80px;
	}

	.SectionWrap.SectionWrapS {
	padding-top: 20px;
	}

}


/* メイン --------------------------------------------------- */

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

	.SectionMain {
	margin-top: 20px;
	}

}

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

	.SectionMain {
	margin-top: 30px;
	}

}

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

	.SectionMain {
	margin-top: 50px;
	}

}

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


/* サブ --------------------------------------------------- */

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

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

	.SectionSub {
	margin-top: 30px;
	padding-top: 20px;
	}

	.SectionSub2 {
	margin-top: 20px;
	}
	
}

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

	.SectionSub {
	margin-top: 30px;
	padding-top: 30px;
	}

	.SectionSub2 {
	margin-top: 30px;
	}
	
}

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

	.SectionSub {
	margin-top: 80px;
	padding-top: 50px;
	}

	.SectionSub2 {
	margin-top: 40px;
	}

}

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



/* ■ 関連情報（RelatedInfo） ==================================================================================== */

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

	.RelatedInfo .Mds {
	margin-bottom: 5px;
	font-size: 108%;
	}
	
}

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

	.RelatedInfo .Mds {
	margin-bottom: 5px;
	font-size: 108%;
	}
	
}



/* ■ カラム（Col） ==================================================================================== */

/*
6カラム to 3カラム
5カラム to 3カラム
4カラム to 2カラム
4カラム to 1カラム
3カラム to 2カラム
3カラム to 1カラム
2カラム to 2カラム
2カラム to 1カラム
*/


/* 6カラム to 3カラム --------------------------------------------------- */

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

	.Col6_Col3 {
	margin: 0 -1%;
	}
	
	.Col6_Col3 li {
	width: calc(32.33333333% - 1%);
	margin: 0 1% 2%;
	}
	
}

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

	.Col6_Col3 {
	margin: 0 -0.5%;
	}
	
	.Col6_Col3 li {
	width: calc(16% - 0.5%);
	margin: 0 0.5% 1%;
	}

}

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

}


/* 5カラム to 3カラム --------------------------------------------------- */

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

	.Col5_Col3 {
	margin: 0 -1%;
	}
	
	.Col5_Col3 li {
	width: calc(32.33333333% - 1%);
	margin: 0 1% 2%;
	}
	
}

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

	.Col5_Col3 {
	margin: 0 -1%;
	}
	
	.Col5_Col3 li {
	width: calc(19% - 1%);
	margin: 0 1% 2%;
	}

}

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

}


/* 4カラム to 2カラム --------------------------------------------------- */

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

	.Col4_Col2 {
	margin: 0 -2%;
	}

	.Col4_Col2 li {
	width: calc(48% - 2%);
	margin: 0 2% 2%;
	}

}

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

	.Col4_Col2 {
	margin: 0 -1.5%;
	}

	.Col4_Col2 li {
	width: calc(23.5% - 1.5%);
	margin: 0 1.5% 2%;
	}

}

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

}


/* 4カラム to 1カラム --------------------------------------------------- */

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

	.Col4_Col1 li {
	width: 100%;
	margin-top: 5px;
	}

}

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

	.Col4_Col1 {
	margin: 0 -1.5%;
	}

	.Col4_Col1 li {
	width: calc(23.5% - 1.5%);
	margin: 0 1.5% 2%;
	}

}

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

}


/* 3カラム to 2カラム --------------------------------------------------- */

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

	.Col3_Col2 {
	margin: 0 -2%;
	}

	.Col3_Col2 li {
	width: calc(48% - 2%);
	margin: 0 2% 2%;
	}

}

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

	.Col3_Col2 {
	margin: 0 -1%;
	}

	.Col3_Col2 li {
	width: calc(32.33333333% - 1%);
	margin: 0 1% 2%;
	}

}

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

}


/* 3カラム to 1カラム --------------------------------------------------- */

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

	.Col3_Col1 li {
	width: 100%;
	margin-top: 5px;
	}

}

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

	.Col3_Col1 {
	margin: 0 -1%;
	}

	.Col3_Col1 li {
	width: calc(32.33333333% - 1%);
	margin: 0 1% 2%;
	}

}

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

}


/* 2カラム to 1カラム --------------------------------------------------- */

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

	.Col2_Col2 {
	margin: 0 -2%;
	}

	.Col2_Col2 li {
	width: calc(48% - 2%);
	margin: 0 2% 2%;
	}

}

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

	.Col2_Col2 {
	margin: 0 -2%;
	}

	.Col2_Col2 li {
	width: calc(48% - 2%);
	margin: 0 2% 2%;
	}

}

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

}


/* 2カラム to 1カラム --------------------------------------------------- */

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

	.Col2_Col1 li {
	width: 100%;
	margin-top: 5px;
	}

}

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

	.Col2_Col1 {
	margin: 0 -2%;
	}

	.Col2_Col1 li {
	width: calc(48% - 2%);
	margin: 0 2% 2%;
	}

}

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

}



/* ■ 記述リスト（DLHori、DLVert、DLTable） ==================================================================================== */

/*
左右（dlh）
上下（dlv）
テーブルスタイル（dlt）
*/

/* 左右（dlh） --------------------------------------------------- */

.DLHori dl {
border-bottom: 1px solid #e7e7e7;
}

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

	/* 左右（dlh） */
	.DLHori {
	margin-top: -10px;
	}

	.DLHori dt,
	.DLHori dd {
	padding: 10px 0;
	}

}

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

	.DLHori {
	margin-top: -15px;
	}
	
	
	 .DLHori dt {
		width: 18%;
		padding: 15px 0;
	}
	
	 .DLHori dd {
		width: 82%;
		padding: 15px 0;
	}
	.NoBorder .Photo1 {
		width: 25%;
		margin-left: 30px;
	}
	.LogoUnit .Photo {
		width: 20%;
		margin-right: 30px;
	}
	 .ThemeUnit .Photo {
		width: 50%;
	}
	 .MessageVisual .Lead {
		margin-top: 20px;
	}

}
@media screen and (max-width: 568px) {
	.DLHori dt {
		width: 100%;
		padding:  0;
	}
	.LogoUnit .Photo {
		width: 20%;
		margin-right: 30px;
	}
	 .ThemeUnit .Photo {
		width: 50%;
	}
	.DLHori dl{display: block;}
	.NoBorder .Photo1 {
		width: 25%;
		margin-left: 30px;
	}
	 .DLHori dd {
		width: 100%;
		padding:  0;
		display: block;
		margin: 0;
	}
	.wximg{margin: 20px auto 0 !important;}
}
@media print, screen and (min-width: 1090px) {
	
}

/* 上下（dlv） --------------------------------------------------- */

.DLVert dl {
border-bottom: 1px solid #e7e7e7;
}

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

	.DLVert {
	margin-top: -10px;
	}

	.DLVert dl {
	padding: 10px 0;
	}

	.DLVert dt {
	margin-bottom: 3px;
	}

}

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

	.DLVert {
	margin-top: -15px;
	}

	.DLVert dl {
	padding: 15px 0;
	}

	.DLVert dt {
	margin-bottom: 5px;
	}

}

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

}

/* テーブルスタイル（dlt） --------------------------------------------------- */

.DLTable {
border-top: 1px solid #b8b8b8;
}

.DLTable dl {
border-left: 1px solid #b8b8b8;
}

.DLTable dt,
.DLTable dd {
padding: 10px 15px;
border-right: 1px solid #b8b8b8;
border-bottom: 1px solid #b8b8b8;
}

.DLTable dt {
background: #f2f2f2;
}

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

}

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

}

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

}


/* ■ 表組み（Table1、Table2） ==================================================================================== */

.Table1 th,
.Table2 th,
.Table1 td,
.Table2 td {
padding: 10px 15px;
border: 1px solid #d5d5d5;
}

.Table1 th,
.Table2 th {
background: #f2f2f2;
}

.Table1 td,
.Table2 td {
background: #fff;
}

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

	.TableScroll {
	overflow: auto;
/* 	white-space: nowrap; */
	}

}

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

}

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

}



/* ■ 囲み（Box） ==================================================================================== */

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

.Box2 {
background: #f6f6f6;
}

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

	.Box1,
	.Box2 {
	padding: 15px 15px;
	}

}

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

	.Box1,
	.Box2 {
	padding: 20px 20px;
	}

}

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

	.Box1,
	.Box2 {
	padding: 30px 30px;
	}

}



/* ■ リスト各種 ==================================================================================== */

/*
ディスク（ListDisc）
ディスク：小（ListDiscS）
米印（ListKome）
米印：小（ListKomeS）
連番（ListNum）
連番：小（ListNumS）
米印連番：小（ListKomeNumS）
*/


/* ディスク（ListDisc） --------------------------------------------------- */

.ListDisc li {
margin-bottom: 8px;
line-height: 1.8em;
}

.ListDisc li:before {
left: 2px;
border-radius: 100%;
background: #000;
}


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

	.ListDisc li {
	padding-left: 16px;
	}

	.ListDisc li:before {
	left: 2px;
	top: 10px;
	width: 8px;
	height: 8px;
	}

}

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

	.ListDisc li {
	padding-left: 15px;
	}
	
	.ListDisc li:before {
	left: 2px;
	top: 7px;
	width: 8px;
	height: 8px;
	}
	
}

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

	.ListDisc li {
	padding-left: 18px;
	}
	
	.ListDisc li:before {
	top: 10px;
	width: 9px;
	height: 9px;
	}

}

/* IE10以上 */
@media all and (-ms-high-contrast: none) {

	.ListDisc li:before {
	top: 9px;
	}

}

/* Firefox */
@-moz-document url-prefix() {

	.ListDisc li:before {
	top: 9px;
	}

}


/* ディスク：小（ListDiscS） --------------------------------------------------- */

.ListDiscS li {
margin-bottom: 5px;
}

.ListDiscS li:before {
border-radius: 100%;
background: #000;
}

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

	.ListDiscS li {
	padding-left: 16px;
	font-size: 86%;
	line-height: 1.7em;
	}
	
	.ListDiscS li:before {
	left: 4px;
	top: 8px;
	width: 6px;
	height: 6px;
	}

	.Android .ListDiscS li:before {
	top: 9px;
	}
	
}

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

	.ListDiscS li {
	padding-left: 15px;
	font-size: 1.4rem;
	line-height: 1.8em;
	}
	
	.ListDiscS li:before {
	left: 4px;
	top: 7px;
	width: 6px;
	height: 6px;
	}
	
}

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

	.ListDiscS li {
	padding-left: 14px;
	}
	
	.ListDiscS li:before {
	left: -3px;
	top: 10px;
	width: 7px;
	height: 7px;
	}

}

/* Firefox */
@-moz-document url-prefix() {

	.ListDiscS li:before {
	top: 9px;
	}

}


/* 米印（ListKome） --------------------------------------------------- */

.ListKome li {
margin-bottom: 5px;
}

.ListKome li:before {
left: 1px;
}


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

	.ListKome li {
	padding-left: 17px;
	line-height: 1.8em;
	}

	.ListKome li:before {
	top: 0px;
	font-size: 93%;
	}

	.Android .ListKome li:before {
	top: 1px;
	}
	
}

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

	.ListKome li {
	padding-left: 16px;
	line-height: 1.8em;
	}
	
	.ListKome li:before {
	top: 0;
	font-size: 90%;
	}

}

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

	.ListKome li {
	padding-left: 18px;
	}

	.Win .ListKome li:before {
	top: -1px;
	}

}

/* IE10以上 */
@media all and (-ms-high-contrast: none) {

	.Win .ListKome li:before {
	top: 1px;
	}

}

/* Firefox */
@-moz-document url-prefix() {

	.ListKome li:before {
	top: 1px;
	}

	.Win .ListKome li:before {
	top: 0;
	}

}


/* 米印：小（ListKomeS） --------------------------------------------------- */

.ListKomeS li {
margin-bottom: 5px;
line-height: 1.8em;
}

.ListKomeS li:before {
left: 1px;
}

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

	.ListKomeS li {
	padding-left: 16px;
	font-size: 86%;
	}
	
	.ListKomeS li:before {
	top: 0;
	}
	
}

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

	.ListKomeS li {
	padding-left: 13px;
	font-size: 86%;
	}
	
	.ListKomeS li:before {
	top: 0;
	font-size: 84%;
	}
	
}

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

	.ListKomeS li {
	padding-left: 15px;
	}

	.ListKomeS li:before {
	top: 1px;
	font-size: 82%;
	}

	.Win .ListKomeS li:before {
	top: -1px;
	}

}

/* IE10以上 */
@media all and (-ms-high-contrast: none) {

	.Win .ListKomeS li:before {
	top: 1px;
	}

}


/* 連番（ListNum） --------------------------------------------------- */

.ListNum {
padding-left: 4px;
}

.ListNum li {
margin-bottom: 10px;
line-height: 1.8em;
counter-increment: ListNum;
}

.ListNum li:before {
left: 1px;
top: 0;
font-size: 97%;
}

.ListNum li > ol {
margin-top: 10px;
padding-left: 0;
}

.ListNum li > ol li {
counter-increment: Sub;
}

.ListNum li > ol li:before {
content: counter(Sub)".";
}

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

	.ListNum li:nth-child(n+10):before {
	left: -8px;
	}

	.ListNum li {
	padding-left: 18px;
	}
	
}

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

	.ListNum li:nth-child(n+10):before {
	left: -5.5px;
	}

	.ListNum li {
	padding-left: 15px;
	}
	
}

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

	.ListNum li:nth-child(n+10):before {
	left: -8px;
	}

	.ListNum li {
	padding-left: 18px;
	}

}


/* 連番：小（ListNumS） --------------------------------------------------- */

.ListNumS {
padding-left: 4px;
}

.ListNumS li {
margin-bottom: 5px;
font-size: 86%;
counter-increment: ListNum;
}

.ListNumS li:before {
left: 1px;
top: 0;
font-size: 97%;
}

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

	.ListNumS li:nth-child(n+10):before {
	left: -7px;
	}

	.ListNumS li {
	padding-left: 16px;
	line-height: 1.7em;
	}

	.Android .ListNumS li:before {
	top: 1px;
	}
	
}

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

	.ListNumS li:nth-child(n+10):before {
	left: -4.5px;
	}

	.ListNumS li {
	padding-left: 13px;
	font-size: 86%;
	line-height: 1.8em;
	}

}

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

	.ListNumS li:nth-child(n+10):before {
	left: -6.5px;
	}

	.ListNumS li {
	padding-left: 16px;
	}

}


/* 米印連番：小（ListKomeNumS） --------------------------------------------------- */

.ListKomeNumS li {
margin-bottom: 5px;
counter-increment: ListNum;
}

.ListKomeNumS li:before {
left: 1px;
top: 0;
font-size: 97%;
}

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

	.ListKomeNumS li {
	padding-left: 26px;
	font-size: 86%;
	line-height: 1.7em;
	}

	.Android .ListKomeNumS li:before {
	top: 1px;
	}
	
}

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

	.ListKomeNumS li {
	padding-left: 22px;
	font-size: 88%;
	line-height: 1.8em;
	}
	
}

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

	.ListKomeNumS li {
	padding-left: 25px;
	}

}



/* ■ テキストリンクアイコン ==================================================================================== */

.LinkFwd,
.LinkBack,
.LinkDown,
.LinkUp {
display: inline-block;
position: relative;
padding-left: 16px;
}

.LinkFwd:after,
.LinkBack:after,
.LinkDown:after,
.LinkUp:after {
display: block;
position: absolute;
left: 0;
top: 18px;
width: 8px;
height: 8px;
margin-top: -4px;
border-top: solid 2px;
border-right: solid 2px;
content: '';
}

.LinkNewWin,
.LinkPDF {
display: inline-block;
position: relative;
}

.LinkNewWin {
padding-right: 15px;
}

.LinkNewWin:before,
.LinkPDF:before,
.LinkNewWin:after,
.LinkPDF:after {
display: block;
position: absolute;
content: '';
}

/* 進む（LinkFwd） */
.LinkFwd:after {
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

/* 戻る（LinkBack） */
.LinkBack:after {
left: 2px;
-ms-transform: rotate(225deg);
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}

/* 下へ（LinkDown） */
.LinkDown:after {
margin-top: -5px;
-ms-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}

/* 下へ（LinkUp） */
.LinkUp:after {
margin-top: -2px;
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}

/* 別ウインドウ（LinkNewWin） */
.LinkNewWin:before {
right: 0;
top: 50%;
width: 9px;
height: 7px;
margin-top: -2px;
border: 1px solid #185ea7;
background-color: #fff;
}

.LinkNewWin:after {
right: -2px;
top: 40%;
width: 9px;
height: 7px;
margin-top: -2px;
border: 1px solid #185ea7;
border-top: 2px solid;
background-color: #fff;
}

/* PDF（LinkPDF） */
.LinkPDF {
background: url(../images/icon_pdf.png) no-repeat;
}

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

	.LinkFwd:after,
	.LinkBack:after,
	.LinkDown:after,
	.LinkUp:after {
	top: 14px;
	}

	.LinkPDF {
	padding-left: 30px;
	background-position: 0 50%;
	background-size: 24px auto;
	}

}

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

	.LinkFwd:after,
	.LinkBack:after,
	.LinkDown:after,
	.LinkUp:after {
	top: 12px;
	}

	.LinkPDF {
	padding-left: 30px;
	background-position: 0 50%;
	background-size: 24px auto;
	}

}

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

	.LinkFwd:after,
	.LinkBack:after,
	.LinkDown:after,
	.LinkUp:after {
	top: 14px;
	}

}



/* ■ ボタン ==================================================================================== */

/*
汎用
ダウンロード
ログイン
*/


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

.BtnS,
.BtnM,
.BtnL {
display: inline-block;
position: relative;
border-radius: 50px;
line-height: 1.0em;
text-align: left;
}

/* 矢印 */
.Allow {
position: relative;
}

.AllowBack {
text-align: center;
}

.AllowFwd:before,
.AllowFwd:after,
.AllowBack:before,
.AllowBack:after {
display: block;
position: absolute;
top: 50%;
height: 1px;
background-color: #000;
content: "";
}

.AllowFwd:before {
transform: rotate(55deg);
}

.AllowFwd:after {
right: 15px;
}

.AllowBack:before {
transform: rotate(125deg);
}

.AllowBack:after {
left: 15px;
}

/* カラー：1 */
.BtnColor1:link,
.BtnColor1:active,
.BtnColor1:visited,
.BtnColor1:hover {
border: 1px solid #b91010;
color: #fff;
background-color: #b91010;
}

.BtnColor1.AllowFwd:before,
.BtnColor1.AllowFwd:after,
.BtnColor1.AllowBack:before,
.BtnColor1.AllowBack:after {
background-color: #fff;
}

/* カラー：2 */
.BtnColor2:link,
.BtnColor2:active,
.BtnColor2:visited,
.BtnColor2:hover {
border: 1px solid #979797;
color: #000;
background-color: #fff;
}

.BtnColor2.AllowFwd:before,
.BtnColor2.AllowFwd:after,
.BtnColor2.AllowBack:before,
.BtnColor2.AllowBack:after {
}

/* カラー：3 */
.BtnColor3:link,
.BtnColor3:active,
.BtnColor3:visited,
.BtnColor3:hover {
border: 1px solid #fff;
color: #fff;
background-color: transparent;
}

.BtnColor3.AllowFwd:before,
.BtnColor3.AllowFwd:after,
.BtnColor3.AllowBack:before,
.BtnColor3.AllowBack:after {
background-color: #fff;
}

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

	/* サイズ */
	.BtnS,
	.BtnM,
	.BtnL {
	width: 100%;
	padding: 15px 20px;
	}
	
	/* 矢印 */
	.AllowFwd:before {
	right: 14px;
	width: 8px;
	margin-top: -3px;
	}

	.AllowBack:before {
	left: 14px;
	width: 8px;
	margin-top: -3px;
	}

	.AllowFwd:after,
	.AllowBack:after {
	width: 18px;
	}
	
}

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

	/* サイズ */
	.BtnS {
	font-size: 1.4rem;
	}
	
	.BtnM {
	font-size: 1.5rem;
	}
	
	.BtnL {
	font-size: 1.7rem;
	}

	/* 進む */
	.BtnS.AllowFwd {
	padding: 8px 50px 8px 20px;
	}
	
	.BtnM.AllowFwd {
	padding: 12px 50px 12px 20px;
	}
	
	.BtnL.AllowFwd {
	padding: 18px 60px 18px 20px;
	}

	/* 戻る */
	.BtnS.AllowBack {
	padding: 8px 30px 8px 50px;
	}
	
	.BtnM.AllowBack {
	padding: 12px 30px 12px 50px;
	}
	
	.BtnL.AllowBack {
	padding: 18px 30px 18px 50px;
	}

	/* 矢印 */
	.AllowFwd:before {
	right: 13px;
	width: 8px;
	margin-top: -3px;
	}

	.AllowBack:before {
	left: 13px;
	width: 8px;
	margin-top: -3px;
	}

	.AllowFwd:after,
	.AllowBack:after {
	width: 21px;
	}

}

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

	/* カラー：1 */
	.BtnColor1:hover {
	border: 1px solid #b91010;
	color: #b91010;
	background-color: #fff;
	opacity: 1;
	}
	
	.BtnColor1.AllowFwd:hover:before,
	.BtnColor1.AllowFwd:hover:after,
	.BtnColor1.AllowBack:hover:before,
	.BtnColor1.AllowBack:hover:after {
	background-color: #b91010;
	}

	/* カラー：2 */
	.BtnColor2:hover {
	background-color: #f6f6f6;
	opacity: 1;
	}

}


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

.BtnDownload {
display: inline-block;
position: relative;
border: 1px solid #b91010;
border-radius: 50px;
line-height: 1.0em;
text-align: center;
color: #b91010 !important;
background-color: #fff;
background-image: url(../images/icon_download.png);
background-repeat: no-repeat;
}

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

	.BtnDownload {
	width: 110px;
	padding: 8px 0 8px 18px;
	font-size: 1.1rem;
	background-position: 12px 7px;
	background-size: 13px auto;
	}

}

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

	.BtnDownload {
	width: 130px;
	padding: 8px 0 8px 18px;
	font-size: 1.3rem;
	background-position: 12px 7px;
	background-size: 13px auto;
	}

}

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

	.BtnDownload:hover {
	background-color: #f6f6f6;
	opacity: 1;
	}

}


/* ログイン --------------------------------------------------- */

.BtnLogin {
display: inline-block;
position: relative;
border: 1px solid #000;
border-radius: 50px;
line-height: 1.0em;
text-align: center;
color: #000 !important;
background-color: #fff;
background-image: url(../images/icon_login2.png);
background-repeat: no-repeat;
}

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

	.BtnLogin {
	width: 110px;
	padding: 8px 0 8px 12px;
	font-size: 1.1rem;
	background-position: 15px 6px;
	background-size: 10px auto;
	}

}

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

	.BtnLogin {
	width: 130px;
	padding: 8px 0 8px 12px;
	font-size: 1.3rem;
	background-position: 15px 7px;
	background-size: 10px auto;
	}

}

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

	.BtnLogin:hover {
	background-color: #f6f6f6;
	opacity: 1;
	}

}



/* ■ ページネーション ==================================================================================== */

.PageNation li a {
display: block;
}

.PageNation li.Prev a,
.PageNation li.Next a {
position: relative;
border: 1px solid #1567a6;
text-indent: -9999px;
background-color: #1567a6;
}

.PageNation li.Prev a:before,
.PageNation li.Next a:before {
display: block;
position: absolute;
top: 50%;
width: 8px;
height: 8px;
margin-top: -5px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
content: '';
}

.PageNation li.Prev a:before {
left: 45%;
-ms-transform: rotate(225deg);
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}

.PageNation li.Next a:before {
right: 45%;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

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

	.PageNation {
	margin-top: 20px;
	}
	
	.PageNation .Num {
	margin-bottom: -33px;
	font-size: 86%;
	text-align: center;
	}
	
	.PageNation li:not(.Prev):not(.Next) {
	display: none;
	}
	
	.PageNation li a {
	padding: 12px 20px;
	border: 1px solid #1567a6;
	line-height: 1.0em;
	text-indent: -9999px;
	}
	
	.PageNation li.Prev {
	float: left;
	}
	
	.PageNation li.Next {
	float: right;
	}

}

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

	.PageNation .Num {
	font-size: 1.1rem;
	}

}

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

	.PageNation .Num {
	float: left;
	padding: 12px 0;
	line-height: 1.0em;
	}
	
	.PageNation ul {
	float: right;
	}
	
	.PageNation li {
	float: left;
	margin-left: 5px;
	line-height: 1.0em;
	}
	
	.PageNation li a {
	float: left;
	padding: 8px 12px;
	border: 1px solid #ccc;
	}
	
	.PageNation li a:link,
	.PageNation li a:active,
	.PageNation li a:visited {
	text-decoration: none;
	}
	
	.PageNation li.Current a {
	border: 1px solid #ccc;
	color: #000;
	background: #f2f2f2;
	}
	
	.PageNation li.Prev {
	margin-right: 10px;
	}
	
	.PageNation li.Prev a {
	padding: 8px 20px;
	}
	
	.PageNation li.Next {
	margin-left: 15px;
	}
	
	.PageNation li.Next a {
	padding: 8px 20px;
	}
	
	.PageNation .Abbr {
	display: block;
	padding: 9px 2px;
	}

}

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

}



/* ■ モーダルウインド ==================================================================================== */

.ModalWindow {
position: relative;
width: auto;
margin: 0 auto;
border-radius: 4px;
background: #fff;
}

.ModalWindow .Mds {
border-bottom: 1px solid #cc0000;
text-align: center;
}

.ModalWindow .FormUnit {
margin-bottom: 0;
}

.ModalWindow .BtnUnit {
text-align: center;
}

.ModalWindow .BtnApply {
text-align: right;
}

/* ローディング処理 */
.ModalWindow .LoadingLogin {
opacity: 0.2;
pointer-events: none;
}

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

	.ModalWindow {
	margin: 0 10px;
	padding: 20px 15px 30px 15px;
	}

	.ModalWindow .Mds {
	padding-bottom: 10px;
	font-size: 2.0rem;
	}

	.ModalWindow .Lead {
	margin-top: 15px;
	}

	.ModalWindow .FormUnit {
	margin-top: 15px;
	}

	.ModalWindow .BtnUnit {
	margin-top: 20px;
	}

	.ModalWindow .BtnCloseModal {
	display: block;
	margin-top: 20px;
	}

}

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

	.ModalWindow {
	max-width: 500px;
	margin: 0 auto;
	padding: 30px 30px 40px 30px;
	}

	.ModalWindow .Mds {
	padding-bottom: 10px;
	font-size: 2.4rem;
	}

	.ModalWindow .Lead {
	margin-top: 15px;
	}

	.ModalWindow .FormUnit {
	margin-top: 20px;
	margin-bottom: 0;
	}

	.ModalWindow .BtnUnit {
	margin-top: 30px;
	}

	.ModalWindow .BtnTo a {
	padding: 10px 60px;
	}

	.ModalWindow .BtnCloseModal {
	margin: 0 10px;
	}

	.ModalWindow .BtnCloseModal a {
	padding: 10px 15px;
	}

}



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

/*
基本ユニット
導入リード
見出し
注釈等
エラーチップ
アクションボタン
入力欄のスタイル
入力欄のサイズ
セレクトボックス装飾
ラジオボタン・チェックボックス装飾
完了画面
*/


/* 基本ユニット --------------------------------------------------- */

/* 項目欄の背景色（カラー設定） */
.FormUnit dt {
background: #f6f6f6;
}

/* レイアウト設定 */
.FormUnit {
margin-bottom: 30px;
}

/* 必須アイコン */
.FormUnit .Required {
display: block;
position: relative;
}

.FormUnit .Required:before {
position: absolute;
right: 0;
padding: 5px 10px;
font-size: 3.0rem;
text-align: center;
color: #b91010;
content: "*";
}

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

	/* 項目欄のborder色（カラー設定） */
	.FormUnit dt {
	border-top: 1px solid #d5d5d5;
	}
	
	/* レイアウト設定 */
	.FormUnitWrap {
	}
	
	.FormUnit dt,
	.FormUnit dd {
	margin: 0;
	}
	
	.FormUnit dt {
	padding: 6px 15px;
	font-size: 93%;
	}
	
	.FormUnit dd  {
	padding: 12px 15px 20px 15px;
	}
	
	/* 必須アイコン */
	.FormUnit dt span:before {
	top: 1px;
	font-size: 1.2rem;
	line-height: 1.1em;
	}

	/* エラーボックス */
	.FormUnit .Box1.Alert {
	margin: 0 15px 30px 15px;
	}

}

@media print, screen and (min-width: 768px) {
	
	/* border色（カラー設定） */
	.FormUnitWrap {
	border-left: solid 1px #d5d5d5;
	border-top: solid 1px #d5d5d5;
	}
	
	.FormUnit dt,
	.FormUnit dd {
	border-right: solid 1px #d5d5d5;
	border-bottom: solid 1px #d5d5d5;
	}
	
	/* レイアウト設定 */
	.FormUnit dl {
	display: table;
	width: 100%;
	}
	
	.FormUnit dt,
	.FormUnit dd {
	display: table-cell;
	padding: 15px;
	vertical-align: top;
	}
	
	.FormUnit dt {
	width: 30%;
	}
	
	.FormUnit dd {
	width: 70%;
	}

	/* 必須アイコン */	
	.FormUnit dt span:before {
	top: 0;
	font-size: 86%;
	line-height: 1.0em;
	}

	/* エラーボックス */
	.FormUnit .Box1.Alert {
	margin-bottom: 30px;
	}

}

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

}


/* 導入リード  --------------------------------------------------- */

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

	.FormUnit .LeadUnit {
	margin-top: 15px;
	margin-bottom: 30px;
	}

	.FormUnit .LeadUnit .Notice {
	margin-bottom: 20px;
	}

	.FormUnit .LeadUnit .Lead1 {
	}

}

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

	.FormUnit .LeadUnit {
	margin-top: 30px;
	margin-bottom: 30px;
	}

	.FormUnit .LeadUnit .Notice {
	margin-bottom: 30px;
	}

	.FormUnit .LeadUnit .Lead1 {
	font-size: 1.8rem;
	}

	.FormUnit .LeadUnit .Lead1 .Alert {
	font-size: 2.0rem;
	}

}

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

}


/* 見出し  --------------------------------------------------- */

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

	.FormUnit .FormMdsUnit {
	margin-top: 10px;
	}

	.FormUnit .FormMdsUnit h2.Mds {
	margin-bottom: 10px;
	font-size: 2.0rem;
	}

}

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

	.FormUnit .FormMdsUnit {
	margin-top: 30px;
	}

	.FormUnit .FormMdsUnit h2.Mds {
	margin-bottom: 10px;
	font-size: 2.2rem;
	}

}

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

}


/* 注釈等  --------------------------------------------------- */

/* 単位 */
.FormUnit .NoteUnit {
margin-left: 6px;
vertical-align: middle;
}

/* 注釈 */
.FormUnit .NoteUpper {
margin-bottom: 5px;
font-size: 86%;
line-height: 1.5em;
}

.FormUnit .NoteMiddle {
margin-top: 10px;
margin-bottom: 10px;
font-size: 86%;
line-height: 1.5em;
}

.FormUnit .NoteLower {
font-size: 86%;
line-height: 1.0em;
color: #808080;
}
	
.FormUnit .NoteSide {
margin-left: 5px;
font-size: 86%;
color: #808080;
}

.FormUnitWrap .ListKomeS {
margin-top: 15px;
}

/* 内線 */
.FormUnit .TelExit {
margin-top: 7px;
}

/* フッターNote  */
.FormUnit .FootNote li {
font-size: 86%;
line-height: 1.5em;
}

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

	.FormUnit .NoteLower {
	margin-top: 10px;
	}
	
	/* フッターNote  */
	.FormUnit .FootNote {
	margin: 0 15px 30px 15px;
	}

}

@media print, screen and (min-width: 768px) {
	
	.FormUnit .NoteLower {
	margin-top: 10px;
	}
	
	/* フッターNote  */
	.FormUnit .FootNote {
	margin-top: 10px;
	margin-bottom: 30px;
	}

}

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

}
		

/* エラーチップ（カラー設定）  --------------------------------------------------- */

.FormUnit .ErrTip  {
display: inline-block;
position: relative;
border-radius: 3px;
color: #ffffff;
background: #e90000;
}

.FormUnit .ErrTip:after {
position: absolute;
left: 30px;
width: 0;
height: 0;
border: 10px solid transparent;
border-top: 10px solid #e90000;
margin-left: -10px;
content: "";
}

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

	.FormUnit .ErrTip  {
	margin-bottom: 15px;
	padding: 5px 10px 5px 15px;
	line-height: 1.5em !important;
	}
	
	.FormUnit .ErrTip:after {
	top: 96%;
	}

}

@media print, screen and (min-width: 768px) {
	
	.FormUnit .ErrTip  {
	margin-bottom: 20px;
	padding: 6px 10px 6px 15px;
	line-height: 1.6em !important;
	}
	
	.FormUnit .ErrTip:after {
	top: 92%;
	}
	
	.FormUnit .RadioCheckboxUnit .ErrTip {
	margin-bottom: 15px;
	}

}

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

}
	
/* アクションボタン  --------------------------------------------------- */

.FormUnit .FormAction {
text-align: center;
}

.FormUnit .FormAction input,
.FormUnit .FormAction button {
border-style: none;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
cursor: pointer;
}

.FormUnit .FormAction .BtnSubmit,
.FormUnit .FormAction .BtnBack {
border-radius: 50px;
line-height: 1.0em;
text-align: center;
}

.FormUnit .FormAction .BtnSubmit {
border: 1px solid #b91010;
color: #fff;
background-color: #b91010;
}

.FormUnit .FormAction .BtnBack {
border: 1px solid #979797;
color: #000;
background-color: #fff;
}

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

	.FormUnit .FormAction {
	margin: 10px 15px 0 15px;
	}

	.FormUnit .FormAction .BtnSubmit,
	.FormUnit .FormAction .BtnBack {
	width: 100%;
	padding: 18px 20px;
	font-size: 1.6rem;
	}
	
	.FormUnit .FormAction input {
	display: block;
	}
	
}

@media print, screen and (min-width: 768px) {
	
	.FormUnit .FormAction {
	max-width: 550px;
	margin: 50px auto 0 auto;
	}

	.FormUnit .FormAction .BtnSubmit,
	.FormUnit .FormAction .BtnBack {
	font-size: 1.7rem;
	}

	.FormUnit .FormAction .BtnSubmit {
	width: 300px;
	padding: 20px 0;
	font-size: 1.7rem;
	}

	.FormUnit .FormAction .BtnBack {
	padding: 20px 60px;
	font-size: 1.7rem;
	}
	
	.FormUnit .FormAction input {
	margin: 0 10px;
	}
	
	.FormUnit .FormAction .BtnLeft {
	float: left;
	}
	
	.FormUnit .FormAction .BtnRight {
	float: right;
	}

}

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

	.FormUnit .FormAction .BtnSubmit {
	-webkit-transition: background-color 0.3s ease 0.01s;
	transition: background-color 0.3s ease 0.01s;
	}

	.FormUnit .FormAction .BtnSubmit:hover {
	border: 1px solid #b91010;
	color: #b91010;
	background-color: #fff;
	}

}
			
/* 入力欄のスタイル  --------------------------------------------------- */

/*  border色とシャドー（カラー設定） */
.FormUnit input[type=text],
.FormUnit input[type=email],
.FormUnit input[type=tel],
.FormUnit input[type=password],
.FormUnit textarea {
border: 1px solid #bbb;
box-shadow: inset 1px 1px 1px 0px #d5d5d5;
}

.FormUnit input[type=text],
.FormUnit input[type=email],
.FormUnit input[type=tel],
.FormUnit input[type=password],
.FormUnit textarea {
border-radius: 2px;
box-sizing: border-box;
vertical-align: middle;
background: #fff;
}

.FormUnit textarea {
padding: 8px;
line-height: 1.4em;
}
	
.FormUnit input[type=image] {
vertical-align: middle;
}

/* labelの余白 */
.FormUnit label {
margin: 0 20px 0 5px;
}

/* 住所入力 */
.FormUnit .AddressUnit label {
display: block;
line-height: 1.0em;
}
	

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

	/*  border色とシャドー（カラー設定） */
	.FormUnit input[type=text],
	.FormUnit input[type=email],
	.FormUnit input[type=tel],
	.FormUnit input[type=password],
	.FormUnit textarea {
	}
	
	.FormUnit input[type=text],
	.FormUnit input[type=email],
	.FormUnit input[type=tel],
	.FormUnit input[type=password],
	.FormUnit textarea {
	padding: 10px 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}
	
	.FormUnit textarea {
	}
	
	/* 住所入力 */
	.FormUnit .AddressUnit .EachUnit {
	margin-bottom: 15px;
	}
	
	.FormUnit .AddressUnit .EachUnit:last-child {
	margin-bottom: 0;
	}
	
	.FormUnit .AddressUnit label {
	margin-left: 15px;
	margin-right: 10px;
	margin-bottom: 8px;
	}
	
	/* ラジオボタン・セレクトボックス */
	.FormUnit .RadioCheckboxUnit p {
	margin-bottom: 15px;
	}
	
	.FormUnit .RadioCheckboxUnit p:last-child {
	margin-bottom: 0;
	}

}

@media print, screen and (min-width: 768px) {
	
	/*  border色とシャドー（カラー設定） */
	.FormUnit input[type=text],
	.FormUnit input[type=email],
	.FormUnit input[type=tel],
	.FormUnit input[type=password],
	.FormUnit textarea {
	-webkit-transition: all 0.1s cubic-bezier(.17,.67,.83,.67) 0.1s;
	transition: all 0.1s cubic-bezier(.17,.67,.83,.67) 0.1s;
	}
	
	.FormUnit input[type=text],
	.FormUnit input[type=email],
	.FormUnit input[type=tel],
	.FormUnit input[type=password],
	.FormUnit textarea {
	height: 2.4em;
	padding: 0 10px;
	line-height: 2.4em;
	}
	
	/* フォーカス時のスタイル（カラー設定）  */
	.FormUnit input[type=text]:focus,
	.FormUnit input[type=email]:focus,
	.FormUnit input[type=tel]:focus,
	.FormUnit input[type=password],
	.FormUnit textarea:focus {
	background: #f7f7f7;
	-webkit-transition: all 0.1s cubic-bezier(.17,.67,.83,.67) 0.1s;
	transition: all 0.1s cubic-bezier(.17,.67,.83,.67) 0.1s;
	}

	/* 住所入入力 */
	.FormUnit .AddressUnit .EachUnit {
	margin-bottom: 20px;
	}
	
	.FormUnit .AddressUnit .EachUnit:last-child {
	margin-bottom: 0;
	}
	
	.FormUnit .AddressUnit label {
	margin-left: 0;
	margin-bottom: 10px;
	}
	
	.FormUnit .AddressUnit p {
	line-height: 1.2em;
	}
	
	/* ラジオボタン・セレクトボックス */
	.FormUnit .RadioCheckboxUnit p {
	margin-bottom: 3px;
	}
	
	.FormUnit .RadioCheckboxUnit p:last-child {
	margin-bottom: 0;
	}

}

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

}
	
/* 入力欄のサイズ --------------------------------------------------- */

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

	.FormUnit .InputName {
	width: 100%;
	}
	
	.FormUnit .InputMail {
	width: 100%;
	}
	
	.FormUnit .InputZipCode {
	width: 35%;
	}
	
	.InputAddress {
	width: 100%;
	}
	
	.FormUnit .InputAddress2,
	.FormUnit .InputAddress3 {
	width: 100%;
	}
	
	.FormUnit .InputTel {
	width: 100%;
	}
	
	.FormUnit .InputAge {
	width: 60px;
	}
	
	.FormUnit .InputComment {
	width: 100%;
	height: 10em;
	}

	.FormUnit .InputOther1 {
	width: 100%;
	}

}

@media print, screen and (min-width: 768px) {
	
	.FormUnit .InputName {
	width: 40%;
	}

	.FormUnit .InputMail {
	width: 70%;
	}
	
	.FormUnit .InputZipCode {
	width: 15%;
	}
	
	.InputAddress {
	width: 70%;
	}
	
	.FormUnit .InputAddress2,
	.FormUnit .InputAddress3 {
	width: 70%;
	}
	
	.FormUnit .InputTel {
	width: 35%;
	}
	
	.FormUnit .InputAge {
	width: 10%;
	}
	
	.FormUnit .InputComment {
	width: 80%;
	height: 10em;
	}

	.FormUnit .InputOther1 {
	width: 70%;
	}
	
}

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

}
	
/* セレクトボックス装飾 --------------------------------------------------- */

/* border色（カラー設定） */
.FormUnit select {
border: 1px solid #bbb;
}

.FormUnit select {
border-radius: 2px;
box-sizing: border-box;
background: #fff url(../images/icon_selectbox2.png) no-repeat center right;
background-size: 25px 60px;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}

.SelectBoxS select {
height: 2.0em;
font-size: 93%;
}

@media only screen and (max-width: 767px) {
	
	.FormUnit select {
	height: 3.0em;
	padding-left: 10px;
	padding-right: 50px;
	}

}

@media print, screen and (min-width: 768px) {
	
	.FormUnit select {
	height: 2.4em;
	padding-left: 10px;
	padding-left: 6px\9; /* IE10以下調整 */
	padding-right: 40px;
	padding-right: 0\9; /* IE10以下調整 */
	background: #fff\9; /* IE10以下調整 */
	}

}

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

}

/* Firefox用調整 */
@-moz-document url-prefix() {
	.FormUnit select {
	padding-left: 6px;	
	}
}

/* IE11用調整 */
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .FormUnit select {
	padding-left: 6px;
	padding-right: 0;
	background: #fff;
	}
}


/* ラジオボタン・チェックボックス装飾 --------------------------------------------------- */

.FormUnit input[type=radio] + label,
.FormUnit input[type=checkbox] + label {
position: relative;
margin-right: 12px;
padding: 0 0 0 32px;
cursor: pointer;
}
	
.FormUnit input[type=radio] + label::before,
.FormUnit input[type=checkbox] + label::before {
display: block;
position: absolute;
top: 11px;
left: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
content: "";
}

/* border色とシャドー（カラー設定） */
.FormUnit input[type=radio] + label::before,
.FormUnit input[type=checkbox] + label::before {
border: 1px solid #bbb;
box-shadow: inset 1px 1px 1px 0px #d5d5d5;
}

.FormUnit input[type=radio] + label::before {
border-radius: 30px;
}

.FormUnit input[type=checkbox] + label::before {
border-radius: 2px;
}

/* 選択時の背景色（カラー設定） */	
.FormUnit input[type=radio]:checked + label::before,
.FormUnit input[type=checkbox]:checked + label::before {
background: #777;
}

.FormUnit input[type=radio]:checked + label::before,
.FormUnit input[type=checkbox]:checked + label::before {
border: none;
box-shadow: none;
}

.FormUnit input[type=radio]:checked + label::after,
.FormUnit input[type=checkbox]:checked + label::after {
content: "";
display: block;
position: absolute;
top: 11px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

/* ラジオボタン選択時の中央ドットの色 */
.FormUnit input[type=radio]:checked + label::after {
background: #fff;
}

/* チェックボックス選択時のチェックマークの色 */
.FormUnit input[type=checkbox]:checked + label::after {
border-left: 3px solid #fff;
border-bottom: 3px solid #fff;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}

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

	.FormUnit input[type=radio],
	.FormUnit input[type=checkbox] {
	display: none;
	margin: 0 0 0 -10px;
	}
	
	.FormUnit input[type=radio] + label,
	.FormUnit input[type=checkbox] + label {
	display: inline-block;
	padding: 0 0 0 32px;
	line-height: 1.6em;
	}
	
	.FormUnit input[type=radio] + label::before,
	.FormUnit input[type=checkbox] + label::before {
	width: 24px;
	height: 24px;
	margin-top: -11px;
	}
	
	/* 選択時の背景色（カラー設定） */
	.FormUnit input[type=radio]:checked + label::after,
	.FormUnit input[type=checkbox]:checked + label::after {
	top: 13px;
	}
	
	/* ラジオボタン選択時の中央ドットのサイズ・位置 */
	.FormUnit input[type=radio]:checked + label::after {
	left: 6px;
	width: 12px;
	height: 12px;
	margin-top: -7px;
	border-radius: 8px;
	}
	
	/* チェックボックス選択時のチェックマークのサイズ・位置 */
	.FormUnit input[type=checkbox]:checked + label::after {
	left: 5px;
	width: 15px;
	height: 10px;
	margin-top: -8px;
	}

}

@media print, screen and (min-width: 768px) {
	
	.FormUnit input[type=radio],
	.FormUnit input[type=checkbox] {
	margin-right: 6px;
	-webkit-transition: all 0.1s cubic-bezier(.17,.67,.83,.67) 0.1s;
	transition: all 0.1s cubic-bezier(.17,.67,.83,.67) 0.1s;
	}
	
	.FormUnit input[type=radio] + label,
	.FormUnit input[type=checkbox] + label {
	line-height: 1.7em;
	}
	
	.FormUnit input[type=radio],
	.FormUnit input[type=checkbox] {
	display: none;
	margin: 0 0 0 -10px;
	}
	
	.FormUnit input[type=radio] + label,
	.FormUnit input[type=checkbox] + label {
	display: inline-block;
	padding: 0 0 0 28px;
	}
	
	.FormUnit input[type=radio] + label::before,
	.FormUnit input[type=checkbox] + label::before {
	width: 18px;
	height: 18px;
	margin-top: -7px;
	}

	/* border色とシャドー（カラー設定） */
	.FormUnit input[type=radio] + label::before,
	.FormUnit input[type=checkbox] + label::before {
	-webkit-transition: all 0.1s cubic-bezier(.17,.67,.83,.67) 0.1s;
	transition: all 0.1s cubic-bezier(.17,.67,.83,.67) 0.1s;
	}

	/* 選択時の背景色（カラー設定） */	
	.FormUnit input[type=radio]:checked + label::after,
	.FormUnit input[type=checkbox]:checked + label::after {
	top: 14px;
	}
	
	/* ラジオボタン選択時の中央ドットのサイズ・位置 */
	.FormUnit input[type=radio]:checked + label::after {
	left: 5px;
	width: 8px;
	height: 8px;
	margin-top: -5px;
	border-radius: 8px;
	}
	
	/* チェックボックス選択時のチェックマークのサイズ・位置 */
	.FormUnit input[type=checkbox]:checked + label::after {
	left: 4px;
	width: 12px;
	height: 7px;
	margin-top: -6px;
	}

}

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

}

/* 完了画面 --------------------------------------------------- */

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

	.FormUnit .BtnHome {
	margin: 0 10px;
	}
	
	/* ボタン：通常（他のページ、次のページに移動など） */
	.FormUnit .BtnNext {
	display: block;
	width: 100%;
	padding: 20px 0;
	text-align: center;
	}
	
	/* メッセージBOX：通常 */
	.FormUnit .MsgBoxNormal {
	margin: 30px 10px;
	}
	
	.FormUnit .MsgBoxNormal .Mds {
	font-size: 108%;
	}

	.FormUnit .BtnRight {
	margin-bottom: 20px;
	}

}

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

	.FormUnit .BtnHome {
	margin-top: 60px;
	text-align: center;
	}

	.FormUnit .MsgBox {
	text-align: center;
	}
	
	/* ボタン：通常（他のページ、次のページに移動など） */
	.FormUnit .BtnNext {
	padding: 16px 30px;
	}

}

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

}



/* ■ PCヘッダー ==================================================================================== */

#PC_Header {
height: 90px;
background: #000;
}

/* Logo */
#PC_Header .PC_Header_Logo {
padding-left: 20px;
padding-top: 30px;
}

#PC_Header .PC_Header_Logo a {
display: block;
width: 122px;
height: 26px;
line-height: 1.0em;
text-indent: -9999px;
background: url(../images/logo.png) no-repeat;
background-size: cover;
}



/* ■ PCフッター ==================================================================================== */

#PC_Footer {
height: 80px;
padding: 0 20px;
color: #cacaca;
background: #000;
}

#PC_Footer .Logo,
#PC_Footer .Copyright {
display: inline-block;
}

#PC_Footer .Logo {
margin-top: 25px;
}

#PC_Footer .Logo a {
display: inline-block;
width: 122px;
height: 26px;
text-indent: -9999px;
background: url(../images/logo.png) no-repeat;
background-size: cover;
}

#PC_Footer .Copyright {
margin-left: 10px;
font-size: 1rem;
}



/* ■ 印刷用設定 ==================================================================================== */