@charset "UTF-8";

/* =========================================================
 「中元・歳暮」item_list.html専用
========================================================= */

/* ----- 【共通】 ----- */
#add-main .itemRow-ty2,
#add-main .itemRow-ty3,
#add-main .itemRow-ty4 {
  width:765px;
}

#add-main .item-Col {
  overflow:hidden;
}

.item-Col .item-image {
	box-sizing:content-box !important;
}

/*商品名*/
#add-main .item-Col li .item-name {
  margin-top:10px;
}

/*値段*/
#add-main .item-Col .item-price {
  font-weight:bold;
}

/* ----- 【2個並び】 ----- */
#add-main .itemRow-ty2 .item-Col {
  margin-right:-42px;
  width:807px;
  position:relative;
  overflow:hidden;
}

#add-main .itemRow-ty2 .item-Col li {
  float: left;
  margin-right:41px;
  margin-top:15px;
  text-align:left;
  width:362px;
}

#add-main .itemRow-ty2 .item-Col .item-image img {
  width:362px;
}

/* ----- 【3個並び】 ----- */
#add-main .itemRow-ty3 .item-Col {
  margin-right:-39px;
  width:804px;
  position:relative;
  overflow:hidden;
}

#add-main .itemRow-ty3 .item-Col li {
  float: left;
  margin-right:37px;
  margin-top:15px;
  text-align:left;
  width:230px;
}

#add-main .itemRow-ty3 .item-Col .item-image img {
  width:230px;
}

/* ----- 【3個並び（枠付き）】 ----- */
#add-main .itemRow-ty3-w .item-Col {
  margin-right:-39px;
  width:804px;
  position:relative;
  overflow:hidden;
}

#add-main .itemRow-ty3-w .item-Col li {
  float: left;
  margin-right:37px;
  margin-top:15px;
  text-align:left;
  width:230px;
}

#add-main .itemRow-ty3-w .item-Col .item-image {
  width:226px;
  border: solid 2px #bfbfbf;
}

#add-main .itemRow-ty3-w .item-Col .item-image img {
  width:226px;
}

/* ----- 【3個並び（時代用）】 ----- */
#add-main .itemRow-ty3-jidai .item-Col {
  margin:0 auto 0;
  width:733px;
  position:relative;
  overflow:hidden;
}

#add-main .itemRow-ty3-jidai .item-Col li {
  float: left;
  margin-right:14px;
  margin-top:30px;
  text-align:left;
  width:235px;
}

#add-main .itemRow-ty3-jidai .item-Col li:nth-child(3n) {
 margin-right:0;
}
/*#add-main .itemRow-ty3-jidai .item-Col li:nth-child(-n+3) {
 margin-top:0;
}*/

#add-main .itemRow-ty3-jidai .item-Col .item-image img {
  width:235px;
}

/* ----- 【3個並び（数量限定用）】 ----- */
#add-main .itemRow-ty3-gentei {
	margin-top:30px;
}

#add-main .itemRow-ty3-gentei .item-Col {
  margin:0 auto 0;
  width:765px;
  position:relative;
  overflow:hidden;
}

#add-main .itemRow-ty3-gentei .item-Col li {
  float: left;
  margin-right:36px;
  margin-top:30px;
  text-align:left;
  width:231px;
}

#add-main .itemRow-ty3-gentei .item-Col li:nth-child(3n) {
 margin-right:0;
}
#add-main .itemRow-ty3-gentei .item-Col li:nth-child(-n+3) {
 margin-top:0;
}

#add-main .itemRow-ty3-gentei .item-Col .item-image img {
  width:231px;
}

/* ----- 【3個並び（太鼓判用）】 ----- */
#add-main .itemRow-ty3-taikoban .item-Col {
  margin:40px auto 0;
  width:708px;
  position:relative;
  overflow:hidden;
}

#add-main .itemRow-ty3-taikoban .item-Col li {
  float: left;
  margin-right:39px;
  margin-top:30px;
  text-align:left;
  width:210px;
}

#add-main .itemRow-ty3-taikoban .item-Col li:nth-child(3n) {
 margin-right:0;
}
#add-main .itemRow-ty3-taikoban .item-Col li:nth-child(-n+3) {
 margin-top:0;
}


