@charset "UTF-8";


#tate_left { left: 0px; }
#tate_right { right: 0px; }

#tate_left a,
#tate_right a {
/*	display:none;*/
	display: block;
	min-height: 100%;
	width: 120px;
	visibility: visible;
	height: 10000px;
	text-indent:-9999px;
}

#tate_left,
#tate_right {
	position: absolute;
	width: 120px;  　　　　　 /* 画像の横幅 */
	min-height:100%;
	visibility: visible;
	display: block;
	z-index:0;
}

/***********************
   左縦帯バナー設定
************************/

.tateobi1 {
/*	display:none;*/
/*	background: url(https://image.rakuten.co.jp/antique-flex/cabinet/cr/bnr/tate_bnr170519.gif) repeat-y scroll;*/
	background: url(https://image.rakuten.co.jp/antique-flex/cabinet/cr/bnr/tate_bnr20170707.gif) repeat-y scroll;
	min-height: 100%;
	height: 30000px;
	top: 300px;
	z-index: auto;
	visibility: visible;
}

/***********************
   右縦帯バナー設定
************************/
.tateobi2 {
	background: url(https://image.rakuten.co.jp/antique-flex/cabinet/03808430/banner2/imgrc0070341885.jpg) repeat-y scroll;
	min-height: 100%;
	height: 10000px;
	top: 75px;
	z-index: auto;
	visibility: visible;
}

 @media screen and (max-width: 1300px) {
 #tate_left,  #tate_right {
	visibility: hidden;
	}
}



/* 伸びるバナー */
#tab {
width: 95px;/* 最初に表示されるバナーの幅 */
height: 275px;/* バナーの高さ */
background: url(https://www.rakuten.ne.jp/gold/antique-flex/2015thanks/img/flex_pc_tab.png) no-repeat;/* 画像のURL */
position: fixed;/* バナーを固定します */
right: 0;/* 右から0pxの位置に指定 */
top: 90px;/* 上から100pxの位置に指定 */
}
#tab2 {
width: 77px;/* 最初に表示されるバナーの幅 */
height: 275px;/* バナーの高さ */
background: url() no-repeat;/* 画像のURL */
position: fixed;/* バナーを固定します */
right: 0;/* 右から0pxの位置に指定 */
top: 380px;/* 上から100pxの位置に指定 */
}
#tab a,#tab2 a {/* リンクするエリアをバナー全体に広げる設定 */
display: block;
width: 100%;
height: 100%;
}
#tab:hover,#tab2:hover {/* カーソルが乗った時の動きを指定 */
width: 151px;/* バナーが伸びた時の幅 */
/* 以下アニメーションの設定 */
-webkit-transition: width ease-in-out 0.5s;
-moz-transition: width ease-in-out 0.5s;
-ms-transition: width ease-in-out 0.5s;
-o-transition: width ease-in-out 0.5s;
transition: width ease-in-out 0.5s;
}

/* 伸びるバナー */