@charset "euc-jp";

div.cont {
	margin-top:10px;
}

div.cont a img:hover {
	opacity:0.8;
}

div.c2l {
	float:left;
	width:300px;
	margin-right:10px;
}
div.c2r {
	float:left;
	width:300px;
}

div.c3l {
	float:left;
	width:200px;
	margin-right:5px;
}
div.c3r {
	float:left;
	width:200px;
}

div.cont h3 {
	background:#FF9900;
	color:#fff;
	font-weight:bold;
	padding:3px 3px 3px 14px; 
	margin-bottom:5px;
	
	text-shadow:1px 1px 3px #CC6600;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/* ▼新トップ商品リスト */

ul.top_list{
	padding:0;
	margin:10px;
}

ul.top_list li{
	width:280px;
	list-style: none;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 10px;
	margin-left:10px;
	padding:0;
	
	border:1px solid #eee;
	box-shadow: 0px 0px 3px #ccc;
	-moz-box-shadow: 0px 0px 3px #ccc;　/* Firefox用 */  
    -webkit-box-shadow: 0px 0px 3px #ccc;　/* Safari,Google Chrome用 */  	
}


ul.top_list li p {
	font-size: 80%;
}

ul.top_list li p.left  {
	padding:5px;
	margin:0px;
}

ul.top_list li p.right {
	width:160px;
	float:right;
	color:#666;
	padding:0;
	margin:0;
}

ul.top_list li strong {
	color:#f00;
}

ul.top_list li span.remarks1 {
	display: block;
	background:#FFD124;
	text-align:center;
	padding:3px;
	margin-bottom:3px;
	color:#222;
}

ul.top_list li span.remarks2 {
	padding:3px;
}

ul.top_list li span.name {
	display: block;
	font-weight:bold;
	padding-top:4px;
}

ul.top_list li span.price {

	font-size:11pt;
	color:#F00;
	font-weight: bold;
	margin-right:5px;
}

/* ▼新トップ商品リスト（従来タイプ） */

ul.recent_list{
	padding:0;
	margin:0px;
}

ul.recent_list li{
	width:120px;
	list-style: none;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 10px;
	text-align:center;
}

ul.recent_list li p.remarks1{
	text-align:center;
	padding:3px;
	margin:0px 2px 5px;
	background:#eee;
}

ul.recent_list li p.name{
	font-weight:bold;
	color:#000099;
	margin:5px auto;
}

ul.recent_list li p.price{
	font-weight:bold;
	color:#FF0000;
	margin:5px auto;
}

/* ▼新トップ商品リスト（カルーセルタイプ） */

ul.ilist{
	padding:0;
	margin:0px;
	width:600px;
}

ul.ilist li{
	width:116px;
	list-style: none;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 10px;
	margin-right:5px;
	margin-top:3px;
	text-align:center;
}

ul.ilist li p.remarks1{
	text-align:center;
	padding:3px;
	margin:0px;
	font-size:90%;
	color:#fff;
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FF4628), color-stop(0.00, #FE7F56));
	background: -webkit-linear-gradient(#FE7F56, #FF4628);
	background: -moz-linear-gradient(#FE7F56, #FF4628);
	background: -o-linear-gradient(#FE7F56, #FF4628);
	background: -ms-linear-gradient(#FE7F56, #FF4628);
	background: linear-gradient(#FE7F56, #FF4628);
	
}

ul.ilist li p.remarks2{
	text-align:center;
	padding:3px;
	margin:0px;
	font-size:80%;
}

ul.ilist li p.name{
	font-weight:bold;
	color:#000099;
	margin:5px auto;
}

ul.ilist li p.price{
	font-weight:bold;
	color:#FF0000;
	margin:5px auto;
}


/* ▼新トップ新着情報 */

ul.news_list{
	margin-left:15px;
	padding:0;
}

ul.news_list li{
	list-style: none;
	vertical-align: middle;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #ccc;
}

ul.news_list li span{
	display:inline-block;
	vertical-align:top;
}

ul.news_list li span.date{
	width:30%;
	color:#444;
	font-weight:bold;
	font-size:90%;
}
ul.news_list li span.value{
	width:70%;
	color:#06C;
}

ul.news_list li a:hover{
	text-decoration:underline;
}

a.cprev {
	display:inline-block;
	background:url(../img/parts/top_btns.png) no-repeat 0px -142px;
	width:87px;
	height:32px;
	font-size:10pt;
	margin-left:30px;

}
a.cnext {
	margin-left:380px;
	display:inline-block;
	background:url(../img/parts/top_btns.png) no-repeat 0px -190px;
	width:87px;
	height:32px;
	font-size:10pt;
}
a.cprev:hover,
a.cnext:hover {
	opacity:0.8;
}


/* カルーセル関係 */
 .jcarousel-container {
	margin-top:10px;
	margin-left:15px;
}

 .jcarousel-direction-rtl {
	direction: rtl;
}

 .jcarousel-container-horizontal {
    width: 600px;
	 height: 240px;

}

 .jcarousel-container-vertical {
    width: 600px;
    height: 240px;

}

 .jcarousel-clip {
    overflow: hidden;
}

 .jcarousel-clip-horizontal {
    width:  600px;
    height: 240px;
}

 .jcarousel-clip-vertical {
    width:  200px;
    height: 245px;
}

 .jcarousel-item {
    width: 180px;
    height: 220px;
}

 .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 1px;
}

 .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 0px;
    margin-right: 0;
}

 .jcarousel-item-vertical {
    margin-bottom: 10px;
}

 .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
 .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    /*background: transparent url(next-horizontal.png) no-repeat 0 0;*/
}

 .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    /*background-image: url(prev-horizontal.png);*/
}

 .jcarousel-next-horizontal:hover,
 .jcarousel-next-horizontal:focus {
    background-position: -32px 0;
}

 .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

 .jcarousel-next-disabled-horizontal,
 .jcarousel-next-disabled-horizontal:hover,
 .jcarousel-next-disabled-horizontal:focus,
 .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

 .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    /*background: transparent url(prev-horizontal.png) no-repeat 0 0;*/
}

 .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    /*background-image: url(next-horizontal.png);*/
}

 .jcarousel-prev-horizontal:hover, 
 .jcarousel-prev-horizontal:focus {
    background-position: -32px 0;
}

 .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

 .jcarousel-prev-disabled-horizontal,
 .jcarousel-prev-disabled-horizontal:hover,
 .jcarousel-prev-disabled-horizontal:focus,
 .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
 .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    /*background: transparent url(next-vertical.png) no-repeat 0 0;*/
}

 .jcarousel-next-vertical:hover,
 .jcarousel-next-vertical:focus {
    background-position: 0 -32px;
}

 .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

 .jcarousel-next-disabled-vertical,
 .jcarousel-next-disabled-vertical:hover,
 .jcarousel-next-disabled-vertical:focus,
 .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

 .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    /*background: transparent url(prev-vertical.png) no-repeat 0 0;*/
}

 .jcarousel-prev-vertical:hover,
 .jcarousel-prev-vertical:focus {
    background-position: 0 -32px;
}

 .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

 .jcarousel-prev-disabled-vertical,
 .jcarousel-prev-disabled-vertical:hover,
 .jcarousel-prev-disabled-vertical:focus,
 .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}


