@charset "utf-8";

/* -------------------------------------------------------------------

	コーポレートサイト全体で共通で読み込むCSS

	最終更新：　2023年8月3日

	コーポレートサイトのすべてのページから読むことを想定しています。


■CSS書き順■
 * display / list-style
 * position / float / clear / z-index
 * width / height / margin / padding / border
 * background
 * color /
   font (font-family / font-style / font-variant / font-weight / font-size / line-height)
   text-decoration / text-align / vertical-align /letter-spacing / white-space / (other text)
 * content
 * cursor

------------------------------------------------------------------- */

/* **********************************************************************************

	00. イニシャライズ

********************************************************************************** */

html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,cite,code,img,q,samp,small,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,figcaption,figure,footer,header,nav,section,time,audio,video {margin:0; padding:0; border:0; outline:0; font-size:100%; font-style:normal; vertical-align:baseline; background-color:transparent; }body {line-height:1; }blockquote,q {quotes:none; }blockquote:before,blockquote:after,q:before,q:after {content:''; content:none; }a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }table {border-collapse:collapse; border-spacing:0; }input,select {vertical-align:top; }article,aside,footer,header,main,nav,section{display:block; }
html { font-size:62.5%; overflow-y: scroll; }
body {
	background-color:#fff;
	color:#333;
	font-family:Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Helvetica, sans-serif;
	text-align:center; }
a:link    { color:#2451c6; text-decoration:none; }
a:active  { color:#2451c6; text-decoration:underline; }
a:visited { color:#7c169e; text-decoration:none; }
a:hover   { color:#2451c6; text-decoration:underline; }

input { font-family:Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Helvetica, sans-serif; }

/* Windows タブレット用の viewport 指定 */
@-ms-viewport { width: auto; }
@media
	only screen and (max-device-width:959px) and (min-device-width:600px) and (orientation:portrait),
	only screen and (max-device-width:959px) and (min-device-width:600px) and (min-device-height:600px) and (min-resolution: 144dpi) {
@-ms-viewport { width: 738px; } /* ■■■ToDo: 企業とプロモで値がずれていた。738px or 730px？ */
}


/* **********************************************************************************

	01. グローバルエレメント定義

********************************************************************************** */

/* -------------------------------------------------------------------

	clearfix

------------------------------------------------------------------- */

/* clearfix */
.clearfix:after { content:""; display:block; clear:both; height:0; visibility:hidden; }
.clearfix { min-height:1px; }
* html .clearfix { height:1px; /*\*//*/ height:auto; overflow:hidden; /**/ }


/* -------------------------------------------------------------------

	リンク

------------------------------------------------------------------- */

/* アイコン右向き */
a.icons-arrow-r {
	display:inline-block; padding-left:19px; min-height:16px;
	background:url(/common-s/img/icons-arrow-right.png) no-repeat 0 0.28em; }

/* アイコンブランク */
a.icons-blank {
	display:inline-block; padding-left:19px; min-height:16px;
	background:url(/common-s/img/icons-blank.png) no-repeat 0 0.28em; }

/* アイコン外部 */
a.icons-external {
	display:inline-block; padding-left:19px; min-height:16px;
	background:url(/common-s/img/icons-external.png) no-repeat 0 0.28em; }

/* アイコン打ち消し */
a.icon-none {
	display:inline; padding-left:0;
	background:none; }

/* 鍵アイコン */
a.icons-otsukaid-keymark {
	position:relative; padding-right:16px; }
	a.icons-otsukaid-keymark::after {
		position:absolute; top:0.2em; right:0; content:"";
		width:13px; height:13px;
		background:url(/common-cs-mypage/img/cs-mypage-bg-login-before-rock-icon.png) 0 0 / 13px 13px no-repeat;}
/* ログイン時 */
.logged-in-otsukaid a.icons-otsukaid-keymark {
	position:static; padding-right:0;}
	.logged-in-otsukaid a.icons-otsukaid-keymark::after {
		display:none;}


/* **********************************************************************************

	02. グローバルエリア定義

********************************************************************************** */

/* -------------------------------------------------------------------

	ヘッダー

------------------------------------------------------------------- */

/* ユーティリティ */
#header-area-utility {
	position:relative; overflow:visible;
	display:table; margin:0 auto; padding:0.8em 0;
	z-index:103; width:960px; }

	#header-area-utility:before {
		display:block; position:absolute; top:0; left:-4520px; left:-50vw; z-index:-1;
		width:10000px; width:calc(200vw + 960px); min-width:996px; height:100%; content:"";
		background:#fff; }

	/* ロゴ 10+154+10=174 */
	#header-area-utility #header-logo-ots {
		display:table-cell; vertical-align:top;
		width:154px; padding:5px 20px 0 10px; }
		#header-area-utility #header-logo-ots img { vertical-align:top; }

	#header-area-utility .home {
		display:table-cell; width:5em;
		font-size:11px; font-size:1.1rem; line-height:1em; vertical-align:middle; }
		#header-area-utility .home a {
			display:inline-block; padding:2px 0 0 14px;
			background:url(/common-s/img/icons-home.png) no-repeat 0 2px; color:#333; }

	/* メニューリンク 960-(174+199)=587 */
	#header-menu-navi {
		display:table-cell; vertical-align:middle;
		width:496px; text-align:right; padding-right:20px; }
		#header-menu-navi ul { display:inline-block; }
			#header-menu-navi ul li {
				display:inline-block; margin:0 0 0 18px; list-style:none;
				font-size:11px; font-size: 1.1rem; line-height:1.5em; }
			#header-menu-navi ul li:first-child { margin:0; }
			#header-menu-navi p {
				display:inline-block; position:relative;
				font-size:11px; font-size:1.1rem; line-height:1.5em;
				margin:0 0 0 18px; padding:0 0 0 19px; }
			#header-menu-navi p:before {
				display:block; content:""; background:#d0d0d0; width:1px; height:100%;
				position:absolute; left:-1px; top:0; }
			#header-menu-navi p:after {
				display:block; content:""; background:#fff; width:1px; height:100%;
				position:absolute; left:0; top:0; }
				#header-menu-navi a {
					display:inline-block; padding:0 0 0 12px;
					background:url(/common-s/img/icon-arrow-right.png) no-repeat 2px 0.35em;
					color:#333; text-decoration:none; }
				#header-menu-navi a:hover { text-decoration: underline; }

	/* 検索ボックス 156+43=199 */
	#header-menu-search {
		display:table-cell; vertical-align:middle; width:260px; }
		#header-menu-search form {
			display:table; position:relative; white-space:nowrap; }
			/* 入力欄 */
			#header-menu-search form .text {
				-webkit-appearance:none;
				box-sizing:border-box;
				width:200px; height:2.143em; height:3rem;
				margin:0; padding:0 5px;
				border:1px solid #ccc; border-right:0; border-radius:5px 0 0 5px;
				background-color:#fff;
				box-shadow:inset 1px 1px 2px rgba(0, 0, 0, 0.2);
				font-size:14px; font-size:1.4rem; line-height:1.5em;
				outline:none; }
			/* プレースホルダー */
			#header-menu-search form .text::-webkit-input-placeholder { color:#666; }
			#header-menu-search form .text::-moz-placeholder          { color:#666; opacity:1; }
			#header-menu-search form .text:-moz-placeholder           { color:#666; }
			#header-menu-search form .text:-ms-input-placeholder      { color:#666; }
			/* 検索ボタン */
			#header-menu-search form .submit {
				box-sizing:border-box;
				width:60px; height:2.143em; height:3rem;
				margin:0; padding:0 0 0 1px;
				border:0; border-radius:0 5px 5px 0;
				background:#4b4b4b;
				background: -webkit-linear-gradient(top, #8b8b8b 0%, #525252 50%, #525252 100%);
				background: linear-gradient(to bottom, #8b8b8b 0%, #525252 50%, #525252 100%);
				font-size:14px; font-size:1.4rem; line-height:1.5em; color:#fff; letter-spacing:2px;
				font-weight:bold; cursor:pointer; }

	/* ユーティリティ ロゴのみ表示の場合 */
	.header-kind-limited #header-area-utility { display:block; }
	.header-kind-limited #header-area-utility:before,
	.header-kind-limited #header-area-utility:after { display:none; }

/* ユーティリティ　タブレット縦 */
@media
	only screen and (max-device-width:959px) and (min-device-width:600px) and (orientation:portrait),
	only screen and (max-device-width:959px) and (min-device-width:600px) and (min-device-height:600px) and (min-resolution: 144dpi) {
	#header-area-utility #header-logo-ots { padding-right:10px; }
	#header-area-utility .home a { font-size:1rem; }
		#header-area-utility .home a {
			background-image:url(/common-s/img/icons-home-tablet.png);
			background-size:10px auto; }
	#header-menu-navi { padding-right:10px; padding-top:2px; }
			#header-menu-navi ul li {
				margin-left:0.5em; font-size:1rem; line-height:1.2em;
				text-align:left; vertical-align:middle; }
			#header-menu-navi p { margin-left:1em; padding-left:0.5em; font-size:0.9rem; line-height:1.2em; }
				#header-menu-navi a {
					padding-left:11px; font-size:1rem; line-height:1.2em;
					background: transparent url(/common-s/img/icon-arrow-right.png) no-repeat 3px 0.15em; }
				#header-menu-navi a:hover { text-decoration:none; }
	#header-menu-search { width:126px; }
			#header-menu-search form .text { width:120px; }
			#header-menu-search form .submit { width:5.475rem; }
}

