@charset "utf-8";
/* ===================================================================
CSS information

file name  :contents.css
style info :コンテンツ用(商品一覧/検索結果/商品詳細)

=================================================================== */
/* -----------------------------------------------
商品一覧・商品詳細・商品検索結果共通
----------------------------------------------- */
.pagenumberarea {
margin-top: 10px;
display: block;
float: right;
width: 70%;
}
.pagenumberarea > ul {
    width: 95%;
    margin: 0 auto;
    border: #ddd solid 1px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    display: block;
padding: 1px;
}
.pagenumberarea > ul li {
    color: #000;
    font-weight: bold;
    margin: 0;
    padding: 0;
    display: inline;
    float: left;
    width: 50%;
    text-align: center;
    color: #FFF;
    background: #5393c5;
    background: -moz-linear-gradient(center top, #5393c5 10%,#80b6e2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5393c5),color-stop(1, #80b6e2));
    text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
}
.pagenumberarea > ul li a:link,
.pagenumberarea > ul li a:visited {
    color: #000;
}
.pagenumberarea > ul li a {
    color: #FFF;
    display: block;
    padding: 11px 0;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(255,255,255,1);
}
.pagenumberarea > ul li.on_number {
    color: #FFF;
    display: block;
    padding: 11px 0;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
}
.pagenumberarea+ul li:first-child {
    border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
}
.pagenumberarea > ul li:last-child {
    border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
}
.pagenumberarea > ul li:first-child a {
    border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    border-right: #A9ABAD solid 1px;
    text-shadow: 1px 1px 1px rgba(255,255,255,1);
    background: #FDFDfD;
    background: -moz-linear-gradient(center top, #FDFDFD 0%,#99917F 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #99917F));
}
.pagenumberarea > ul li:last-child a {
    border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    border-left: #FFF solid 1px;
    text-shadow: 1px 1px 1px rgba(255,255,255,1);
    background: #FDFDfD;
    background: -moz-linear-gradient(center top, #FDFDFD 0%,#99917F 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #99917F));
    box-shadow: 1px 0px 1px 1px rgba(255,255,255,1) inset;
    -webkit-box-shadow: 1px 0px 1px 0px rgba(255,255,255,1) inset;
    -moz-box-shadow: 1px 1px 1px 0px rgba(255,255,255,1) inset;
}
.pagenumberarea > ul li.on_number {
    color: #333;
    text-shadow: 1px 1px 1px rgba(255,255,255,1);
    background: #99917F;
    background: -moz-linear-gradient(center top, #99917F 10%,#FDFDFD 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #99917F),color-stop(1, #FDFDFD));
}
ul.status_icon {
    clear: both;
}
ul.status_icon li {
    color: #FFF;
    background: #9AAABD;
    display: inline;
    float: left;
    margin-right :5px;
    margin-bottom: 2px;
    padding: 2px 5px;
    font-size: 11px;
    text-shadow: none;
}
/* -----------------------------------------------
商品一覧
----------------------------------------------- */
#product_list {
    padding-bottom: 35px;
}
.prdcBrandBg {
padding-bottom: 11px;
background-image: url(../img/products/brand_bg.jpg);
background-repeat: repeat-x;
background-size: 11px; 
background-position: left bottom;
}
.prdcBrand {
background: rgb(161,136,96);
background: -moz-linear-gradient(top, rgba(161,136,96,1) 0%, rgba(253,239,217,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(161,136,96,1)), color-stop(100%,rgba(253,239,217,1)));
background: -webkit-linear-gradient(top, rgba(161,136,96,1) 0%,rgba(253,239,217,1) 100%);
background: -o-linear-gradient(top, rgba(161,136,96,1) 0%,rgba(253,239,217,1) 100%);
background: -ms-linear-gradient(top, rgba(161,136,96,1) 0%,rgba(253,239,217,1) 100%);
background: linear-gradient(to bottom, rgba(161,136,96,1) 0%,rgba(253,239,217,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a18860', endColorstr='#fdefd9',GradientType=0 );
text-align: center;
font-weight: bold;
color: #fff;
}
.prdcSubCate {
width: 293px;
margin-right: auto;
margin-left: auto;
}
.prdcSubCate li {
margin-bottom: 7px;
}
.prdcResult {
float: left;
padding-top: 22px;
}
.prdcListBg {
/*background-image:-webkit-gradient(linear, left top, left bottom, from(#ffe995), color-stop(0.05, #fdd32f));*/
/*border:1px solid #fcf6e1;*/
/*-webkit-border-radius:7px;*/
background: #777777;
padding:10px;
}

/* アイテムリスト(div)の処理
----------------------------------------------- */
.list_area {
    margin: 0;
/*    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f3f3f3));
    border-bottom: #CCC dotted 1px;*/
		letter-spacing: normal;
    clear: both;
    position: relative;
    cursor: pointer;
		vertical-align: top;
		width: 48%;;
		margin-bottom: 10px;
}
/* 20161208追加 */
.listAreaBg {
margin-bottom: 3px;
padding: 10px;
background-color: #fff;
}

.list_area h3 {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
text-align: center;
border-bottom: 1px solid #000102;
padding-bottom: 3px;
margin-bottom: 8px;
}
.list_area h3 a:link,
.list_area h3 a:visited {
color: #000102;
}
.list_area ul.status_icon {
    margin-bottom: 5px;
display: none;
}
.listphoto {
    float: left;
    clear: left;
width: 30%;
}
.listrightblock {
    width: 70%;
    float: right;
position: relative;
font-size: 85%;
}
.listrightblock .listArrow {
position: absolute;
top: 20%;
right: 0;
}
.listrightblock .price01 span.price {
font-weight: normal;
color: #333;
}
.listrightblock .price02 span.sale_price {
color: #d90313;
}
.listrightblock .price02 span.price {
color: #333;
font-weight: normal;
}
.listrightblock p span.price span.number {
font-size: 116%;
}
.listrightblock .price03 span.sale_price {
/*background-color: #d90313;*/
color: #d90313;
}
.listrightblock .price03 span.price {
font-weight: normal;
}
.listrightblock .listcomment {
    line-height: 1.4;
}

/* 5. catScroll */
/* ------------------------------------------------------------------------------------ */

#catScrollWrap {
	padding: 0 10px;
	text-align: left;
	margin-top: 25px;
}

div#tlCateWrap {
	background-image:-webkit-gradient(linear, left top, left bottom, from(#fef8df), color-stop(0.5, #fbfbfb));
}
h3#tlCate {
	background-image:-webkit-gradient(linear, left top, left bottom, from(#ffe995), color-stop(0.05, #fdd32f));
	border:1px solid #fcf6e1;
	-webkit-border-top-left-radius: 7px;  
 -webkit-border-top-right-radius: 7px;  
	padding: 13px;
}
#catScroll {
	position: relative;
	margin-top: 18px;
	min-height:0;
}
#catScroll .catBoxWrap{
	width:250px;
	margin:0 auto;
}
#catScroll .catBox{
	width:80px;
	float:left;
}
#catScroll .catBox.mr{
	margin-right:5px;
}
#catScroll ul#catScrollItem li {
	float: left;
	width: 80px;
	/*margin-right: 25px;*/
	text-align: center;
	font-size: 12px;
	color: #e3112e;
	font-weight: bold;
	min-height:0;
}
#catScrollItem{
	min-height:0;
}
#catScroll ul#catScrollItem li.last {
	margin-right: 0;
}
#catScroll ul#catScrollItem li a {
	display: block;
}