#add-main .itemRow-ty3-taikoban .item-Col .item-image {
  width:210px;
  border: solid 1px #a0a0a0;
}

#add-main .itemRow-ty3-taikoban .item-Col .item-image img {
  width:208px;
}

/* ----- 【3個並び（手みやげ買うてひん）】 ----- */
#add-main .itemRow-ty3-temiyage .item-Col {
  margin:0 auto 0;
  width:656px;
  position:relative;
  overflow:hidden;
}

#add-main .itemRow-ty3-temiyage .item-Col li {
  float: left;
  margin-right:25px;
  margin-top:20px;
  text-align:left;
  width:202px;
}

#add-main .itemRow-ty3-temiyage .item-Col li:nth-child(3n) {
 margin-right:0;
}
#add-main .itemRow-ty3-temiyage .item-Col li:nth-child(-n+3) {
 margin-top:40px;
}
#add-main .itemRow-ty3-temiyage .item-Col .item-image {
  width:202px;
  border: solid 1px #737373;
}

#add-main .itemRow-ty3-temiyage .item-Col .item-image img {
  width:200px;
}


/* ----- 【3個並び（天女用）】 ----- */
#add-main .itemRow-ty3-ten .item-Col {
  margin-right:-15px;
  width:748px;
  position:relative;
  overflow:hidden;
}

#add-main .itemRow-ty3-ten .item-Col li {
  float: left;
  margin-right:14px;
  margin-top:15px;
  text-align:left;
  width:235px;
}

#add-main .itemRow-ty3-ten .item-Col .item-image img {
  width:235px;
}

/* ----- 【3個並び（帰省みやげ好適品用）】 ----- */
#add-main .itemRow-ty3-miyage .item-Col {
  /*margin-right:-15px;*/
  width:679px;
  position:relative;
  overflow:hidden;
}

#add-main .itemRow-ty3-miyage .item-Col li {
  float: left;
  margin-left:14px;
  /*margin-top:15px;*/
  text-align:left;
  width:217px;
}

#add-main .itemRow-ty3-miyage .item-Col li:first-child {
  margin-left:0;
}

#add-main .itemRow-ty3-miyage .item-Col .item-image img {
  width:217px;
}


/* ----- 【3個並び（夏の贈り物用）】 ----- */
#add-main .itemRow-ty3-n-okurimono .item-Col {
  /*margin-right:-15px;*/
  width:679px;
  position:relative;
  overflow:hidden;
}

#add-main .itemRow-ty3-n-okurimono .item-Col li {
  float: left;
  margin-left:14px;
  /*margin-top:15px;*/
  text-align:left;
  width:217px;
}


#add-main .itemRow-ty3-n-okurimono .item-Col li:first-child {
  margin-left:0;
}

#add-main .itemRow-ty3-n-okurimono .item-Col .item-image img {
  width:217px;
}

/* ----- 【3個並び（企画）】 ----- */
#add-main .itemRow-ty3-kikaku .item-Col {
  margin: 20px auto 0;
  width:733px;
  position:relative;
  overflow:hidden;
}

#add-main .itemRow-ty3-kikaku .item-Col li {
  float: left;
  margin-right:14px;
  margin-top:15px;
  text-align:left;
  width:235px;
}

#add-main .itemRow-ty3-kikaku .item-Col .item-image img {
  width:235px;
}


#add-main .itemRow-ty3-kikaku .item-Col li:nth-child(3n) {
 margin-right:0;
}
#add-main .itemRow-ty3-kikaku .item-Col li:nth-child(-n+3) {
 margin-top:0;
}

/* ----- 【4個並び】 ----- */

#add-main .itemRow-ty4 .item-Col {
  margin-right:-17px;
  width:782px;
  position:relative;
  overflow:hidden;
}

#add-main .itemRow-ty4 .item-Col li {
  float: left;
  margin-right:15px;
  margin-top:15px;
  text-align:left;
  width:180px;
}

#add-main .itemRow-ty4 .item-Col .item-image img {
  width:180px;
}

