@charset "utf-8";



/*!

 * TEMP： shiro8-3001

 * ECCUBE：v3.x

 * CSS Information： Module and Plugin

 */



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

** add Plugin

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





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

** .pickup_item 商品リンク アニメーション



(新着商品プラグイン・おすすめ商品プラグイン)

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

.pickup_item{

  width:100%;

  position: relative;

  display:inline-block;

  text-decoration: none;

  outline: none;

  padding:10px;

  margin-bottom:6px;

  background:#FFF;

  transition: all .3s;

  border:1px solid #eee;
  
/*box-shadow:0 1px 8px rgba(0,0,0,.1);*/
  
  transition:box-shadow .1s ease-in; 

}
.pickup_item dl{

 margin-top:10px;
 
}
.pickup_item .pickup_item_photo{

  margin:0 auto;

}
.pickup_item .pickup_item_title{

  font-size:16px;
  
  font-weight: bold;
  
  display: block;
  
  margin-bottom:10px;
  
}

.pickup_item .pickup_item_price{

  font-size:14px;
  color: #e24747;
  font-weight: bold;
}

.pickup_item .pickup_item_buy{
  display: block;
  
  height: 40px;
  
  background: #199519;
  
  line-height: 40px;
  
  text-align: center;
  
  margin-top: 20px;color: #fff;
  
}
.pickup_item a{

  display:block;

  padding:0;

  margin:0;
  
}


.pickup_item a:hover{

  text-decoration:none;
  color:#333;
}



/********* in .side ***********/

.side .pickup_item{

  padding:10px;

}



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

** Pointプラグイン

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



#detail_description_box__sale_point{

  padding-top:6px;

  padding-bottom:12px;

  color:#333;

  display:block;

  clear:both;

  border-top:#CCC dotted thin;

}

#detail_description_box__sale_point span{

  font-weight:600;

}

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

** 商品レビュープラグイン

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



#review_area{

  width: 94%;

  margin: 0 auto;

  padding:0;

  background:#f0f0f0;

}

#review_area .btn_area{

  width:94%;

  border-top:#CCC dotted thin;

  margin:0 auto 10px;

}

.col-md-10.col-md-offset-1 h2{

  text-align:center;

  font-size:16px;

  font-size:1.6rem;

  margin-bottom:20px;

}

#page_products_detail_review .col-md-10.col-md-offset-1{

  width:100%!important;

  margin:0;

}

#product_review_recommend_level label,

ul.review_list .recommend_level span{

  color:#FC0;

  font-size:16px;

  font-size:1.6rem;

}



#review_area > div,#review_area > ul{

  width:94%;

  margin:0 auto 10px;

}

#review_area ul.review_list li{

  padding:10px 0;

  border-bottom:#CCC dotted thin;

}

#review_area ul.review_list li > p{

  padding:5px 0;

}

#review_area ul.review_list h3{

  font-size:16px;

  font-size:1.6rem;

  font-weight:600;

}

#review_area ul.review_list li span{

  padding-right:10px;

}

#review_area ul.review_list a:link{

  color:#09C;

}

@media only screen and (max-width:768px) {

#review_area,

#review_area > div,#review_area > ul{

  width:90%;

}

#review_area .btn_area{

  width:90%;

}

#review_area > div,#review_area > ul{

  width:100%;

}

}



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

** おすすめ商品プラグイン

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

#item_list {


}

#item_list .pickup_item p.item_comment {

  color:#333;

  font-size:12px;

  font-size:1.2rem;

  line-height:1.3;

  letter-spacing:0;

  margin-bottom:10px;

}

#item_list .pickup_item .item_photo{

  width:100%; height:auto;

  margin-bottom:10px;

  box-sizing:border-box;

}

#item_list .pickup_item dt.item_name {

  font-size:14px;

  font-size:1.4rem;

  line-height:1.2;

  margin-bottom:3px;

}

#item_list .pickup_item dd.item_price {

  font-size:13px;

  font-size:1.3rem;

  text-align:right;

}

/********* in .side ***********/

.side #item_list .pickup_item p.item_comment {

  font-size:11px;

  font-size:1.1rem;

  margin-bottom:5px;

}