/* 6. cat-prevNext */
/* ------------------------------------------------------------------------------------ */
#cat-prevNext ul li {
}
#cat-prevNext ul li a {
}
#cat-prevNext ul li.prevBtn a {
	position: absolute;
	top: 20px;
	left: 0;
}
#cat-prevNext ul li.nextBtn a {
	position: absolute;
	top: 20px;
	right: 0;
}

/* 7. registLink */
/* ------------------------------------------------------------------------------------ */
ul#registLink {
	margin: 25px 0;
	background: #fff;
}
ul#registLink li {
	border-bottom: 1px solid #a18860;
	text-align: left;
	font-size: 15px;
}
ul#registLink li a {
	display: block;
	text-decoration: none;
	color: #271c18;
	background: url(../img/common/ico_arrow05_r.png) no-repeat 98% 20px;
	padding: 18px 20px;
	font-weight: bold;
background-size: 10px 14px;
text-align: left;
}

/* -----------------------------------------------
商品詳細
----------------------------------------------- */
#product_detail {
    padding-bottom: 35px;
}
#product_detail h2.title {
font-size: 106%;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
color: #111;
border-bottom: 1px solid #111;
padding-bottom: 6px;
margin-bottom: 15px;
}
#cartbtn_default {
padding-left: 10px;
padding-right: 10px;
}
/*サブナビ*/
.navSub li {
float: left;
position: relative;
text-align: center;
}
.navSub li::after {
position: absolute;
margin: auto;
content: "";
bottom: 10px;
left: 48%;
width: 8px;
height: 8px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.navSub li a {
padding-bottom: 7px;
display: block;
/*background: url(../img/common/btn_CatBuy_down.png) no-repeat 90% 50%;*/
}
.pdMenu li {
border-bottom: 1px dotted #BBB;
}
.pdMenu li a {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
display: block;
background: url(../img/common/ico_arrow05_r.png) no-repeat 98% 50%;
background-size: 10px 14px;
}
.close {
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
}
.arrHistory {
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
}
.mod-menuList {
margin: 10px 0 21px;
}
.mod-menuList li {
border-bottom: 1px dotted #BBB;
color: #000;
text-align: left;
padding: 12px;
}
.menuListWrap {
background: url(../img/common/ico_arrow05_r.png) no-repeat 98% 50%;
background-size: 10px 14px;
}
.mod-menuList li p.imgBox {
float: left;
text-align: center;
width: 30%;
}
.mod-menuList li div.rightBox {
float: right;
font-size: 11px;
font-weight: normal;
width: 70%;
position: relative;
}
.mod-menuList li div.rightBox h3 {
font-size: 13px;
color: #e1001f;
margin-bottom: 7px;
}
.mod-menuList li div.rightBox dl dt {
float: left;
width: 50px;
font-weight: bold;
font-size: 12px;
}

/*商品情報*/
#detailarea {
padding: 0px 10px 35px 10px;
}
#detail_area p {
text-align: left;	
}
#detail_area p img {
max-width: 300px;
height: auto;	
}
#detailrightblock {
    margin-top: 25px;
    padding: 0;
    background: #FFF;
    border: #CCC solid 1px;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
