@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
	content:"";
	display: block;
	width: 100%;
	height: 100%;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	transform: rotate(-45deg);
}
[dir='rtl'] .slick-prev:before
{
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
	content:"";
	display: block;
	width: 100%;
	height: 100%;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	transform: rotate(135deg);
}
[dir='rtl'] .slick-next:before
{
    content: '¢«';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}


/** clearfix
********************************************************************************/
#detailSet:after,
#gallery:after,
#recList:after
{display:block;content:"";clear:both;}


/** detail
********************************************************************************/
#detailSet{
	position:relative;
	height:417px;
}

#galleryBox{
	width:740px;
	float:left;
}

#gallery .galleryCell{
	line-height:0;
}

#gallery .photo{
	max-width:100%;
}

#controller{
	padding-top:10px;
	position:relative;
}

#pagerBox{
	width:650px;
	overflow:hidden;
	height:70px;
	margin-left:50px;
}

#pager{
	height:70px;
}

#pager .pagerItem{
	width:122px;
	height:70px;
	float:left;
	margin-right:8px;
}

#pager .pagerLink{
	display:block;
	width:120px;
	height:68px;
	overflow:hidden;
	border:1px solid #fff;
	text-align:center
}

#pager .active{
	border:1px solid #888;
}

#pager .thumb{
	max-height:68px;
}

#prev{
	position:absolute;
	left:0;
	top:50%;
	margin-top:-23px;
}

#prev .bx-prev{
	display:block;
	width:23px;
	height:47px;
	overflow:hidden;
	text-indent:-999px;
	background:url(https://file001.shop-pro.jp/PA01320/730/images/ico-arr-l.png) no-repeat;
}

#next{
	position:absolute;
	right:0;
	top:50%;
	margin-top:-23px;
}

#next .bx-next{
	display:block;
	width:23px;
	height:47px;
	overflow:hidden;
	text-indent:-999px;
	background:url(https://file001.shop-pro.jp/PA01320/730/images/ico-arr-r.png) no-repeat;
}


#orderBox{
	width:260px;
	float:right;
	border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
	padding-top:58px;
}

#productName{
	font-size:30px;
	line-height:1;
	width:100%;
	background:url(https://file001.shop-pro.jp/PA01320/730/images/bg-det-prdname.png) no-repeat left bottom;
	padding-bottom:15px;
	margin-bottom:32px;
}

#rub{
	display:block;
	font-size:14px;
	margin-top:5px;
}

#price{
	font-size:21px;
	font-family:"Þ⥴¥·¥Ã¥¯", Yu Gothic, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, sans-serif;
	line-height:1;
	margin-bottom:16px;
}

#priceRegular{
	font-size:21px;
	font-family:"Þ⥴¥·¥Ã¥¯", Yu Gothic, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, sans-serif;
	line-height:1;
	margin-bottom: 4px;
}

#priceRegular .num{
	text-decoration: line-through;
	margin-right: 9px;
}

#priceDiscount{
	font-size:21px;
	font-family:"Þ⥴¥·¥Ã¥¯", Yu Gothic, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, sans-serif;
	line-height:1;
	color: #b7282e;
	margin-bottom: 16px;
}

#tax{
	font-size:14px;
}

#pac{
	font-family:"Þ⥴¥·¥Ã¥¯", Yu Gothic, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, sans-serif;
	font-size:14px;
	line-height:1;
	margin-bottom:30px;
}

#pac .spc{
	display: inline-block;
	margin-right: 30px;
}

#member{
  font-family:"Þ⥴¥·¥Ã¥¯", Yu Gothic, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, sans-serif;
  color: #2386f5;
  margin-bottom: 30px;
}

#member .txt{
  font-size: 14px;
  line-height: 1;
  margin-bottom: 3px;
}

#member .num{
  font-size: 21px;
  font-weight: normal;
  margin-right: 9px;
}

#member .per{
  font-size: 14px;
}


#cartInnDet{
	font-family:"Þ⥴¥·¥Ã¥¯", Yu Gothic, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, sans-serif;
	font-size:14px;
	font-weight:normal;
	margin-bottom: 28px;
}

#orderOption{
	width:100%;
	margin-bottom:15px;
}

#amount{
	text-align:left;
	width:70px;
	font-weight:normal;
	padding-bottom:15px;
}

#orderNum{
	padding-bottom:15px;
}

#option{
	text-align:left;
	width:70px;
	font-weight:normal;
	padding-bottom:15px;
}

#deliveryWay{
	padding-bottom:15px;
}

#orderOption select{
	width:94px;
}

#cartBtn:hover{
	opacity:0.7;
	-ms-filter:"alpha(opacity=70)";
}