.side #item_list .pickup_item .item_photo{

  margin-bottom:5px;

}



.side #item_list .pickup_item dt.item_name {

  font-size:12px;

  font-size:1.2rem;

}

@media only screen and (max-width:768px){

#item_list .pickup_item p.item_comment {

  font-size:11px;

  font-size:1.1rem;

  margin-bottom:7px;

}

#item_list .pickup_item .item_photo{

  margin-bottom:5px;

}

#item_list .pickup_item dt.item_name {

  font-size:12px;

  font-size:1.2rem;

  line-height:1.2;

}

}

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

** 関連商品プラグイン

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

#related_product_area{

  padding:15px 0 25px!important;

  position:relative;

  margin:15px -3px!important;

  border:0!important;;

}

#related_product_area .heading03{

  padding:10px 5px 18px;

  text-align:left;

  margin:0 0 20px;

  border-top: #CCC solid 1px!important;

  border-bottom:#CCC solid 1px;

  position:relative;

}

#related_product_area .related_product_carousel {

    margin-left: -3px!important;

    margin-right: -3px!important;

}

#related_product_area .related_product_carousel .product_item {

  width:23%;

  padding: 10px!important;

  border:0;

  display:inline-block;

}

#related_product_area .related_product_carousel .product_item::before,

#related_product_area .related_product_carousel .product_item::afrer{

}

#related_product_area .product_item .item_photo{

  width:100%;

  height:auto;

  overflow:hidden;

  margin-bottom:8px;

}



#related_product_area .product_item .item_price {

  font-size:12px;

  font-size:1.2rem;

  font-weight:bold;

  text-align:right;

}

#related_product_area .product_item .item_comment {

  color:#333;

  font-size:12px;

  font-size:1.2rem;

  line-height:1.3;

  letter-spacing:0;

}

#related_product_area .slick-next, #related_product_area .slick-prev{

  top:-1.7em!important;

}

#related_product_area .slick-prev:before,#related_product_area .slick-next:before{

  line-height:1;

  opacity:0.9;

  position:absolute;

  top:-5px!important;

}

#related_product_area .cb,

#related_product_area .cb {

  display:none!important;

}

@media only screen and (max-width:768px){

#related_product_area .heading03{

  padding-top:18px;

}

#related_product_area .related_product_carousel .product_item {

  padding: 12px!important;

  border:0;

}

#related_product_area .slick-next, #related_product_area .slick-prev {

    top: -3.5em!important;

}

#related_product_area .slick-prev:before,#related_product_area .slick-next:before{

  top:9px!important;

}

#related_product_area .item_name{

  font-size:12px;

  font-size:1.2rem;

}

}

@media only screen and (max-width:645px) {

#related_product_area .related_product_carousel .product_item {

  padding: 10px 5!important;

  border:0;

  display:inline-block;

}

}

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

** ●円off ●% off プラグイン



※2つとも使う場合は要調整。

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

.item_comment .plgShiro8PriceDownPrice3,

.item_comment .plgShiro8PriceDownRate3{

  display:none;/*bugfix*/

}

.sale_price .plgShiro8PriceDownPrice3 span,

.sale_price .plgShiro8PriceDownRate3 span{

  color:#FF0;

}

/*----- 円 OFF --------------------------------------------------*/

.plgShiro8PriceDownPrice3{

  font-size:12px;

  font-size:1.2rem;

  color:#FF0;

  display:inline-block;

  line-height:20px;

  height:20px;

  position:relative;

  padding:0 10px;

  margin:0;

  text-align:center;

}

.plgShiro8PriceDownPrice3 span::before {

  content:"";

  display:block;

  top:0;

  left:0;

  width:102%;

  height:20px;

  background:#D70035;

  float:left;

  position:absolute;

  z-index:-1;

}

span.plgShiro8PriceDownPrice3 span:nth-last-child(1),

span.plgShiro8PriceDownPrice3 span:nth-last-child(2),

span.plgShiro8PriceDownPrice3 span:nth-last-child(3){

  color:#FFF;

  font-size:11px;

  font-size:1.1rem;

}

/* 詳細ページ */