/* -------------------------------------------------------------------

	グローバルナビゲーション

------------------------------------------------------------------- */

#header-navi { clear:both; padding:3px 0 0; position:relative; }

/* グローバルナビ区画 */
#header-navi-global {
	clear:both; display:table; position:relative; z-index:104;
	width:960px; margin:0 auto; padding:0;
	border-top:none;
	border-left:1px solid #c26d2d;
	border-right:1px solid #c5722b;
	background-color:#f18e43;
	background:-webkit-linear-gradient(top, #f69f55 0%, #e56314 100%);
	background:linear-gradient(to bottom, #f69f55 0%, #e56314 100%); }
/* before疑似要素でグロナビの背景を作成 */
#header-navi-global:before {
	display:block; position:absolute; top:-3px; left:-4520px; left:-50vw; z-index:-1;
	width:10000px; width:calc(200vw + 960px); height:100%; content:" ";
	border-top:3px solid #773f3f;
	background-color:#f18e43;
	background:-webkit-linear-gradient(top, #f69f55 0%, #e56314 100%);
	background:linear-gradient(to bottom, #f69f55 0%, #e56314 100%);
	transition:box-shadow 0.4s ease; }
	#header-navi-global.dropdown-open:before {
		box-shadow:inset 0 -2px 1px 0 rgba(0, 0, 0, 0.2); }

	/* 大カテリンクリスト */
	#header-navi-global > ul { display:table-cell; position:relative; }
	#header-navi-global > ul:before {
		display:block; position:absolute; right:-1px; top:0;
		width:1px; height:100%; background-color:#c26d2d;
		content:""; }

		#header-navi-global > ul > li {
			display:table-cell; position:relative; width:227px;
			border-left:1px solid #c26d2d; border-right:1px solid #f2a167;
			font-size:15px; font-size:1.5rem; line-height:1.2em;
			font-weight:bold; letter-spacing:1px; word-break:break-all;
			cursor:pointer; vertical-align:middle; text-align:center; }
		#header-navi-global > ul > li:first-child { width:102px; letter-spacing:0; }

		/* お客様マイページ */
		#header-navi-global > ul > li:first-child + li + li { letter-spacing:0 !important; }

			/* グロナビリンクリストの中 */
			#header-navi-global > ul > li > a {
				display:block; padding:7px 5px 6px;
				text-decoration:none; color:#f9f9f9;
				text-shadow:-1px -1px 0 rgba(119, 63, 63, 0.75); }
			.header-kind-single #header-navi-global > ul > li > a { padding-bottom:5px; }
			#header-navi-global > ul > li:first-child + li + li > a { padding-right:1px; padding-left:9px; }
			#header-navi-global > ul > li > a::before {
				content: ""; transition:box-shadow 0.4s ease; }

				/* グロナビリンクリストの中のマウスオーバー */
				#header-navi-global > ul > li:hover { background:#cd2e03; background:rgba(234, 56, 0, 0.6); }

			/* ★ ★ ★グロナビリンクリスト（カレント処理）★ ★ ★ */
			/* box-shadowはiPadでオレンジ色背景色が下にコンマ数px見えてしまう対策 */
			#header-navi-global > ul > li.current {
				border-right-color:transparent;
				background-color:#fff; box-shadow:0 1px 0 #fff; }
			#header-navi-global.dropdown-open > ul > li.current { box-shadow:none; }
				#header-navi-global > ul > li.current > a { color:#a81515; text-shadow:none; }
				#header-navi-global > ul > li.current > a:hover { text-decoration:underline; }
				#header-navi-global > ul > li.current > a { color:#a81515; text-shadow:none; }
				#header-navi-global > ul > li.current > a::after { border-color:#999; }
				#header-navi-global.dropdown-open > ul > li.current:not(.active) > a::before {
					display:block; position:absolute; left:0; bottom:0;
					width:calc(100% + 1px); height:1px;
					border-top:1px solid #e4e4e4; background-color:#bbb;
					content:""; box-shadow:0 -1px 1px rgba(0, 0, 0, 0.05); }

				#header-navi-global > ul > li.active {
					z-index:1; background-color:#e4e4e4; }
					#header-navi-global > ul > li.active > a {
						color:#a81515; text-shadow:none; }
					#header-navi-global > ul > li.active > a:hover { text-decoration:underline; }

				/* ★マウスオーバー処理（メガメニュー）★ */
				/* 初期消去 */
				#header-navi-global > ul > li > div.global-dropdown { display:none; }

				#header-navi-global > ul > li:hover div.global-dropdown { display:block; }

					#header-navi-global > ul > li div.global-dropdown {
						position:absolute; left:0; top:100%; z-index:105;
						margin:0; padding:4px 0 0;
						text-align:left; background:rgba(255, 255, 255, 0.01); }
						#header-navi-global > ul > li div.global-dropdown ul {
							margin:0; padding:0;
							border:1px solid #e84d0b;
							border-radius:5px;
							background:#fff;
							box-shadow:0 2px 6px rgba(0, 0, 0, 0.4);
							position:relative; }

						/* 三角 */
						#header-navi-global > ul > li div.global-dropdown ul:before {
							content:""; display:block; width:0; height:0;
							position:absolute; left:23px; top:-9px;
							border-left:9px solid transparent;
							border-right:9px solid transparent;
							border-bottom:9px solid #e84d0b; }
						#header-navi-global > ul > li div.global-dropdown ul:after {
							content:""; display:block; width:0; height:0;
							position:absolute; left:23px; top:-8px;
							border-left:9px solid transparent;
							border-right:9px solid transparent;
							border-bottom:9px solid #fff; }

						#header-navi-global > ul > li div.global-dropdown li {
							margin:0; padding:0; list-style:none;
							white-space:nowrap; }

							#header-navi-global > ul > li div.global-dropdown li a {
								display:block;
								padding:0.8em 13px 0.8em 25px;
								font-size:12px; font-size:1.2rem; line-height:1.5em; font-weight:normal;
								background: url(/common-s/img/icon-arrow-right.png) no-repeat 13px 1.25em;
								border-top:1px solid #ccc; }
							#header-navi-global > ul > li div.global-dropdown li a.icon-blank {
								display:block;
								background: url(/common-s/img/icon-blank.png) no-repeat 11px 1.1em / 9px auto; }

							#header-navi-global > ul > li div.global-dropdown li:first-child a { border:none; }