margin-bottom: 25px;
}
#detailrightblock div:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
#detailrightblock div {
    border-bottom: #CCC solid 1px;
}
#detailrightblock div#cartbtn_default {
    border-bottom: none;
}
#detailrightblock>div:last-child {
    border-radius: 0 0 7px 7px;
    -moz-border-radius: 0 0 7px 7px;
    -webkit-border-radius: 0 0 7px 7px;
}
#detailrightblock div:not(.ui-body-f):last-child {
    border-bottom: none;
}

/* 商品ステータスアイコン */
#detailrightblock .status_icon {
    padding: 10px 12px;
    border-bottom: #CCC solid 1px;
}

/* 商品詳細 */
.detailCommentTit {
color: #372925;
font-size: 15px;
line-height: 1.2em;
margin-bottom: 15px;
padding-bottom: 9px;
border-bottom: 1px dotted #ccc;
padding-top: 21px;
}
.prdcDtlTable {
border-top: none;
border-left: none;
}
.prdcDtlTable th {
background-color: #e7e7e7;
border-bottom-color: #fff;
border-right: none;
width: 102px;
}
.prdcDtlTable td {
border-bottom: none;
border-right: none;
}
.prdcDtlTeiki a {
text-align: center;
display: block;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
text-decoration: none;
color: #fff;
font-size: 13px;
background: #42B8B8 url(../img/common/ico_arrow05_r.png) no-repeat 95% 50%;
background-size: 10px 14px;
padding: 12px 0;
vertical-align: middle;
font-weight: bold;
}
.prdcDtlTeiki a:link,
.prdcDtlTeiki a:visited {
color: #fff;
}

/*商品情報（テキストなど）*/
#detailrightblock .product_detail {
    padding: 12px;
    border-bottom: #CCC solid 1px;
}
#detailrightblock h3 {
    font-size: 14px;
    clear: both;
}
#detailrightblock .price {
    font-size: 14px;
}
#detailrightblock .normal_price {
}
.relative_cat {
    font-size: 12px;
    margin-bottom: 10px;
}

