@charset "utf-8";
/* CSS Document */

/*PC用キャッチコピー制御*/
.catch_copy {
	font-weight: normal;
	color: #666;
	font-size: 9px;
	display:block;
	margin-bottom:10px;
	width:360px;
}

/*PC用商品名制御*/
.item_name{
	line-height:20px;
	letter-spacing:1px;
	display:block;
	margin-bottom:0px;
	border-top:1px #CCCCCC dashed;
	padding-top:10px;
/*	width:360px;*/
}

/*カゴに追加ボタン制御*/
.cart-button-container{
	width:175px;
	margin:0 10px 0 0;
}

#right_bnr {
	display: block;
	width: auto;
	height: auto;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	position: fixed;
	top: 35px;
	right: 0;
	z-index: 10000;
}

#right_bnr li {
	list-style-type: none;
	width: auto;
	height: auto;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

#right_bnr li img {
	margin: -15px 0 0 0;
}

#right_bnr li img:hover {
	opacity: 1 !important;
}

/*画像ふわふわ*/
#right_bnr:hover img {
	-webkit-animation-name:right_bnr;
	-webkit-animation-duration:1.5s;
	-webkit-animation-iteration-count:infinite;
	/*-webkit-animation-direction:alternate;*/
	-webkit-animation-timing-function:ease;
	
	-moz-animation-name:right_bnr;
	-moz-animation-duration:1.5s;
	-moz-animation-iteration-count:infinite;
	/*-moz-animation-direction:alternate;*/
	-moz-animation-timing-function:ease;
	
	-ms-animation-name:right_bnr;
	-ms-animation-duration:1.5s;
	-ms-animation-iteration-count:infinite;
	/*-ms-animation-direction:alternate;*/
	-ms-animation-timing-function:ease;
}
@-webkit-keyframes right_bnr {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(0, -10px);}
	100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes right_bnr {
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(0, -10px);}
	100% {-moz-transform:translate(0, 0);}
}
@-ms-keyframes right_bnr {
	0% {-ms-transform:translate(0, 0);}
	50% {-ms-transform:translate(0, -10px);}
	100% {-ms-transform:translate(0, 0);}
}

#right_bnr2 {

	display: block;
	width: auto;
	height: auto;
	box-sizing: border-box;
	margin: 0;
	padding: 10px 0 0 0;
	position: fixed;
	top: 130px;
	right: 0;
	z-index: 10000;
}

#right_bnr2 li {
	list-style-type: none;
	width: auto;
	height: auto;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

#right_bnr2 li img {
	margin: -15px 0 0 0;
}

#right_bnr2 li img:hover {
	opacity: 1 !important;
}

/*画像ふわふわ*/
#right_bnr2:hover img {
	-webkit-animation-name:right_bnr2;
	-webkit-animation-duration:1.5s;
	-webkit-animation-iteration-count:infinite;
	/*-webkit-animation-direction:alternate;*/
	-webkit-animation-timing-function:ease;
	
	-moz-animation-name:right_bnr2;
	-moz-animation-duration:1.5s;
	-moz-animation-iteration-count:infinite;
	/*-moz-animation-direction:alternate;*/
	-moz-animation-timing-function:ease;
	
	-ms-animation-name:right_bnr2;
	-ms-animation-duration:1.5s;
	-ms-animation-iteration-count:infinite;
	/*-ms-animation-direction:alternate;*/
	-ms-animation-timing-function:ease;
}
@-webkit-keyframes right_bnr2 {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(0, -10px);}
	100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes right_bnr2 {
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(0, -10px);}
	100% {-moz-transform:translate(0, 0);}
}
@-ms-keyframes right_bnr2 {
	0% {-ms-transform:translate(0, 0);}
	50% {-ms-transform:translate(0, -10px);}
	100% {-ms-transform:translate(0, 0);}
}

#right_bnr3 {

	display: block;
	width: auto;
	height: auto;
	box-sizing: border-box;
	margin: 0;
	padding: 10px 0 0 0;
	position: fixed;
	top: 250px;
	right: 0;
	z-index: 10000;
}

#right_bnr3 li {
	list-style-type: none;
	width: auto;
	height: auto;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

#right_bnr3 li img {
	margin: -30px 0 0 0;
}

#right_bnr3 li img:hover {
	opacity: 1 !important;
}

