#wrapper {margin-bottom:40px;}

#midashi01black {
background:#000;
padding:5px;
color:#fff;
font-size:0.9em;
margin:20px 0;
}
#midashi01black span {
border-left:5px red solid;
padding-left:5px;
}
.normal-title {
font-size:1.5em;
font-weight:normal;
margin:5px 0;
margin-top:50px;
border-bottom:3px #08616F solid;
padding:5px;
padding-bottom:0;
}

.cat_title_midashi {
background:#333;
color:#fff;
font-weight:bold;
padding:20px 10px;
font-size:1.1em;
margin:0;
margin:20px 0;
border: 1px dashed #999;
-moz-box-shadow: 0 0 0 4px #333, 1px 1px 4px 3px rgba(10,10,0,.5);
-webkit-box-shadow: 0 0 0 4px #333, 1px 1px 4px 3px rgba(10,10,0,.5);
box-shadow: 0 0 0 4px #333, 1px 1px 6px 3px rgba(10,10,0,.5);
}

/*
基本バナー
-----------------------------------------------------------------------*/
#default_set_bnr:before , #default_set_bnr:after {width:100%;clear:both;display:inline-block;content:"";margin:0;}
#default_set_bnr {margin:0;padding:0;float:left;list-style:none;width:100%;}
#default_set_bnr li {margin:0;padding:0;float:left;width:100%;}
#default_set_bnr li a {display:block;border:1px #000 solid;padding:20px 0;text-align:center;font-size:1.3em;color:#333;width:90%;margin:10px auto;}
#default_set_bnr li a .area_left {display:inline-block;}
#default_set_bnr li a .area_left .up_text {display:inline-block;margin:0;font-size:0.6em;background:#fff;padding:5px;text-align:center;color:#666;position:relative;z-index:1;}
#default_set_bnr li a .area_left .line {display:block;border-bottom:1px #666 solid;position:relative;top:-16px;}
#default_set_bnr li a .area_left .down_text{margin:0;}
#default_set_bnr li a .area_left .blue {color:#0066cc;}
#default_set_bnr li a .area_left .red {color:#DF0101;}
#default_set_bnr li a .area_right {display:inline-block;margin-left:20px;}
#default_set_bnr li a .area_right i {font-size:80px;position:relative;top:-10px;}
#default_set_bnr li a .area_right .fa-calculator {color:#0066cc;}
#default_set_bnr li a .area_right .fa-tags {color:#DF0101;}


#top_img_wrap {
width:100%;
}
#top_img_wrap .top_img_main {
background: #edf2f2; /* Old browsers */
background: -moz-linear-gradient(left, #edf2f2 0%, #c3cbcc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #edf2f2 0%,#c3cbcc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #edf2f2 0%,#c3cbcc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf2f2', endColorstr='#c3cbcc',GradientType=1 ); /* IE6-9 */
}
#top_img_wrap .top_img_main h1 {
margin:0;
padding-top:10px;
margin-left:10px;
font-size:1.4em;
}
#top_img_wrap .top_img_main h1 span {
font-size:0.7em;
}
#top_img_wrap .top_img_main h2 {
color:#333;
margin:0;
margin-top:10px;
padding:0 10px;
font-size:0.7em;
font-weight:normal;
width:100%;
}
#top_img_wrap .top_img {
margin:0 10px;
padding:0;
}
#top_img_wrap .top_img img {
width:100%;
vertical-align:bottom;
}
.top_info {
text-align:center;
margin:0 auto;
padding:10px 0;
margin-bottom:15px;
background:#333;
}
.top_nouhin_box {
color:#088A68;
border:5px #088A68 solid;
padding:8px 0;
font-size:0.8em;
width:120px;
display:inline-block;
text-align:center;
line-height:1.5;
margin:0 5px;
background:#fff;
}
.top_souryou_box {
color:#DF3A01;
border:5px #DF3A01 solid;
padding:7px 0;
font-size:0.8em;
width:120px;
display:inline-block;
text-align:center;
line-height:1.5;
margin:0 5px;
background:#fff;
}
.top_souryou_box span {
display:inline-block;
font-size:0.7em;
line-height:2.2;
}