div.bs {
	border:1px solid #eee;
	box-shadow: 0px 0px 2px #ccc;
	-moz-box-shadow: 0px 0px 2px #ccc;　/* Firefox用 */  
    -webkit-box-shadow: 0px 0px 2px #ccc;　/* Safari,Google Chrome用 */  		
}

/* トップページの新着情報の右側 */
ul.top_hot {
	margin:0;
	padding:0;
	border-bottom:1px solid #ccc;
}

ul.top_hot li {
	list-style:none;
	display:block;
	width:298px;
	height:36px;
	line-height:36px;
	vertical-align:middle;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #F5F5F5), color-stop(0.00, #FEFEFE));
	background: -webkit-linear-gradient(#FEFEFE, #F5F5F5);
	background: -moz-linear-gradient(#FEFEFE, #F5F5F5);
	background: -o-linear-gradient(#FEFEFE, #F5F5F5);
	background: -ms-linear-gradient(#FEFEFE, #F5F5F5);
	background: linear-gradient(#FEFEFE, #F5F5F5);

	
}


ul.top_hot li a,
ul.top_hot li span {
	display:block;
	width:278px;
	height:36px;
	text-decoration:none;
	padding:0 10px;
}

ul.top_hot li a {
	background:url(../img/parts/hot_arrow.png) no-repeat right center;
}

ul.top_hot li a:hover {
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FFC95F), color-stop(0.00, #FEFEFE));
	background: -webkit-linear-gradient(#FEFEFE, #FFC95F);
	background: -moz-linear-gradient(#FEFEFE, #FFC95F);
	background: -o-linear-gradient(#FEFEFE, #FFC95F);
	background: -ms-linear-gradient(#FEFEFE, #FFC95F);
	background: linear-gradient(#FEFEFE, #FFC95F);
}


ul.top_hot li a b {
	font-weight:bold;
	color:#F00;
}

ul.top_hot li span {
	font-weight:bold;
}

div.slide_wrapper{
	width:610px;
	margin:0 auto;
}

ul.bxslider {
	margin-top:0px;
	margin-bottom:0px;
	position:relative;
}

ul.bxslider li {
	padding:0;
	list-style:none;
	position:absolute;
	top:0;
	left:0;
}

#bx-pager {
	width:610px;
	margin:0 auto;
	background: #ccc;
	padding: 0 5px 3px;
}

#bx-pager a {
	box-sizing: border-box;
	margin-right:3px;	
}

#bx-pager a.active img {
    border: 1px solid #5280DD;
	box-sizing: border-box;
}

/* ログインメニューのリマインドリンク */

p.remind {
	text-align:center;
	margin:0px auto;
}

p.remind a {
	padding-left:18px;
	background:url(../img/parts/attention.png) no-repeat left center;
	text-decoration:none;

}

.side-category h4 a {
	display:table-cell;
	vertical-align:middle;
}

.side-category h4 a span {
    display: block;
	padding: 0px;
	line-height:30px;
	vertical-align:middle;
	padding-left:22px;
	margin-left:5px;
}

.side-category h4 a span.cat1 { background:url(../img/parts/cate/cat1.png) no-repeat left center; }
.side-category h4 a span.cat2 { background:url(../img/parts/cate/cat2.png) no-repeat left center; }
.side-category h4 a span.cat3 { background:url(../img/parts/cate/cat3.png) no-repeat left center; }
.side-category h4 a span.cat4 { background:url(../img/parts/cate/cat4.png) no-repeat left center; }
.side-category h4 a span.cat5 { background:url(../img/parts/cate/cat5.png) no-repeat left center; }
.side-category h4 a span.cat6 { background:url(../img/parts/cate/cat6.png) no-repeat left center; }
.side-category h4 a span.cat200 { background:url(../img/parts/cate/cat200.png) no-repeat left center; }
.side-category h4 a span.cat300 { background:url(../img/parts/cate/cat300.png) no-repeat left center; }
.side-category h4 a span.cat322 { background:url(../img/parts/cate/cat322.png) no-repeat left center; }
.side-category h4 a span.cat333 { background:url(../img/parts/cate/cat333.png) no-repeat left center; }
.side-category h4 a span.cat336 { background:url(../img/parts/cate/cat336.png) no-repeat left center; }


/* 新商品詳細表示部分 */

.feature_box {
	padding:10px 0;
	border-bottom:1px solid #FFCC66;
}

.feature_box video {
	width:600px;
}

.feature_box p {
	margin:8px 0;
}

div.w300 { width:300px; }
.fr { float:right; }
.fl { float:left; }
.ac { text-align:center; }

/* crearfix
------------------------------------------------ */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/* セット商品リスト
------------------------------------------------ */
.set_list,
.set_list div,
.set_list h3,
.set_list a,
.set_list img { box-sizing: border-box; }
.set_list {
	width:620px;
	padding-bottom:10px;
	border-bottom:1px solid #CCC;
	margin-bottom:50px;
}
.set_list a:hover {
	opacity:0.7;
}
.set_list h3 {
	background:url("../../img/list_name_bk.gif") repeat-x;
	height:28px;
	line-height:28px;
	color:#930;
	font-size:16px;
	font-weight:bold;
	margin:10px 0 5px;
	padding-left:10px;
}

.set_list .price_box {
	width:220px;
	float:right;
}
.set_list .button_box {
	width:400px;
	float:left;
}
.set_list .price_box .set_price {
	text-align:right;
	color:#C00;
	font-family: "Avenir Heavy", "Avenir Next Thin", "Roboto", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
	font-weight: bold;
	font-size:26px;
	margin-top:5px;
	margin-bottom:0;
	padding-bottom:0;
}
.set_list .price_box .set_tax_price {
	margin:0;
	text-align:right;
	color:#999;
	font-size:12px;
}

.set_list .button {
	display:block;
	text-decoration:none;
	text-align:center;
	font-family: "Avenir Heavy", "Avenir Next Thin", "Roboto", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
	background: #A80828;
	border: 1px solid #DDD;
	color: #FFF;
	font-size:16px;
	font-weight:bold;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.85),0px 0px 5px rgba(120,120,0,1);
	width: 400px;
	margin-top:5px;
	padding: 5px 0 ;
	border-radius:5px;
}
.set_list .button_disable {
	display:block;
	text-decoration:none;
	text-align:center;
	font-family: "Avenir Heavy", "Avenir Next Thin", "Roboto", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
	background: #CCC;
	border: 1px solid #DDD;
	color: #666;
	font-size:16px;
	font-weight:bold;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.85),0px 0px 5px rgba(200,200,200,1);
	width: 400px;
	margin-top:5px;
	padding: 5px 0;
	border-radius:5px;
}

span.yoyaku {
	width: 80px;
	display: block;
	text-align: center;
	color: #FFF;
	background:#C00;
	font-weight: bold;
	margin-left: 95px;
}

ul.tag_box {
	margin: 10px 0;
}
ul.tag_box::after {
	content: ""; 
    display: block; 
	clear: both;
}
ul.tag_box li {
	float: left;
	list-style: none;
	margin: 3px;
}
ul.tag_box li a {
	padding: 5px;
	border: 1px solid #ccc;
	text-decoration: none;
	color: #333;
		border-radius: 5px;
	background: #f5f5f5;
}

#tagcloudall {
	padding: 10px 5px;
	background: #f8f8f8;
}
h3.tagcloud {
	width:165px;
	height:38px;
	background: url(../img/parts/side_head.png) no-repeat 0px -304px;
	line-height: 38px;
	padding-left: 50px;
	color: #333;
	font-size: 18px;
	font-weight: bold;
	margin-top: 20px;
}
#tagcloudall a { margin-right: 5px; }
#tagcloudall a.size_xs { font-size:8pt; }
#tagcloudall a.size_s { font-size:10pt; }
#tagcloudall a.size_m { font-size:11pt; }
#tagcloudall a.size_l { font-size:12pt; }
#tagcloudall a.size_xl { font-size:13pt; }
#tagcloudall a.size_xxl { font-size:16pt; }

/* 2018/01/18 商品選択部分 */
.box_vari_sel {
	background: #eee;
	padding: 5px;
}
.box_vari_sel span {
	display: block;
	font-size: 11px;
	padding-bottom: 3px;
	color: #006;
	font-weight: bold;
}
.sel_vari {
	padding: 5px;
	width: 100%;
}
tr.hide {
	display: none;
}
option.red {
	background: #fee;
	color: #F30;
}

table.spec {
	margin-bottom: 30px;
}

table.spec td {
	padding: 2px;
}
.sel_def {
	padding-left: 10px!important;
}
.cart_btn_disabled {
	opacity: 0.4!important;
}
.cart_btn_disabled:hover {
	background-position:0 0px!important;
	cursor: not-allowed!important;
}

.btn_src_tome {
  display: block;
  width: 200px;
  padding: 5px;
  margin: 10px 0;
  background: #900;
  color: #FFF!important;
  text-decoration: none;
  text-align: center;
  border-radius: 4px;
}