/* グローバルナビ区画 メニューがない場合 */
#header-navi-border {
	clear:both; display:table; position:relative; z-index:1001;
	width:814px; margin:0 auto; padding:0 0 0 144px;
	border:none;
	background-color:#f18e43;
	background:-webkit-linear-gradient(top, #f69f55 0%, #e56314 100%);
	background:linear-gradient(to bottom, #f69f55 0%, #e56314 100%); }
/* before疑似要素でグロナビの背景を作成 */
#header-navi-border:before {
	display:block; position:absolute; top:-3px; left:-50%; z-index:-1;
	width:10000px; width:calc(200vw + 960px); height:100%; content:" ";
	border-top:3px solid #773f3f;
	background-color:#f18e43;
	background:-webkit-linear-gradient(top, #f69f55 0%, #e56314 100%);
	background:linear-gradient(to bottom, #f69f55 0%, #e56314 100%); }
	#header-navi-border p {
		display:block; height:2em; cursor:default;
		border:none; }
	#header-navi-border p:hover { background:none; }
	#header-navi-border img{display:none;}



/* ローカルナビ区画 */
#header-navi-local {
	clear:both; position:relative;
	padding-top:0;
	background:#fefefe;
	background: -webkit-linear-gradient(top, #fff 0%, #eee 100%);
	background: linear-gradient(to bottom, #fff 0%, #eee 100%); }
	#header-navi-local:before {
		display:block; position:absolute; top:-3px; left:-50%; z-index:-1;
		width:10000px; width:calc(200vw + 960px); height:100%; content:" ";
		border-top:3px solid #773f3f; border-bottom:1px solid #ccc;
		background:#fefefe;
		background:-webkit-linear-gradient(top, #fff 0%, #eee 100%);
		background:linear-gradient(to bottom, #fff 0%, #eee 100%);
		box-shadow:0 3px 3px -3px rgba(0, 0, 0, 0.2); }

	#header-navi-local .header-navi-local-inner {
		display:table;
		display:-ms-flexbox; display:-webkit-flex; display:flex;
		position:relative; width:960px; padding-top:3px; }

		/* ローカルホーム */
		#header-navi-local .header-navi-local-inner > p {
			display:table-cell;
			display:-ms-flexbox; display:-webkit-flex; display:flex;
			-ms-flex-pack:center; -webkit-justify-content:center; justify-content:center;
			-ms-flex-align:center; -webkit-align-items:center; align-items:center;
			position:relative;
			padding:11px 14px 12px;
			font-size:11px; font-size:1.1rem; line-height:1.5em;
			text-align:center; vertical-align:middle;
			word-break:break-all; cursor:pointer; }

		#header-navi-local .header-navi-local-inner > p.products-home,
		#header-navi-local .header-navi-local-inner > p.cs-mypage-home { width:107px; }
		#header-navi-local .header-navi-local-inner > p.corp-home { width:52px; }

			/* ホームの中 */
			#header-navi-local .header-navi-local-inner > p a {
				display:block; text-decoration:none; color:#333; }
				#header-navi-local .header-navi-local-inner > p a::before,
				#header-navi-local .header-navi-local-inner > p a::after {
					display:block; position:absolute; top:1.65em;
					width:1px; height:1.9em; border-right:1px solid #fff;
					background-color:#ccc; content:""; }
				#header-navi-local .header-navi-local-inner > p a::before { left:0; }
				#header-navi-local .header-navi-local-inner > p a::after { right:-1px; }

			/* ホームの中のマウスオーバー */
			#header-navi-local .header-navi-local-inner > p:hover { background:#a91400; }
				#header-navi-local .header-navi-local-inner > p:hover a { color:#fff; }
				#header-navi-local .header-navi-local-inner > p:hover a:before,
				#header-navi-local .header-navi-local-inner > p:hover a:after { display:none; }

			/* ホーム - カレント */
			#header-navi-local .header-navi-local-inner > p.current,
			#header-navi-local .header-navi-local-inner > p.current:hover {
				border-bottom:3px solid #a91400;
				padding-top:11px; padding-bottom:10px; background:none; }
				#header-navi-local .header-navi-local-inner > p.current a,
				#header-navi-local .header-navi-local-inner > p.current a:hover {
					color:#a91400; font-weight:bold; }
				#header-navi-local .header-navi-local-inner > p.current:hover a:before,
				#header-navi-local .header-navi-local-inner > p.current:hover a:after { display:block; }

		/* ローカルナビ */
		#header-navi-local .header-navi-local-inner > ul {
			display:table-cell;
			display:-ms-flexbox; display:-webkit-flex; display:flex;
			-webkit-flex:1 1 auto; -ms-flex-positive:1; flex:1 1 auto;
			position:relative; vertical-align:middle; }

			#header-navi-local .header-navi-local-inner > ul > li {
				display:table-cell;
				display:-ms-flexbox; display:-webkit-flex; display:flex;
				-ms-flex-pack:center; -webkit-justify-content:center; justify-content:center;
				-ms-flex-align:center; -webkit-align-items:center; align-items:center;
				-webkit-flex:1 1 auto; -ms-flex-positive:1; flex:1 1 auto;
				position:relative; list-style:none; padding:11px 0;
				background:url(/common-s/img/head-local-navi-arrow.png) no-repeat 50% calc(100% - 3px);
				vertical-align:middle; text-align:center;
				font-size:14px; font-size:1.4rem; line-height:1.2em; word-break:break-all;
				cursor:pointer; }
			#header-navi-local .header-navi-local-inner > p.products-home + ul > li { min-width:100px; padding-top:20px; padding-bottom:20px; }
			#header-navi-local .header-navi-local-inner > p.cs-mypage-home + ul > li {
				width:calc(100% / 4); background-image:none; }

			/* ローカルリンクリストの中 */
			#header-navi-local .header-navi-local-inner > ul > li > a {
				display:block; padding:0 8px;
				text-decoration:none; color:#333; text-shadow:0 0 1px rgba(0, 0, 0, 0.1); }
			#header-navi-local .header-navi-local-inner > p.products-home + ul > li > a {
				padding:0 12px; }
			#header-navi-local .header-navi-local-inner.complete > ul > li > a.icon-otsukaid {
				background:transparent url(/common-s/img/icon-otsukaid.png) no-repeat 8px center; }
			#header-navi-local .header-navi-local-inner > ul > li > a::before {
				display:block; position:absolute; top:0; right:-1px; bottom:0;
				width:1px; height:1.5em; margin:auto 0; border-right:1px solid #fff;
				background:#ccc; content:""; }
				#header-navi-local .header-navi-local-inner > ul > li > a > br {
					display:none; }
				#header-navi-local .header-navi-local-inner > ul > li[class*="cs-mypage-"] > a > br {
					display:inline; }
		/* ローカルリンクリストの中のマウスオーバー */
		#header-navi-local .header-navi-local-inner > ul > li:hover,
		#header-navi-local .header-navi-local-inner > ul > li.hover,
		#header-navi-local .header-navi-local-inner > ul > li.show.hover  { background:#a91400; }
			#header-navi-local .header-navi-local-inner > ul > li:hover > a,
			#header-navi-local .header-navi-local-inner > ul > li.hover > a,
			#header-navi-local .header-navi-local-inner > ul > li.show > a { color:#fff; }
			#header-navi-local .header-navi-local-inner > ul > li:hover > a::before,
			#header-navi-local .header-navi-local-inner > ul > li.hover > a::before,
			#header-navi-local .header-navi-local-inner > ul > li.show > a::before { display:none; }

		/* ローカルリンクリスト - カレント */
		#header-navi-local .header-navi-local-inner > ul > li.current {
			padding-top:12px; padding-bottom:11px;
			background:transparent; }
		#header-navi-local .header-navi-local-inner > ul > li.current::before {
			position:absolute; display:block;
			right:0; bottom:0;
			width:100%; height:3px; content:"";
			background-color:#a91400; }
			#header-navi-local .header-navi-local-inner > ul > li.current:hover {
				background:#a91400; }
			#header-navi-local .header-navi-local-inner > ul > li.current > a {
				color:#a91400; font-weight:bold; }
			#header-navi-local .header-navi-local-inner > ul > li.current > a:hover,
			#header-navi-local .header-navi-local-inner > ul > li.current:hover > a,
			#header-navi-local .header-navi-local-inner > ul > li.current.hover > a { color:#fff; }