/* ----- 【5個並び（繰り返し無し・単独表示・中元トップ用）】 ----- */
#add-main .itemRow-ty5 {
  margin:0 auto 0;
  width:747px;/*display:table;*/
}

#add-main .itemRow-ty5 .item-Col {
  /*margin-right:-17px;*/
  margin-top:5px;
  /*padding-left:8px;*/
  /*width:747px;*/
  width:143px;/*display:table-cell;*//*display:table;*/
  /*position:relative;
  overflow:hidden;*/
}

#add-main .itemRow-ty5 .item-Col:first-child {
  padding-left:0;
}

#add-main .itemRow-ty5 .item-Col li {
  /*float: left;*/
  /*padding-left:8px;*/
  /*padding-top:13px;*/
  text-align:left;
  width:143px;/*display:table-cell;*/
}

/*#add-main .itemRow-ty5 .item-Col li:first-child {
  margin-left:0;
}*/

#add-main .itemRow-ty5 .item-Col .item-image img {
  width:137px;
  display:block;
  padding:2px;
  /*background-color:#FFC;*/
  border: solid 1px #aba076;
}

/* ----- 【3個並び（JQ制御）】 ----- */
#add-main .itemRow-ty3-jq .item-Col {
  width:765px;
  position:relative;
  overflow:hidden;
}

#add-main .itemRow-ty3-jq .item-Col li {
  float: left;
  margin-right:37px;
  margin-top:15px;
  text-align:left;
  width:230px;
}

#add-main .itemRow-ty3-jq .item-Col .item-image img {
  width:230px;
}

#add-main .itemRow-ty3-temiyage .item-Col {
  margin:0 auto 0;
  width:656px;
  position:relative;
  overflow:hidden;
}

#add-main .itemRow-ty3-temiyage .item-Col li {
  float: left;
  margin-right:25px;
  margin-top:20px;
  text-align:left;
  width:202px;
}

/* ----- 【5個並び（夏の贈り物トップ）】 ----- */

#add-main .itemRow-ty5-okurimono .item-Col {
  margin:0 auto;
  padding-bottom:20px;
  width:747px;
  position:relative;
  overflow:hidden;
}

#add-main .itemRow-ty5-okurimono .item-Col li {
  float: left;
  margin-right:8px;
  text-align:left;
  width:143px;
}


#add-main .itemRow-ty5-okurimono .item-Col li:nth-child(5n) {
 margin-right:0;
}

#add-main .itemRow-ty5-okurimono .item-Col .item-image {
  padding:2px;
  border: solid 1px #737373;
}

#add-main .itemRow-ty5-okurimono .item-Col .item-image img {
  width:137px;
}

/* ----- 【5個並び（繰り返し無し・単独表示・中元トップ用）】 ----- */
#add-main .itemRow-ty5 {
  margin:0 auto 0;
  width:747px;
}

#add-main .itemRow-ty5 .item-Col {
  width:747px;
  overflow:hidden;
}

#add-main .itemRow-ty5 .item-Col li {
  float: left;
  margin-right:8px;
  text-align:left;
  width:143px;
}

#add-main .itemRow-ty5 .item-Col li:nth-child(5n) {
 margin-right:0;
}
#add-main .itemRow-ty5 .item-Col li:nth-child(-n+5) {
 margin-top:0;
}

#add-main .itemRow-ty5 .item-Col .item-image img {
  width:137px;
  display:block;
  padding:2px;
  /*background-color:#FFC;*/
  border: solid 1px #bababa;
}

/* ----- 【3個並び（夏の贈り物トップ）】 ----- */

#add-main .itemRow-ty3-okurimono .item-Col {
  margin:0 auto;
  padding-bottom:20px;
  width:670px;
  position:relative;
  overflow:hidden;
}

#add-main .itemRow-ty3-okurimono .item-Col li {
  float: left;
  margin-right:20px;
  text-align:left;
  width:210px;
}


#add-main .itemRow-ty3-okurimono .item-Col li:nth-child(3n) {
 margin-right:0;
}


#add-main .itemRow-ty3-okurimono .item-Col .item-image img {
  width:210px;
}
/* ----- 【5個並び（ランキング）】 ----- */
#add-main .itemRow-ty5.ranking {
  width:765px;
}