/*画像ふわふわ*/
#right_bnr3:hover img {
	-webkit-animation-name:right_bnr3;
	-webkit-animation-duration:1.5s;
	-webkit-animation-iteration-count:infinite;
	/*-webkit-animation-direction:alternate;*/
	-webkit-animation-timing-function:ease;
	
	-moz-animation-name:right_bnr3;
	-moz-animation-duration:1.5s;
	-moz-animation-iteration-count:infinite;
	/*-moz-animation-direction:alternate;*/
	-moz-animation-timing-function:ease;
	
	-ms-animation-name:right_bnr3;
	-ms-animation-duration:1.5s;
	-ms-animation-iteration-count:infinite;
	/*-ms-animation-direction:alternate;*/
	-ms-animation-timing-function:ease;
}
@-webkit-keyframes right_bnr3 {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(0, -10px);}
	100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes right_bnr3 {
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(0, -10px);}
	100% {-moz-transform:translate(0, 0);}
}
@-ms-keyframes right_bnr3 {
	0% {-ms-transform:translate(0, 0);}
	50% {-ms-transform:translate(0, -10px);}
	100% {-ms-transform:translate(0, 0);}
}



#right_bnr4 {

	display: block;
	width: auto;
	height: auto;
	box-sizing: border-box;
	margin: 0;
	padding: 10px 0 0 0;
	position: fixed;
	top: 460px;
	right: 0;
	z-index: 10000;
}

#right_bnr4 li {
	list-style-type: none;
	width: auto;
	height: auto;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

#right_bnr4 li img {
	margin: -45px 0 0 0;
}

#right_bnr4 li img:hover {
	opacity: 1 !important;
}

/*画像ふわふわ*/
#right_bnr4:hover img {
	-webkit-animation-name:right_bnr4;
	-webkit-animation-duration:1.5s;
	-webkit-animation-iteration-count:infinite;
	/*-webkit-animation-direction:alternate;*/
	-webkit-animation-timing-function:ease;
	
	-moz-animation-name:right_bnr4;
	-moz-animation-duration:1.5s;
	-moz-animation-iteration-count:infinite;
	/*-moz-animation-direction:alternate;*/
	-moz-animation-timing-function:ease;
	
	-ms-animation-name:right_bnr4;
	-ms-animation-duration:1.5s;
	-ms-animation-iteration-count:infinite;
	/*-ms-animation-direction:alternate;*/
	-ms-animation-timing-function:ease;
}
@-webkit-keyframes right_bnr4 {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(0, -10px);}
	100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes right_bnr4 {
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(0, -10px);}
	100% {-moz-transform:translate(0, 0);}
}
@-ms-keyframes right_bnr4 {
	0% {-ms-transform:translate(0, 0);}
	50% {-ms-transform:translate(0, -10px);}
	100% {-ms-transform:translate(0, 0);}
}



#right_bnr5 {

	display: block;
	width: auto;
	height: auto;
	box-sizing: border-box;
	margin: 0;
	padding: 10px 0 0 0;
	position: fixed;
	top: 630px;
	right: 0;
	z-index: 10000;
}

#right_bnr5 li {
	list-style-type: none;
	width: auto;
	height: auto;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

#right_bnr5 li img {
	margin: -60px 0 0 0;
}

#right_bnr5 li img:hover {
	opacity: 1 !important;
}

/*画像ふわふわ*/
#right_bnr5:hover img {
	-webkit-animation-name:right_bnr5;
	-webkit-animation-duration:1.5s;
	-webkit-animation-iteration-count:infinite;
	/*-webkit-animation-direction:alternate;*/
	-webkit-animation-timing-function:ease;
	
	-moz-animation-name:right_bnr5;
	-moz-animation-duration:1.5s;
	-moz-animation-iteration-count:infinite;
	/*-moz-animation-direction:alternate;*/
	-moz-animation-timing-function:ease;
	
	-ms-animation-name:right_bnr5;
	-ms-animation-duration:1.5s;
	-ms-animation-iteration-count:infinite;
	/*-ms-animation-direction:alternate;*/
	-ms-animation-timing-function:ease;
}
@-webkit-keyframes right_bnr5 {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(0, -10px);}
	100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes right_bnr5 {
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(0, -10px);}
	100% {-moz-transform:translate(0, 0);}
}
@-ms-keyframes right_bnr5 {
	0% {-ms-transform:translate(0, 0);}
	50% {-ms-transform:translate(0, -10px);}
	100% {-ms-transform:translate(0, 0);}
}
#head_new .banner_01 a {
	position: fixed;
	top: 20px;
	left: -5px;
	height: 100px;
	width: 120px;
	z-index: 500;
}

#head_new .banner_01 a:hover {
	position: fixed;
	top: 20px;
	left: 0px;
	height: 100px;
	width: 120px;
}

#head_new .banner_02 a {
	position: fixed;
	top: 123px;
	left: -5px;
	height: 100px;
	width: 120px;
	z-index: 500;
}

#head_new .banner_02 a:hover {
	position: fixed;
	top: 123px;
	left: 0px;
	height: 100px;
	width: 120px;
}