/*
TOP看板下リストボタン
-----------------------------------------------------------------------*/
#top_menu_underlist {
clear:both;
width:100%;
float:left;
margin:0;
padding:0;
margin:20px 0;
}
#top_menu_underlist:after {
clear:both;
}

#top_menu_underlist li {
float:left;
width:50%;
}
#top_menu_underlist li a {
display:block;
text-align:center;
color:#fff;
background: #a4b2b1; /* Old browsers */
background: -moz-linear-gradient(-45deg, #a4b2b1 0%, #72827f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #a4b2b1 0%,#72827f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #a4b2b1 0%,#72827f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b2b1', endColorstr='#72827f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
padding:10px 0;
font-size:0.8em;
border-radius:50px;
transition:0.3s;
margin:5px;
}

#top_menu_underlist li .outlet {
display:block;
text-align:center;
color:#fff;
padding:10px 0;
background:#DF0101;
font-size:0.8em;
transition:0.3s;
}
#top_menu_underlist li a:hover {
background:#000;
}
#top_menu_underlist li .outlet:hover {
background:#B40404;
}


/*
店長のおすすめ
----------------------------------------------------*/
#osusume {float:left;width:100%;margin:0;padding:0;margin-bottom:40px;}
#osusume li {float:left;width:25%;}
#osusume li a {display:block;color:#B40404;padding:10px;}
#osusume li a img {width:100%;}
#osusume li a .item_text {font-size:0.8em;color:#333;text-align:left;height:60px;overflow:hidden;}
#osusume li a .item_price {font-size:1.4em;text-align:center;}
#osusume:after {display:block;clear:both;}
#osusume li a .tax_notation_contents {font-size:0.6em !important;}

.osusume_set{position:absolute;margin-top:265px;}
.osusume_set a {display:block;color:#0066cc !important;font-weight:bold !important;background:#fff;line-height:0.1;border-radius:30px;width:160px;}
.osusume_set a:hover {text-decoration:underline !important;color:red !important;}




/*
種類から選ぶ
--------------------------------------------------------*/
#shurui_area {
list-style:none;
margin:20px auto;
padding:0;
width:100%;
}
#shurui_area ul {
margin:0;
padding:0;
}
#shurui_area li {
float:left;
margin:0;
margin-bottom:20px;
width:50%;
}
#shurui_area .title-card {
background:#eee;

height:100px;
position:relative;
top:70px;
box-shadow:0px 0px 21px 2px #c3c3c6 inset;
-moz-box-shadow:0px 0px 21px 2px #c3c3c6 inset;
-webkit-box-shadow:0px 0px 21px 2px #c3c3c6 inset;
border-radius:3px;
}
#shurui_area .title-card p {
position:relative;
top:20px;
text-align:center;
font-size:1.2em;
font-weight:bold;
}
#shurui_area li a {
display:block;
color:#666;
margin:0 10px;
padding:10px 0;
border-radius:3px;
text-align:center;
transition-property: all;
transition: 0.3s linear;
background: radial-gradient(rgba(202,216,223,0), rgba(153,175,187,0.15));
}
#shurui_area li a:hover {
background: radial-gradient(rgba(202,216,223,0), rgba(153,175,187,0.25));
color:red;
}
#shurui_area li a img {
padding:10px;
padding-bottom:0;
position:relative;
top:1px;
transition:0.5s;
z-index:-1;
}
#shurui_area li a:hover > img {
position:relative;
top:-7px;
}
#shurui_area li a .cat_img {
width:160px;
height:160px;
}
#shurui_area li a .type_icon {
position:absolute;
margin-top:165px;
margin-left:5px;
z-index:2;
}
#shurui_area li a h4 {
font-size:1.4em;
margin:0;
margin-top:0px;
padding:10px;
padding-top:0;
}
#shurui_area li a p , #shurui_area li a h4 {
line-height:1.5;
font-weight:normal;
font-size:0.7em;
margin:5px 0;
}
#shurui_area a #hv_btn {
position:absolute;
font-size:1.4em;
margin-left:195px;
margin-top:-25px;
}
#shurui_area span {
font-weight:bold;
font-size:1.25em;
}


