/**id cs-mypage 入れ替えによる崩れclass**/

/**ヘッダーエリア**/
	.cs-mypage-login-information-box {
	    background: rgb(221,221,221);
	    background: linear-gradient(to bottom, rgba(221,221,221,1) 30%, rgba(227,227,227,1) 90%);
	}
	.cs-mypage-before-login .cs-mypage-login-information-box {
	    background: #696969;
	    background: linear-gradient(to bottom, rgba(81,81,81,1) 30%, rgba(105,105,105,1) 90%);
	}
	.cs-mypage-before-login .cs-mypage-login-information {
	    background-image: url(/common-cs-mypage/img/cs-mypage-bg-before-login-login-information.png);
	    max-width: 960px;
	}
	.cs-mypage-login-information {
	    margin: 0 auto;
	    padding: 0 3px;
	    background: transparent url(/common-cs-mypage/img/cs-mypage-bg-login-information.png) no-repeat left bottom;
	    max-width: 960px;
	}
	.cs-mypage .cs-mypage-login-information ul {
    float: right;
    list-style: none;
	}
	.cs-mypage-icon.cs-mypage-icon-user {
	    width: 24px;
	    height: 24px;
	    margin-top: -12px;
	    background: transparent url(/common-cs-mypage/img/cs-mypage-icon-middle.png) no-repeat -72px -0px;
	}
	.cs-mypage-icon.cs-mypage-icon-logout {
	    width: 24px;
	    height: 24px;
	    background: transparent url(/common-cs-mypage/img/cs-mypage-icon-middle.png) no-repeat -48px -0px;
	}
	.cs-mypage-login-information .cs-mypage-login-information-user {
	    margin: 0 2.0em 0 0;
	    font-size: 13px;
	    font-size: 1.3rem;
	    font-weight: bold;
	}
	.cs-mypage-login-information ul li {
	    float: left;
	    margin: 0 0 0 1.0em;
	    padding: 4px 0;
	    line-height: 1.7em;
	}
	.cs-mypage-login-information ul li .cs-mypage-icon {
	    margin: 0 .5em 0 0;
	}
	..cs-mypage-icon.cs-mypage-icon-user {
	    width: 24px;
	    height: 24px;
	    margin-top: -12px;
	    background: transparent url(/common-cs-mypage/img/cs-mypage-icon-middle.png) no-repeat -72px -0px;
	}
	.cs-mypage-icon {
	    display: inline-block;
	    vertical-align: middle;
	    overflow: hidden;
	    text-indent: 100%;
	}
	.cs-mypage-login-information ul li a {
	    display: inline-block;
	    color: #333;
	    font-weight: bold;
	}
	.cs-mypage-login-information .cs-mypage-login-information-action {
	    list-style: none;
	   font-size: 12px;
	    font-size: 1.2rem;
	} 
	.cs-mypage-login-information ul li .cs-mypage-icon-arrow-r-white {
		width: 5px;
		height: 24px;
		background-position: 0 .6em;
		background: transparent url(/common-o/img/icon-arrow-right-white.png) no-repeat 0 3px;
	}
	.cs-mypage-icon.cs-mypage-icon-registration {
	    width: 24px;
	    height: 24px;
	    background: transparent url(/common-cs-mypage/img/cs-mypage-icon-middle.png) no-repeat -0px -0px;
	}
	.cs-mypage-icon.cs-mypage-icon-login {
	    width: 24px;
	    height: 24px;
	    background: transparent url(/common-cs-mypage/img/cs-mypage-icon-middle.png) no-repeat -24px -0px;
	}
	/**ログイン前**/
	.cs-mypage-before-login .cs-mypage-login-information ul li a {
	    color: #FFF;
	}

	/**パンくず　マイメニューに登録エリア**/
	#breadcrumbs-top {
	    width: 960px;
	    margin: 0 auto;
	}
	#breadcrumbs-top ol {
	    display: inline-block;
	    width: 764px;
	    margin: 0;
	    padding: 15px 0 10px 0;
	    *display:inline;
	    *zoom:1;
	}
	#breadcrumbs-top .cs-mypage-mymenu-button-area {
	    display: inline-block;
	    width: 185px;
	    padding: 10px 0 10px 5px;
	    vertical-align: top;
	    *display:inline;
	    *zoom:1;
	}
	#breadcrumbs-top .cs-mypage-mymenu-button-area a.cs-mypage-mymenu-registration-button {
	    display: table-cell;
	    vertical-align: middle;
	    width: 148px;
	    text-align: center;
	    padding: 0px 20px;
	    background: #F2F1EF;
	    background: linear-gradient(to bottom, rgba(252,252,252,1) 0%, rgba(242,241,239,1) 100%);
	    border: solid 1px #B6B6B6;
	    box-shadow: 0 1px 1px 1px rgba(0,0,0,0.2);
	    border-radius: 5px;
	}
	#breadcrumbs-top .cs-mypage-mymenu-button-area a.cs-mypage-mymenu-registration-button:hover {
    text-decoration: none;
    background: #FFEDCF;
}
	#breadcrumbs-top .cs-mypage-mymenu-button-area a.cs-mypage-mymenu-registration-button span {
	    color: #333;
	    font-size: 14px;
	    line-height: 1.8em;
	}

