@charset "euc-jp";


/* お気に入りボタン */
/* 初期化　*/

.favorite-button{
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}
.favorite-button{
  padding: 10px 0;
  font-size: 13px;
  background-color: #a0a0a0;
	color:#fff;
	display: block;
	width: 100%;
	border-radius: 3px;
	margin: 0 0 10px;
	font-weight: bold;
}
.favorite-button:before{
	content: "\f004";
	font-family: "Font Awesome 5 Free";
	margin-right:4px;
}
.fav-items{
	background-color: #ff8686;
}
.favorite-button:after{
	content: "に追加";
}
.fav-items:after{
	content: "";
}

/* ボタン類 */
.btn-primary,
.btn-contact,
.btn-quick{
  display: block;
  color: #fff;
  text-align: center;
  font-weight: bold;  
  font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
  border:0;
}
.btn-primary:hover,
.btn-contact:hover,
.btn-quick:hover{
	color: #fff;
}

/* カートに入れる */
.btn-primary {
  padding:20px 0;
  margin:0 0 20px;
  font-size: 15px;
  background-color: #333;
}
.btn-primary:hover {
  background-color: #111;
}
/* この商品について問い合わせる */
.btn-contact{
  padding:10px 0;
  font-size: 13px;
  background-color: #a0a0a0;
}
.btn-contact:hover {
  background-color: #808080;
}
/* クイック購入 */
.btn-quick{
  padding:10px 0;
  font-size: 13px;
  background-color: #a0a0a0;
}
.btn-quick:hover {
  background-color: #808080;
}

/* price01 */
.price01{
	color:#999;
	display:block;
}

/* price02 */
.price02{
	color:#333;
	display:block;
	margin:0 0 3px;
}
/* Off */
.offTxt{
	color:#f00;
	font-weight:bold;
}
.soldOut{
	color:#fff;
	text-align:center;
	display:block;
	background-color:#f00;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	padding:2px;
	font-size:0.9em;
	margin:0 0 7px;
}
.soldOut02{
	color:#fff;
	text-align:center;
	display:inline-block;
	background-color:#f00;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	padding:2px 4px;
	font-size:0.9em;
	margin:0 0 7px;
}



/* cloud_zoom
------------------------------------------ */
.cloud-zoom-lens {
  margin:-4px;  /* Set this to minus the border thickness. */
  border: 4px solid #888;
  background-color:#fff;
  cursor:move;
}
/* This is for the title text. */
.cloud-zoom-title {
  position:absolute !important;
  top:0px;
  padding:3px;
  width:100%;
  background-color:#000;
  color:#fff;
  text-align:center;
  font-weight:bold;
  font-size:10px;
  font-family:Arial, Helvetica, sans-serif;
}
/* 画像拡大したとき */
.cloud-zoom-big {
  overflow:hidden;
  border: 4px solid #fff;
}
/* This is the loading message. */
.cloud-zoom-loading {
  padding:3px;
  border:1px solid #000;
  background:#222;
  color:white;
}

/* Feature section in ZoomEngine page */
.zoom-section {
  clear:both;
}
* html .zoom-section {
  display:inline;
  clear:both;
}

.zoom-small-image #wrap {
  position: relative;
  top: 0px;
  z-index: 888;
}
.cloud-zoom {
  margin-bottom: 20px;
}
.zoom-small-image .mousetrap {
  position: absolute;
  top:0px;
  left:0px;
  z-index:777;
  width: 100%;
}
.zoom-desc {
  width: 100%;
  height:100%;
}
a.cloud-zoom-gallery {
  display: block;
  float: left;
  margin: 0 22px 20px 0;
  width: 82px;
  cursor: pointer;
}
.zoom-tiny-image {
  padding: 2px;
  width: 100%;
  background: #fff;
}
/* サムネイルactive */
.zoom-tiny-image.selected {
  background: #333;
}
/* サムネイルhover */
.zoom-tiny-image:hover{
  opacity:0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
}
a.gallery_last{
  margin-right: 0;
}





/* 769px以上（PC） */
@media screen and (min-width:769px) {

/* layout */
#contents_box{
	width:980px;
	height:auto;
}
#contents_left{
	width:220px;
	float:left;
}
#contents_right{
	width:730px;
	float:right;
}


/* LeftTitle */
.subCatArea{
	margin:0 0 20px;
}
.subCatArea p{
	padding:10px 10px;
	border-bottom:1px dotted #c1c1c1;
}
.subCatArea h3{
	font-weight:normal;
	font-size:1.3em;
	padding:15px 10px;
	letter-spacing:2px;
	text-align:left;
	border-top:3px solid #333;
	border-bottom:1px dotted #c1c1c1;
}

/* パンくず */
.footstamp {
	margin:0 0 10px;
}
.footstamp p span {
  margin: 0 5px;
  color: #999;
  font-size:0.8em;
}

/* boxRight */
.add_cart {
  clear: right;
  float: right;
  overflow: hidden;
  width: 300px;
}
.add_cart02{
	margin-bottom:40px;
}

