@charset "shift_jis";

/*-----------------------------------------------
sp_style.css スマホ用
-----------------------------------------------*/

img {
  border: none;
}

/* body {
  display: block;
  margin: 10px 2px;
} */

.ui-body-c {
  background-color: #fff;
  border: 1px solid #b3b3b3;
  color:#000;
  text-shadow: 0 1px 0 #fff;
}


div#topicpath ul,
div#topicpath li {
  margin: 0;
  border: none;
  padding: 0px;
  list-style-type: none;
  color: #000;
}

div#topicpath li strong {
  font-weight: normal;
}

/*ヘッダー部分*/
#wrap01 {
  width: auto;
  margin: 0 10px;
}
#header2 img {
  display: inline; /* 130510niwa */
}
#h_logo img {
  width: 100%;
}
#head_bana img {
  width: 100%;
  height: auto;
}
#head_bana {
  margin: 0;
}

#h_logo{
  font-size: 1px;
}

#h_logo h1 {
  display: inline;
  font-size: 1px;
}

#h_logo .sitename {
  display: none;
}

/*人気ランキング*/
#top_side_ranking {
  width: auto;
  margin: 10px 10px 20px 10px;
  border: solid 1px silver;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

#top_side_ranking h2 {
  background: #494949;
  background: -webkit-gradient(linear,left top,left bottom,from(#545454),to(#494949));
  background: -webkit-linear-gradient(#545454,#494949);
  background: -moz-linear-gradient(#545454,#494949);
  background: -ms-linear-gradient(#545454,#494949);
  background: -o-linear-gradient(#545454,#494949);
  background: linear-gradient(#545454,#494949);
  border-bottom: 1px #333333 solid;
  -webkit-border-top-left-radius:9px;
  -moz-border-top-left-radius:9px;
  border-top-left-radius:9px;
  -webkit-border-top-right-radius:9px;
  -moz-border-top-right-radius:9px;
  border-top-right-radius:9px;
  color: white;
  text-align: center;
  font-size: 18px;
  margin:0;
  padding:15px 5px 10px 5px;
}

#top_side_ranking h2 span {
  margin: 0;
  text-shadow: 1px 1px 1px #000;
  line-height: 100%;
  padding-top: 3px 0 3px 25px;
}

#top_side_ranking ul {
  margin: 0;
  padding: 0;
}

#top_side_ranking li {
  border-bottom: 1px dashed #ccc;
  display: block;
  list-style: decimal;
  margin: 0 5%;
  overflow: hidden;
  padding: 10px 0;
}

#top_side_ranking li.rank10 {
  border-bottom: none;
  padding-bottom: 0 0 30px;
}

#top_side_ranking li a {
  display: block;
  width:100%;
  height:100%;
}

#top_side_ranking .box {
  display:block;
  border-bottom:1px solid #ccc;
  /margin-bottom:5px;
  padding: 0 10px;
  overflow: hidden;
}

#top_side_ranking .box:last-child {
  border-bottom: none;
}

#top_side_ranking .box .img{
float:left;
margin-right: 5px;
height: 100%;
}
#top_side_ranking .box .link{
font-weight: bold;
margin-left:85px;
line-height:135%;
font-size: 15px;
color:#1d54a7;
text-decoration:underline;
padding-top:20px;
margin: 0;
padding-left: 110px;
}
#top_side_ranking .box .commnet{
margin: 5px 0 10px;
overflow: hidden;
color: #333333;
padding-left: 5px;
padding-right: 5px;
font-size: 14px;
line-height:135%;
}
#top_side_ranking .box a{
display:block;
text-decoration:none;
/padding:8px 0px;
/margin:1px;
cursor: pointer;
/float:left;
/margin:0;
}
#top_side_ranking .box a:hover .link{
color:#1D54A7;
}


/*注目商品*/
#pickup{
width: auto;
margin: 10px 10px 20px 10px;
border: solid 1px silver;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#pickup h2{
background-color: #0066cc;
border-bottom: 1px solid #0E469A;
-webkit-border-top-left-radius:9px;
-moz-border-top-left-radius:9px;
border-top-left-radius:9px;
-webkit-border-top-right-radius:9px;
-moz-border-top-right-radius:9px;
border-top-right-radius:9px;
background: -webkit-gradient(linear,left top,left bottom,from(#008FCC),to(#0066CC));
background: -webkit-linear-gradient(#008FCC,#0066CC);
background: -moz-linear-gradient(#008FCC,#0066CC);
background: -ms-linear-gradient(#008FCC,#0066CC);
background: -o-linear-gradient(#008FCC,#0066CC);
background: linear-gradient(#008FCC,#0066CC);
color: white;
text-align: center;
font-size: 18px;
padding:10px;
margin: 0;
text-shadow: 1px 1px 1px black;
}
#pickup .box{
display:block;
border-bottom:1px solid #ccc;
padding: 1em 5px 1em 2px;
overflow: hidden;
}
#pickup .box:last-child {
border-bottom: none;
}
#pickup .box .img{
float:left;
margin:0 10px;
}
#pickup .box .link{
font-weight: bold;
margin-left:85px;
font-size: 15px;
line-height:135%;
color:#1d54a7;
text-decoration:underline;
margin: 0;
padding-top: 3px;
}
#pickup .box .commnet{
font-size: 14px;
line-height:135%;
margin: 5px 0 0;
padding-right: 5px;
overflow: hidden;
color: #333333;
}
#pickup .box a{
display:block;
text-decoration:none;
/padding:8px 0px;
/margin:1px;
cursor: pointer;
/float:left;
/margin:0;
}
#pickup .box a:hover .link{
color:#1d54a7;
}