/*商品情報（規格部分）*/
.classlist {
    padding: 12px;
}
.classlist dl {
    margin: 0;
    padding: 0;
}
.classlist dt {
    margin: 0;
    font-weight: bold;
    line-height: 1.3;
}
.classlist dd {
    padding: 0;
    clear: both;
    padding-bottom: 5px;
}
.classlist dd:last-child {
    padding-bottom: 0;
}

/*商品情報（数量）*/
.cartin_btn {
    padding: 15px 15px 15px 8px;
    background: #F1F0E7;
    border-top: #FFF solid 1px;
}
.cartin_btn dl {
    width: 40%;
    float: left;
    clear: left;
}
.cartin_btn dt {
    width: 2em;
    float: left;
    padding: 15px 5px 0 5px;
    line-height: 1.1;
    font-weight: bold;
}
.cartin_btn dd {
    width: 3.2em;
    display: inline;
    float: left;
    padding-top: 5px;
}
.detail_quantity dd .quantitybox {
    width: 3em;
}
.cartbtn_default {
border-radius: 5px;
}

/*お気に入り*/
.btn_favorite {
    padding: 10px 15px;
    background: #F1F0E7;
}
/*サブエリア*/
.subarea {
    padding: 0 10px 20px 10px;
    margin-bottom: 15px;
    border-bottom: #CCC solid 1px;
    clear: both;
}
.subarea h3 {
    margin-bottom: 10px;
    padding: 5px 0;
    border-bottom: #CCC solid 1px;
    clear: both;
}
.subphotoimg {
    margin-left: 10px;
    float: right;
    clear: right;
}
#sub_area div:last-child {
    border-bottom: none;
}
/*商品詳細メイン画像スライド*/
#detailphotoblock {
    width: 100%;
    background-color: #ffffff;
    text-align: center;
    position: relative;
padding-bottom: 11px;
background-image: url(../img/products/brand_bg.jpg);
background-size: 11px;
background-repeat: repeat-x;
background-position: left bottom;
margin-bottom: 11px;
}
#detailphotoblock div.moveWrap {
    width: 200px;
    height: 200px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
}
#detailphotoblock ul.moveWrapBG {
    width: 200px;
    height: auto;
    visibility: hidden;
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    margin: 0 auto;
    padding: 0;
}
#detailphotoblock li {
    width: 200px;
}
#detailphotoblock div.slideMask {
    position: absolute;
    top: 0;
    left: 0;
    /*border:4px #FFF solid;*/
    -webkit-box-sizing: border-box;
    margin-right: 0!important;
}
#detailphotoblock div.moveWrap>ul.move {
    margin: 0;
    padding: 0;
    position: relative;
    left: 0;
    top: 0;
    list-style: none;
    width: 2000px;
    -webkit-transition: all 0.6s ease-in-out;
    -webkit-transform: translate3d(0,0,0);
    -webkit-transition-duration: 400ms;
    -webkit-transition-property: -webkit-transform;
    margin: 0;
    padding: 0;
    display: none;
}
#detailphotoblock div.moveWrap>ul.move li.slideUnit {
    margin: 0px;
    padding: 0;
    float: left;
    list-style: none;
    text-align: center;
    -webkit-box-sizing: border-box;
}
#detailphotoblock li.slideUnit>div {
    padding: 0px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    -webkit-box-sizing: border-box;
}

.flickSlideContainer {
background: rgb(161,136,96); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(161,136,96,1) 0%, rgba(253,239,217,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(161,136,96,1)), color-stop(100%,rgba(253,239,217,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(161,136,96,1) 0%,rgba(253,239,217,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(161,136,96,1) 0%,rgba(253,239,217,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(161,136,96,1) 0%,rgba(253,239,217,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(161,136,96,1) 0%,rgba(253,239,217,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a18860', endColorstr='#fdefd9',GradientType=0 ); /* IE6-9 */
}

#detailphotoblock div.flickSlideBottom {
    width: 100%;
}
#detailphotoblock div.flickSlideBottom div.bottomLeft,
#detailphotoblock div.flickSlideBottom div.bottomRight {
    padding: 0 10px;
    display: table-cell;
    vertical-align: middle;
}
#detailphotoblock div.flickSlideBottom div.bottomRight {
    font-size: 24px;
    font-weight: bold;
    color: #7F7F7F;
    background-color: transparent;
    right: 5px;
    top: 100px;
    position: absolute;
}
#detailphotoblock div.flickSlideBottom div.bottomLeft {
    font-size: 24px;
    font-weight: bold;
    color: #7F7F7F;
    background-color: transparent;
    left: 5px;
    top: 100px;
    position: absolute;
}
#detailphotoblock div.flickSlideBottom div.bottomLeft:after {
    font-size: 12px;
    padding: 5px;
    text-align: left;
    display: table-cell;
}
#detailphotoblock div.flickSlideBottom div.bottomLeft:before {
    padding: 5px;
    text-align: left;
    display: table-cell;
}
#detailphotoblock div.flickSlideBottom div.bottomRight:before {
    font-size: 12px;
    padding: 5px;
    text-align: right;
    display: table-cell;
}
#detailphotoblock div.flickSlideBottom div.bottomRight:after {
    padding: 5px;
    text-align: right;
    display: table-cell;
}
#detailphotoblock div.flickSlideBottom ul.slidePager {
    display: block;
    width: auto;
    text-align: center;
    margin: 0 auto;;
    padding: 0;
}
#detailphotoblock div.flickSlideBottom ul.slidePager li.slidePagerPointer {
    font-size: 11px;
    width: 6px;
    height: 6px;
    margin: 0 6px 10px 6px;
    display: inline-block;
    background-color: #CCC;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}