/**サイドバーエリア**/
	/**ログインIDエリア**/
	#side .cs-mypage-side-box-login {
		margin: 0 0 15px 0;
		padding: 5px 5px;
		background: #ffffff;
		border: solid 2px #b6c3d1;
		border-radius: 5px;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.8em;
	}
	#side .cs-mypage-side-box-login .cs-mypage-side-box-login-action {
	    list-style: none;
	}
	#side .cs-mypage-side-box-login .cs-mypage-side-box-login-action li:first-child {
	    margin: 5px 0 0 0;
	    text-align: center;
	}
	#side .cs-mypage-side-box-login .cs-mypage-side-box-login-action li:last-child {
	    text-align: left;
	}
	#side .cs-mypage-side-box-login .cs-mypage-side-box-login-action li {
	    margin: 10px 0 0 0;
	}
	.cs-mypage-side-box-login ul.cs-mypage-side-box-login-action li span {
	    display: inline-block;
	    vertical-align: middle;
	    cursor:pointer;
	}

	#side .cs-mypage-side-box-login .cs-mypage-side-box-login-action.tablet { 
	    display: none; 
	}

	#side .cs-mypage-side-box-login .cs-mypage-side-box-login-action .button-login,
	#side .cs-mypage-side-box-login .cs-mypage-side-box-login-action .button-new {
	    display: table-cell;
	    vertical-align: middle;
	    width: 203px;
	    margin: 0;
	    background-position: 1em center;
	}

	#side .cs-mypage-side-box-login .cs-mypage-side-box-login-action .button-login {
	    display: inline-block;
	    width: 202px;
	    margin-left: 10px;
	    padding: 0;
	    border-radius: 30px;
	    border: 1px solid #ffffff;
	    border-width: 2px;
	    box-shadow: 0 0 0 2px #cccccc;
	    background: #f8f8f8 url(/common-cs-mypage/img/icon-login.png) no-repeat 17px center;
	    background: url(/common-cs-mypage/img/icon-login.png) no-repeat 17px center, -moz-linear-gradient(top, #ffffff, #f0f0f0);
	    background: url(/common-cs-mypage/img/icon-login.png) no-repeat 17px center, -ms-linear-gradient(top, #ffffff, #f0f0f0);
	    background: url(/common-cs-mypage/img/icon-login.png) no-repeat 17px center, -o-linear-gradient(top, #ffffff, #f0f0f0);
	    background: url(/common-cs-mypage/img/icon-login.png) no-repeat 17px center, -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#f0f0f0));
	    background: url(/common-cs-mypage/img/icon-login.png) no-repeat 17px center, -webkit-linear-gradient(top, #ffffff, #f0f0f0);
	    background: url(/common-cs-mypage/img/icon-login.png) no-repeat 17px center, linear-gradient(to bottom, #ffffff, #f0f0f0);
	    text-decoration: none;
	    color: #333;
	    font-weight: normal;
	    text-align: center;
	    font-size: 16px;
	}
	#side .cs-mypage-side-box-login .cs-mypage-side-box-login-action .button-login:hover {
	    background: #ffedcf url(/common-cs-mypage/img/icon-login.png) no-repeat 17px center;
	    background: url(/common-cs-mypage/img/icon-login.png) no-repeat 17px center, -moz-linear-gradient(top, #fff5e3, #ffedd0);
	    background: url(/common-cs-mypage/img/icon-login.png) no-repeat 17px center, -ms-linear-gradient(top, #fff5e3, #ffedd0);
	    background: url(/common-cs-mypage/img/icon-login.png) no-repeat 17px center, -o-linear-gradient(top, #fff5e3, #ffedd0);
	    background: url(/common-cs-mypage/img/icon-login.png) no-repeat 17px center, -webkit-gradient(linear, center top, center bottom, from(#fff5e3), to(#ffedd0));
	    background: url(/common-cs-mypage/img/icon-login.png) no-repeat 17px center, -webkit-linear-gradient(top, #fff5e3, #ffedd0);
	    background: url(/common-cs-mypage/img/icon-login.png) no-repeat 17px center, linear-gradient(to bottom, #fff5e3, #ffedd0);
	}
	/** .button-login span {

	    background: url(/common-cs-mypage/img/bg-border-y.gif) repeat-y 0 0;
	} **/
	#side .cs-mypage-side-box-login .cs-mypage-side-box-login-action .button-login span {
	    padding: 2px 0 0 0;
	    margin-left: 6px;
	    width: 130px;
		line-height: 2em;
	}	
	#side .cs-mypage-side-box-login .cs-mypage-side-box-login-action .button-new {
	    display: inline-block;
	    width: 203px;
	    margin: 0;
	    padding: 0;
	    border-radius: 5px;
	    border: 1px solid #b61500;
	    border-width: 1px;
	    box-shadow: 1px 2px #b3b2b2;
	    background: #e03b1f url(/common-cs-mypage/img/icon-new.png) no-repeat 15px center;
	    background: url(/common-cs-mypage/img/icon-new.png) no-repeat 15px center, -moz-linear-gradient(top, rgba(244,118,97,1) 0%, rgba(239,69,41,1) 50%, rgba(225,60,32,1) 51%, rgba(195,37,1,1) 100%);
	    background: url(/common-cs-mypage/img/icon-new.png) no-repeat 15px center, -ms-linear-gradient(top, rgba(244,118,97,1) 0%,rgba(239,69,41,1) 50%,rgba(225,60,32,1) 51%,rgba(195,37,1,1) 100%);
	    background: url(/common-cs-mypage/img/icon-new.png) no-repeat 15px center, -o-linear-gradient(top, rgba(244,118,97,1) 0%,rgba(239,69,41,1) 50%,rgba(225,60,32,1) 51%,rgba(195,37,1,1) 100%);
	    background: url(/common-cs-mypage/img/icon-new.png) no-repeat 15px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,118,97,1)), color-stop(50%,rgba(239,69,41,1)), color-stop(51%,rgba(225,60,32,1)), color-stop(100%,rgba(195,37,1,1)));
	    background: url(/common-cs-mypage/img/icon-new.png) no-repeat 15px center, -webkit-linear-gradient(top, rgba(244,118,97,1) 0%,rgba(239,69,41,1) 50%,rgba(225,60,32,1) 51%,rgba(195,37,1,1) 100%);
	    background: url(/common-cs-mypage/img/icon-new.png) no-repeat 15px center, linear-gradient(to bottom, rgba(244,118,97,1) 0%,rgba(239,69,41,1) 50%,rgba(225,60,32,1) 51%,rgba(195,37,1,1) 100%);
	    text-decoration: none;
	    color: #FFF;
	    text-align: center;
	    font-size: 16px;
	    background-position: 1em center;
	}
		#side .cs-mypage-side-box-login .cs-mypage-side-box-login-action .button-new:hover {
	    background: #f3745f url(/common-cs-mypage/img/icon-new.png) no-repeat 15px center;
	    background: url(/common-cs-mypage/img/icon-new.png) no-repeat 15px center, -moz-linear-gradient(top, #f23a2d, #ac0000);
	    background: url(/common-cs-mypage/img/icon-new.png) no-repeat 15px center, -ms-linear-gradient(top, #f23a2d, #ac0000);
	    background: url(/common-cs-mypage/img/icon-new.png) no-repeat 15px center, -o-linear-gradient(top, #f23a2d, #ac0000);
	    background: url(/common-cs-mypage/img/icon-new.png) no-repeat 15px center, -webkit-gradient(linear, center top, center bottom, from(#f23a2d), to(#ac0000));
	    background: url(/common-cs-mypage/img/icon-new.png) no-repeat 15px center, -webkit-linear-gradient(top, #f23a2d, #ac0000);
	    background: url(/common-cs-mypage/img/icon-new.png) no-repeat 15px center, linear-gradient(to bottom, #f23a2d, #ac0000);
	}
	#side .cs-mypage-side-box-login .cs-mypage-side-box-login-action .button-new span {
	    padding: 9px 0 8px 15px;
	    margin-left: 40px;
	    width: 130px;
	    line-height: 1.15em;
	    min-height: 36px;
		background: url(/common-cs-mypage/img/bg-border-y-red.gif) repeat-y 0 0;
	}
	#side .cs-mypage-side-box-login .cs-mypage-side-box-login-action  .button-login {
	    width: 145px;
	    margin: 0;
	    background-position: 1em center!important;
	}


	/**aside エリア**/
	#side .cs-mypage-side-relation-link-box {
	    padding-bottom: 5px;
	}
	#side .side-relation-link {
	    margin: 0;
	    padding: 0;
	}
	/**side 汎用ボタン**/
	#side .side-relation-link ul li a.cs-mypage-button-side-relation-link-main {
	    display: table-cell!important;
	    width: 200px;
	    min-height: 54px;
	    height: 54px;
	    padding: .5em 14px!important;
	    background: #F2F1EF;
	    background: linear-gradient(to bottom, rgba(252,252,252,1) 0%, rgba(242,241,239,1) 100%);
	    border: solid 1px #B6B6B6!important;
	    box-shadow: 0 1px 1px 1px rgba(0,0,0,0.2);
	    border-radius: 6px;
	    color: #333;
	    font-size: 16px;
	    font-size: 1.6rem;
	    font-weight: bold;
	    line-height: 1.5em;
	    text-shadow: 0 -1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF, 0 1px 0 #FFF;
	    vertical-align: middle;
	    *width:190px;
	}
	#side .side-relation-link ul li a.cs-mypage-button-side-relation-link-main:focus,
	#side .side-relation-link ul li a.cs-mypage-button-side-relation-link-main:hover {
	    text-decoration: none;
	    background: #FFEDCF;
	    background: linear-gradient(to bottom, #fffcf4 0%, #ffe9ca 55%, #ffe4bf 57%, #FFEDCF 100%);
	}
	#side .cs-mypage-button-side-relation-link-main:before {
	    content: "";
	    display: inline-block;
	    height: 100%;
	    width: 0;
	    vertical-align: middle;
	}
	#side .cs-mypage-button-side-relation-link-main span {
		display: inline-block;
	    padding: 0 0 0 25px;
	    background: url(/common-cs-mypage/img/icon-arrow-right-large-box.png) no-repeat 0 50%;
	    vertical-align: middle;
	}

	/* 「大塚ID」以外のIDでログインされたお客様へ */
	#side .cs-mypage-side-information-except-otsukaid {
		margin:0 0 15px; padding:10px;
		border:1px solid #d6d3d0; border-radius:5px;
		background:#fcf4e6; }

		#side .cs-mypage-side-information-except-otsukaid .text {
			margin-top:0.8em;
			font-size:14px; font-size:1.4rem; line-height:1.3em; }

		#side .cs-mypage-side-information-except-otsukaid .title {
			margin:0 7px;
			font-size:16px; font-size:1.6rem; line-height:1.3em; font-weight:bold; }

		#side .cs-mypage-side-information-except-otsukaid .button {
			margin-top:0.8em; }
			#side .cs-mypage-side-information-except-otsukaid .button a {
				display:block;
				background: url(/common-o/img/icon-arrow-right-white.png) no-repeat 10px 50% #d01229; padding:20px 0;
				box-shadow: 2px 3px 4px rgba(0,0,0,0.25);
				font-size:14px; font-size:1.4rem; line-height:1.3em; font-weight:bold;
				text-align:center; color:#fff; }
				#side .cs-mypage-side-information-except-otsukaid .button a:hover { background-color:#ed4359; text-decoration:none; }
				#side .cs-mypage-side-information-except-otsukaid .button a span { font-size:12px; font-size:1.2rem; line-height:1.3em; }

		#side .cs-mypage-side-information-except-otsukaid .more {
			margin-top:0.8em;
			font-size:13px; font-size:1.3rem; line-height:1.65em;}

	/* 大塚ID（無料）にお切り替えをお願いします */
	#side .cs-mypage-side-parts-information-except-otsukaid {
		margin:0 0 15px;}
		#side .cs-mypage-side-parts-information-except-otsukaid .title {
			margin:0; padding:7px 10px;
			background:#a91400; border-radius:5px 5px  0 0; color:#fff;
			font-size:1.4rem; line-height:1.3em; text-align:center;}
		#side .cs-mypage-side-parts-information-except-otsukaid .detail {
			padding:10px 10px 15px; background:#fff9de;
			border:1px solid #d6d3d0; border-top:none; border-radius:0 0 5px 5px;}
			#side .cs-mypage-side-parts-information-except-otsukaid .detail .message {
				font-size:1.4rem; line-height:1.5em; text-align:center;}
		#side .cs-mypage-side-parts-information-except-otsukaid .button {
			margin-top:10px; }
			#side .cs-mypage-side-parts-information-except-otsukaid .button a {
				display:block; border-radius:0.5em;
				background: url(/common-o/img/icon-arrow-right-white.png) no-repeat 19px 50% #d01229; padding:13px 0;
				box-shadow: 2px 3px 4px rgba(0,0,0,0.25);
				font-size:1.6rem; line-height:1.3em; font-weight:bold;
				text-align:center; color:#fff; }
				#side .cs-mypage-side-parts-information-except-otsukaid .button a:hover {
					background-color:#ed4359; text-decoration:none;}
				#side .cs-mypage-side-parts-information-except-otsukaid .button a span {
					font-size:1.2rem; line-height:1.3em;}

	/**マイメニュー**/
	.side-mypage-registration {
		margin-top: 20px;
		border: 2px solid #B3C0EC;
		background: #E9F0FA;
		border-radius: 5px;
		line-height: 1.6em;
		padding: 10px 10px 0 10px;
		font-size: 14px;
		font-size: 1.4rem;
	}
	.cs-mypage-side-relation-link-box .side-mypage-registration .mypage-registration-title {
		font-weight: bold;
		font-size: 1.05em;
	}
	.cs-mypage-side-relation-link-box .side-mypage-registration .mypage-registration-title img {
	    vertical-align: middle;
	    width: 40px;
	    height: 40px;
	}
	.cs-mypage-side-relation-link-box .side-mypage-registration .mypage-registration-title span {
	    padding: 10px 5px 10px 5px;
	}
	.cs-mypage-side-relation-link-box .side-mypage-registration .mypage-registration-below {
	    margin: 5px;
	}
	.cs-mypage-side-relation-link-box .side-mypage-registration .mypage-registration-below a {
	    background-position: 0 45%;
	}
	.side-relation-mypage-detail {
	    margin-top: 20px;
	    border: 2px solid #ccc;
	    border-radius: 5px;
	    line-height: 1.6em;
	    font-size: 14px;
	    font-size: 1.4rem;
	}
	.cs-mypage-side-relation-link-box .side-relation-mypage-detail .mypage-detail-title {
	    padding: 5px 5px 0 10px;
	}
	.cs-mypage-side-relation-link-box .side-relation-mypage-detail .mypage-detail-title span{
		display: inline-block;
		width: 130px;
		padding: 5px;
		font-weight: bold;
		font-size: 1em;
		vertical-align: middle;
	}
	.cs-mypage-side-relation-link-box .side-relation-mypage-detail .mypage-detail-title img {
		display: inline-block;
		width: 40px;
		height: 40px;
		vertical-align: middle;
	}
	.cs-mypage-side-relation-link-box .side-relation-mypage-detail .mypage-detail-main {
	    background: #fff;
	    padding: 0 10px;
	}
	.cs-mypage-side-relation-link-box .side-relation-mypage-detail .mypage-detail-main ul {
	    list-style: none;
	    padding: 5px 0 0;
	}
	.cs-mypage-side-relation-link-box .side-relation-mypage-detail .mypage-detail-main li {
	    display: inline-block;
	    line-height: 1.2em;
	    vertical-align: middle;
	    font-size: 12px;
	    font-size: 1.2rem;
	}
	.cs-mypage-side-relation-link-box .side-relation-mypage-detail .mypage-detail-main li a {
	    background-position: 0 center;
	}
	.cs-mypage-side-relation-link-box .side-relation-mypage-detail .mypage-detail-serch {
	    padding: 5px 15px 15px;
	    background: #fff;
	}
	.cs-mypage-side-relation-link-box .side-relation-mypage-detail .mypage-detail-serch .serch-title {
	    font-weight: bold;
	    padding: 0 0 0 0;
	}
	.cs-mypage-side-relation-link-box .side-relation-mypage-detail .mypage-detail-serch .serch-input .text {
	    box-sizing: border-box;
	    width: 70%;
	    height: 2.1em;
	    padding: 0 5px;
	    margin: 0;
	    border: 1px solid #ccc;
	    border-right: 0;
	    border-radius: 4px 0 0 4px;
	    box-shadow: 1px 1px 2px #E5E5E5 inset;
	    line-height: 1.5em;
	    outline: none;
	    *width:64%;
	}
	.cs-mypage-side-relation-link-box .side-relation-mypage-detail .mypage-detail-serch .serch-input .submit {
	    box-sizing: border-box;
	    width: 30%;
	    height: 2.1em;
	    margin: 0;
	    padding: 0 0 0 1px;
	    border: 0;
	    border-radius: 0 4px 4px 0;
	    background: #4B4B4B;
	    background: -webkit-linear-gradient(top, #949494 0%, #777777 50%, #505050 51%, #323232 100%);
	    background: -moz-linear-gradient(top, #949494 0%, #777777 50%, #505050 51%, #323232 100%);
	    background: -ms-linear-gradient(top, #949494 0%, #777777 50%, #505050 51%, #323232 100%);
	    background: linear-gradient(top, #949494 0%, #777777 50%, #505050 51%, #323232 100%);
	    color: #fff;
	    letter-spacing: 2px;
	    cursor: pointer;
	}
	/***ローカルナビボタン指定*****/
	#side a.icons-arrow-r {
		background: url("/common-o/img/icon-arrow-right.png") no-repeat 4px 0.5em;
		padding-left: 16px;
	}
	#side .cs-mypage-side-relation-link-box .side-relation-mypage-detail .mypage-detail-main li a {
		background-position: 0 center;
		min-height: 0;
	}
	/** 鍵マーク設定**/
	.icon-keymark{
		width: 13px;
		height: 13px;
		position: relative;
		top: -2px;
		padding-left: 1px;

	}
	#side .icon-keymark {
    top: 2px;
    padding: 0px 2px 0 0;
	}
	#footer .icon-keymark,
	.mail-link-area dd a .icon-keymark,
	.tel_contact_area .icon-keymark,
	.icon-rock-right .icon-keymark{
		top: 0px;
		padding: 0px 2px 0 0;
	}
	.cs-mypage-indexlinklist-all-category ul li a.icon-keymark{
		top: 0px;
	}
	.header-navi-local-inner .icon-keymark{
		top: 1px;
		padding: 0px 2px 0 0;
	}
	span.key-mark{
		background: transparent url("/common-cs-mypage/img/sp-cs-mypage-bg-login-before-rock-icon.png") no-repeat scroll right 0.1em;
		background-size: 13px;
		padding: 0px 15px 0px 0px;
		*padding:0 20px 0 0;
		*background-position-y:-1px;
		*display:block;
	}
	.cs-mypage-banner-slideshow img.icon-keymark{
	    width: 13px;
	    height: 13px;
	    position: absolute;
	    top: 5px;
	    padding-left: 1px;
	}
.logged-out .otsukaid-header .otsukaid-header-container ul li{
	*display:inline!important;
	*zoom:1;
}

	/**大塚ID関連サービス リンク**/
	#side .side-links-otsuka-id-related-service {
		margin-top:2em;
		padding-bottom: 18px;
		border: 1px solid #ccc;
	}
		#side .side-links-otsuka-id-related-service .title {
			margin:0;
			padding:8px 10px 7px;
			background:#f4f4f4;
			font-weight:bold;
			font-size:1.3rem;
			line-height:1.5em;
		}
		#side .side-links-otsuka-id-related-service .pic {
			margin-top: 0;
		}
			#side .side-links-otsuka-id-related-service .pic img {
				vertical-align: top;
				max-width: 100%;
				height: auto;
			}
		#side .side-links-otsuka-id-related-service .text {
			margin: 15px 20px 0;
			font-size:1.3rem;
			line-height:1.5em;
		}
		#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;
		}
		#side .side-links-otsuka-id-related-service .button {
			margin: 5px 12px 0;
		}
		#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;
		}
		#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);}
		#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;}
		#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);
		}


	/**タブレットなどはここにより記載　メディアクエリ　start**/