#orderBox .freeSendPay
{
	font-size:16px;
	padding-left:41px;
	background:url(https://file001.shop-pro.jp/PA01320/730/images/ico-delivery.png) no-repeat left 5px;
	line-height:1.5;
	width: 200px;
    margin-bottom: 25px;
}

#orderBox .soldoutTxt {
	margin-bottom: 20px;
    font-size: 14px;
}

/** content **/
#detail{
	width:740px;
	float:left;
	padding-top:70px;
}

#productInform{
	border-bottom:1px solid #ccc;
	margin-bottom:50px;
}

#read{
	font-size:14px;
	line-height:1.7;
	margin-bottom:12px;
	font-family:"Þ⥴¥·¥Ã¥¯", Yu Gothic, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, sans-serif;
}
#read font {
	display: block;
}

#flowerLanguage{
	font-size:16px;
	font-weight:bold;
	line-height:1;
	margin-bottom:30px;
}

#prdTbl{
	font-family:"Þ⥴¥·¥Ã¥¯", Yu Gothic, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, sans-serif;
	margin-bottom:30px;
}

#prdTbl .ttl{
	text-align:left;
	font-size:14px;
	font-weight:bold;
	width:108px;
}

#area,
#size,
#preserve{
	font-size:14px;
}


/** blog **/
#blog{
	border-bottom:1px solid #ccc;
	margin-bottom:50px;
}

#blog .image{
	line-height:0;
	margin-bottom:30px;
}

#blog .text{
	font-size:14px;
	line-height:1.8;
	font-family:"Þ⥴¥·¥Ã¥¯", Yu Gothic, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, sans-serif;
	margin-bottom:40px;
}


/** recommend **/
#recommend{
	
}

#recommend .recTtl{
	font-size:20px;
	text-align:center;
	font-weight:bold;
	line-height:1;
	margin-bottom:30px;
}


#recList{
	margin-left:41px;
}

/*
#recList .recItem{
	float:left;
	margin-right:37px;
}

#recList .image{
	line-height:0;
	margin-bottom:15px;
}

#recList .recName{
	font-size:20px;
	margin-bottom:12px;
	line-height:1;
}

#recList .rub{
	margin-left:0.5em;
	font-size:12px;
}

#recList .recPrice{
	line-height:1;
	font-size:14px;
}

#recList .num{
	font-weight:bold;
}

#recList .str{
}

*/

#recList .topTtl{
	margin-bottom:49px;
	line-height:0;
}

#recList .topPrdItem{
	position:relative;
	float:left;
	margin-bottom:50px;
	margin-right:37px;
}

#recList .end{
	margin-right:0;
}

#recList .prdImgBox{
	position:relative;
	width:178px;
	height:178px;
	overflow:hidden;
	text-align:center;
	margin-bottom:15px;
}

#recList .prdImg{
	max-height:178px;
}

#recList .soldOut{
	opacity:0.3;
	-ms-filter:"alpha(opacity=30)";
}

#recList .soldOutImg{
	position:absolute;
	z-index:10;
	top:50%;
	left:50%;
	margin:-11px 0 0 -43px;
}

#recList .prdTtl{
	font-size:20px;
	line-height:1;
	margin-bottom:15px;
	font-weight:bold;
}

#recList .rub{
	display:block;
	font-size:12px;
	margin-top:6px;
	font-weight:normal;
}

#recList .area{
	font-size:14px;
	margin-bottom:3px;
	line-height:1;
	font-family:"Þ⥴¥·¥Ã¥¯", Yu Gothic, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, sans-serif;
}

#recList .price{
	font-size:16px;
	line-height:1;
	font-family:"Þ⥴¥·¥Ã¥¯", Yu Gothic, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, sans-serif;
	margin-bottom:7px;
}

#recList .num{
	font-size:16px;
	line-height:1;
	font-weight:bold;
}

#recList .str{
	font-size:14px;
	line-height:1;
}

#recList .icon{
	font-size:12px;
	font-family:"Þ⥴¥·¥Ã¥¯", Yu Gothic, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, sans-serif;
	font-weight:bold;
	line-height:1;
	height:12px;
}

#recList .newIco{
	float:left;
	color:#b7282e;
	margin-right:1em;
}

#recList .saleIco{
	float:left;
	color:#ee7800;
}

#recList .prdLink{
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	display:block;
	overflow:hidden;
	text-indent:-999px;
	background:#fff;
	opacity:0;
	-ms-filter:"alpha(opacity=0)";
	z-index:11;
}

#recList .prdLink:hover{
	opacity:0.3;
	-ms-filter:"alpha(opacity=30)";
}