/*
関連カテゴリ
------------------------------------------------------------*/
#kanren {
width:100%;
margin:0;
margin-top:20px;
padding:0;
margin-bottom:50px;
}

#kanren:after {
content:"";
clear:both;
display:block;
}

#kanren li {
float:left;
width:100%;
margin-bottom:20px;
}

#kanren li a {
display:block;
color:#333;
font-weight:bold;
text-align:center;
padding:10px 0;
transition:0.3s;
width:80%;
margin:0 auto;
background:#F6F8F9;
border-radius:5px;
}

#kanren li a:hover {
background:#DFEAEE;
}

#kanren li a img {
width:80px;
}

#kanren li a span {
position:relative;
top:-30px;
left:10px;
}





.sub_midashi {
background:#0066cc;
color:#fff;
line-height:1.5;
padding:8px;
font-weight:noemal;
margin-top:20px;
}
.sub_midashi span {
border-left:5px #fff solid;
padding-left:5px;
font-size:1.2em;
}
/* 折り畳み部分を隠す */
ul.accordion02 ul {display:none;padding:10px 0;}
/* 背景 */
ul.accordion02 a {display:block; padding:5px; background-position:95% center; background-repeat:no-repeat; text-decoration:none; color:#333;}
ul.accordion02 span {display:block; background-position:95% center; background-repeat:no-repeat; color:#333;}
ul.accordion02 ul {display:none;border:1px #ccc solid;position:relative;top:-2px;}
ul.accordion02 li {background-color:#fff;transition:0.5s;margin:10px 0;}
ul.accordion02  li  p {
	background-color:#EFF8FB;
	list-style-image:none;
	text-align:left;
	vertical-align:middle;
	padding: 7px 14px;
	font-size:1em;
	font-weight:bold;
	border:1px #ccc solid;
	border-radius:3px;
}
.sub_cat {font-size:1.2em;}
/* アイコン */
ul.accordion02 li ul li {background:#fff; text-indent:0.2em;}
ul.accordion02 li ul li:before {
content:"・";
margin:0;
padding:0;
padding-left:10px;
float:left;
}
ul.accordion02 p span {background-image:url(../../img/icon_linkarrow_closed.png);}
ul.accordion02 li p span.open {background-image:url(../../img/icon_linkarrow_opened.png);}
ul.accordion02 a.now {
    background: url("../../img/cate_cursor_red.png") no-repeat scroll 20px 10px transparent !important;
}
/*
スライダー
----------------------------------------------------------------*/
.caro_title {margin:30px 0;}
#mov_view {box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;}
.esp_carousel_container {
    overflow:hidden;
}
.esp_carousel-viewport {
    width:100%;
    overflow-x:scroll;
    overflow-y:auto;
    -webkit-overflow-scrolling: touch;
    -ms-scroll-chaining: chained;
      -webkit-transform: translateZ(0);
}
.esp_carousel-viewport::-webkit-scrollbar {
    display: none;
    height: 0 !important;
}
.esp_carousel {
    width: 900px;
    overflow-x: visible;
    padding-left: 10px;
    padding-right: 10px;
    height: 1px;
    margin: 0;
  }
.esp_carousel p {
	font-size:0.9em;
}
.esp_carousel li div a {
display:block;
height:190px;
}
.esp_carousel-card {
    float:left;
    display:inline-block;
    margin-left:10px;
    counter-increment: story;
    padding-bottom:10px;
    margin-bottom:10px;
}
.esp_carousel-card .item_name {
height:51px;
overflow:hidden;
line-height:1.5;
font-weight:normal;
font-size:0.9em;
margin:3px 0;
}
.esp_carousel-card .item_stock {
text-align:right;
position:relative;
top:5px;
}
.esp_carousel-card .item_price {
color:red;
text-align:right;
font-size:1.4em;
}
.rank01:before {
position:relative;
margin-bottom:5px;
display:block;
content:"1位";
background:#ffff00;
border:2px #FFBF00 solid;
padding:5px;
width:50px;
height:20px;
border-radius:50%;
text-align:center;
font-weight:bold;
}
.rank02:before {
position:relative;
margin-bottom:5px;
display:block;
content:"2位";
background:#F2F2F2;
border:2px #BDBDBD solid;
padding:5px;
width:50px;
height:20px;
border-radius:50%;
text-align:center;
font-weight:bold;
}
.rank03:before {
position:relative;
margin-bottom:5px;
display:block;
content:"3位";
background:#FCEED5;
border:2px #B09A70 solid;
padding:5px;
width:50px;
height:20px;
border-radius:50%;
text-align:center;
font-weight:bold;
}
.etc:before {
position:relative;
margin-bottom:5px;
display:block;
content:"";
padding:5px;
width:50px;
height:20px;
border-radius:50%;
text-align:center;
font-weight:bold;
}


.uresuji_price {
color:#333;
font-size:1em;
}
.uresuji_price span {
color:red;
font-weight:bold;
}
/*
タブメニュー
-----------------------------------------------------------*/
#outlet_tab .tab {
	float:left;
    list-style: none;
    border-bottom:3px red solid;
    width:100%;
    margin:0;
    padding:0;
    margin-top:20px;
}
#outlet_tab .tab li {
    float: left;
    width:23%;
    margin:0 3px;
    padding: 10px 0;
    background-color: #fff;
    color: red;
    cursor: pointer;
    text-align:center;
    border:1px red solid;
    border-bottom:none;
    border-radius:5px 5px 0 0;
    font-size:0.6em;
}
#outlet_tab .tab li p {
margin:0;
}
#outlet_tab .tab li:hover {
border:1px red solid;
border-bottom:none;
background:red;
}
#outlet_tab .tab li p {
font-size:1.5em;
text-align:center;
}
#outlet_tab .tab li:hover {
    color: #fff;
}
#outlet_tab .tab li.active {
    background-color: red;
    border:1px red solid;
    color: #fff;
    font-weight:bold;
    border-bottom:none;
}
#outlet_tab .tabContent {
    clear: both;
    padding:0;
    width: 100%;
    display: none;
    background:#FFFDD2;
    margin-bottom:20px;
}
#outlet_tab .active {
    display: block;
}
#pageCondition {
border:none;
margin:0;
padding:0;
text-align:left;
}
#outlet_tab .tabContent .pro_item {
max-width:45%;
float:left;
margin:15px;
margin-right:0;
}
#outlet_tab .tabContent .pro_item .product_name {
margin:0;
}
#outlet_tab .tabContent .pro_item .product_name span {
color:#333;
display:block;
height:60px;
overflow:hidden;
margin:5px 0;
}
#outlet_tab .tabContent .pro_item .regular_price span {
font-size:1.2em;
}
#outlet_tab .tabContent .pro_item .sku_name {
color:#999;
font-size:0.8em;
}
#outlet_tab .tabContent .pro_item .price {
color:red;
font-weight:bold;
font-size:1.4em;
}
#outlet_tab .tabContent .pro_item .item_icons {
position:relative;
}
#outlet_tab .tabContent .pro_item .item_icons .icon_new {
position:absolute;
background:#fff;
color:red;
border:1px red solid;
font-size:0.8em;
padding:0 6px;
line-height:1.5;
margin-top:-5px;
margin-left:-5px;
}