@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-menu-navi p {
    margin-left: 0px;
    padding-left: 0px;
    line-height: 1.0em;
    border: 0;
	}
	/**パンくずリスト**/
	#breadcrumbs-top {
	width: 710px;
	margin: 0 auto;
	}
	#breadcrumbs-top ol {
    width: 455px;
    margin: 0;
    padding: 10px 0;
	}
	#breadcrumbs-top .cs-mypage-mymenu-button-area {
	    display: inline-block;
	    width: 155px;
	    padding: 5px 0 6px 5px;
	    vertical-align: bottom;
	}
	#breadcrumbs-top .cs-mypage-mymenu-button-area a.cs-mypage-mymenu-registration-button {
	    display: table-cell;
	    vertical-align: middle;
	    width: 140px;
	    text-align: center;
	    padding: 0px 10px;
	    border-radius: 3px;
	    font-size: 13px;
	    font-size: 1.3rem;
	    line-height: 2em;
	    background: #F2F1EF;
	    background: linear-gradient(to bottom, rgba(252,252,252,1) 0%, rgba(242,241,239,1) 100%);
	    border: solid 1px #B6B6B6;
	    box-shadow: none;
	}
	#breadcrumbs-top .cs-mypage-mymenu-button-area a.cs-mypage-mymenu-registration-button span {
	    font-size: 13px;
	    font-size: 1.3rem;
	    line-height: 2em;
	    color: #333;
	}

	/**ログインボタン**/
	#side .cs-mypage-side-box-login .cs-mypage-side-box-login-action li,
	#side .cs-mypage-side-box-login .cs-mypage-side-box-login-action li:first-child {
		margin: 10px;
   	}
   	#side .cs-mypage-side-box-login .cs-mypage-side-box-login-action .button-login,
   	#side .cs-mypage-side-box-login .cs-mypage-side-box-login-action .button-new {
		width: 656px;
	}
	#side .cs-mypage-side-box-login .cs-mypage-side-box-login-action .button-login span,
	#side .cs-mypage-side-box-login .cs-mypage-side-box-login-action .button-new span {
	    float: left;
	    width: 580px;
	    margin-left: 50px;
	}
	
    /**ローカルナビログインボタンエリア(タブレット用)**/
    #side .cs-mypage-side-box-login ul.cs-mypage-side-box-login-action {
        display: none;
    }
    #side .cs-mypage-side-box-login .cs-mypage-side-box-login-action.tablet {
        display: inline-block;
        width: 676px;
    }
    #side .cs-mypage-side-box-login .cs-mypage-side-box-login-action.tablet div.cs-mypage-top-login {
        margin: 5px 0 0 10px;
    }
    #side .cs-mypage-side-box-login .cs-mypage-side-box-login-action.tablet div span{
        float:none;
        display:inline-block;
        vertical-align:middle;
        cursor:pointer;
    }
    #side .cs-mypage-side-box-login .cs-mypage-side-box-login-action.tablet .cs-mypage-top-login {
        display: inline-block;
        text-align: center;
        width: 45%;
    }
    #side .cs-mypage-side-box-login .cs-mypage-side-box-login-action.tablet .cs-mypage-top-registration {
        float:right;
        width:50%;
    }
    #side .cs-mypage-side-box-login-action.tablet .button-login,
    #side .cs-mypage-side-box-login-action.tablet .button-new{
        width:250px;
        background-position: 4.5em center;
    }
    #side .cs-mypage-side-box-login-action.tablet .button-login span,
    #side .cs-mypage-side-box-login-action.tablet .button-new span{
        width: 130px;
        margin-left:6px;
    }

	/**ユーティリティーエリア**/
	#side aside {
	    width: 690px;
	    margin: 0 auto;
	}
	#side .side-relation-link ul li {
	    width: 100%;
	    margin: 0 0 10px 0;
	    float: none;
	}
	/**ローカルナビ新デザイン**/
	#side .side-relation-link{
		background:none;
		margin:10px 0 0 0;
	}
	#side .side-relation-link ul li{
		margin:0;
	}
	#side .cs-mypage-side-relation-link-box .side-relation-link ul li a{
		border-radius: 0;
	}
	#side .cs-mypage-side-relation-link-box .side-relation-link ul li:first-child a{
		border-radius:6px 6px 0 0;
	}
	#side .cs-mypage-side-relation-link-box .side-relation-link ul li:last-child a{
		border-radius:0 0 6px 6px;
	}
	 #side .side-relation-link ul li a.cs-mypage-button-side-relation-link-main{
		width:680px;
		min-height: 40px;
 		height: 40px;
 		line-height: 1.3em;
	}
		/**マイメニュー**/
	#side .cs-mypage-side-relation-link-box .side-mypage-registration{
	    border: 1px solid #B3C0EC;
	    background:none;
	    padding:0;
	    margin-top:10px;
	}
	#side .cs-mypage-side-relation-link-box .side-mypage-registration .mypage-registration-title{
		border-bottom: 3px solid #333;
		background: #E9F0FA;
		font-weight: bold;
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 1.5;
	}
	#side .cs-mypage-side-relation-link-box .side-mypage-registration .mypage-registration-title img{
	    vertical-align: middle;
	    margin:0;
	}
	#side .cs-mypage-side-relation-link-box .side-mypage-registration .mypage-registration-title span{
		width:50%;
	}
	#side .cs-mypage-side-relation-link-box .side-mypage-registration .mypage-registration-below{
		margin:0;
	}
	#side .cs-mypage-side-relation-link-box .side-mypage-registration .mypage-registration-below a{
		display: block;
		list-style: none;
		border-bottom: 1px solid #ccc;
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 1.3;
		padding:0 0 0 0;
		background:none;
	}
	#side .cs-mypage-side-relation-link-box .side-mypage-registration .mypage-registration-below a span{
		display: block;
		width:96%;
		background-image: url(/common-o/img/icon-arrow-right-large-gray.png);
		background-repeat: no-repeat;
		background-position: 98.5% center;
		background-color: #fff;
		text-decoration: none;
		padding: 10px 17px 10px 10px;
	}

	/**お客様マイページについて**/
	#side .side-relation-mypage-detail{
		margin-top:10px;
		border: 1px solid #ccc;
	}
	#side .cs-mypage-side-relation-link-box .side-relation-mypage-detail .mypage-detail-main{
		padding:0;
	}
	#side .cs-mypage-side-relation-link-box .side-relation-mypage-detail .mypage-detail-main ul{
		padding:0;
	}
	#side .cs-mypage-side-relation-link-box .side-relation-mypage-detail .mypage-detail-title{
		border-bottom: 3px solid #333;
		background: #FBF8F5;
		font-weight: bold;
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 1.5;
	}
	#side .cs-mypage-side-relation-link-box .side-relation-mypage-detail .mypage-detail-title img{
	    margin:0;
	}
	#side .cs-mypage-side-relation-link-box .side-relation-mypage-detail .mypage-detail-title span{
		width:50%;
	}
	#side .cs-mypage-side-relation-link-box .side-relation-mypage-detail .mypage-detail-main li{
		display: block;
		list-style: none;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #ccc;
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 1.3;
	}
	#side .cs-mypage-side-relation-link-box .side-relation-mypage-detail .mypage-detail-main li a{
		width:96%;
		background-image: url(/common-o/img/icon-arrow-right-large-gray.png);
		background-repeat: no-repeat;
		background-position: 98.5% center;
		background-color: #fff;
		text-decoration: none;
		padding: 10px 17px 10px 10px;
	}
	#side .cs-mypage-side-relation-link-box .side-relation-mypage-detail .mypage-detail-serch .serch-title{
		padding:10px 0;
	}
	#side .cs-mypage-side-relation-link-box .side-relation-mypage-detail .mypage-detail-serch .serch-input .text{
		width:80%;
	}
	#side .cs-mypage-side-relation-link-box .side-relation-mypage-detail .mypage-detail-serch .serch-input .submit{
		width:20%;
	}
	/* 「大塚ID」以外のIDでログインされたお客様へ */
	#side .cs-mypage-side-information-except-otsukaid {
		padding:15px;
	}
	#side .cs-mypage-side-information-except-otsukaid .title {
		margin:0;
	}
	#side .cs-mypage-side-information-except-otsukaid .text {
		float:left; width:385px;
	}
	#side .cs-mypage-side-information-except-otsukaid .button {
		float:right; width:260px;
	}
	#side .cs-mypage-side-information-except-otsukaid .button a:hover {
		background:none;
	}
	#side .cs-mypage-side-information-except-otsukaid .more {
		clear:both; font-size:14px; font-size:1.4rem; line-height:1.7em;
	}
	/**大塚ID関連サービス リンク**/
	#side .side-links-otsuka-id-related-service {
		display: none;
	}
}
/***************************************************************

 ローカルナビ大塚ID取得導線表示エリア（#11315対応）

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

.cs-mypage-side-box-shinki {
    margin: 0 0 15px 0;
    padding: 5px 5px;
    background:#fcf4e6;
    border: solid 2px #b6c3d1;
    border-radius: 5px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8em;
}

#botton-hover {
    margin: 4px;
    background: #d01229 ;
    color:white;
    font-weight:bold;
    box-shadow:0px 3px 6px;
    text-decoration: none;
    rgba(0,0,0,0.4)
}

#cs-mypage-side-box-shinki-botton{
	margin-left: 1pt;
    padding: 10px 16px 10px 22px !important;
	color: white !important;
	text-decoration:none;
	background: none !important;
}

p#botton-hover:hover{
    background-color:#eb4458 ; text-decoration:none;
}

.cs-mypage-side-box-shinki-title {
    margin-left:5px;
    font-weight:bold;
    text-align:left;
    font-size: 120%;
}

.cs-mypage-side-box-shinki-main {
    margin-left:5px;
}

/** タブレットなどはここにより記載　メディアクエリ　end**/