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


/* -----------------------------------------------------------
	いずれ修正したら削除
----------------------------------------------------------- */


/* -----------------------------------------------------------
	商品詳細ページ旧バージョン

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

/* 商品詳細ページテーブルver.3 */

table.item_title {
	padding:8px 5px;
	text-align: center;
	background-color: #f797d8;
	color:#FFF;
	font-size:11px;
	margin-top:23px;
}
table.item_title td {
	padding:8px 5px;
}

table.item_catch {
	width:530px;
	border-collapse: collapse;
	border-spacing: 0;
	color:#555;
	font-size:12px;
}
table.item_catch th,
table.item_catch td {
	padding:15px;
	border: 1px solid #aaa;
}
table.item_catch th {
	width:85px;
	background-color: #ffebf9;
}


/* 商品詳細ページテーブルver.2 */

table.item_catch_new {
	width:760px;
	border: 1px solid #aaa;
	border-collapse: collapse;
	border-spacing: 0;
	border-radius: 6px;
	color:#555;
	font-size:14px;
}
table.item_catch_new th,
table.item_catch_new td {
	padding:10px;
	border: 1px solid #aaa;
}
table.item_catch_new th {
	width:16%;
	background-color: #fbeafa;
}

/* 商品詳細ページテーブルver.1*/

table.item_catch2 td {
	padding:8px;
}



/* -----------------------------------------------------------
	24hセール、B品セール、関連タグ表示 ver.2
----------------------------------------------------------- */


#relation-item-4,
#relation-item-3,
#relation-item-24sale,
#relation-item-bsale{
	margin:0;
	padding:0;
	clear: both;
	position: relative;
	width:820px;
	border-collapse: separate;
	text-align: center;

}

/* 24hセールタイトル表示 */

#relation-item-24sale h1,
#relation-item-bsale h1{
	position: relative;
    font-size: 24px;
    color: #f34c18;
    background: #ffe6d0;
    line-height: 1.4;
    padding: 10px 5px 6px;
    margin: 2em 0 0.5em;
    border-radius: 0 5px 5px 5px;
    font-weight: bold;
}

#relation-item-24sale h1:after,
#relation-item-bsale h1:after { /*タブ*/
  position: absolute;
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  content: 'SALE';
  background: #f34c18;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 3px 7px 1px;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0.05em
}



/* 関連タグタイトル表示 */

#relation-item-4 h2,
#relation-item-3 h2{
	position:relative;
	padding:12px 5px 10px;
	margin:15px 0px;
	font-size:16px;
	font-weight:bold;
	color:#505050;
	border:1px solid #f1c0e8;
	background: #fdf2ff;/*背景色*/
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
	box-shadow: 0 3px 2px 0 rgba(0,0,0,.05);
}

#relation-item-4 h2::after,
#relation-item-3 h2::after{
	content: "関連商品";
	position: absolute;
	top: -8px;
	left: 10px;
	background: #fff;
	font-size: 12px;
	color: #325A8C;
	padding: 0 10px;
	border:1px solid #516ab6;
}

/* 関連タグリスト */

#relation-item-4 ul,
#relation-item-3 ul,
#relation-item-24sale ul,
#relation-item-bsale ul{
	margin:0px auto 50px;
	padding:0;
	overflow: hidden;
	text-align: center;
}

#relation-item-4 .list li{ /* アイテム4 */
	width:168px;
	height:370px;
	display: inline-block;
	padding:10px;
	margin:5px;
	position:relative;
	overflow: hidden;
	border: 1px solid #cccccc;
	list-style:none;
	color:#605553;
	font-size:12px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing:0.1px;
	line-height:1.4;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
	box-shadow: 0 3px 2px 0 rgba(0,0,0,.05);
}

#relation-item-3 .list li{ /* アイテム3 */
	width:235px;
	height:370px;
	display: inline-block;
	padding:10px;
	margin:5px;
	position:relative;
	overflow: hidden;
	border: 1px solid #cccccc;
	list-style:none;
	color:#605553;
	font-size:12px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing:0.1px;
	line-height:1.4;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
	box-shadow: 0 3px 2px 0 rgba(0,0,0,.05);
}