#head_new .banner_03 a {
	position: fixed;
	top: 221px;
	left: -5px;
	height: 100px;
	width: 120px;
	z-index: 500;
}

#head_new .banner_03 a:hover {
	position: fixed;
	top: 221px;
	left: 0px;
	height: 100px;
	width: 120px;
}

#head_new .banner_04 a {
	position: fixed;
	top: 319px;
	left: -5px;
	height: 100px;
	width: 120px;
	z-index: 500;
}

#head_new .banner_04 a:hover {
	position: fixed;
	top: 319px;
	left: 0px;
	height: 100px;
	width: 120px;
}

#head_new .banner_05 a {
	position: fixed;
	top: 417px;
	left: -5px;
	height: 100px;
	width: 120px;
	z-index: 500;
}

#head_new .banner_05 a:hover {
	position: fixed;
	top: 417px;
	left: 0px;
	height: 100px;
	width: 120px;
}

#head_new .banner_06 a {
	position: fixed;
	top: 520px;
	left: -5px;
	height: 100px;
	width: 120px;
	z-index: 500;
}

#head_new .banner_06 a:hover {
	position: fixed;
	top: 520px;
	left: 0px;
	height: 100px;
	width: 120px;
}

#head_new .banner_07 a {
	position: fixed;
	top: 623px;
	left: -5px;
	height: 100px;
	width: 120px;
	z-index: 500;
}

#head_new .banner_07 a:hover {
	position: fixed;
	top: 623px;
	left: 0px;
	height: 100px;
	width: 120px;
}

#head_new .banner_08 a {
	position: fixed;
	top: 726px;
	left: -5px;
	height: 100px;
	width: 120px;
	z-index: 500;
}

#head_new .banner_08 a:hover {
	position: fixed;
	top: 726px;
	left: 0px;
	height: 100px;
	width: 120px;
}

#head_new .banner_09 a {
	position: fixed;
	top: 829px;
	left: -5px;
	height: 100px;
	width: 120px;
	z-index: 500;
}

#head_new .banner_09 a:hover {
	position: fixed;
	top: 829px;
	left: 0px;
	height: 100px;
	width: 120px;
}

#head_new .banner_01_right a {
	position: fixed;
	top: 100px;
	right: 0px;
	height: 70px;
	width: 200px;
	z-index: 500;
}

#head_new .banner_01_right a:hover {
	position: fixed;
	top: 100px;
	right: 5px;
	height: 70px;
	width: 200px;
}

#head_new .banner_02_right a {
	position: fixed;
	top: 180px;
	right: 0px;
	height: 70px;
	width: 200px;
	z-index: 500;
}

#head_new .banner_02_right a:hover {
	position: fixed;
	top: 180px;
	right: 5px;
	height: 70px;
	width: 200px;
}

#head_new .banner_03_right a {
	position: fixed;
	top: 260px;
	right: 0px;
	height: 70px;
	width: 200px;
	z-index: 500;
}

#head_new .banner_03_right a:hover {
	position: fixed;
	top: 260px;
	right: 5px;
	height: 70px;
	width: 200px;
}

#head_new .banner_04_right a {
	position: fixed;
	top: 340px;
	right: 0px;
	height: 70px;
	width: 200px;
	z-index: 500;
}

#head_new .banner_04_right a:hover {
	position: fixed;
	top: 340px;
	right: 5px;
	height: 70px;
	width: 200px;
}

#head_new .banner_05_right a {
	position: fixed;
	top: 420px;
	right: 0px;
	height: 70px;
	width: 200px;
	z-index: 500;
}

#head_new .banner_05_right a:hover {
	position: fixed;
	top: 420px;
	right: 5px;
	height: 70px;
	width: 200px;
}

#head_new .banner_06_right a {
	position: fixed;
	top: 500px;
	right: 0px;
	height: 70px;
	width: 200px;
	z-index: 500;
}

#head_new .banner_06_right a:hover {
	position: fixed;
	top: 500px;
	right: 5px;
	height: 70px;
	width: 200px;
}

#head_new .banner_07_right a {
	position: fixed;
	top: 580px;
	right: 0px;
	height: 70px;
	width: 200px;
	z-index: 500;
}

#head_new .banner_07_right a:hover {
	position: fixed;
	top: 580px;
	right: 5px;
	height: 70px;
	width: 200px;
}

/*右バナー*/
.container_right{
	z-index:99999;
	width:100px;
	position:fixed;
	right:0;
	margin-top:0;
}

.title{
	position:fixed;
	z-index:99999;
	top:12px;
	right:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:5px 0 5px 0;
	letter-spacing:1px;
	display:inline-block;
	width:100px;
	height:40px;
	color:#FFFFFF;
	text-align:center;
	background:#F6CF34;
	font-size:12px;
	line-height:20px;
	font-weight:bold;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
}

