@charset "utf-8";

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

	ビジネスお役立ち情報 共通CSS

	最終更新日：2022年12月1日

	/contents/business-oyakudachi/ ビジネスお役立ち情報　全てのページから読むことを想定しています。

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

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

	エリア定義

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

#main-container { margin: 0 auto; padding: 0 0 30px; width: 960px;}

.business-oyakudachi .index #main #main-body,
.business-oyakudachi .index #main footer { width:710px; float:right;}
.business-oyakudachi .index #main #main-body { margin-top:30px;}

.business-oyakudachi .basic #main { width:710px; float:right;}


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

	左サイド　ローカルナビゲーションエリア

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

.business-oyakudachi #main-side { margin-top:30px;}
.business-oyakudachi #side {
	float:none;}
	/* ローカルナビ */
	.business-oyakudachi p.text-side-title {
		display:none;}
	.business-oyakudachi .side-navi {}
		.business-oyakudachi .side-navi > p { line-height:1.5em;}
			.business-oyakudachi .side-navi > p a {
				display:block; padding:8px 10px; background:#999; color:#fff;
				font-weight:bold; font-size:14px; font-size:1.4rem; line-height:1.7em;}
		.business-oyakudachi .side-navi > ul {
			border:1px solid #ccc;}
			.business-oyakudachi .side-navi > ul li {
				list-style:none; background:#fff; border-top:1px solid #ccc;}
				.business-oyakudachi .side-navi > ul li:first-child {
					border-top:none;}
				/* 見出し */
				.business-oyakudachi .side-navi > ul li span {
					display:block; padding: 6px 10px 4px 15px;
					background-color: #dcdcdc;
					font-size: 1.3rem; line-height: 1.5em; font-weight: bold;}
				.business-oyakudachi .side-navi > ul li a {
					position:relative; display:flex; align-items: center;
					min-height: 54px; padding:5px 26px 5px 20px; background:none;
					color:#333; font-size:14px; font-size:1.4rem; line-height:1.5em;
					box-sizing: border-box;}
				/* IEのみの調整 */
				@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
					.business-oyakudachi .side-navi > ul li a {
						display: table-cell; vertical-align: middle;
						width: 220px;
					}
				}
					.business-oyakudachi .side-navi > ul li:hover {
						background:#ffddc4;}
					.business-oyakudachi .side-navi > ul li a:after {
						display:block; position:absolute; top:0; bottom:0; right:10px;
						width:7px; height:9px; margin:auto 0;
						background:url(/contents/business-oyakudachi/common-s/img/icons-business-oyakudachi.png) no-repeat;
						background-position:0 -165px; content:"";}
					/* 下層 */
					.business-oyakudachi .side-navi > ul li ul {
						margin-left:6px; border-top:1px solid #ccc; border-left:1px solid #ccc;}
						.business-oyakudachi .side-navi > ul li ul li {
							background:#fff;}
							.business-oyakudachi .side-navi > ul li ul li a {
								color:#333;}
							.business-oyakudachi .side-navi > ul li ul li.current {
								background:#ffddc4;}
							/* 第二階層以降 */
							.business-oyakudachi .side-navi > ul li ul li ul {}
								.business-oyakudachi .side-navi > ul li ul li ul li {
									position:relative; z-index:1;}
								.business-oyakudachi .side-navi > ul li ul li ul li::before {
									position:absolute; z-index:-1;
									top:calc(10px + (((1.4rem * 1.7) - 9px) / 2) - 4.5px);
									left:14px; width:8px; height:8px;
									border-left:1px solid #ccc; border-bottom:1px solid #ccc;
									content:"";}
									.business-oyakudachi .side-navi > ul li ul li ul li a {
										min-height: auto; padding-top:8px; padding-left:26px; padding-bottom:8px;
										line-height: 1.7em;}
									.business-oyakudachi .side-navi > ul li ul li ul li a::after {
										width:0; height:0;
										border-width:5px 0 5px 7px;
										border-style:solid;
										border-color:transparent transparent transparent #ccc;
										background:none;}
			/* カレント */
			.business-oyakudachi .side-navi > ul > li.current,
			.business-oyakudachi .side-navi > ul li.parent-current {
				background:#bd3f00;}
				.business-oyakudachi .side-navi > ul > li.current > a,
				.business-oyakudachi .side-navi > ul li.parent-current > a {
					color:#fff;}
					.business-oyakudachi .side-navi > ul > li.current > a:after,
					.business-oyakudachi .side-navi > ul li.parent-current > a:after {
						background-position:-16px -165px;}
					.business-oyakudachi .side-navi > ul li.parent-current ul li.parent-current {
						background-color:#ffddc4;}
						.business-oyakudachi .side-navi > ul li.parent-current ul li.parent-current > a {
							background-position-x:0; color:#333;}
						.business-oyakudachi .side-navi > ul li.parent-current ul li.parent-current > a::after {
							background-position-x:0;}
						.business-oyakudachi .side-navi > ul li.parent-current ul li.parent-current ul {}
							.business-oyakudachi .side-navi > ul li.parent-current ul li.parent-current ul li.current {
								background-color:#f0f0f0;}
							.business-oyakudachi .side-navi > ul li.parent-current ul li.parent-current ul li:hover {
								background-color:#f0f0f0;}

	/* QRコード・バックナンバー */
	.business-oyakudachi #side .side-relation-link {}
		.business-oyakudachi #side .side-relation-link ul li { list-style:none; margin-top:2em;}
			.business-oyakudachi #side .side-relation-link ul li a {
				display:inline-block; padding:0; border:none; border-radius:0; background:none;}
				.business-oyakudachi #side .side-relation-link ul li a img {
					margin:0 auto; border-radius:0; transition:all ease-out 0.2s;}
					.business-oyakudachi #side .side-relation-link ul li a:hover img { opacity:0.8;}

	/* 大塚ID活用サイト リンク */
	.business-oyakudachi #side .side-links-otsuka-id {
		margin-top:2em; padding-bottom: 18px; border: 1px solid #ccc;}
		.business-oyakudachi #side .side-links-otsuka-id p.title { margin-top: 0;}
			.business-oyakudachi #side .side-links-otsuka-id p.title img { vertical-align: top;}
		.business-oyakudachi #side .side-links-otsuka-id p.text {
			margin: 15px 20px 0; font-size:13px; font-size:1.3rem;
			line-height:1.5em; text-align: center;}
		.business-oyakudachi #side .side-links-otsuka-id p.button {
			margin: 10px 12px 0;}
			.business-oyakudachi #side .side-links-otsuka-id p.button a {
				display: block; padding: 12px 10px 13px 31px;
				border-radius: 10em;
				background:url(/common-s/img/icons-arrow-right-white.png) 14px 18px no-repeat #d63e08;
				color: #fff; font-size: 14px; font-size: 1.4rem;
				font-weight: bold; line-height: 1.3em;
				box-shadow: 0 2px #a82514;
				box-shadow:0px -1px 0px 1px #982c06 inset,3px 3px 3px 1px rgba(0,0,0,0.2);
				box-sizing: border-box;}
			.business-oyakudachi #side .side-links-otsuka-id .button a[target="_blank"] {
				background-image: url(/common-s/img/icons-blank-white.png);
				background-position-y: 17px;}
			.business-oyakudachi #side .side-links-otsuka-id .button a:hover {
				background-color: #a82514; text-decoration: none;}

	/* バナー */
	.business-oyakudachi #side .side-links-priority-bnr { margin-top:2em; }
		.business-oyakudachi #side .side-links-priority-bnr ul li { list-style-type:none; margin-top:2em; }
		.business-oyakudachi #side .side-links-priority-bnr ul li:first-child { margin-top:0; }
			.business-oyakudachi #side .side-links-priority-bnr ul li a {
				position:relative; padding:1px;
				background-image:none; border:1px solid #ccc; border-radius:10px;
				box-shadow:3px 3px 5px 0px rgba(4,0,0,0.15); overflow:hidden;}
				.business-oyakudachi #side .side-links-priority-bnr ul li a:hover img { opacity:0.7; }
				/* バナーアイコン */
				.business-oyakudachi #side .side-links-priority-bnr ul li a:before{
					position:absolute; bottom:-18px; right:-18px; z-index: 1;
					width:36px; height:36px;
					background:#fff; content:"";
					-ms-transform: rotate(45deg); transform: rotate(45deg);}
				.business-oyakudachi #side .side-links-priority-bnr ul li a:after{
					display:block; position:absolute; bottom:5px; right:5px; z-index: 2;
					width:5px; height:7px;
					background:url(/contents/business-oyakudachi/common-s/img/icons-business-oyakudachi.png) no-repeat;
					background-position:-24px -165px; content:"";}
				.business-oyakudachi #side .side-links-priority-bnr ul li a.icons-blank:after{
					display:block; position:absolute; bottom:4px; right:4px;
					width:9px; height:9px;
					background:url(/contents/business-oyakudachi/common-s/img/icons-business-oyakudachi.png) no-repeat;
					background-position:-31px -165px; content:"";}
				.business-oyakudachi #side .side-links-priority-bnr ul li a.icons-external:after{
					display:block; position:absolute; bottom:4px; right:3px;
					width:9px; height:9px;
					background:url(/contents/business-oyakudachi/common-s/img/icons-business-oyakudachi.png) no-repeat;
					background-position:-40px -165px; content:"";}
				.business-oyakudachi #side .side-links-priority-bnr ul li a img {
					display:block; padding:0;
					border-radius:9px; background:#fff;
					vertical-align:bottom;}

	/* 大塚ID関連サービス リンク */
	.business-oyakudachi #side .side-links-otsuka-id-related-service {
		margin-top:2em; padding-bottom: 18px; border: 1px solid #ccc;}
		.business-oyakudachi #side .side-links-otsuka-id-related-service .title {
			margin:0; padding:8px 10px 7px; background:#f4f4f4;
			font-size:1.3rem; line-height:1.5em; font-weight:bold;}
		.business-oyakudachi #side .side-links-otsuka-id-related-service .pic {
			margin-top: 0;}
			.business-oyakudachi #side .side-links-otsuka-id-related-service .pic img {
				vertical-align: top; max-width: 100%; height: auto;}
		.business-oyakudachi #side .side-links-otsuka-id-related-service .text {
			margin: 15px 20px 0; font-size:1.3rem;
			line-height:1.5em;}
		.business-oyakudachi #side .side-links-otsuka-id-related-service .note {
			margin: 10px 10px 0 calc(10px + 1.35em);
			color:#c00; font-size:1.1rem;
			line-height:1.5em; text-align: center;
			text-indent: -1.35em;}
		.business-oyakudachi #side .side-links-otsuka-id-related-service .button {
		margin: 5px 12px 0;}
		.business-oyakudachi #side .side-links-otsuka-id-related-service .button a {
			display: block; padding: 12px 10px 12px 20px;
			border-radius: 10em;
			background:url(/common-s/img/icons-arrow-right-white.png) 14px 16px no-repeat,linear-gradient(#ec7500, #e06900);
			color: #fff; font-size: 1.3rem; line-height: 1.2em;
			text-align: center;
			box-shadow:3px 3px 3px 1px rgba(0, 0, 0, 0.2); 
			box-sizing: border-box;
			text-shadow:
			0 0 1px #ba5c00, 0 0 1px #ba5c00, 0 0 1px #ba5c00,
			0 0 1px #ba5c00, 0 0 1px #ba5c00, 0 0 1px #ba5c00,
			0 0 1px #ba5c00, 0 0 1px #ba5c00, 0 0 1px #ba5c00,
			0 0 1px #ba5c00, 0 0 1px #ba5c00, 0 0 1px #ba5c00,
			0 0 1px #ba5c00;}
		.business-oyakudachi #side .side-links-otsuka-id-related-service .button a[target="_blank"] {
			background-image: url(/common-s/img/icon-blank-white.png);
			background:url(/common-s/img/icons-blank-white.png) 14px 15px no-repeat,linear-gradient(#ec7500, #e06900);}
		.business-oyakudachi #side .side-links-otsuka-id-related-service .button a:hover {
			background:url(/common-s/img/icons-arrow-right-white.png) 14px 16px no-repeat,linear-gradient(#f68d26, #f08726);
			text-decoration: none;}
		.business-oyakudachi #side .side-links-otsuka-id-related-service .button a[target="_blank"]:hover {
			background:url(/common-s/img/icons-blank-white.png) 14px 15px no-repeat,linear-gradient(#f68d26, #f08726);}

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

	メインエリア

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

.business-oyakudachi #main p { font-size:16px; font-size:1.6rem; }

/* === bod-cmn0013: テキスト改行 === */
.business-oyakudachi #main .text-wordbreak {
	display:inline-block;
	word-wrap:break-word !important; word-break:break-all !important; }


/* === bod-cmn0012: 大塚IDログインによるコンテンツ利用コントロールエレメント === */
.business-oyakudachi .basic main .boxes-ots-login-content {
	display:none; position:relative; margin-top:65px; padding:80px 0;
	background:#f8f8f8; border:1px solid #ccc;}
	.business-oyakudachi .basic #main .boxes-ots-login-content p { text-align:center;}
	.business-oyakudachi .basic #main .boxes-ots-login-content .description {
		margin:0; font-weight:bold;
		font-size:19px; font-size:1.9rem; line-height:1.5em;}
	.business-oyakudachi .basic #main .boxes-ots-login-content .button {
		width:305px; margin:1.2em auto 0;}
		.business-oyakudachi .basic #main .boxes-ots-login-content .button a,
		.business-oyakudachi .basic #main .boxes-ots-login-content .button a.icon-arrow-r {
			display:block; padding:16px 0 13px; border:1px solid #ccc;
			border-radius:10em;
			background:url(/contents/business-oyakudachi/common-s/img/icon-button-login-otsukaid.png) no-repeat 20px center #fffefc;
			background:url(/contents/business-oyakudachi/common-s/img/icon-button-login-otsukaid.png) no-repeat 20px center, -webkit-linear-gradient(top, #fffefc 0%, #fdeed1 100%);
			background:url(/contents/business-oyakudachi/common-s/img/icon-button-login-otsukaid.png) no-repeat 20px center, linear-gradient(to bottom, #fffefc 0%, #fdeed1 100%);
			color:#333; font-size:25px; font-size:2.5rem; font-weight:bold; line-height:1.15em;
			box-shadow:3px 3px 5px 0 rgba(4, 0, 0, 0.2), 0 0 0 1px #fff inset;
			text-decoration:none;}
			.business-oyakudachi .basic #main .boxes-ots-login-content .button a:hover {
				text-decoration:underline;}
			.business-oyakudachi .basic #main .boxes-ots-login-content .button a::after {
				content:none;}
	.business-oyakudachi .basic #main .boxes-ots-login-content .insert { margin-top:1em;}
		.business-oyakudachi .basic #main .boxes-ots-login-content .insert a {
			display:inline-block; padding-left:16px;
			background:url(/common-s/img/icon-arrow-right.png) no-repeat 4px 0.6em;}
		.business-oyakudachi .basic #main .boxes-ots-login-content .insert a.icon-blank {
			display:inline-block; padding-left:16px;
			background:url(/common-o/img/icon-blank.png) no-repeat 2px 0.48em;
			background-size:9px;}
		.business-oyakudachi .basic #main .boxes-ots-login-content .insert a:after,
		.business-oyakudachi .basic #main .boxes-ots-login-content .insert a.icon-arrow-r:after {
			content:none;}