#relation-item-bsale .list li{ /* B品セール */
	width:235px;
	height:370px;
	display: inline-block;
	padding:10px;
	margin:5px;
	position:relative;
	overflow: hidden;
	border: 1px solid #cccccc;
	list-style:none;
	color:#605553;
	font-size:12px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing:0.1px;
	line-height:1.4;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
	box-shadow: 0 3px 2px 0 rgba(0,0,0,.05);
}

#relation-item-24sale .list li{ /* 24hセール */
	width:370px;
	height:480px;
	display:inline-block;
	padding:10px;
	margin:10px 5px;
	position:relative;
	overflow: hidden;
	border: 1px solid #cccccc;
	list-style:none;
	color:#605553;
	font-size:12px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing:0.1px;
	line-height:1.4;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
	box-shadow: 0 3px 2px 0 rgba(0,0,0,.05);
}

#relation-item-24sale .list li a{ /* 24hセール */
	display:block;
    width:100%;
    height: 100%;
	text-decoration: none;
	
}


#relation-item-4 .btn,
#relation-item-3 .btn,
#relation-item-24sale .btn,
#relation-item-bsale .btn{ /* 下に配置する */
	position:absolute;
	left:0;
	right:0;
	bottom:10px;
	margin:auto;
}


#relation-item-4 .list li img,
#relation-item-3 .list li img,
#relation-item-bsale .list li img{ /* サムネイル画像 */
	display:block;
	margin-left:auto;
	margin-right:auto;
	height:150px;
	border-bottom: 1px solid #cccccc;
	padding:10px;
}

#relation-item-24sale img{ /* 24hセールサムネイル画像 */
	display:block;
	margin-left:auto;
	margin-right:auto;
	height:300px;
	border-bottom: 1px solid #cccccc;
	padding:10px;
}

#relation-item-4 .list li p,
#relation-item-3 .list li p,
#relation-item-bsale .list li p {
	margin:0;
}

#relation-item-24sale .list li p{
	margin:0;
	color:#605553;
	font-size:16px;
	text-decoration: none;
	letter-spacing:0.1px;
	line-height:1.4;
	font-weight: normal;
}

#relation-item-4 ul li p span.point,
#relation-item-3 ul li p span.point,
#relation-item-bsale ul li p span.point {
	margin:0;
	text-align:center;
	color:#fa39a6;
	font-size:14px;
	font-weight:bold;
}

#relation-item-4 ul li p span.price,
#relation-item-4 ul li p span.price_free,
#relation-item-3 ul li p span.price,
#relation-item-3 ul li p span.price_free,
#relation-item-bsale ul li p span.price,
#relation-item-bsale ul li p span.price_free{
	color:#bf0000;
	font-size:24px;
	font-weight:bold;
}

#relation-item-24sale ul li p span.price,
#relation-item-24sale ul li p span.price_free{
	color:#bf0000;
	font-size:30px;
	font-weight:bold;
}


#relation-item-4 li p span.price:before,
#relation-item-3 li p span.price:before,
#relation-item-24sale li p span.price:before,
#relation-item-bsale li p span.price:before{
	content:"超特価 ";
	font-size:11px;
}

#relation-item-4 li p span.price_free:before,
#relation-item-3 li p span.price_free:before,
#relation-item-24sale li p span.price_free:before,
#relation-item-bsale li p span.price_free:before{
	content:"送料無料 ";
	font-size:11px;
}



/* 商品ページへのボタン */

#relation-item-4 ul li .button,
#relation-item-3 ul li .button{
  margin: 10px 0px;
  display: inline-block;
  width: 160px;
  height: 30px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
  line-height: 32px;
  outline: none;
  position: relative;
  background-color: #d65c5c;
  border-radius: 4px;
  -webkit-transition: none;
  box-shadow: 0 3px 0 #a70707;
}

#relation-item-4 ul li .button:hover,
#relation-item-3 ul li .button:hover{
  background-color: #de6f6f;
  box-shadow: 0 3px 0 #ba1717;
}