#add-main .itemRow-ty5.ranking .item-Col {
  margin:20px auto 0;
  width:765px;
  overflow:hidden;
}
#add-main .itemRow-ty5.ranking .item-Col li {
  float: left;
  margin-right:10px;
  /*margin-top:15px;*/
  margin-bottom:30px;
  text-align:left;
  width:145px;
}

/*#add-main .itemRow-ty5 .item-Col li:first-child {
  margin-left:0;
}*/

#add-main .itemRow-ty5.ranking .item-Col .item-image {
  width:145px;
	border:none !important;
}

#add-main .itemRow-ty5.ranking .item-Col .item-image img {
  width:145px;
	border:none !important;
}
#add-main .itemRow-ty5.ranking li:nth-child(5n) {
 margin-right:0;
}
/*#add-main .itemRow-ty5 .item-Col li:nth-child(-n+5) {
 margin-top:0;
}*/

/*ランキングマーク*/
#add-main .itemRow-ty5.ranking .item-Col li {
  padding-top:30px;
}
#add-main .itemRow-ty5.ranking .item-Col li:nth-child(1) {
 background:url(../images/ranking/ranking_mark_01.gif) no-repeat top center;
}
#add-main .itemRow-ty5.ranking .item-Col li:nth-child(2) {
 background:url(../images/ranking/ranking_mark_02.gif) no-repeat top center;
}
#add-main .itemRow-ty5.ranking .item-Col li:nth-child(3) {
 background:url(../images/ranking/ranking_mark_03.gif) no-repeat top center;
}
#add-main .itemRow-ty5.ranking .item-Col li:nth-child(4) {
 background:url(../images/ranking/ranking_mark_04.gif) no-repeat top center;
}
#add-main .itemRow-ty5.ranking .item-Col li:nth-child(5) {
 background:url(../images/ranking/ranking_mark_05.gif) no-repeat top center;
}


/* ----- 【博物館（3個）】 ----- */
#add-main .itemRow-ty3-museum .item-Col {
  margin:30px auto 0;
  /*width:656px;*/
  width:706px;
  position:relative;
  overflow:hidden;
}

#add-main .itemRow-ty3-museum .item-Col li {
  float: left;
  margin-right:26px;
  margin-top:30px;
  text-align:left;
  width:218px;
}
 #add-main .itemRow-ty3-museum .item-Col li:nth-child(3n) {
 margin-right:0;
}
#add-main .itemRow-ty3-museum .item-Col li:nth-child(-n+3) {
 margin-top:0;
}

#add-main .itemRow-ty3-museum .item-Col .item-image {
  padding:1px;
  width:214px;
  border: solid 1px #a3a3a3;
}

#add-main .itemRow-ty3-museum .item-Col .item-image img {
  width:214px;
}


/* ----- 【博物館（1個）】 ----- */
#add-main .itemRow-ty1-museum.sp {
	display:none;
}

#add-main .itemRow-ty1-museum .item-Col {
  margin:15px auto 0;
  /*width:656px;*/
  width:218px;
  position:relative;
  overflow:hidden;
}

#add-main .itemRow-ty1-museum .item-Col li {
  text-align:left;
  width:218px;
}


#add-main .itemRow-ty1-museum .item-Col .item-image {
  padding:1px;
  width:214px;
  border: solid 1px #a3a3a3;
}

#add-main .itemRow-ty1-museum .item-Col .item-image img {
  width:214px;
}

@media screen and (max-width: 768px) {
#add-main .itemRow-ty1-museum.sp {
	display:block;
}

#add-main .itemRow-ty1-museum.pc {
	display:none;
}

#add-main .itemRow-ty1-museum .item-Col {
  margin:0px auto 0;
  padding:0 70px;
  width:initial;
  position:relative;
  overflow:hidden;
}

#add-main .itemRow-ty1-museum .item-Col li {
  text-align:left;
  width:100%;
}


#add-main .itemRow-ty1-museum .item-Col .item-image {
  padding:1px;
  width:auto;
  border: solid 1px #a3a3a3;
}

#add-main .itemRow-ty1-museum .item-Col .item-image img {
  width:100%;
}

}