.is-login .business-oyakudachi .basic #main .boxes-ots-login-content::before,
.business-oyakudachi.is-login-required .basic #main .boxes-ots-login-content::before {
	position:absolute; top:0; left:0; z-index:1; width:100%; height:100%;
	background:#fefefe url(/contents/business-oyakudachi/common-s/img/loading.gif) 50% 50% no-repeat;
	background-size:32px auto; content:""; }
.is-login .business-oyakudachi .basic #main-body .boxes-ots-login-content,
.business-oyakudachi.is-login-required .basic #main-body .boxes-ots-login-content { display:block; }
.is-login .business-oyakudachi .basic #main-body > *:not(.boxes-ots-login-content) { display:none; }
.is-login .business-oyakudachi .basic #main-body.logged-in > *:not(.boxes-ots-login-content) { display:block; }
.is-login .business-oyakudachi .basic #main-body.logged-in > .boxes-ots-login-content,
.business-oyakudachi.is-login-required .basic #main-body.logged-in > .boxes-ots-login-content { display:none; }
.is-login .business-oyakudachi .basic #main-body.logged-out > .boxes-ots-login-content::before,
.business-oyakudachi.is-login-required .basic #main-body.logged-out > .boxes-ots-login-content::before { content:none; }

/* 拡張：続きを読む */
.business-oyakudachi .basic #main .boxes-ots-login-content.more {
	margin-top:40px;}