/*
タイプエリア
--------------------------------------------------------*/
#type_area {
width:100%;
float:left;
margin:0 auto;
padding:0;
position:relative;
z-index:1;
}
#type_area li {
width:50%;
text-align:center;
float:left;
margin:0;
margin-top:10px;
padding:0;
}
#type_area li a {
display:block;
color:#333;
margin:5px 10px;
background-color:rgba(0,0,0,0.03);
transition:0.3s;
padding:10px 0;
}
#type_area li a:hover {
background-color:rgba(0,0,0,0.09);
}
#type_area li a p {
margin:0;
padding:20px 0;
font-size:0.8em;
margin-bottom:10px;
font-weight:bold;
height:20px;
}

#type_area li a img {
width:90%;
position:relative;
z-index:-1;
}


/*
カテゴリリスト
--------------------------------------------------------*/
.midashi_sub {
font-weight:normal;
font-size:0.6em;
padding-top:10px;
display:block;
}
.midashi_top {
float:left;
font-size:0.7em;
font-weight:bold;
color:#333;
background:#fff;
padding:3px 10px;
margin-right:5px;
margin-top:0px;
border-radius:20px;
}
#bag_wrap {
float:left;
width:100%;
margin:0;
}
#bag_wrap .box{
width:240px;
margin-right:30px;
margin-bottom:30px;
border:0px #ccc solid;
float:left;
}
#bag_wrap .box a{
display:block;
}
#bag_wrap .box img{
width:240px;
}
#bag_wrap .box p {
margin:0;
}
#cat_name{
margin:0;
background:#E6E6E6;
padding:10px 5px;
color:#000;
text-align:center;
font-size:1.3em;
transition-property: all;
transition: 0.3s linear;
border-top:3px #333 solid;
border-bottom:3px #333 solid;
font-weight:normal;
font-weight:bold;
}
#bag_wrap .box a:hover > #cat_name {
display:block;
background:#333;
color:#fff;
}
#cat_name2{
margin:0;
background:#E6E6E6;
padding:30px 5px;
color:#000;
text-align:center;
font-size:1.3em;
transition-property: all;
transition: 0.3s linear;
border-top:3px #333 solid;
border-bottom:3px #333 solid;
font-weight:normal;
font-weight:bold;
}
#bag_wrap .box a:hover > #cat_name2 {
display:block;
background:#333;
color:#fff;
}
#cat_name span {
font-size:0.6em;
font-weight:normal;
}

/*
関連商品
--------------------------------------------------------*/
.kanren_midashi {
color:#0066cc;
font-size:1.5em;
font-weight:bold;
border-bottom:3px #0066cc solid;
padding:3px;
margin-top:20px;
}
#kanren_area {
width:100%;
margin:10px auto;
}
#kanren_area .cat_box {
float:left;
width:50%;
text-align:center;
margin-bottom:20px;
}



/*
ブランドリスト
--------------------------------------------------------*/
.brand_title {width:40%;padding:10px;margin:0 auto;position:relative;top:40px;margin-top:50px;background:#333;color:#fff;font-size:1.6em;text-align:center;}
.brand_title span {display:block;font-size:0.6em;}


.brand_list {margin:0;padding:0;list-style:none;width:100%;border-top:1px #333 solid;padding-top:60px;margin-bottom:500px;}
.brand_list li {margin:0;padding:0;float:left;width:50%;}
.brand_list li a {display:block;margin:10px;color:#333;text-align:center;}
.brand_list li a img {border:1px #ddd solid;transition:0.3s;width:100%;}
.brand_list li a p {margin:0;font-size:0.9em;}
.brand_list li a p span {display:block;font-size:0.7em;}
.brand_list li a:hover img {border:1px #333 solid;}