#item_detail_area .plgShiro8PriceDownPrice3{

  position:relative;

  padding:0 10px;

  margin:2px 0;

  float:right;

}



@media only screen and (min-width: 769px) {

/* 一覧ページ */

#page_product_list .plgShiro8PriceDownPrice3{

  position:absolute;

  top:12px;

  left:12px;

  z-index:3;

}



}

@media only screen and (max-width: 768px) {

/* 一覧ページ */

#page_product_list .plgShiro8PriceDownPrice3{

  position:relative;

  top:0;

  left:0;

  float:left;

  display:block;

  margin-top:3px;

  margin-right:6px;

}

}



@media only screen and (max-width: 645px) {

.plgShiro8PriceDownPrice3{

  font-size:12px;

  font-size:1.2rem;

  margin:0 7px 4px 0;

}

span.plgShiro8PriceDownPrice3 span:nth-last-child(1),

span.plgShiro8PriceDownPrice3 span:nth-last-child(2),

span.plgShiro8PriceDownPrice3 span:nth-last-child(3){

  font-size:11px;

  font-size:1.1rem;

}

/* 一覧ページ */

#page_product_list .plgShiro8PriceDownPrice3{

  position:relative;

  top:0;

  left:0;

  float:left;

  margin-top:0;

  clear:both;

}

}

@media only screen

and (min-device-width:768px)

and (max-device-width:1024px)

and (orientation:landscape) {

/* 一覧ページ */

#page_product_list .plgShiro8PriceDownPrice3{

  position:absolute;

  z-index:3;

  top:12px;

  left:7px;

}

}

/*----- ％ OFF --------------------------------------------------*/

.plgShiro8PriceDownRate3{

  font-size:13px;

  font-size:1.3rem;

  color:#FF0;

  display:inline-block;

  line-height:20px;

  height:20px;

  position:relative;

  padding:0 10px;

  margin:0;

  float:left;

  text-align:center;

}

.plgShiro8PriceDownRate3 span:first-child::before {

  content:"";

  display:block;

  top:0;

  left:0;

  width:102%;

  height:100%;

  background:#B22222;

  position:absolute;

  z-index:-1;

}

span.plgShiro8PriceDownRate3 span:nth-last-child(1),

span.plgShiro8PriceDownRate3 span:nth-last-child(2),

span.plgShiro8PriceDownRate3 span:nth-last-child(3){

  color:#FFF;

  font-size:11px;

  font-size:1.1rem;

}

span.plgShiro8PriceDownRate3 span:nth-last-child(3){

  clear:left;

}

span.plgShiro8PriceDownRate3 span:nth-last-child(4){

  clear:right;

}



/* 詳細ページ */

#item_detail_area .plgShiro8PriceDownRate3{

  position:relative;

  padding:0 7px;

  margin:2px 0;

  float:right;

}

@media only screen and (min-width: 769px) {

/* 一覧ページ */

#page_product_list .plgShiro8PriceDownRate3{

  position:absolute;

  z-index:3;

  top:12px;

  right:13px;

}

}

@media only screen and (max-width: 768px) {

/* 一覧ページ */

#page_product_list .plgShiro8PriceDownRate3{

  position:relative;

  top:0;

  left:0;

  float:left;

  clear:both;

  margin-top:3px;

  margin-right:6px;

}

}



@media only screen and (max-width: 645px) {

.plgShiro8PriceDownRate3{

  font-size:12px;

  font-size:1.2rem;

  margin:0 7px 4px 0;

}

span.plgShiro8PriceDownRate3 span:nth-last-child(1),

span.plgShiro8PriceDownRate3 span:nth-last-child(2),

span.plgShiro8PriceDownRate3 span:nth-last-child(3){

  font-size:11px;

  font-size:1.1rem;

}

/* 一覧ページ */

#page_product_list .plgShiro8PriceDownRate3{

  position:relative;

  top:0;

  left:0;

  float:left;

  margin-top:0;

  clear:both;

}

}

@media only screen

and (min-device-width:768px)

and (max-device-width:1024px)

and (orientation:landscape) {

/* 一覧ページ */

#page_product_list .plgShiro8PriceDownRate3{

  position:absolute;

  z-index:3;

  top:12px;

  right:8px;

}

}