#relation-item-4 ul li .button:active,
#relation-item-3 ul li .button:active{
  top: 3px;
  box-shadow: none;
}


/* 商品ページへのボタン */

#relation-item-bsale ul li .button{
  margin: 10px 0px;
  display: inline-block;
  width: 160px;
  height: 30px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
  line-height: 32px;
  outline: none;
  position: relative;
  background-color: #04b3b9;
  border-radius: 4px;
  -webkit-transition: none;
  box-shadow: 0 3px 0 #009196;
}

#relation-item-bsale ul li .button:hover{
  background-color: #00a3a9;
  box-shadow: 0 3px 0 #017d82;
}

#relation-item-bsale ul li .button:active{
  top: 3px;
  box-shadow: none;
}


/* 24hセール商品ページへのボタン */

#relation-item-24sale ul li .button{
  margin: 10px 0px;
  display: inline-block;
  width: 250px;
  height: 30px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
  line-height: 32px;
  outline: none;
  position: relative;
  background-color: #fb7a26;
  border-radius: 4px;
  -webkit-transition: none;
  box-shadow: 0 3px 0 #c15209;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

#relation-item-24sale ul li .button:hover{
  background-color: #e76918;
  box-shadow: 0 3px 0 #b44d08;
}

#relation-item-24sale ul li .button:active{
  top: 3px;
  box-shadow: none;
}



/* -----------------------------------------------------------
	関連タグ表示 旧バージョン
----------------------------------------------------------- */


/* 関連タグ表示 */
ul{
	list-style: none outside;
	margin:0;
	padding:0;
}

#relation-item,
#relation-item2,
#relation-item3,
#relation-itembig{
	margin:0;
	padding:0;
	overflow:hidden;
	clear: both;
	position: relative;
	width:820px;
	border-collapse: separate;
	text-align: center;
}

#relation-item h2,
#relation-item2 h2,
#relation-item3 h2 {/* 関連タグタイトル表示 */
	position: relative;
	padding: .3em .75em;
	margin:20px 0;
	background-color: #fbe7ff;
	text-align:center;
	font-size:16px;
	color:#444;
	font-weight:bold;
}
#relation-itembig h2{/* 関連タグbigタイトル表示 */
	position: relative;
	padding: .3em .75em;
	margin:20px 0;
	background-color: #fbe7ff;
	text-align:center;
	font-size:16px;
	color:#444;
	font-weight:bold;
}

#relation-item h2::before,
#relation-item2 h2::before,
#relation-item3 h2::before,
#relation-itembig h2::before,
#relation-item h2::after,
#relation-item2 h2::after,
#relation-item3 h2::after,
#relation-itembig h2::after {
	position: absolute;
	bottom: 8px;
	z-index: -1;
	content: '';
	width: 30%;
	height: 50%;
	box-shadow: 0 10px 15px rgba(0, 0, 0, .2);
}
#relation-item h2::before,
#relation-item2 h2::before,
#relation-item3 h2::before,
#relation-itembig h2::before {
	-webkit-transform: rotate(-3deg);
	transform: rotate(-3deg);
	left: .3em;
}
#relation-item h2::after,
#relation-item2 h2::after,
#relation-item3 h2::after,
#relation-itembig h2::after {
	-webkit-transform: rotate(3deg);
	transform: rotate(3deg);
	right: .3em;
}

#relation-item ul,
#relation-item2 ul,
#relation-item3 ul,
#relation-itembig ul {
	margin:0px auto;
	padding:0;
	display:table;
	border-spacing:10px;
}

#relation-item ul li{/* 関連タグアイテムが４つのとき表示 */
	padding:5px;
	border-right: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	display:table-cell;
	width:195px;
	list-style:none;
}
#relation-item2 ul li {/* 関連タグアイテムが２つのとき表示 */
	padding:10px;
	border-right: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	display:table-cell;
	width:390px;
	list-style:none;
}
#relation-item3 ul li{/* 関連タグアイテムが３つのとき表示 */
	padding:10px;
	border-right: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	display:table-cell;
	width:250px;
	list-style:none;
}