/* ローカルナビドロップダウン */

	/* 初期 */
	#header-navi-local .header-navi-local-inner > ul > li .local-dropdown {
		position:absolute; top:100%; left:-1px; z-index:10;
		width:100%; text-align:left;
		background:#ccc;
		background:rgba(255, 255, 255, 0.01);
		cursor:default; display:none; }
		/* 三角 */
		#header-navi-local .header-navi-local-inner > ul > li .local-dropdown::before {
			display:block; position:absolute; top:-5px; z-index:1;
			width:10px; height:10px;
			border-top:1px solid #999; border-left:1px solid #999;
			background-color:#fff; content:"";
			-webkit-transform:translate(-50%) rotate(45deg);
			-ms-transform:translate(-50%) rotate(45deg);
			transform:translate(-50%) rotate(45deg); }
	#header-navi-local .header-navi-local-inner > ul > li.show > .local-dropdown {
		display:block; }

		#header-navi-local .header-navi-local-inner > ul > li .local-dropdown .local-dropdown-inner {
			display:table; position:relative;
			margin:0; padding:10px; border:1px solid #999;
			background:#fff; box-shadow:0 6px 6px -3px #000; }

		/* ドロップダウンメニューセット */
		#header-navi-local .header-navi-local-inner > ul > li .local-dropdown .dropdown-column {
			display:table-cell; padding-right:10px; }
		#header-navi-local .header-navi-local-inner > ul > li .local-dropdown .dropdown-columns .dropdown-column {
			min-width:250px; }
		#header-navi-local .header-navi-local-inner > ul > li .local-dropdown .dropdown-column:last-of-type {
			padding-right:0; }

		#header-navi-local .header-navi-local-inner > ul > li .local-dropdown p.dropdown-column-title {
			padding:3px 8px 2px; background-color:#656565;
			font-size:13px; font-size:1.3rem; line-height:1.5em;
			color:#fff; white-space:normal; }
		#header-navi-local .header-navi-local-inner > ul > li .local-dropdown p.dropdown-column-title:not(:first-child) {
			margin-top:0.4em; }
		#header-navi-local .header-navi-local-inner > ul > li .local-dropdown ul + p.dropdown-column-title {
			margin-top:16px; }
		#header-navi-local .header-navi-local-inner > ul > li .local-dropdown ul {
			display:table-cell; margin:0; padding:5px 0; }
		#header-navi-local .header-navi-local-inner > ul > li .local-dropdown p.dropdown-column-title + ul {
			padding-top:6px; }
		#header-navi-local .header-navi-local-inner > ul > li .local-dropdown ul + ul {
			padding-left:10px; }
			#header-navi-local .header-navi-local-inner > ul > li .local-dropdown ul li {
				list-style:none; margin:0.5em 0 0 0; padding:0;
				font-size:13px; font-size:1.3rem; }
				#header-navi-local .header-navi-local-inner > ul > li .local-dropdown ul li:first-child {
					margin-top:0; }
					#header-navi-local .header-navi-local-inner > ul > li .local-dropdown ul li a {
						display:block; padding:0 5px 0 16px; margin-top:0;
						background:url(/common-s/img/icon-arrow-right.png) no-repeat 4px 0.45em;
						line-height:1.4em; white-space:normal; }
					#header-navi-local .header-navi-local-inner > ul > li .local-dropdown li.header-navi-local-top {
						font-size:14px; font-size:1.4rem; }
					#header-navi-local .header-navi-local-inner > ul > li .local-dropdown ul li a.icon-blank {
						background: url(/common-s/img/icon-blank.png) no-repeat 2px 0.35em; }
					#header-navi-local .header-navi-local-inner > ul > li .local-dropdown ul li.header-navi-local-top a {
						padding-left:19px;
						background:url(/common-s/img/icons-arrow-right.png) no-repeat 0 0.15em; }
					#header-navi-local .header-navi-local-inner > ul > li .local-dropdown ul li.header-navi-local-top a.icon-blank {
						background-image:url(/common-s/img/icons-blank); }
						#header-navi-local .header-navi-local-inner > ul > li .local-dropdown ul li a:hover {
							background-color:#eee; }
		#header-navi-local .header-navi-local-inner > ul > li .local-dropdown ul.sub-dropdown-parent {
			position:relative; padding:0; }
			#header-navi-local .header-navi-local-inner > ul > li .local-dropdown ul.sub-dropdown-parent > li {
				position:relative; margin:0 -10px; padding:5px 25px 5px 5px;
				border-left:5px solid transparent; border-right:5px solid transparent; }
			#header-navi-local .header-navi-local-inner > ul > li .local-dropdown ul.sub-dropdown-parent > li.header-navi-local-top {
				padding:0; }
				#header-navi-local .header-navi-local-inner > ul > li .local-dropdown ul.sub-dropdown-parent > li.header-navi-local-top a {
					padding:7px 12px 7px 23px; background-position:4px calc(0.26em + 7px); }
			#header-navi-local .header-navi-local-inner > ul > li .local-dropdown ul.sub-dropdown-parent > li:not(.header-navi-local-top)::before {
				position:absolute; top:0; right:6px; bottom:0;
				width:6px; height:6px; margin:auto 0;
				border-top:2px solid #999; border-right:2px solid #999;
				content:"";
				-webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); }
			#header-navi-local .header-navi-local-inner > ul > li .local-dropdown ul.sub-dropdown-parent > li.hover {
				background-color:#eee; background-clip:padding-box; }
			#header-navi-local .header-navi-local-inner > ul > li .local-dropdown ul.sub-dropdown-parent > li.all-lists {
				margin-top:10px; padding:0; }
			#header-navi-local .header-navi-local-inner > ul > li .local-dropdown ul.sub-dropdown-parent > li.all-lists::before {
				content:none; }
				#header-navi-local .header-navi-local-inner > ul > li .local-dropdown ul.sub-dropdown-parent > li.all-lists a {
					padding-top:5px; padding-bottom:5px;
					background-position:7px calc(0.45em + 5px); }
				#header-navi-local .header-navi-local-inner > ul > li .local-dropdown ul li ul.sub-dropdown {
					display:none; position:absolute; left:calc(100% + 5px); top:-6px;
					max-width:calc(960px - 100% - 120px - 22px); padding:7px; border:1px solid #999;
					background:#fff; box-shadow:0 6px 6px -3px #000; }
				#header-navi-local .header-navi-local-inner > ul > li .local-dropdown ul li.show ul.sub-dropdown {
					display:block; }
					#header-navi-local .header-navi-local-inner > ul > li .local-dropdown ul li ul.sub-dropdown li {
						margin:0; }
						#header-navi-local .header-navi-local-inner > ul > li .local-dropdown ul li ul.sub-dropdown li a {
							padding:3px 8px 3px 19px;
							background-position:7px calc(0.45em + 3px); white-space:nowrap; }

	/* 最大幅（960px）の折り返し対応 */
	#header-navi-local .header-navi-local-inner > ul > li .local-dropdown-outer {
		position:absolute; top:100%; left:0; z-index:10;
		width:960px; height:0; margin:0;
		text-align:left; display:none; cursor:auto; }
		#header-navi-local .header-navi-local-inner > ul > li:hover .local-dropdown-outer { display:block; }
		#header-navi-local .header-navi-local-inner > ul > li .local-dropdown-outer .local-dropdown {
			width:auto; display:inline-block;
			background:#ccc; background:rgba(255, 255, 255, 0.01); }

			/* 折り返し処理 */
			/* ソリューション・製品 */
			#header-navi-local .header-navi-local-inner > ul > li.products-01 .local-dropdown-outer { margin-left:-135px; }
			#header-navi-local .header-navi-local-inner > ul > li.products-02 .local-dropdown-outer { margin-left:-235px; }
			#header-navi-local .header-navi-local-inner > ul > li.products-03 .local-dropdown-outer { margin-left:-447px; }
			#header-navi-local .header-navi-local-inner > ul > li.products-04 .local-dropdown-outer { margin-left:-575px; }
			#header-navi-local .header-navi-local-inner > ul > li.products-05 .local-dropdown-outer { margin-left:-731px; }
			#header-navi-local .header-navi-local-inner > ul > li.products-06 .local-dropdown-outer { left:auto; right:0; }
				#header-navi-local .header-navi-local-inner > ul > li.products-01 .local-dropdown-outer .local-dropdown { margin-left:135px; }
				#header-navi-local .header-navi-local-inner > ul > li.products-02 .local-dropdown-outer .local-dropdown { margin-left:235px; }
				#header-navi-local .header-navi-local-inner > ul > li.products-03 .local-dropdown-outer .local-dropdown { margin-left:447px; }
				#header-navi-local .header-navi-local-inner > ul > li.products-04 .local-dropdown-outer .local-dropdown { margin-left:575px; }
				#header-navi-local .header-navi-local-inner > ul > li.products-05 .local-dropdown-outer .local-dropdown { margin-left:731px; }
				#header-navi-local .header-navi-local-inner > ul > li.products-06 .local-dropdown-outer .local-dropdown { left:auto; right:0; }
				#header-navi-local .header-navi-local-inner > ul > li.products-01 .local-dropdown-outer .local-dropdown::before { left:calc(100px / 2); }
				#header-navi-local .header-navi-local-inner > ul > li.products-02 .local-dropdown-outer .local-dropdown::before { left:calc(212px / 2); }
				#header-navi-local .header-navi-local-inner > ul > li.products-03 .local-dropdown-outer .local-dropdown::before { left:calc(128px / 2); }
				#header-navi-local .header-navi-local-inner > ul > li.products-04 .local-dropdown-outer .local-dropdown::before { left:calc(156px / 2); }
				#header-navi-local .header-navi-local-inner > ul > li.products-05 .local-dropdown-outer .local-dropdown::before { left:calc(100px / 2); }
				#header-navi-local .header-navi-local-inner > ul > li.products-06 .local-dropdown-outer .local-dropdown::before {
					right:calc(128px / 2);
					-webkit-transform:translate(50%) rotate(45deg);
					-ms-transform:translate(50%) rotate(45deg);
					transform:translate(50%) rotate(45deg); }
			/* 企業情報 */
			#header-navi-local .header-navi-local-inner > ul > li.corp-01 .local-dropdown-outer { margin-left:-80px; }
			#header-navi-local .header-navi-local-inner > ul > li.corp-02 .local-dropdown-outer { margin-left:-252px; }
			#header-navi-local .header-navi-local-inner > ul > li.corp-03 .local-dropdown-outer { margin-left:-367px; }
			#header-navi-local .header-navi-local-inner > ul > li.corp-04 .local-dropdown-outer { margin-left:-483px; }
			#header-navi-local .header-navi-local-inner > ul > li.corp-05 .local-dropdown-outer { margin-left:-587px; }
			#header-navi-local .header-navi-local-inner > ul > li.corp-06 .local-dropdown-outer { margin-left:-843px; }
				#header-navi-local .header-navi-local-inner > ul > li.corp-01 .local-dropdown-outer .local-dropdown { margin-left:80px; }
				#header-navi-local .header-navi-local-inner > ul > li.corp-02 .local-dropdown-outer .local-dropdown { margin-left:252px; }
				#header-navi-local .header-navi-local-inner > ul > li.corp-03 .local-dropdown-outer .local-dropdown { margin-left:367px; }
				#header-navi-local .header-navi-local-inner > ul > li.corp-04 .local-dropdown-outer .local-dropdown { margin-left:483px; }
				#header-navi-local .header-navi-local-inner > ul > li.corp-05 .local-dropdown-outer .local-dropdown { margin-left:587px; }
				#header-navi-local .header-navi-local-inner > ul > li.corp-06 .local-dropdown-outer .local-dropdown { left:auto; right:0; }
				#header-navi-local .header-navi-local-inner > ul > li.corp-01 .local-dropdown-outer .local-dropdown::before { left:calc(172px / 2); }
				#header-navi-local .header-navi-local-inner > ul > li.corp-02 .local-dropdown-outer .local-dropdown::before { left:calc(116px / 2); }
				#header-navi-local .header-navi-local-inner > ul > li.corp-03 .local-dropdown-outer .local-dropdown::before { left:calc(116px / 2); }
				#header-navi-local .header-navi-local-inner > ul > li.corp-04 .local-dropdown-outer .local-dropdown::before { left:calc(103px / 2); }
				#header-navi-local .header-navi-local-inner > ul > li.corp-05 .local-dropdown-outer .local-dropdown::before { left:calc(256px / 2); }
				#header-navi-local .header-navi-local-inner > ul > li.corp-06 .local-dropdown-outer .local-dropdown::before {
					right:calc(116px / 2);
					-webkit-transform:translate(50%) rotate(45deg);
					-ms-transform:translate(50%) rotate(45deg);
					transform:translate(50%) rotate(45deg); }