#detailphotoblock div.flickSlideBottom ul.slidePager li.slidePagerPointer.active {
    background-color: #333;
}

/*その他オススメ商品スライド*/
#product_detail .title_box_sub:last-child {
    margin-top: 20px;
}
#whobought_area {
    width: 100%;
    clear: both;
    position: relative;
}
#whobought_area .flickSlideContainer {
    width: 100%;
    clear: both;
    position: relative;
background-image:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fdefd9));
}
#whobought_area h3 {
    clear: both;
    line-height: 1.2;
}
/*liの長さ追加*/
#whobought_area li {
    width: 80px;
}
#whobought_area li img {
    margin-bottom: 5px;
    clear: both;
}
#whobought_area li a {
color: #e1001f;
font-size: 85%;
}
#whobought_area .sale_price {
    clear: both;
    float: right;
    text-align: right;
}
#whobought_area div.moveWrap {
    width: 80%;
    height: auto;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    -webkit-box-sizing: border-box;
}
#whobought_area ul.moveWrapBG {
    width: auto;
    height: auto;
    display: inline-block;
    position: relative;
    visibility: hidden;
    -webkit-box-sizing: border-box;
    margin: 0;
    padding: 0;
}
#whobought_area div.slideMask {
    position: absolute;
    top: 0;
    left: 0;
    border: 4px #FFF solid;
    -webkit-box-sizing: border-box;
    margin-right: 1px;
}
#whobought_area div.moveWrap>ul.move {
    width: 3000px;
    margin: 0;
    padding: 0;
    position: relative;
    left: 0;
    top: 0;
    list-style: none;
    -webkit-transition: all 0.6s ease-in-out;
    -webkit-transform: translate3d(0,0,0);
    /*-webkit-transition-duration: 400ms;
    -webkit-transition-property: -webkit-transform;
    */
    margin: 0;
    padding: 0;
    display: none;
}
#whobought_area div.moveWrap>ul.move li.slideUnit {
    width: 130px!important;
    float: left;
    display: inline;
    list-style: none;
    padding: 4px 8px 4px 0;
    margin-right: 0px;
    -webkit-box-sizing: border-box;