#orderBox2{
  width:100%;
  border-bottom:1px solid #ccc;
  padding-bottom:40px;
  margin-bottom: 40px;
}

#orderBox2 .productName{
  font-size:30px;
  line-height:1;
  width:100%;
  background:url(https://file001.shop-pro.jp/PA01320/730/images/bg-product-name-long.png) no-repeat left bottom;
  padding-bottom:10px;
  margin-bottom:32px;
}

#orderBox2 .rub{
  font-size:14px;
  margin-top:5px;
  margin-left: 0.5em;
}

#orderBox2 .priceInfo
{
  margin-bottom:30px;
}

#orderBox2 .priceInfo:after{display:block;content:"";clear:both;}

#orderBox2 .price{
  font-size:21px;
  font-family:"Þ⥴¥·¥Ã¥¯", Yu Gothic, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, sans-serif;
  line-height:1;
  margin-bottom: 28px;
}

#orderBox2 .tax{
  font-size:14px;
}

#orderBox2 .pac{
  font-family:"Þ⥴¥·¥Ã¥¯", Yu Gothic, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, sans-serif;
  font-size:14px;
  line-height:1;
}

#orderBox2 .spc{
  display: inline-block;
  margin-right: 30px;
}

#orderBox2 .cartInnDet{
  font-family:"Þ⥴¥·¥Ã¥¯", Yu Gothic, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, sans-serif;
  font-size:14px;
  font-weight:normal;
  margin-bottom:28px;
}

#orderBox2 .orderOption{
  margin-bottom:15px;
}

#orderBox2 .amount{
  text-align:left;
  width:58px;
  font-weight:normal;
  padding-bottom:15px;
}

#orderBox2 .orderNum{
  padding-bottom:15px;
  width:120px;
}

#orderBox2 .option{
  text-align:left;
  width:70px;
  font-weight:normal;
  padding-bottom:15px;
}

#orderBox2 .deliveryWay{
  padding-bottom:15px;
  width:120px;
}

#orderBox2 .orderOption select{
  width:94px;
}

#orderBox2 .cartBtn:hover{
  opacity:0.7;
  -ms-filter:"alpha(opacity=70)";
}

#orderBox2 .freeSendPay
{
  font-size:16px;
  padding-left:41px;
  background:url(https://file001.shop-pro.jp/PA01320/730/images/ico-delivery.png) no-repeat left 5px;
  line-height:1.5;
}

#soldoutImg {
  margin: 0px 30px 30px 0px;
  border: 2px solid #EEE;
  background-color: #FFF;
}


@media all and (max-width: 767px) {
	#galleryBox{
		width:auto;
		margin: 0 15px;
		float:none;
	}
	#galleryBox img {
		width: 100%;
	}
	#spcontroller img {
		width: 100%;
	}
	#detailSet{
  	height:auto;
  }
	#orderBox{
		width:auto;
		margin: 0 15px;
		float:none;
		border-top:none;
			border-bottom:1px solid #ccc;
		padding-top:30px;
	}
	#orderOption {
		text-align: left;
	}
	
	#orderOption select {
		font-size:16px;
	}
	#cartInnDet {
		text-align: center;
	}
	.btn_center input {
      width:100%;
		max-width: 250px;
  	}
	.btn_center {
		text-align: center;
	}
	#cartBtn {
		margin: 0 auto !important;
	}
	.freeSendPay {
		width: auto !important;
	}
	#detail{
		margin: 0 15px !important;
		width:auto !important;
		float:none !important;
		padding-top:30px;
	}
	#detail img {
		width: 100%;
	}
	.recTtl {
		line-height: 1.3 !important;
	}
	.soldOutImg {
		width: auto !important;
	}
	
  #recList {
		margin: 0 !important;
    display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
  }
  .topPrdItem {
    float: none !important;
		width:46% !important;
		margin: 0 auto 15px !important;
		
  }
	#recList:after {
		display: block;
		content:"";
		width:46%;
	}
	.prdImgBox {
		width: 100% !important;
    height: auto !important;
    text-align: center !important;
    margin-bottom: 15px !important;
  }
	.prdImg {
		width: 100% !important;
		height: auto !important;
	}
	#spgallery {
		padding: 15px;
	}
	#spgallery img,#sppager img {
		width: 100%;
	}
	#sppager {
		margin: 0 40px;
	}
	#sppager .slick-slide {
		padding: 0 5px;
	}
	#sppager .slick-slide {
		border: 1px solid #fff;
		box-sizing: border-box;
	}
	#sppager .slick-current {
		border: 1px solid #ccc;
		box-sizing: border-box;
	}
}