/* メニュードロップダウン */

@media print {

	#header-navi-global { box-shadow:none; }
		/* ホームの中 */
		#header-navi-global > p a { text-shadow: 0 0 0 #fff; }
		#header-navi-global-home a { text-shadow: 0 0 0 #fff; }
		#header-navi-global > ul { }
			#header-navi-global > ul > li:first-child + li + li + li { border-right:1px solid #ccc; }
			#header-navi-global > ul > li:first-child + li + li + li:before { display:none; }
			#header-navi-global > ul > li > a { text-shadow: 0 0 0 #fff; }

	#header-navi-global > ul > li.current { border-top:0; }
	#header-navi-global > ul > li.current:before { display:none; }
	#header-navi-global > ul > li.current > a:after { display:none; }
	#header-navi-global > ul > li.current > a { padding:8px 5px 5px 5px; }
	#header-navi-global > ul > li.current:first-child + li + li > a { padding:8px 1px 5px 9px; }

	#header-navi-local { padding-top:0; }

}

/* -----------------------------------------------
	SPでのPC表示用
	max-device-width:767px

	タブレット（横）用
	min-device-width:768px +
	max-device-width:960px +
	orientation:landscape
----------------------------------------------- */
@media
	only screen and (max-device-width:767px),
	only screen and (min-device-width:768px) and (max-device-width:960px) and (orientation:landscape) {

/* グローバルナビ区画 */
#header-navi-global { width:958px; padding-left:0; }

	#header-navi-global > ul {
		display:-webkit-box; display:-webkit-flex; display:flex; }
		#header-navi-global > ul > li { display:block; }
		#header-navi-global > ul > li { width:22%; }
		#header-navi-global > ul > li:first-child { width:12%; }

		#header-navi-local .header-navi-local-inner > ul > li {
			padding-bottom:18px; background:none; }
		#header-navi-local .header-navi-local-inner > ul > li.current {
			padding-bottom:13px; }
		#header-navi-local .header-navi-local-inner > ul > li:hover { background:transparent; }

}