/* spec01 */
.spec01{
  clear: both;
  line-height:180%;
  margin-bottom: 20px;
}
/* spec02 */
.spec02 {
  margin-bottom: 10px;
  width: 100%;
  table-layout:fixed;
}
.spec02 th {
  overflow: hidden;
  width:100px;
  padding:10px 10px 10px 8px;
  font-weight:normal;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.spec02 td {
  overflow: hidden;
  padding:10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.spec02 td input {
  padding: 0 4px;
  width: 38px;
  height: 26px;
  font-size: 15px;
  line-height: 26px;
  vertical-align: middle;
}
.spec02 td strong.price {
  font-size: 14px;
}


/* itemImage */
.zoom-small-image {
  float: left;
  margin-top: 4px;
  width: 400px;
}

/* pickup
---------------------------- */
.item_box{
	width:166px;
	float:left;
	margin:0 22px 0 0;
}
.item_image{
	margin:0 0 5px;
}
.item_image a:hover img{
  opacity:0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
}
.item_detail{
	text-align:center;
	margin:0 0 20px;
}
.item_name{
	
}
.item_price{
	
}
.box_last{
	margin-right:0 !important;
}

.stock_error{
  display:none;
  padding:10px 0;
  color:#DA5858;
  font-weight:bold;
}


/* 
---------------------------- */
.product_form{
  margin: 0 0 62px;
}
.product_detail_area {
  position: relative;
  width: 100%;
}

/* 商品写真 */
.product_images {
  display: inline-block;
  float: left;
  width: 400px;
  margin:0 0 40px;
}
.product_images div img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height:auto;
}
.product_images div p.detail {
  margin-top: 10px;
  line-height: 20px;
}


/* option_box
----------------------------*/
ul.option_price {
  margin: 0 0 20px 0;
}
ul.option_price li {
  list-style-type: none;
}
.option_box{
  clear: both;
  width: 100%;
  overflow: hidden;
}

table td.pur_block{
  margin: 0 5px 0 0;
  width: auto;
  white-space: normal;
}
.button_area input {
  width: 100%;
}
/* 問い合わせるボタン以下 */
.product_link_area {
  margin: 20px 0 0;
  padding: 20px 0 0;
  border-top: #ccc solid 1px;
}
.product_link_area div.twitter {
  float: left;
  width: 100px;
}
.product_link_area div.pinterest {
  float: left;
  margin-right: 30px;
}
.product_link_area div.fb-like {
  float: left;
  width: 200px;
}
/* レビューと教える */
.product_link_area ul.other_link {
  clear: both;
  margin-top: 20px;
}
.product_link_area ul.other_link li {
  margin-bottom: 10px;
}
/* SNS */
.share{
  margin: 15px 0 0;
  list-style: none;
}
.share li{
  display: inline-block;
  float: left;
  margin: 0 10px 10px 0;
  max-width: 125px;
}
/* お気に入り */
.calamel-link{
  margin-top: 10px;
}
.tb_date, .tb_title, .tb_body, .tb_state {
  margin-bottom: 5px;
}

}
/* 768px以内（iPad） */
@media screen and (max-width:768px) {
.add_cart {
	font-size: 1.3em;
	line-height: 170%;
}
.add_cart .haisou a{
	text-decoration: underline;
	display: inline-block;
	margin-bottom: 10px;
}
.spec02{
	margin-top: 30px;
}
.spec02 th {
	padding-right: 20px;
  font-weight:normal;
  text-align: left;
  white-space: nowrap;
}
.spec02 th,
.spec02 td{
	padding-bottom: 5px;
}
.spec02 .price{
	font-size: 1.25em;
}
/* LeftTitle */
.subCatArea p a{
	display:block;
	padding:20px 10px;
	border-top:1px dotted #c1c1c1;
	font-size: 1.25em;
}
.subCatArea h3{
	font-weight:normal;
	font-size:1.5em;
	padding:20px 10px;
	letter-spacing:2px;
	text-align:left;
	border-top:3px solid #333;
}
.mainImgSp{
	display:none;
}
.commonH2{
	margin-top:-0.45em;
	line-height: 150%;
	vertical-align: middle
}
.commonH2 img{
	margin-right: 5px!important;
}
.item_box{
	width:21%;
	margin:0 2% 1em;
	float:left;
	text-align:center;
}
.item_image{
	margin:0 0 0.5em;
}
.product_images,
.add_cart{
	padding:0 1em
}
.btn-primary {
	width:100%;
}

/* spec01 */
.spec01 img{
	margin:1em 0;
}
/* itemImage */
.product_images{
  height:auto;
}

.zoom-small-image {
	width:100%;
	margin-top:1em;
}
a.cloud-zoom-gallery {
  margin:0 1em 2em 0;
  width:22%;
}
.btn-contact{
	margin:1em 0;
}
.other_link{
	margin:0 0 20px;	
}
.other_link li a{
	display: inline-block;
	padding: 3px 0;
	text-decoration: underline;
}
.footstamp p a{
	text-decoration: underline;
}
.item_detail{
	font-size: 1.2em;
	line-height: 150%;
	text-align: left;
}
}
/* 640px以内（iPhone） */
@media screen and (max-width:640px) {
.item_box{
	width:46%;
}
.itemList > div:nth-child(2n+1){
	clear: both;
}
}
.itemList > div:nth-child(4n+1){
	clear: both;
}
.itemList > div:nth-child(4n){
	margin-right: 0;
}

.okiniTit{
	position: relative;
}
.okiniTit span{
	position: absolute;
	right: 0;
	font-size: 0.8em;
	text-decoration: underline;
}

input.password_field{
	border:1px solid #464e54;
	border-radius: 0;
	padding: 5px;
	min-width: 130px;
}