text-align: center;
border-right: 1px dotted #ccc;
}
#whobought_area li.slideUnit>div {
    padding: 4px;
    display: inline;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
}
#whobought_area div.flickSlideBottom {
    width: 100%;
    margin-top: 5px;
}
#whobought_area div.flickSlideBottom div.bottomLeft,
#whobought_area div.flickSlideBottom div.bottomRight {
    padding: 0 10px;
    display: table-cell;
    vertical-align: middle;
}
#whobought_area div.flickSlideBottom div.bottomRight {
    font-size: 16px;
    font-weight: bold;
    color: #7F7F7F;
    background-color: transparent;
    right: 0;
    top: 80px;
    position: absolute;
}
#whobought_area div.flickSlideBottom div.bottomLeft {
    font-size: 16px;
    font-weight: bold;
    color: #7F7F7F;
    background-color: transparent;
    left: 0;
    top: 80px;
    position: absolute;
}
#whobought_area div.flickSlideBottom div.bottomLeft:after {
    font-size: 10px;
    padding: 0;
    text-align: left;
    display: table-cell;
}
#whobought_area div.flickSlideBottom div.bottomLeft:before {
    padding: 0;
    text-align: left;
    display: table-cell;
}
#whobought_area div.flickSlideBottom div.bottomRight:before {
    font-size: 10px;
    padding: 0;
    text-align: right;
    display: table-cell;
}
#whobought_area div.flickSlideBottom div.bottomRight:after {
    padding: 0;
    text-align: right;
    display: table-cell;
}
#whobought_area div.flickSlideBottom ul.slidePager {
    display: block;
    width: auto;
    text-align: center;
    margin: 0 auto;
    padding: 0;
}
#whobought_area div.flickSlideBottom ul.slidePager li.slidePagerPointer {
    display: none;
}
/* -----------------------------------------------
定期お届け制度
----------------------------------------------- */
#main-content .teikiCat {
margin: 14px 0;
text-align: center;
}
#main-content .teikiCat li {
display: inline-block;
line-height: 200%;
margin-right: 14px;
}
#main-content .teikiCat li a {
color: #666;
padding-left: 10px;
text-decoration: underline;
background-attachment: scroll;
background-color: rgba(0, 0, 0, 0);
background-image: url(../img/common/ico_arrow02.gif);
background-repeat: no-repeat;
background-position: left center;
background-size: 6px 5px;
}

/* 追加 */
.prdcResult {
float: none;
}
.pagenumberarea {
float: none;
width: 100%;
}
.pagenumberarea .navSub {
color: #fff;
font-size: 11px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
text-align: center;
background: #000000;
}
.pagenumberarea .navSub li {
background: #000000;
width: 104px;
height: 43px;
border-left: 1px solid #fff;
padding-top: 10px;
}
.pagenumberarea .navSub li.on_number {
background: #CBD6EB;
color: #4265AE;
font-weight: bold;
}
.pagenumberarea .navSub li a:link,
.pagenumberarea .navSub li a:visited,
.pagenumberarea .navSub li a:hover {
color: #fff;
}
.prdcListBg {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.list_area ul {
letter-spacing: -0.5em;
}
.listcomment {
display: none;
}
.listrightblock .price01 span.price #price01_default_547 {
font-size: 100%;
}

/* ClearFix */
.cf:before, .cf:after {
content: "";
display: table;
}
.cf:after {
clear: both;
}
.cf {
zoom: 1;
}

.price01,
.price02,
.price03 {
margin-bottom:5px;
line-height:1em;
}
.price01 span.pricebox.sale_price,
.price02 span.pricebox.sale_price,
.price03 span.pricebox.sale_price {
float: left;
}
.price01 span.price01.price,
.price02 span.price02_dt.price,
.price03 span.price03.price {
float: right;
padding-top:8px;
}

span.miniTax {
font-size: 10px;
}
.listphoto {
float: none;
clear: none;
margin-bottom: 10px;
width: inherit;
}
.listrightblock {
width: inherit;
float: none;
}
.listArrow {
display: none;
}
.listProductTag {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
width: 100%;
text-align: center;
letter-spacing: -0.5em;
}
.listProductTag div {
color: #000102;
font-size: 10px;
text-align: center;
display: inline-block;
letter-spacing: normal;
padding: 4px 3px 4px;
margin-left:1px;
margin-right: 1px;
width: 27%;
}
.listProductTag .syunTag {
background: #FDD100;
}
.listProductTag .saleTag {
background: #EF8424;
color: #fff;
}
.listProductTag .newTag {
background: #F03524;
color: #fff;
}

.listProductTag.detail div {
width: 36px;
}

.detailThumnail {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
width: 90%;
}
.detailThumnail li {
border: 1px solid #ccc;
padding: 5px;
margin: 0 5px;
width: 50px;
}
.detailThumnail li img {
width: 100%;
}

