@charset "utf-8";

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

	共通ヘッダーCSS（PC/タブレット対応：幅960px/710px）

	最終更新：2019年8月27日

	全サイトのすべての PC/タブレットレイアウトに対応したページから読むことを想定しています。

	備考：
	.otsukaid-header　～　で全て記述します。
	どんなページで読み込まれても動作するように、px指定で固めます。

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


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

	イニシャライズ

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

.otsukaid-header div,.otsukaid-header span,.otsukaid-header h1,.otsukaid-header h2,.otsukaid-header h3,.otsukaid-header h4,.otsukaid-header h5,.otsukaid-header h6,.otsukaid-header p,.otsukaid-header blockquote,.otsukaid-header pre,.otsukaid-header address,.otsukaid-header cite,.otsukaid-header code,.otsukaid-header img,.otsukaid-header q,.otsukaid-header samp,.otsukaid-header small,.otsukaid-header sub,.otsukaid-header sup,.otsukaid-header dl,.otsukaid-header dt,.otsukaid-header dd,.otsukaid-header ol,.otsukaid-header ul,.otsukaid-header li,.otsukaid-header fieldset,.otsukaid-header form,.otsukaid-header label,.otsukaid-header legend,.otsukaid-header table,.otsukaid-header caption,.otsukaid-header tbody,.otsukaid-header tfoot,.otsukaid-header thead,.otsukaid-header tr,.otsukaid-header th,.otsukaid-header td,.otsukaid-header article,.otsukaid-header aside,.otsukaid-header canvas,.otsukaid-header figcaption,.otsukaid-header figure,.otsukaid-header footer,.otsukaid-header header,.otsukaid-header nav,.otsukaid-header section,.otsukaid-header time,.otsukaid-header audio,.otsukaid-header video {margin:0;padding:0;border:0;outline:0;font-size:100%;font-style:normal;vertical-align:baseline;background-color:transparent; }.otsukaid-header blockquote,.otsukaid-header q {quotes:none; }.otsukaid-header blockquote:before,.otsukaid-header blockquote:after,.otsukaid-header q:before,.otsukaid-header q:after {content:'';content:none; }.otsukaid-header a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent; }.otsukaid-header table {border-collapse:collapse;border-spacing:0; }.otsukaid-header input,.otsukaid-header select {vertical-align:top; }.otsukaid-header article,.otsukaid-header aside,.otsukaid-header footer,.otsukaid-header header,.otsukaid-header main,.otsukaid-header nav,.otsukaid-header section{display:block; }

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