/* -----------------------------------------------
	タブレット（縦）
----------------------------------------------- */
@media
	only screen and (max-device-width:959px) and (min-device-width:600px) and (orientation:portrait),
	only screen and (max-device-width:959px) and (min-device-width:600px) and (min-device-height:600px) and (min-resolution: 144dpi) {

#header { width: 710px; }
	#header #header-area-utility { width:100%; margin:auto; }

#header-navi-global { width:708px; padding-left:0; }

	/* ■大カテリンクリスト■ */
	#header-navi-global > ul {
			display:-webkit-box; display:-webkit-flex; display:flex; }
		#header-navi-global > ul > li {
			display:block; -webkit-flex:1 1 auto; flex:1 1 auto; width:150px;
			font-size:13px; font-size:1.3rem; }
		#header-navi-global > ul > li:first-child { width:60px; }
		#header-navi-global > ul > li:not(:first-child) > a::after {
			display:block; margin:0.2em auto 0; }
		#header-navi-global > ul > li.active > a::after {
			-webkit-transform:translate(0, 4px) rotate(45deg);
			transform:translate(0, 4px) rotate(45deg); }

			/* ★ ★ ★グロナビリンクリスト（カレント処理）★ ★ ★ */
			#header-navi-global > ul > li.current { font-size:1.2rem; }
				#header-navi-global > ul > li.current a { padding-top:8px; }
			/* 右のボーダー上書き */
			#header-navi-global > ul > li:first-child + li + li + li.current:after {
				content:""; display:block;
				position:absolute; left:100%; top:0;
				width:1px; height:100%;
				border:none; background:#ccc; box-shadow:none; }

		/* ドロップダウンメニュー不可 */
		#header-navi-global > ul > li > a:focus + div.global-dropdown,
		#header-navi-global > ul > li:hover div.global-dropdown { display:none; }

		/* ベースライン調整 */
		#header-navi-global > ul > li > a { padding:6px 5px 7px; }