h2.title {
line-height: 140%;
padding-bottom: 10px;
}
h2 span.titleMini {
font-size: 11px;
}
#product_detail 
.buyBtnArea {
background: #F6F6F6;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
padding: 10px;
width: 90%;
}
#product_detail .buyBtnArea #cartbtn_default a {
border-radius: 0;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.buyBtnArea .mini {
font-size: 13px;
}
.buyBtnArea #price01_default,
.buyBtnArea #price02_default {
font-size: 20px;
}
.buyBtnArea .normal_price {
padding-bottom: 5px;
margin-bottom: 10px;
padding-left: 5px;
border-bottom: 1px solid #fff;
}
.buyBtnArea .sale_price {
color: #7C6410;
float: left;
padding-left: 5px;
margin-bottom: 10px;
width: 190px;
}
.buyBtnArea .sale_priceBtn {
background: #7C6410;
color: #fff;
font-size: 11px;
float: right;
padding: 5px;
}
.buyBtnArea .sale_priceBtn .ui-link:link {
color: #fff;
}
.miniTax {
font-size: 11px;
}

.teikiBtnArea {
border: solid 2px #CC0000;
position: relative;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
padding: 10px;
width: 90%;
}
.teikiBtnArea:before {
content: "";
position: absolute;
top: -11px;
left: 50%;
margin-left: -30px;
width: 0;
height: 0;
border-bottom: 10px solid #CC0000;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
}
.teikiBtnArea:after {
content: "";
position: absolute;
top: -9px;
left: 50%;
margin-left: -30px;
width: 0;
height: 0;
border-bottom: 10px solid #fff;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
}
.teikiBtnArea p {
font-size: 11px;
padding-top: 10px;
margin-bottom: 15px;
font-weight: 500;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.teikiBtnArea p span.highlight {
background: yellow;
}
.teiki_price {
font-size: 20px;
font-weight: normal;
margin-bottom: 10px;
padding-right: 5px;
display: inline-block;
}
.teiki_price .mini {
font-size: 13px;
}
.teikiMessage {
color: #fff;
font-size: 10px;
padding-top: 3px;
padding-bottom: 3px;
position: relative;
float: right;
width: 95px;
height: 32px;
margin-bottom: 3px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
background: url(../img/products/otoku_arrow.png) no-repeat;
background-size: 95px;
}
.teikiMessage span {
float: right;
color: yellow;
}
.teikiOrderBtn a.btn,
.teikiOrderBtn a.btn:link,
.teikiOrderBtn a.btn:visited,
.teikiOrderBtn a.btn:hover {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
background: #CC0000;
color: #fff;
}
.slider .listProductTag {
position: absolute;
top: 5px;
right: 8px;
text-align: right;
}


/*商品詳細メイン画像スライド*/
.slider {
position: relative;
}
.slider .bxslider {
padding-top: 20px;
padding-bottom: 20px;
position: relative;
background:#777;
margin-bottom: 20px;
}
.slider ul.bxslider li {
position: relative;
height: 260px;
}
.slider ul.bxslider li img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
max-width: 100%;
max-height: 100%;
margin: auto;
}
.slider .bx-controls {
position: relative;
margin-top: 40px;
margin-bottom: 20px;
z-index: 10000;
}
.slider .bx-pager {
background: #fff;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
height: 60px;
width: 100%;
}
.slider .bx-pager-item {
display: inline-block;
margin-left: 2.5px;
margin-right: 2.5px;
margin-bottom: -40px;
width: 60px;
}
.slider .bx-pager-item img {
width: 100%;
height: auto;
vertical-align: middle;
}
.slider .bx-wrapper .bx-controls-direction a {
position: absolute;
top: 86px;
margin-top: -16px;
outline: 0;
width: 32px;
height: 32px;
text-indent: -9999px;
z-index: 9999;
}
.slider .bx-prev {
background: url(../js/images/controls.png) no-repeat 0 -32px;
}
.slider .bx-wrapper .bx-prev {
left: 10px;
background: url(../js/images/controls.png) no-repeat 0 -32px;
}
.slider .bx-wrapper .bx-next {
right: 10px;
background: url(../js/images/controls.png) no-repeat -43px -32px;
}
.slider .bx-wrapper .bx-prev:hover {
background-position: 0 0;
}
.slider .bx-wrapper .bx-next:hover {
background-position: -43px 0;
}

.navSub.navDtl {
border-top: 1px solid #EEE;
}
.navSub.navDtl li {
width: 50%;
font-size: 90%;
}
.navSub.navDtl li a {
padding-top: 12px;
padding-bottom: 12px;
display: block;
background: url(../img/common/btn_CatBuy_down.png) no-repeat 90% 50%;
border-left: 1px solid #EEE;
}
.navSub.navDtl li a::after {
display: none;
}