#relation-itembig ul li {/* 関連タグbigアイテムが２つのとき表示 */
	padding:10px;
	border: 1px solid #eeeeee;
	display:table-cell;
	width:390px;
	list-style:none;
}

#relation-item ul li img,
#relation-item3 ul li img {
	display:block;
	margin-left:auto;
	margin-right:auto;
	height:150px;
}
#relation-item2 ul li img {
	display:block;
	margin-left:auto;
	margin-right:auto;
	height:180px;
}
#relation-itembig ul li img {/* 関連タグアイテムが２つで写真と文字が大きいとき表示 */
	display:block;
	margin-left:auto;
	margin-right:auto;
	height:300px;
	border-bottom: 1px solid #eeeeee;
}


#relation-item ul li p,
#relation-item2 ul li p,
#relation-item3 ul li p,
#relation-itembig ul li p{
	margin:0;

}

#relation-item ul li,
#relation-item2 ul li,
#relation-item3 ul li {
	color:#605553;
	font-size:12px;
	text-decoration: none;
	letter-spacing:0.1px;
	font-weight:bold;
}

#relation-itembig ul li {
	color: #605553;
	font-size: 16px;
	text-decoration: none;
	letter-spacing: 0.1px;
	font-weight:bold;
	line-height:1.4;
}

#relation-item ul li span.point,
#relation-item2 ul li span.point,
#relation-item3 ul li span.point {
	margin:0;
	text-align:center;
	color:#fa39a6;
	font-size:11px;
	font-weight:bold;
}

#relation-itembig ul li span.point{
	margin:0;
	text-align:center;
	color:#fa39a6;
	font-size:14px;
	font-weight:bold;
}

#relation-item ul li p span.price,
#relation-item2 ul li p span.price,
#relation-item3 ul li p span.price,
#relation-itembig ul li p span.day{
	color:#bf0000;
	font-size:24px;
	font-weight:bold;
}
#relation-itembig ul li p span.price{
	color:#bf0000;
	font-size:30px;
	font-weight:bold;
}

#relation-item ul li p span.price:before,
#relation-item2 ul li p span.price:before,
#relation-item3 ul li p span.price:before{
	content:"超特価 ";
	font-size:10px;
}
#relation-itembig li p span.price:before{
	content:"超特価 ";
	font-size:12px;
}

/* 商品ページへのボタン */

.button::before,
.button::after {
 position: absolute;
  z-index: -1;
  display: block;
  content: '';
}

#relation-item2 ul li .button,
#relation-item3 ul li .button,
#relation-itembig ul li .button {
  margin: 10px 0px;
  display: inline-block;
  width: 200px;
  height: 30px;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  outline: none;
  position: relative;
  background-color: #d65c5c;
  border-radius: 4px;
  color: #fff;
  line-height: 32px;
  -webkit-transition: none;
  box-shadow: 0 3px 0 #a70707;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

#relation-item ul li .button {
  margin: 10px 0px;
  display: inline-block;
  width: 150px;
  height: 30px;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  outline: none;
  position: relative;
  background-color: #d65c5c;
  border-radius: 4px;
  color: #fff;
  line-height: 32px;
  -webkit-transition: none;
  box-shadow: 0 3px 0 #a70707;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

#relation-item ul li .button:hover,
#relation-item2 ul li .button:hover,
#relation-item3 ul li .button:hover,
#relation-itembig ul li .button:hover {
  background-color: #de6f6f;
  box-shadow: 0 3px 0 #ba1717;
}
#relation-item ul li .button:active,
#relation-item2 ul li .button:active,
#relation-item3 ul li .button:active,
#relation-itembig ul li .button:active {
  top: 3px;
  box-shadow: none;
}


/* IE 6 */
* html #relation-item ul li,
* html #relation-item2 ul li,
* html #relation-item3 ul li{
	display:inline;
	zoom:1;
}
 
/* IE 7 */
* html #relation-item ul li,
* html #relation-item2 ul li,
* html #relation-item3 ul li{
	display:inline;
	zoom:1;
}



#banner-item {
	width:760px;
	text-align:center;
}