/* ★★★灰色区画★★★ */
#header-navi-local {}

	#header-navi-local .header-navi-local-inner {
		display:-webkit-box; display:-webkit-flex; display:flex;
		width:708px; }
	#header-navi-local .header-navi-local-inner > p:hover a { color:#333; }
	#header-navi-local .header-navi-local-inner > p.products-home,
	#header-navi-local .header-navi-local-inner > p.cs-mypage-home,
	#header-navi-local .header-navi-local-inner > p.corp-home {
		display:-webkit-box; display:-webkit-flex; display:flex;
		-webkit-box-align:center; -webkit-align-items:center; align-items:center;
		padding-left:7px; padding-right:7px; }
	#header-navi-local .header-navi-local-inner > p.products-home { width:95px; }
	#header-navi-local .header-navi-local-inner > p.cs-mypage-home { width:93px; }
		#header-navi-local .header-navi-local-inner > p a { width:100%; }

	#header-navi-local .header-navi-local-inner > ul {
		display:-webkit-box; display:-webkit-flex; display:flex;
		-webkit-flex:1 1 auto; flex:1 1 auto; }
	#header-navi-local .header-navi-local-inner > ul > li {
		display:-webkit-box; display:-webkit-flex; display:flex;
		-webkit-box-align:center; -webkit-align-items:center; align-items:center;
		-webkit-flex:1 1 auto; flex:1 1 auto;
		padding:18px 0 15px; background:none; font-size:1.1rem; }
	#header-navi-local .header-navi-local-inner > p.products-home + ul > li,
	#header-navi-local .header-navi-local-inner > p.cs-mypage-home + ul > li,
	#header-navi-local .header-navi-local-inner > p.corp-home + ul > li { min-width:0; }
	#header-navi-local .header-navi-local-inner > p.products-home + ul > li {
		width:16%; padding-top:12px; padding-bottom:10px; }
	#header-navi-local .header-navi-local-inner > p.products-home + ul > li > a > br { display:block;}
	#header-navi-local .header-navi-local-inner > p.products-home + ul > li.products-01 { width:12%; min-width:1px; }
	#header-navi-local .header-navi-local-inner > p.products-home + ul > li.products-02 { width:20%; min-width:1px; }
	#header-navi-local .header-navi-local-inner > p.products-home + ul > li.products-03 { width:18%; min-width:1px; }
	#header-navi-local .header-navi-local-inner > p.products-home + ul > li.products-04 { width:16%; min-width:1px; }
	#header-navi-local .header-navi-local-inner > p.products-home + ul > li.products-05 { width:16%; min-width:1px; }
	#header-navi-local .header-navi-local-inner > p.products-home + ul > li.products-06 { width:18%; min-width:1px; }
	/* カレント */
	#header-navi-local .header-navi-local-inner > ul > li.current {
		padding-top:17px; padding-bottom:12px; }
	#header-navi-local .header-navi-local-inner > p.cs-mypage-home + ul > li.current[class*="cs-mypage-"] {
		padding-top:9px; padding-bottom:7px; }

	#header-navi-local .header-navi-local-inner > ul > li:hover { background:transparent; }
		#header-navi-local .header-navi-local-inner > ul > li > a {
			width:100%; padding:0 7px;
			text-shadow:0 0 1px #ddd; background-position:6px center; }
		#header-navi-local .header-navi-local-inner > ul > li > a.icon-otsukaid {
			background:transparent url(/common-s/img/icon-otsukaid.png) no-repeat 5px center; }
		/* ホバー */
		#header-navi-local .header-navi-local-inner > ul > li:hover > a { color:#333; }

	/* -- カテゴリ別の幅指定 706 = （P1+1）+n（y+1）-- */
	/* ソ製 */
	#header-navi-local .header-navi-local-inner > p.products-home + ul > li.products-04,
	#header-navi-local .header-navi-local-inner > p.corp-home + ul > li.corp-04,
	#header-navi-local .header-navi-local-inner > p.corp-home + ul > li.corp-05 { min-width:0; }

		/* ドロップダウンメニュー不可 */
		#header-navi-local .header-navi-local-inner > ul > li.over div.local-dropdown,
		#header-navi-local .header-navi-local-inner > ul > li > a:focus + div.local-dropdown,
		#header-navi-local .header-navi-local-inner > ul > li:hover div.local-dropdown { display:none; }

}