.business-oyakudachi .basic #main .boxes-ots-login-content.more::after {
	position:absolute; left:-1px; bottom:calc(100% + 1px + 40px);
	width:calc(100% + 2px); height:calc((1.4rem * 1.7) * 3); content:"";
	background:-webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 92%);
	background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 92%);}


/* -------------------------------------------------------------------
	少しお勧めのフローティング要素（AT連携）
------------------------------------------------------------------- */

.business-oyakudachi .little-recommended-floating {
	display:none; position:fixed; bottom:calc(40px + 44px + 20px); /* #pagetopの位置 + 高さ + 余白 */
	right:40px; z-index:101; width:214px; padding:0 14px 20px; border-radius:5px;
	box-sizing:border-box; background:#fff;
	box-shadow:5px 5px 12px -4px rgba(0, 0, 0, 0.5); }
	/* ラベル */
	.business-oyakudachi .little-recommended-floating .label {
		margin:0 -14px; padding:5px 8px; background-color:#dff7fb;
		font-size:14px; font-size:1.4rem; line-height:1.5em; text-align:center;
		color:#126f7d; }
	/* 画像 */
	.business-oyakudachi .little-recommended-floating .pic { position:relative; margin:0 -14px; }
		.business-oyakudachi .little-recommended-floating .pic img { vertical-align:top; }
	/* タイトル */
	.business-oyakudachi .little-recommended-floating .title {
		margin:16px 0 0; font-size:16px; font-size:1.6rem; line-height:1.5em;
		font-weight:bold; }
	/* 登録・大塚IDとはボタン */
	.business-oyakudachi .little-recommended-floating .buttons {
		margin:12px 0 0; font-size:14px; font-size:1.4rem; line-height:1.5em; }
		.business-oyakudachi .little-recommended-floating .buttons a {
			display:block; padding:12px 8px; border-radius:4px;
			box-sizing:border-box; text-align:center; white-space:nowrap;
			box-shadow:6px 6px 8px -2px rgba(0, 0, 0, 0.2); }
		.business-oyakudachi .little-recommended-floating .buttons a:nth-child(n+2) { margin-top:10px; }
		.business-oyakudachi .little-recommended-floating .buttons .green-button {
			background-color:#477127; font-weight:bold; color:#fff; }
		.business-oyakudachi .little-recommended-floating .buttons .green-button:hover {
			 background-color:#5f9139; }
		.business-oyakudachi .little-recommended-floating .buttons .white-button {
			background-color:#fff; color:#333; }
	/* 閉じるボタン */
	.business-oyakudachi .little-recommended-floating .close {
		position:absolute; top:-8px; right:-8px; width:28px; height:28px;
		padding:0; border:none; border-radius:50%; background-color:#bbb;
		cursor:pointer; }
	.business-oyakudachi .little-recommended-floating .close::-moz-focus-inner { padding:0; border:0; }
	.business-oyakudachi .little-recommended-floating .close::before,
	.business-oyakudachi .little-recommended-floating .close::after {
		position:absolute;top:0; left:0; right:0; bottom:0;
		width:18px; height:2px; margin:auto;
		background-color:#fff; content:""; }
	.business-oyakudachi .little-recommended-floating .close::before {
		-ms-transform:rotate(45deg); transform:rotate(45deg); }
	.business-oyakudachi .little-recommended-floating .close::after {
		-ms-transform:rotate(-45deg); transform:rotate(-45deg); }
	.business-oyakudachi .little-recommended-floating .close:hover {
		background-color:#ccc; }


/* -------------------------------------------------------------------
	チャットボット フローティング
------------------------------------------------------------------- */

/* 本体 */
.business-oyakudachi #chatbot-floating-main {
	display:flex; flex-direction:column; position:fixed; right:20px; bottom:16px;
	z-index:1000; width:390px; border-radius:5px; background-color:#fcfcfc;
	box-shadow:3px 3px 4px rgba(0, 0, 0, 0.1);}
.business-oyakudachi #chatbot-floating-main[aria-hidden="true"] {
	display:none;}
	/* ヘッダー */
	.business-oyakudachi #chatbot-floating-main .header {
		display:flex; justify-content:space-between; align-items:center;
		padding:9px 18px; border-radius:5px 5px 0 0; background-color:#eb7400;}
		/* タイトル */
		.business-oyakudachi #chatbot-floating-main .header .title {
			flex:1 0 auto; margin-top:0; font-size:1.8rem; font-weight:bold;
			line-height:1.2em; color:#fff;}
			.business-oyakudachi #chatbot-floating-main .header .title span {
				font-size:1.4rem; font-weight:normal;}
		/* ツールバー */
		.business-oyakudachi #chatbot-floating-main .header .tool-bar {
			display:flex; align-items:center; margin-left:20px;}
			.business-oyakudachi #chatbot-floating-main .header .tool-bar li {
				position:relative; list-style:none;}
			.business-oyakudachi #chatbot-floating-main .header .tool-bar li:nth-child(n+2) {
				margin-left:30px;}
				.business-oyakudachi #chatbot-floating-main .header .tool-bar li button {
					padding:0; border:none; cursor:pointer;}
				.business-oyakudachi #chatbot-floating-main .header .tool-bar li button:hover + .tooltip {
					display:block;}
			/* 最初からボタン */
			.business-oyakudachi #chatbot-floating-main .header .tool-bar li.again {}
			.business-oyakudachi #chatbot-floating-main .header .tool-bar li.again[aria-hidden="true"] {
				display:none;}
				.business-oyakudachi #chatbot-floating-main .header .tool-bar li.again button {
					width:20px; height:22px;
					background:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2020%2022%22%20width%3D%2220%22%20height%3D%2222%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10%2C0L0%2C10v10c0%2C1.1%2C.9%2C2%2C2%2C2H6c1.1%2C0%2C2-.9%2C2-2V12h4v8c0%2C1.1%2C.9%2C2%2C2%2C2h4c1.1%2C0%2C2-.9%2C2-2V10L10%2C0Z%22/%3E%3C/svg%3E);}
			/* 最小化ボタン */
			.business-oyakudachi #chatbot-floating-main .header .tool-bar li.minimize {}
				.business-oyakudachi #chatbot-floating-main .header .tool-bar li.minimize button {
					width:22px; height:21px; border:2px solid #fff;
					border-radius:3px;
					background:linear-gradient(to bottom, #fff 0%, #fff 100%) 50% 50% / 12px 3px no-repeat;
					box-sizing:border-box;}
				/* ツールチップ */
				.business-oyakudachi #chatbot-floating-main .header .tool-bar li .tooltip {
					display:none; position:absolute; top:calc(100% + 5px); right:-2em;
					margin-top:0; padding:6px 7px; border:1px solid #ccc; border-radius:4px;
					background-color:#fff; font-size:12px; white-space:nowrap;}
	/* メイン */
	.business-oyakudachi #chatbot-floating-main .body {
		display:flex; flex-direction:column; justify-content:center; align-items:center;
		flex:1 0 auto; height:455px; border:1px solid #ddd; border-top:none;
		border-radius:0 0 5px 5px; box-sizing:border-box;}
		/* チャットボット本体 */
		.business-oyakudachi #chatbot-floating-main .body iframe {
			width:100%; height:100%; border:none; border-radius:0 0 5px 5px;}