.title:after{
	position:absolute;
	z-index:99999;
	right:0;
	content:"";
	bottom:-10px;
	margin:0 40px 0 0;
	display:block;
	width:0;
	height:0;
	border-style:solid;
	border-width:10px 10px 0;
	border-color:#F6CF34 transparent transparent;
}

.title:hover{
	display:block;
}

/*右固定画像*/
.title_img001{
	position:fixed;
	top:80px;
	right:0;
	z-index:99999;
}

.title_img001 p{
	width:100px;
	height:30px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	line-height:15px;
	overflow:hidden;
	text-align:center;
	font-size:10px;
	margin:0 0 15px 0;
	padding:5px 0px 5px 0px;
	z-index:99999;
	background-color:#FFF;
}

.title_img002{
	position:fixed;
	top:220px;
	float:right;
	z-index:99999;
}

.title_img002 p{
	width:100px;
	height:30px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	line-height:15px;
	overflow:hidden;
	text-align:center;
	font-size:10px;
	margin:0 0 15px 0;
	padding:5px 0px 5px 0px;
	z-index:99999;
	background-color:#FFF;
}

.title_img003{
	position:fixed;
	top:360px;
	float:right;
	z-index:99999;
}

.title_img003 p{
	width:100px;
	height:30px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	line-height:15px;
	overflow:hidden;
	text-align:center;
	font-size:10px;
	margin:0 0 15px 0;
	padding:5px 0px 5px 0px;
	z-index:99999;
	background-color:#FFF;
}

.title_img004{
	position:fixed;
	top:500px;
	float:right;
	z-index:99999;
}

.title_img004 p{
	width:100px;
	height:30px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	line-height:15px;
	overflow:hidden;
	text-align:center;
	font-size:10px;
	margin:0 0 15px 0;
	padding:5px 0px 5px 0px;
	z-index:99999;
	background-color:#FFF;
}

/*クーポンバナー*/
#container_new {
	width:100%;
}

/*左縦帯バナー*/
#tate_left { left: 0px;  }

#tate_left a {
	display: block;
	min-height: 100%;
	width: 120px;         /*画像の横幅*/
	visibility: visible;
	height: 7000px;
	text-indent:-9999px;
}

.tateobi1 {    
	background: url()repeat-y scroll;
	min-height: 100%;
	height: 8950px;
	top: 0px;
	z-index:99999999;
	visibility: visible;
}

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

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

/*ページ最上部の注目のキーワード*/
div#HeaderKeyword {
	position:absolute;
	top:65px;/*一番上からの位置*/
	left:170px/*15px;*//*左端からの位置*/
}

div#HeaderKeyword span {
	width:115px;
	height:25px;
	line-height:25px;
	background: #bf0000;
	color:#FFFFFF;
	font-weight:bold;
	border-radius:5px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:0 5px 0 5px;
	margin:0 10px 0 0;
}

div#HeaderKeyword a {
	color:#0044CC;
	padding:0 10px 0 0;
}

/*フッター固定バナー*/
.Bnr{
  position: relative;
  margin: 0 auto;
  width: 980px;
  display: none;
  font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Osaka,sans-serif !important;
}
.Bnr .Bnr__img{
  position: fixed;
  bottom: 0;
  background-image:url(https://image.rakuten.co.jp/alamode/cabinet/01829573/toku/timesalebnr_20170313.gif);
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  z-index: 88;
}
.Bnr__img__inner{
  width: 980px;
  box-sizing:border-box;
  padding: 10px;
  background-color: #fafafa;
}
.Bnr .Bnr__img__inner a{
  display: block;
}
.Bnr .Bnr__img p.close{
  position: absolute;
  right: 10px;
  top:10px;
}
.Bnr .Bnr__img p.close a{
  display: block;
  width: 20px;
  height: 25px;
  text-align: center;
}
.Bnr .Bnr__img p.close a span{
  display: block;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.Bnr .Bnr__img p.close a i{
  font-size: 20px;
  z-index: 888;
  color: #222;
}

/*再入荷アイコン*/
.button{
	padding:5px 0 0 0;
}

/*左固定クーポンバナー*/
#tab_left1 {
	background: url(https://image.rakuten.co.jp/alamode/cabinet/coupon/imgrc0079116128.jpg) right top no-repeat;
	top:100px;
	background-size:250px auto;
}

#tab_left2 {
	background: url(https://image.rakuten.co.jp/alamode/cabinet/coupon/imgrc0079116129.jpg) right top no-repeat;
	top:240px;
	background-size:250px auto;
}

#tab_left3 {
	background: url(https://image.rakuten.co.jp/alamode/cabinet/coupon/imgrc0079116130.jpg) right top no-repeat;
	top:380px;
	background-size:250px auto;
}