@media only screen and (max-device-width:959px) and (min-device-height:700px) and (device-aspect-ratio: 2/3),
 only screen and (max-device-width:959px) and (min-device-height:700px) and (device-aspect-ratio: 4/3),
 only screen and (max-device-width:959px) and (min-device-height:500px) and (device-aspect-ratio: 3/4),
 only screen and (max-device-width:959px) and (min-device-height:700px) and (device-aspect-ratio: 3/5),
 only screen and (max-device-width:959px) and (min-device-height:700px) and (device-aspect-ratio: 5/3),
 only screen and (max-device-width:959px) and (min-device-height:700px) and (device-aspect-ratio: 8/5),
 only screen and (max-device-width:959px) and (min-device-height:700px) and (device-aspect-ratio: 15/9),
 only screen and (max-device-width:959px) and (min-device-height:700px) and (device-aspect-ratio: 9/16),
 only screen and (max-device-width:959px) and (min-device-height:700px) and (device-aspect-ratio: 256/135),
 only screen and (max-device-width:959px) and (min-device-height:700px) and (min-resolution: 192dpi),
 only screen and (max-device-width:959px) and (min-device-height:500px) and (resolution: 144dpi),
 only screen and (min-width:320px) and (device-aspect-ratio: 5/8) and (-webkit-min-device-pixel-ratio:1.3) and (min-resolution: 192dpi),
 only screen and (min-width:320px) and (device-aspect-ratio: 8/5) and (-webkit-min-device-pixel-ratio:1.3) and (min-resolution: 192dpi),
 only screen and (min-width:320px) and (device-aspect-ratio: 9/16) and (-webkit-min-device-pixel-ratio:1.3) and (min-resolution: 192dpi),
 only screen and (min-width:320px) and (device-aspect-ratio: 16/9) and (-webkit-min-device-pixel-ratio:1.3) and (min-resolution: 192dpi),
 only screen and (device-width:375px) and (device-height:667px) and (-webkit-device-pixel-ratio:2),
 only screen and (device-width:667px) and (device-height:375px) and (-webkit-device-pixel-ratio:2),
 only screen and (device-width:568px) and (device-height:320px) and (-webkit-device-pixel-ratio:2),
 only screen and (device-width:320px) and (device-height:568px) and (-webkit-device-pixel-ratio:2),
 only screen and (device-width:480px) and (device-height:320px) and (-webkit-device-pixel-ratio:2),
 only screen and (device-width:320px) and (device-height:480px) and (-webkit-device-pixel-ratio:2) {


	/* タブレット横　ドロップダウン不可 */
	#header-navi-global a,
	#header-navi-local a { -webkit-tap-highlight-color:rgba(0,0,0,0); }

		/* ベースライン調整 */
		#header-navi-global > ul > li > a { padding:6px 5px 7px; }
		#header-navi-local .header-navi-local-inner > p:hover,
		#header-navi-local .header-navi-local-inner > ul > li:hover { background:transparent; }
		#header-navi-local .header-navi-local-inner > ul > li .local-dropdown { display:none !important; }


}


/* -------------------------------------------------------------------

	ページID

------------------------------------------------------------------- */

	#main .page-id {
		display:inline-block;
		position:fixed; right:0; bottom:0; z-index:100;
		margin-top:0; padding:3px 10px;
		background-color:#008196; color:#fff; line-height:1.4; }


/* -------------------------------------------------------------------

	フローティングバナー

------------------------------------------------------------------- */
	#main .parts-floating{ position:fixed; top:100%; z-index:1;
		width:710px; padding:40px 10px 20px; background:#efefef; border:1px solid #ccc; box-sizing:border-box;}
		#main .parts-floating .parts-floating-content{
			position:relative;}
			#main .parts-floating .parts-floating-content .button-close{
				position:absolute; top:-30px; right:10px;
				background:none; border:none; cursor:pointer; outline:none;}
					#main .parts-floating .parts-floating-content p{
						margin:0;}
						#main .parts-floating .parts-floating-content p a{
							padding:0; background:none; vertical-align:top;}
						#main .parts-floating .parts-floating-content p img{
							display:block;}
	/* ページトップ位置調整 */
	#pagetop.position-up{}
		.cs-mypage #pagetop.position-up a{
			-webkit-transition:none 0.2s linear;
			transition:none 0.2s ease-out;
			-webkit-transition-property:top, bottom;
			transition-property:top, bottom;
			position:fixed; bottom:150px;}
		.cs-mypage #pagetop.position-up a.footer-fixed{
			position:fixed; top:auto !important; bottom:150px;}


/* -------------------------------------------------------------------

	フローティングバナー（AT連携）

------------------------------------------------------------------- */
#main .boxes-floating-banner {
	position:fixed; top:100%; left:0; right:0; z-index:99; width:640px;
	margin:0 auto; padding:9px; border:1px solid #ccc; border-bottom:none;
	border-radius:5px 5px 0 0; box-sizing:border-box; background-color:#fff;
	box-shadow:1px 0 2px rgba(0, 0, 0, 0.2);
	-webkit-transform:translate(0, -100%); transform:translate(0, -100%);
	-webkit-transition:transform 0.4s ease; transition:transform 0.4s ease; }
#main .boxes-floating-banner[aria-hidden="true"] {
	-webkit-transform:translate(0, 3px); transform:translate(0, 3px); }
	#main .boxes-floating-banner:hover { background-color:#f0f0f0; }
	#main .boxes-floating-banner .boxes-floating-banner-content {}
		/* サムネイル画像 */
		#main .boxes-floating-banner .boxes-floating-banner-content .pic {
			position:absolute; top:9px; left:9px; width:80px; margin-top:0;
			padding:4px; border:1px solid #ccc;
			background-color:#fff; box-sizing:border-box; }
			#main .boxes-floating-banner .boxes-floating-banner-content .pic img {
				vertical-align:top; }
		/* タイトル */
		#main .boxes-floating-banner .boxes-floating-banner-content .title {
			margin:0 34px 0 90px; line-height:1.5em; font-weight:bold; }
		/* 本文 */
		#main .boxes-floating-banner .boxes-floating-banner-content .text {
			margin-top:0; margin-left:90px; font-size:13px; font-size:1.3rem;
			line-height:1.5em; }
		/* リンク */
		#main .boxes-floating-banner .boxes-floating-banner-content .link {
			margin-top:0; margin-left:90px;
			font-size:14px; font-size:1.4rem; line-height:1.5em; }
			#main .boxes-floating-banner .boxes-floating-banner-content .link a {}
			#main .boxes-floating-banner .boxes-floating-banner-content .link a::before {
				position:absolute; top:0; left:0; width:100%; height:100%;
				content:""; }
		/* 閉じるボタン */
		#main .boxes-floating-banner .boxes-floating-banner-content .button-close {
			position:absolute; top:4px; right:4px; width:24px; height:24px;
			padding:0; border:none; border-radius:50%; background-color:#ccc;
			text-indent:-9000px; cursor:pointer;
			box-shadow:1px 1px 1px -1px rgba(0, 0, 0, 0.2); }
		#main .boxes-floating-banner .boxes-floating-banner-content .button-close::before,
		#main .boxes-floating-banner .boxes-floating-banner-content .button-close::after {
			position:absolute; top:0; left:0; right:0; bottom:0;
			width:2px; height:60%; margin:auto; background-color:#fff;
			content:""; }
		#main .boxes-floating-banner .boxes-floating-banner-content .button-close::before {
			-webkit-transform:rotate(-45deg); transform:rotate(-45deg); }
		#main .boxes-floating-banner .boxes-floating-banner-content .button-close::after {
			-webkit-transform:rotate(45deg); transform:rotate(45deg); }