/* 吹き出し */
.business-oyakudachi #chatbot-floating-visited {
	position:fixed; right:30px; bottom:130px; z-index:1000; width:160px;
	padding:20px 10px; border:2px solid #eb7400; border-radius:10px;
	background-color:#fff; box-shadow:7px 7px 7px rgba(0, 0, 0, 0.2);}
.business-oyakudachi #chatbot-floating-visited[aria-hidden="true"] {
	display:none;}
	/* タイトル */
	.business-oyakudachi #chatbot-floating-visited .title {
		margin-top:0; font-size:1.4rem; font-weight:bold; line-height:1.2em;}
	/* メッセージテキスト */
	.business-oyakudachi #chatbot-floating-visited .message {
		margin-top:0; font-size:1.2rem; line-height:1.4em;}
	.business-oyakudachi #chatbot-floating-visited  .title + .message {
		margin-top:0.5em;}
	/* 開始ボタン */
	.business-oyakudachi #chatbot-floating-visited .start-button {
		width:100%; margin-top:18px;}
		.business-oyakudachi #chatbot-floating-visited .start-button button {
			position:relative; width:100%; padding:7px 20px; border:none;
			border-radius:4em; background:#eb7400; font-size:1.3rem;
			font-weight:bold; line-height:1.2em; color:#fff; cursor:pointer;
			font-family:Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Helvetica, sans-serif;
			box-shadow:4px 4px 4px rgba(0, 0, 0, 0.2);
			transition:background-color 0.2s, box-shadow 0.2s;}
			.business-oyakudachi #chatbot-floating-visited .start-button button span {
				font-size:1.1rem; font-weight:normal;}
		.business-oyakudachi #chatbot-floating-visited .start-button button:hover {
			background-color:#ee7f14;}
		.business-oyakudachi #chatbot-floating-visited .start-button button:active {
			box-shadow:3px 3px 2px rgba(0, 0, 0, 0.2);}
	/* キャラクター */
	.business-oyakudachi #chatbot-floating-visited .character {
		position:absolute; left:-32px; bottom:-27px; margin-bottom:-3px;
		font-size:1rem; line-height:2.4em;}
		.business-oyakudachi #chatbot-floating-visited .character img {
			margin-right:0.2em; vertical-align:bottom;}
	/* 閉じるボタン */
	.business-oyakudachi #chatbot-floating-visited .close {
		position:absolute; top:-14px; right:-14px; width:28px; height:28px;
		border:none; border-radius:50%;
		background:linear-gradient(to bottom, #fff 0%, #fff 100%) 50% 50% / 18px 2px no-repeat, #bbb linear-gradient(to bottom, #fff 0%, #fff 100%) 50% 50% / 2px 18px no-repeat;
		cursor:pointer; transform:rotate(45deg); box-shadow:3px 3px 4px rgba(0, 0, 0, 0.2);}



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

	エリア定義　タブレット対応

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