/*カテゴリー*/
.foot_navi{
width: auto;
margin: 10px 10px 20px 10px;
border: solid 1px #8db7f1;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.foot_navi ul{
margin-top: 0;
margin-bottom: 0;
background-color: #D9F2FF;
padding-left: 0;
}
.navicatetitle{
background-color: #0066CC;
border-bottom: solid 1px #0E469A;
background: -webkit-gradient(linear,left top,left bottom,from(#008FCC),to(#0066CC));
background: -webkit-linear-gradient(#008FCC,#0066CC);
background: -moz-linear-gradient(#008FCC,#0066CC);
background: -ms-linear-gradient(#008FCC,#0066CC);
background: -o-linear-gradient(#008FCC,#0066CC);
background: linear-gradient(#008FCC,#0066CC);
color: white;
text-align: center;
font-size: 20px;
padding:10px;
-webkit-border-top-left-radius:9px;
-moz-border-top-left-radius:9px;
border-top-left-radius:9px;
-webkit-border-top-right-radius:9px;
-moz-border-top-right-radius:9px;
border-top-right-radius:9px;
text-shadow: 1px 1px 1px black;
}
.foot_navi ul{
-webkit-border-bottom-left-radius:10px;
-moz-border-bottom-left-radius:10px;
border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
-moz-border-bottom-right-radius:10px;
border-bottom-right-radius:10px;

}
.foot_navi li{
border-bottom: 1px solid #93B9EB;
border-top: 1px solid white;
list-style: none;
padding: 0 3% 0 5%;
}
.fnavi_li_last{
border-bottom: none !important;
}

.foot_navi li a{
text-decoration: none;
display: block;
font-size: 18px;
line-height: 50px;
color: #333333 !important;
background-image: url(/defaultShop/images/smph/vector_right_blue.png);
background-repeat: no-repeat;
background-position: right;
}




/*ジャンルから探す*/
.catebox{
width: auto;
margin: 10px;
border: solid 1px #8db7f1;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.accordion{
padding:0;
margin:0;
}
.catebox ul{
background-color: #D6F2FE;
}
.catebox li{
border-top: 1px solid #FFFFFF;
list-style: none;
display: block;
}
.topcate > a{
border-bottom: 1px solid #8db7f1;
}
.accordion li:last-child a{
border-bottom: none;
}
.catebox ul li ul{
margin:0;
padding:0;
overflow: hidden;
}

.catebox ul li ul li{
padding-left:10%;
border-bottom: 1px solid #CCCCCC;
list-style: none;
display: block;
height:50px;
padding-left: 0;
background-image: url(/defaultShop/images/smph/vector_right_yellow.png);
background-repeat: no-repeat;
background-position: 97%;
background-color: #fff;
}
.catebox ul li ul li:last-child{
border-bottom: 1px solid #8DB7F1;
}
.cateboxtitle{
background-color: #0066CC;
border-bottom: solid 1px #0E469A;
background: -webkit-gradient(linear,left top,left bottom,from(#008FCC),to(#0066CC));
background: -webkit-linear-gradient(#008FCC,#0066CC);
background: -moz-linear-gradient(#008FCC,#0066CC);
background: -ms-linear-gradient(#008FCC,#0066CC);
background: -o-linear-gradient(#008FCC,#0066CC);
background: linear-gradient(#008FCC,#0066CC);
color: white;
text-align: center;
font-size: 20px;
padding:10px;
-webkit-border-top-left-radius:9px;
-moz-border-top-left-radius:9px;
border-top-left-radius:9px;
-webkit-border-top-right-radius:9px;
-moz-border-top-right-radius:9px;
border-top-right-radius:9px;
text-shadow: 1px 1px 1px black;
}
.accordion{
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
-webkit-border-bottom-left-radius:10px;
-moz-border-bottom-left-radius:10px;
border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
-moz-border-bottom-right-radius:10px;
border-bottom-right-radius:10px;
}
.accordion ul {
display:none;
}
div.hide {
display:none;
}
.catebox ul .sub/smph
.catebox ul .sub li a{
padding-left: 7%;
font-size: 16px;
}
.catebox a{
padding-left: 5%;
display: block;
line-height: 50px;
color: #333 !important;
text-decoration: none;
font-size: 18px;
}
.open{
background-color: #ffcc66;

}
.catebox .topcate{
background-image: url(/defaultShop/images/smph/vector_right_blue.png);
background-repeat: no-repeat;
background-position: 97% 40%;
}
.catebox .haschild{
background-image: url(/defaultShop/images/smph/back_vectol_down.png);
background-repeat: no-repeat;
background-position:97% 0% ;
}
.catebox .open > a{
background-image: url(/defaultShop/images/smph/back_vectol_up.png);
background-position:97% 45% ;
background-repeat: no-repeat;
background: url(/defaultShop/images/smph/back_vectol_up.png) no-repeat 97% 45%,-moz-linear-gradient(top,  #fcf2e3 0%, #f9daa7 21%, #fcbc55 56%, #fdae2b 82%,#fce0b3 100%); /* FF3.6+ */
background: url(/defaultShop/images/smph/back_vectol_up.png) no-repeat 97% 45%,-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcf2e3), color-stop(21%,#f9daa7), color-stop(56%,#fcbc55), color-stop(82%,#fdae2b), color-stop(100%,#fce0b3)); /* Chrome,Safari4+ */
background: url(/defaultShop/images/smph/back_vectol_up.png) no-repeat 97% 45%,-webkit-linear-gradient(top,  #fcf2e3 0%,#f9daa7 21%,#fcbc55 56%,#fdae2b 82%,#fce0b3 100%);/* Chrome10+,Safari5.1+ */
background: url(/defaultShop/images/smph/back_vectol_up.png) no-repeat 97% 45%,linear-gradient(to bottom,  #fcf2e3 0%,#f9daa7 21%,#fcbc55 56%,#fdae2b 82%,#fce0b3 100%); /* W3C */
border-bottom: 1px solid #fa9a05;
}

.accordion_head{
width: 90%;
margin: auto;
}
.accordion_head p{
text-align: center;
}
.accordion_head p button{
width: 90%;
height: 40px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
font-size: 16px;
color: #333333;
background: -moz-linear-gradient(top,  #f6f6f6 0%, #f6f6f6 35%,#d2d2d2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(35%,#f6f6f6), color-stop(100%,#d2d2d2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f6f6f6 0%,#f6f6f6 35%,#d2d2d2 100%);/* Chrome10+,Safari5.1+ */
background: linear-gradient(to bottom,  #f6f6f6 0%,#f6f6f6 35%,#d2d2d2 100%); /* W3C */
-webkit-box-shadow: 1px 1px 5px 0 #bbb;
-moz-box-shadow: 1px 1px 5px 0 #bbb;
box-shadow: 1px 1px 5px 0 #bbb;
border: 2px solid #666;
text-shadow: 1px 1px 1px #666666;
}



/*ログインボタン*/
#member_btn{
text-align: center;
width: auto;
margin: 20px 10px;
overflow: hidden;
}
#member_btn img{
position: relative;
top: 2px;
display: inline; /* 130510niwa */
}
#member_btn button{
background-color: #ebcf15;
padding: 0;
width: 49%;
font-size: 16px;
background-image: -webkit-gradient(linear,left top,left bottom,from(#fbf0a3),to(#ebcf15));
background-image: -webkit-linear-gradient(#fbf0a3,#ebcf15);
background-image: -moz-linear-gradient(#fbf0a3,#ebcf15);
background-image: -ms-linear-gradient(#fbf0a3,#ebcf15);
background-image: -o-linear-gradient(#fbf0a3,#ebcf15);
background-image: linear-gradient(#fbf0a3,#ebcf15);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 1px 1px 1px 0 #bbb;
-moz-box-shadow: 1px 1px 1px 0 #bbb;
box-shadow: 1px 1px 1px 0 #bbb;
border: 2px solid #666;
line-height:100%;
}

#member_btn button a{
text-decoration: none;
color: #333333;
display: block;
text-shadow: 1px 1px 1px #fff;
}
.login_button{
height: 40px;
}
.logout_button{
float: left;
height: 40px;
}
.new_botton,
.mypage_botton{
float: right;
height: 40px;
}

.member_name{
margin:0.5em 0 0.5em 3px;
}


.login_btn {
border: 1px solid #CCC;
background: #EEE;
font-weight: bold;
color: #222;
text-shadow: 0 1px 0 white;
background-image: -webkit-gradient(linear,left top,left bottom,from(white),to(#F1F1F1));
background-image: -webkit-linear-gradient(white,#f6d959);
background-image: -moz-linear-gradient(white,#f6d959);
background-image: -ms-linear-gradient(white,#f6d959);
background-image: -o-linear-gradient(white,#f6d959);
background-image: linear-gradient(white,#f6d959);
}


/*フッター*/
#tel{
width: auto;
margin: 0 10px;
text-align: center;
}
#tel img{
width: 100%;
}
#footer2{
width: 100%;
margin: auto;
text-align: center;
}
#footer2 #fnavi{
width: 100%;
margin: 10px auto;
font-size: 12px;
line-height: 18px;
border-bottom: 1px solid silver;
padding-bottom: 20px;
}
#footer2 #fnavi a{
color: #1D54A7;
}
#fmark{
display: none;
}
#footer3{
text-align: center;
}
#copyright{
font-size: 12px;
color: #666666;
}


/*       カテゴリーページ      */
#cate_main{
width: auto;
margin: 0 10px;
}


#cate_prod_list {
width: 100% !important;
margin: 10px auto 20px auto !important;
border: solid 1px silver;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

#cate_prod_list h1{
background-color: #0066CC;
border-bottom: 1px solid #0E469A;
-webkit-border-top-left-radius:9px;
-moz-border-top-left-radius:9px;
border-top-left-radius:9px;
-webkit-border-top-right-radius:9px;
-moz-border-top-right-radius:9px;
border-top-right-radius:9px;

background: -webkit-gradient(linear,left top,left bottom,from(#008FCC),to(#0066CC));
background: -webkit-linear-gradient(#008FCC,#0066CC);
background: -moz-linear-gradient(#008FCC,#0066CC);
background: -ms-linear-gradient(#008FCC,#0066CC);
background: -o-linear-gradient(#008FCC,#0066CC);
background: linear-gradient(#008FCC,#0066CC);
color: white;
text-align: center;
padding:10px;
margin: 0;
text-shadow: 1px 1px 1px black;
}

.cate_key{
margin: 0!important;
font-size: 20px;
display:block;
padding:0px;
}
.list_lenth{
margin: 0;
font-size: 16px;
padding:0;
display:block;
}


#cate_prod_list .box {
  display: block;
  border-bottom: 1px solid #ccc;
  /*padding: 1em 6px 1em 2px;*/
  padding: 12px 6px 10px 2px;
  overflow: hidden;
  margin: 0;
}

#cate_prod_list .box:last-child {
  border: none;
}

#cate_prod_list .box .img{
float:left;
margin:0 10px;
}
#cate_prod_list .box .link{
font-weight: bold;
margin-left:85px;
line-height:135%;
font-size: 15px;
color:#1d54a7;
text-decoration:underline;
margin: 0;
padding: 0;
}
#cate_prod_list .box .commnet{
font-size: 14px;
line-height:135%;
margin: 5px 0 0;
overflow: hidden;
color: #333333;
height: auto;
}
#cate_prod_list .box a{
display:block;
text-decoration:none;
padding:0px;
margin:0px;
cursor: pointer;
/float:left;
}
#cate_prod_list .box a:hover{
background-color: #FFFFFF;
}
#cate_prod_list .box a:hover .link{
color: #1D54A7;
text-decoration:underline;
}



/*ページャー*/
.pager_bottom p{
display: none;
}
.pager_bottom{
width: 100%;
position:relative;
overflow: hidden;
}
.pager_bottom li {
    display: inline-block;
    display: -moz-inline-box;
    margin-left: 3px;
    padding: 5px 5px;
    border: none;
    line-height: 1;
    *display: inline;
    *zoom: 1;
    background-color: none;
    font-size: 16px;
    margin-bottom: 5px;
}

.pager_bottom li:first-child {
	margin-right: -10px;
}
.pager_bottom li:last-child {
	margin-left: -10px;
}

.pager_bottom ul {
    text-align: center;
    padding: 0;
    border-top: 1px solid #ccc;
    padding-top: 20px;
}
.pager_bottom li a {
    color: #1D53A6;
    background: #f1f1f1;
    padding: 10px 12px;
    margin: 0 -7px;
    border-radius: 6px;
    border: 1px solid #ddd;
    text-decoration: none;
}

/* スマホ用パンくず 130510niwa */
#topicpath {
  height: auto;
  margin: 5px 0 0 5px;
  overflow: hidden;
  width: auto;
  background-color: #eee;
}

#topicpath li {
    float: left;
}

#topicpath .now {
    font-weight: bold;
}

.smpallpagealert {
    background-color: #FFEFD5;
    border: 1px solid #999999;
    margin: 10px auto 20px;
    padding: 0px 10px;

}

.smpallpagealert p {
    font-size: 12px;
    line-height: 150%;
    text-align: left;
}

/* スマホ用トップ用スライドバナー */

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 40px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 95%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {

	height: auto;

	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #ff0000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

.slider img {
	margin: -10px auto 16px;
}