.otsukaid-header a:link    { color:#2451c6; text-decoration:none; }
.otsukaid-header a:active  { color:#2451c6; text-decoration:underline; }
.otsukaid-header a:visited { color:#7c169e; text-decoration:none; }
.otsukaid-header a:hover   { color:#2451c6; text-decoration:underline; }

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

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

/* 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？ */
}

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

	共通ヘッダー

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

body{border-top:30px solid #fff; min-width:996px;}
	body:before{ display:block; width:100%; min-width:996px; height:1px; border-top:1px solid #fff; background-color:#d5cccb; content:"";}
.otsukaid-header{
	width:100%; min-width:996px;
	border-bottom:1px solid #d5cccb;
	background-color:#fff;}
	.otsukaid-header .otsukaid-header-container{ position:relative; margin:0 auto; padding:3px 0 4px; line-height:12px;}
	*+html .otsukaid-header .otsukaid-header-container{ padding:2px 0 5px;}

		/* ログイン前 */
		.logged-out .otsukaid-header .otsukaid-header-container ul{ float:right; margin-right:12.3em; font-size:10px; text-align:right;}
			.logged-out .otsukaid-header .otsukaid-header-container ul li{
				display:inline-block; list-style:none; margin:5px 0 4px 15px; padding:2px 0; color:#333; font-size:11px; line-height:11px;}
			*+html .logged-out .otsukaid-header .otsukaid-header-container ul li{ display:inline;}
				.logged-out .otsukaid-header .otsukaid-header-container ul li a.otsukaid-icon-arrow-r{
					padding:0 0 0 12px;
					background:url("/common-otsukaid/img/icon-arrow-right.png") no-repeat 2px 0.45em;
					color:#333; cursor:pointer; }
				.logged-out .otsukaid-header .otsukaid-header-container ul li a.otsukaid-icon-blank{
					padding:0 0 0 15px;
					background:url("/common-otsukaid/img/icon-blank-orange.png") no-repeat 2px 0.45em;
					color:#333; cursor:pointer; }
					.logged-out .otsukaid-header .otsukaid-header-container ul li a.otsukaid-icon-arrow-r:hover{color:#333; text-decoration:underline;}

		/* ログイン後　共通 */
		.logged-in-except-otsukaid .otsukaid-header .otsukaid-header-container ul,
		.logged-in-otsukaid .otsukaid-header .otsukaid-header-container ul{
			float:right; margin-right:10.7em; font-size:10px; text-align:left;}
		/* ログアウトボタンがない時はulにminimumクラスが付与され、右詰になる */
		.logged-in-except-otsukaid .otsukaid-header .otsukaid-header-container ul.minimum,
		.logged-in-otsukaid .otsukaid-header .otsukaid-header-container ul.minimum{ margin-right:-14px;}
			.logged-in-except-otsukaid .otsukaid-header .otsukaid-header-container ul li,
			.logged-in-otsukaid .otsukaid-header .otsukaid-header-container ul li{
				display:inline-block; list-style:none;
				margin:4px 0 4px 13px;
				padding:3px 15px 2px 0;
				color:#333; font-size:11px; line-height:11px;}
			*+html .logged-in-except-otsukaid .otsukaid-header .otsukaid-header-container ul li,
			*+html .logged-in-otsukaid .otsukaid-header .otsukaid-header-container ul li{ display:inline;}
				.logged-in-except-otsukaid .otsukaid-header .otsukaid-header-container ul li a,
				.logged-in-otsukaid .otsukaid-header .otsukaid-header-container ul li a{
					color:#333; cursor:pointer;}
					.logged-in-except-otsukaid .otsukaid-header .otsukaid-header-container ul li a:hover,
					.logged-in-otsukaid .otsukaid-header .otsukaid-header-container ul li a:hover{
						color:#333; text-decoration:underline;}

			/* ログイン後　大塚ID */
			.logged-in-otsukaid .otsukaid-header .otsukaid-header-container ul li:first-child{ padding-left:22px; background:url("/common-otsukaid/img/icon-cs-otsukaid.png") 0 center no-repeat;}

			/* ログイン　大塚ID以外 */
			.logged-in-except-otsukaid .otsukaid-header .otsukaid-header-container ul li:first-child{ padding-left:22px; background:url("/common-otsukaid/img/icon-cs-other.png") 0 center no-repeat;}

		/* ボタン */
		/* ログインボタン */
		.otsukaid-header .otsukaid-header-container p.otsukaid-button-login a{
			position:absolute;
			right:0; bottom:5px;
			display:block;
			padding:4px 26px 4px 30px;
			border:1px solid #ddd; border-radius:10px;
			background:url("/common-otsukaid/img/cs-mypage-icon-login.png") no-repeat 6px 0.28em #fdeed1;
			background:url("/common-otsukaid/img/cs-mypage-icon-login.png") no-repeat 6px 0.28em,-webkit-gradient(linear, center top, center bottom, from(#fffefc), to(#fdeed1));
			background:url("/common-otsukaid/img/cs-mypage-icon-login.png") no-repeat 6px 0.28em,-webkit-linear-gradient(top, #fffefc, #fdeed1);
			background:url("/common-otsukaid/img/cs-mypage-icon-login.png") no-repeat 6px 0.28em,linear-gradient(to bottom, #fffefc, #fdeed1);
			color:#333; font-size:11px; line-height:11px;
			box-shadow:0 1px 2px rgba(0,0,0,0.1), 0 0 0 1px #fff inset; cursor:pointer;}
		/* ログアウトボタン */
		.otsukaid-header .otsukaid-header-container p.otsukaid-button-logout a{
			position:absolute;
			right:0; bottom:5px;
			display:block;
			padding:4px 18px 4px 27px;
			border:1px solid #ddd; border-radius:10px;
			background:url("/common-otsukaid/img/cs-mypage-icon-logout.png") no-repeat 5px 0.4em #fff;
			color:#333; font-size:11px; line-height:11px;
			box-shadow:0 1px 2px rgba(0,0,0,0.1); cursor:pointer;}

.otsukaid-view-wait .otsukaid-header{ position:absolute; top:0; left:-100%; }

.otsukaid-view-show { border-top:0; }
	.otsukaid-view-show .otsukaid-header { position:relative; top:auto; left:auto; z-index:1002; margin-top:-2px; }


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

	個別対応

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

/* 横幅設定 */
.otsukaid-header .otsukaid-header-container{ width:960px; }

/* タブレット対応 */
@-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; }

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

body{ min-width:730px; border-top-width:29px; }
	body:before{ min-width:730px;}
.otsukaid-header{min-width:730px;}
.otsukaid-header .otsukaid-header-container { width:710px;}

.logged-out .otsukaid-header .otsukaid-header-container ul li{
	font-size:10px; line-height:10px;}
	.logged-out .otsukaid-header .otsukaid-header-container ul li a.otsukaid-icon-arrow-r {
		background-position:2px 0.3em;}

}

@media
	only screen and (max-device-width:767px),
	only screen and (min-device-width:768px) and (max-device-width:960px) and (orientation:landscape) {

	.logged-out .otsukaid-header .otsukaid-header-container ul li a.otsukaid-icon-arrow-r {
		background-position:2px 0.3em;}
}