@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) {

	#wrap { min-width:730px; }
	#main-container { width:710px; padding:0;}

	.business-oyakudachi .index #main #main-body { float:none; padding-bottom:20px;}

	.business-oyakudachi .basic #main { float:none; padding-bottom:20px;}


/* -------------------------------------------------------------------
	コンチネンタルエリアサイド
------------------------------------------------------------------- */
.business-oyakudachi #side {
	float:none; width:auto; padding:0;
	background:none; box-shadow:none;}
	.business-oyakudachi #side .side-navi p { width:auto; }


/* -------------------------------------------------------------------
	サイドエリア
------------------------------------------------------------------- */
.business-oyakudachi #side aside { width:auto; margin:0 auto;}

.business-oyakudachi .side-navi { margin:0 auto;}
.business-oyakudachi .side-navi p {font-size: 16px; font-size: 1.6rem; line-height: 1.3;}
.business-oyakudachi .side-navi p a:hover { text-decoration:none; color:#333; }
.business-oyakudachi .side-navi ul li {font-size: 12px; font-size:1.2rem; line-height:1.3;}
.business-oyakudachi .side-navi ul li.parent-current .parent-current ul li.parent-current li a {
	padding: 5px 10px 5px 20px;}

/* ナビゲーション */
.business-oyakudachi .side-navi p a:hover,
.business-oyakudachi .side-navi ul li a:hover,
.business-oyakudachi .side-navi ul li.current ul li a:hover,
.business-oyakudachi .side-navi ul li.parent-current ul li a:hover,
.business-oyakudachi .side-navi ul li.parent-current ul li.current ul li a:hover,
.business-oyakudachi .side-navi ul li.parent-current ul li.parent-current a:hover,
.business-oyakudachi .side-navi ul li.parent-current ul li.parent-current ul li a:hover,
.business-oyakudachi .side-navi ul li.parent-current ul li.parent-current ul li.current ul li a:hover,
.business-oyakudachi .side-navi ul li.parent-current ul li.parent-current ul li.parent-current a:hover,
.business-oyakudachi .side-navi ul li.parent-current ul li.parent-current ul li.parent-current ul li a:hover { text-decoration:none; }
.business-oyakudachi .side-navi ul li.current a:hover,
.business-oyakudachi .side-navi ul li.parent-current ul li.current a:hover,
.business-oyakudachi .side-navi ul li.parent-current ul li.parent-current ul li.current a:hover,
.business-oyakudachi .side-navi ul li.parent-current ul li.parent-current ul li.parent-current ul li.current a:hover { text-decoration:none; }

.business-oyakudachi .side-navi p a:hover { color:#fff;}
.business-oyakudachi .side-navi ul li:hover { background-color:#fff;}
	.business-oyakudachi .side-navi ul li:hover > a{ color:#333;}
.business-oyakudachi .side-navi > ul > li > ul > li.current:hover { background-color:#ffddc4;}
	.business-oyakudachi .side-navi > ul > li > ul > li.current:hover > a { color:#333;}
.business-oyakudachi .side-navi > ul > li.current:hover,
.business-oyakudachi .side-navi > ul > li.parent-current:hover { background-color:#bd3f00; color:#fff;}
	.business-oyakudachi .side-navi > ul > li.current:hover > a,
	.business-oyakudachi .side-navi > ul > li.parent-current:hover > a { color:#fff;}

.side-priority-link ul li { font-size: 12px; font-size: 1.2rem; line-height: 1.3;}
.side-priority-link ul li a {padding: 10px 30px 10px 10px; background:url(/common-o/img/icon-arrow-right-large-gray.png) no-repeat 98.5% center;}
.side-priority-link ul li a.icon-external{padding: 10px 30px 10px 10px; background:url(/common-o/img/icon-external.png) no-repeat 98.5% center;}
.side-priority-link ul li.current a {background:#fceedc url(/common-o/img/icon-arrow-right-large-gray.png) no-repeat 98.5% center; color:#a60000; font-weight:bold;}

/* QRコード・バックナンバー */
.business-oyakudachi #side .side-relation-link {}
	.business-oyakudachi #side .side-relation-link ul li { text-align:center;}
	.business-oyakudachi #side .side-relation-link ul li a img{ display:block; }
	.business-oyakudachi #side .side-priority-link ul li a:hover { text-decoration:none; color:#333; }
		.business-oyakudachi #side .side-relation-link ul li a:hover img { opacity:1;}
	.business-oyakudachi #side .side-priority-link ul li.current a { background: #fff; }

#side .text-break-navigation { display:inline-block; margin-left:0; }

/* バナー */
.business-oyakudachi #side .side-links-priority-bnr { display:none; }

/* 大塚ID活用サイト リンク */
.business-oyakudachi #side .side-links-otsuka-id {
	display: none; }

/* 大塚ID関連サービス リンク */
.business-oyakudachi #side .side-links-otsuka-id-related-service {
	display: none; }

}

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

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

	タブレットメニュー

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


/* *******************************************************************
	タブレットメニュー
******************************************************************* */
/* メニューボタン */
#tablet-menu-button {
	display:none; padding:0; width:710px; height:27px; margin:-33px auto 0 auto; text-align:right;}
#tablet-menu-button a { cursor:pointer; width:100%; }

/* メニュー */
#tablet-menu-container-outer {
	display:block; width:710px; margin:0 auto 5px; padding:0; font-size:14px; font-size:1.4rem; line-height:1.5em; overflow:hidden;
	-webkit-transition:max-height 0.4s linear; -moz-transition:max-height 0.4s linear; transition:max-height 0.4s linear; max-height:0; }
#tablet-menu-container-outer.on { max-height:10000px; }
	#tablet-menu-container-outer #tablet-menu-container {
		margin:9px 0 0 0; padding:10px 10px 10px; position:relative;
		z-index:2; background:#4d3838; border-radius:5px;}
	#tablet-menu-container-outer #tablet-menu-container:after{
		position:absolute; top: -18px; right:35px;
		width: 0; height: 0;
		border: 10px solid transparent; border-bottom-color: #4d3838;
		content: " "; }

	#tablet-menu-container-outer #tablet-menu-close { float:right;}
		#tablet-menu-container-outer #tablet-menu-close a{
			display:block; cursor:pointer;
			padding:3px 10px; border-radius:5px; border:1px solid #FFF;
			background:#f8f8f8 ;
			background:-webkit-gradient(linear, center top, center bottom, from(#878787), to(#4c4c4c));
			background:-webkit-linear-gradient(top, #878787 0%, #4c4c4c 100%);
			background:linear-gradient(to bottom, #878787 0%, #4c4c4c 100%);
			color:#FFF;}


#tablet-menu-container-outer #tablet-menu-navi {
	border:none; border-radius:0; overflow:hidden;
	margin:10px 0 0;}

/* body直下のFB記述による隙間を解消 */
.nodisplay-fb {
	position:absolute; z-index:-100; width:0; height:0;}


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

	モーダルウィンドウ誘導エレメント

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

.modal-induction {
	position:fixed; top:50%; left:0; right:0; z-index:1002;
	box-sizing:border-box; width:600px; margin:0 auto; padding:40px;
	border:2px solid #ccc; border-radius:10px;
	background:#fff; text-align:center;
	box-shadow:5px 5px 10px rgba(0, 0, 0, 0.3);
	-ms-transform:translate(0, -50%); transform:translate(0, -50%);
	transition:opacity 0.8s linear, transform 0.8s; }
.modal-induction.simple { padding-top:80px; padding-bottom:80px; }
.modal-induction[aria-hidden="true"]:not(.wait):not(.animate) { display:none; }
.modal-induction[aria-hidden="true"].wait { opacity:1; }
.modal-induction[aria-hidden="true"].animate {
	opacity:0; -ms-transform:translate(0, -60%); transform:translate(0, -60%); }
.modal-induction[aria-hidden="false"]:not(.wait):not(.animate) { opacity:1; }
.modal-induction[aria-hidden="false"].wait:not(.close) {
	opacity:0; -ms-transform:translate(0, -60%); transform:translate(0, -60%); }
.modal-induction[aria-hidden="false"].animate:not(.wait) { opacity:1; }
	/* ヘッダー */
	.modal-induction .header {}
		.modal-induction .header .title {
			font-size:22px; font-size:2.2rem; line-height:1.4em;
			font-weight:bold; }
		.modal-induction.simple .header .title {
			font-size:21px; font-size:2.1rem; }
		/* 閉じるボタン */
		.modal-induction .header .close {
			position:absolute; top:12px; right:12px;
			width:34px; height:34px; border:none; border-radius:50%;
			background:#919191; cursor:pointer;
			box-shadow:2px 2px 5px rgba(0, 0, 0, 0.2);
			transition:top 0.3s, right 0.3s, background-color 0.3s, box-shadow 0.3s; }
		.modal-induction .header .close::before,
		.modal-induction .header .close::after {
			position:absolute; top:0; left:0; right:0; bottom:0;
			margin:auto; background:#fff; content:"";
			-ms-transform:rotate(45deg); transform:rotate(45deg); }
		.modal-induction .header .close::before { width:20px; height:4px; }
		.modal-induction .header .close::after { width:4px; height:20px; }
		.modal-induction .header .close:hover { background-color:#aaa; }
		.modal-induction .header .close:active {
			top:13px; right:11px; box-shadow:1px 1px 3px rgba(0, 0, 0, 0.3); }
	/* コンテンツ */
	.modal-induction .content { margin:1em 0 0; }
		/* 画像 */
		.modal-induction .content .pic {}
			.modal-induction .content .pic img { vertical-align:top; }
		/* 文章 */
		.modal-induction .content .text {
			margin:0.6em 0 0;
			font-size:14px; font-size:1.4rem; line-height:1.4em; }
		/* リンク */
		.modal-induction .content .link { margin:2em 0 0; }
			.modal-induction .content .link a {
				font-size:18px; font-size:1.8rem; line-height:1.4em; }
		/* ボタン */
		.modal-induction .content .button { margin:2em 0 0; text-align:center; }
			.modal-induction .content .button a {
				display:inline-block; position:relative; padding:14px 40px 14px 60px;
				border:1px solid #ccc; border-radius:2em;
				background:#fff;
				background:-webkit-linear-gradient(top, #fff 0%, #fff 50%, #eee 100%);
				background:linear-gradient(to bottom, #fff 0%, #fff 50%, #eee 100%);
				font-size:20px; font-size:2rem; line-height:1.4em; color:#333;
				box-shadow:2px 2px 5px rgba(0, 0, 0, 0.1); }
			.modal-induction .content .button a::before {
				position:absolute; top:0; left:20px; bottom:0;
				width:13px; height:13px; margin:auto 0;
				background:url(/contents/business-oyakudachi/common-s/img/icons-banner.png) 0 -45px no-repeat;
				content:""; }