@charset "euc-jp";

/*-------------------------------------------
デフォルトスタイルをリセット2 
-------------------------------------------*/

html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p,
header, hgroup, section, article, aside, hgroup, footer, figure, figcaption, nav {
 margin: 0;
 padding: 0;
 font-size: 100%;
}
body {
 line-height: 1.4;
 -webkit-text-size-adjust: none;
 font-family: Helvetica, san-serif;
}
body.open {
	overflow:hidden;
	}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
 display:block;
}
img {
 border: 0;
 vertical-align: bottom;
}
ul, ol {
 list-style: none;
}
table {
 border-spacing: 0;
 empty-cells: show;
}



/*-------------------------------------------
共通
-------------------------------------------*/
#gmo_CMSPbar {
display:none;
}


/*ヘッダー*/
header#pagetop {
    margin-top: 4.00em;
}
#logo {
 background-color: #8B8B8B;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#B3B3B3),to(#8B8B8B));
 text-align: center;
 -webkit-box-shadow: 0 2px 1px #ddd;
 box-shadow: 0 2px 1px #ddd;
 color: #fff;
 font-weight: bold;
 font-size: 20px;
 text-shadow: 0 -1px #666;
 line-height:1.2;
 border-bottom:1px solid #fff;
 padding:10px 5px;
}
#logo_img{
 padding:0;
 border-bottom:1px solid #fff;
}
#logo_img img{
	width:100%;
}
#logo a {
	text-decoration:none;
	color:#ffffff;
	}
/*
.nav_bar {
	padding: 7px 0px 0px 0px;
	margin-bottom:-18px;
	background-color: #fff;
	text-shadow: 0 -1px #69664f;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4a4949),to(#000000));

	text-align: center;
	-webkit-box-shadow: 0 2px 1px #ddd;
	box-shadow: 0 2px 1px #ddd;
	padding:7px 0 8px 0;	
}
*/
nav.footer_nav.clearfix {
    width: 75%;
    margin-right: 24%;
}
.menu_icon{
	float:left;
	width:24%;
	margin-left:4%;
	margin-right:10%;
	padding: 0.75em 1.25em 1.25em 1.25em;
    box-sizing: border-box;
	}
.menu_icon_last{
	float:left;
	width:24%;
	padding: 0.75em 1.25em 1.25em 1.25em;
    box-sizing: border-box;
	}
.kensaku_window {
    width: 100%;
    display: inline-flex;
    height: 3.95em;
}	
.header_search {
    padding-top: 4.05em;
}
.header_search select {
    background-color: #fff;
	line-height: 2.85em;
	font-size:1.00em;
	width: 100%;
    margin: 0;
    height: 4.00em;
}
.header_search input {
	width: 82% !important;
    float: left;
	line-height: 2.85em;
	font-size:1.00em;
	padding: 0.55em;
    box-sizing: border-box;
}
/*.header_search input[type="submit"] {
    float: left;
    width: 16% !important;
	margin-left:2%;
    box-sizing: border-box;
    color: #FFF;
    font-weight: bold;
	line-height: 2.85em;
    font-size: 1.00em;
    padding: 0.55em;
    background: -webkit-gradient(linear,  left top, left bottom, color-stop(0%,#4a4949),  color-stop(100%,#000) );
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
	
}
*/
#search input[type="text"] {
    padding: 1.25em;
    box-sizing: border-box;
	font-size: 1.00em;
}
.header_search input[type="image"] {
    float: left;
    width: 16% !important;
    margin-left: 2%;
    box-sizing: border-box;
    color: #FFF;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4a4949), color-stop(100%,#000) );
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
	line-height: 2.85em;
    font-size: 1.00em;
    padding: 0.75em;
}
#search select {
    font-size: 1.00em;
	width: 100%;
    height: 3.50em;
    margin-bottom: 0.55em;
}
#search select option {
	padding:1.25em 0;
}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{
	background-color:#fff !important;
	}
.drawer-open .drawer-hamburger-icon:after, .drawer-open .drawer-hamburger-icon:before{
	background-color:#333 !important;
	}
.drawer-open .drawer-hamburger-icon{
	background-color:#fff !important;
	}
.drawer_btn{
	background-color: #333;
    height: 4.00em;
    display: block;
    position: fixed;
    width: 100%;
    top: 0;
}
.drawer-menu {
    margin-bottom: 2.25em;
	}

.drawer-menu .welcome_bg{
	background-color: #fff;
    color: #333;
	}
.drawer-menu .welcome_bg a {
    color: #fff;
}	
img.friday_px2 {
}
.btn_menu {
    display: block;
    background: none;
    border: none;
    padding: 0;
    width: 8%;
    font-family: 'Open Sans', sans-serif;
    color: #ffffff;
	background-color:#333;
    letter-spacing: 0.1em;
    cursor: pointer;
    font-weight: 600;
    z-index: 1001;
    text-align: center;
    outline: none;
	top: 1.25em;
    right: 2.15em;
	position:fixed;
}	
.btn_menu .open {
    z-index: 1002;
}
button .bar {
    display: block;
    height: 2px;
    background-color: #ffffff;
    margin: 6px 0;
    transition: all 0.2s;
    transform-origin: 0 0;
}
button .menu {
    display: block;
}
button .close {
    letter-spacing: 0.08em;
    display: none;
}
button.open .menu {
    display: none;
}
button.open .close {
    display: block;
}
button.open .bar1 {
    transform: rotate(30deg);
}
button.open .bar2 {
    opacity: 0;
}
button.open .bar3 {
    transform: rotate(-30deg);
}
.global_nav_wrapper {
    width: 312px;
    height: 100%;
    transition: all 0.2s;
    transform: translate(312px);
    position: fixed;
    top: 4.00em;
    right: 0;
    z-index: 1000;
    background-color: #FFF;
   }
.global_nav_wrapper.open {
    transform: translate(0);
	width:100%;
	padding-top: 0;
	overflow:scroll;
   }
.global_nav {
    width: 100%;
}
.global_nav li {
    font-size: 1.00em;
    padding: 0;
    margin: 0;
	border-bottom: 1px dashed #ddd;
}   
.global_nav li::before{
left: 3px;
width: 4px;
height: 4px;
border-top: 1px solid #7a0;
border-right: 1px solid #7a0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.global_nav li.group_line {
	border-bottom: 0px dashed #ddd;
    border-bottom: 4px solid #ddd;
}   
.global_nav li a {
	padding:0.15em;
	display: block;
	padding: 0.75em 1.05em;
    display: block;
    text-decoration: none;
    color: #000;
}   
.global_nav li a:hover {
    background-color: #eee;
}	
.sttl_s{
	padding-top:1px;
	border-top:1px solid #999;
}
.sttl_s h2.sttl {
	padding: 10px;
	font-size: 14px;
	color: #c2bd95;
	text-shadow: 0 -1px 0 #000;	
	border-top: 1px solid #454545;
	border-bottom: 1px solid #000;
	-webkit-box-shadow: none;
	box-shadow: none;
	word-break: break-all;
	background: url(https://img03.shop-pro.jp/PA01005/402/etc/title_bg.jpg) no-repeat top left;
}
#recommend h2.sttl {
	clear:both;
	}
img.new_mark_img1 {
	vertical-align:baseline;
}

.sp_header_menu{
	list-style:none;
	background-color: #333;
    line-height: 1.25em;
	position:fixed;
	width:100%;
	z-index:99999;
	}
.sp_header_menu li{
    width: 12%;
    display: -webkit-inline-box;
    color: #f00;
    position: relative;
    line-height: 2.65em;
    padding-bottom: 0.65em;
	}
.sns_width{
    width: 12%;
	}	
.sp_header_menu li.logo_width{
	width:35%;
	}
.drawer-menu li{
	width:100%;
	font-size: 1.00em;
    padding: 0;
    margin: 0;
    border-bottom: 1px dashed #ddd;
    display: block;
	}
.drawer-menu li.group_line {
	border-bottom: 0px dashed #ddd;
    border-bottom: 4px solid #ddd;
}  
.drawer-menu li img{
	width: 4%;
    margin-right: 2%;
    float: left;
	margin-top: 0.50em;
}
.icon_width{
	text-align:center;
	}
.icon img {
    width: 50%;
    max-width: 50px;
	margin:0 auto;
}	
.sp_header_menu li ul li a {
    display: block;
    padding: 0.20em 1.05em;
    display: block;
    text-decoration: none;
    color: #000;
	width: 100%;
}
.drawer-open .drawer-nav {
    width: 100%;
}
.drawer-hamburger {
    top: 0.15em;
    width: 5% !important;
	margin-right:1%;
    padding: 1.65em 4%;
}
.drawer--left.drawer-open .drawer-hamburger {
    left: 85% !important;
}
.drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
    top: -8px;
}

.drawer-hamburger-icon:after {
    top: 8px;
}

/*SNSドロワーメニュー*/
#slide_menu{
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background: #ffffff;
	overflow:auto;
    overflow-x: hidden;
}
#slide_menu li {
    width: 100%;
    font-size: 1.00em;
    padding: 0;
    margin: 0;
    border-bottom: 1px dashed #ddd;
	text-align:left;
	color:#232323;
}
#slide_menu li a {
    padding: 0.55em 1.05em;
    display: block;
    text-decoration: none;
    color: #000;
    width: 100%;
	text-align: left;
}
#slide_menu li a img {
	width: 7%;
	max-width: 40px;
    margin-right: 2%;
    float: left;
    margin-top: 0.50em;
	}
button#button {
    z-index: 1;
    position: fixed;
	background: none;
    border: 0;
}
.open button#button {
	background-color: #ccc;
    height: 5em;
	top:0;
	right:0;
}
.open button.drawer-toggle.drawer-hamburger {
    z-index: 0;
}
button.icon.t80 img {
    width: 25px;
    height: 25px;
    margin-top: 15px;
    margin-left: 15px;
}
#slide_menu li nobr {
    margin-left: 15px;
}
iframe.line-it-button {
    margin-top: 0.85em;
    margin-left: 0.85em;
}
iframe.line-it-button button.icon img {
    width: 40px;
    height: 40px;
}
/*スライドショー*/
.slider {
    z-index: 1;
}
.bx-wrapper{
	z-index: -1;
	}

/* 商品検索 */
#cmsearch .wrap{
	padding:10px;
}
#cmsearch input[type="submit"]{
	margin-left:auto;
	margin-right:auto;
	display:block;
}
#cmsearch select,
#cmsearch input{
	font-size:16px;
	line-height:1.4;
	margin:8px 5px;
}
#cmsearch select,
#cmsearch input[type="search"]{
	width:97%;
	}
#cmsearch input[type="submit"]{
	-webkit-box-shadow: 0 2px 1px #ddd;
	box-shadow: 0 4px 2px #666;
	width:50%;
	font-size:18px;
	}
#cmsearch .btn {
	padding:10px 5px;
}



/* 大カテ */
.header_6dainav {
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
padding:0x;
}
.header_6dainav_li{
width: 31%;
margin: 1%;
list-style:none;
float: left;
color:#333;
text-shadow: 1px -1px 1px #fff;
white-space: nowrap;
padding: 0;
line-height: 2.75em;
text-align: center;
font-size: 0.75em;
background: -moz-linear-gradient(top center, #aeaeae 0%, #d0d0d0 100%);
background: -webkit-gradient(linear, center top, center bottom, from(#aeaeae), to(#d0d0d0));
-moz-box-shadow: 1px 1px 1px #ddd;
-webkit-box-shadow: 1px 1px 1px  #ddd;
/*IE*/
background-color:#949494;
filter: progid:DXImageTransform.Microsoft .gradient(GradientType=0,startColorstr='#FFdddddd', endColorstr='#FFd0d0d0');
}
.header_6dainav_li a{
display:block;
margin:0;
padding:0;
height:5.35em;
color:#333;
text-shadow: 1px -1px 1px #fff;
text-decoration:none;
  }
.header_6dainav_li a:hover{
background: -moz-linear-gradient(top center, #ddd 0%, #d0d0d0 100%);
background: -webkit-gradient(linear, center top, center bottom, from(#ddd), to(#d0d0d0));
-moz-box-shadow: 1px 1px 1px #ddd;
-webkit-box-shadow: 1px 1px 1px #ddd;
  }
  
  
/* 大カテ */
.header_3dainav {
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
padding:0x;
}
.header_3dainav_li {
width: 31%;
margin: 1%;
list-style:none;
float: left;
color:#333;
text-shadow: 1px -1px 1px #fff;
white-space: nowrap;
padding: 0;
line-height: 2.75em;
text-align: center;
font-size: 0.72em;
background: -moz-linear-gradient(top center, #f8f8f8 0%, #e9e9e9 100%);
background: -webkit-gradient(linear, center top, center bottom, from(#f8f8f8), to(#e9e9e9));
-moz-box-shadow: 1px 1px 1px #ddd;
-webkit-box-shadow: 1px 1px 1px  #ddd;
/*IE*/
background-color:#f0f0f0;
filter: progid:DXImageTransform.Microsoft .gradient(GradientType=0,startColorstr='#FFdddddd', endColorstr='#FFe9e9e9');
}
.header_3dainav_li a{
display:block;
margin:0;
padding:0;
width: 100%;
height:5.35em;
color:#333;
text-shadow: 1px -1px 1px #fff;
text-decoration:none;
  }
.header_3dainav_li a:hover{
background: -moz-linear-gradient(top center, #ddd 0%, #e9e9e9 100%);
background: -webkit-gradient(linear, center top, center bottom, from(#ddd), to(#e9e9e9));
-moz-box-shadow: 1px 1px 1px #ddd;
-webkit-box-shadow: 1px 1px 1px #ddd;
  }


/* カテゴリページ 小カテ */
.cate_sho {
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
padding:0x;
}
.cate_sho_li {
width: 48%;
margin: 1%;
list-style:none;
float: left;
color:#333;
text-shadow: 1px -1px 1px #fff;
white-space: nowrap;
padding: 0;
line-height: 2.75em;
text-align: center;
font-size: 1.00em;
background: -moz-linear-gradient(top center, #f8f8f8 0%, #e9e9e9 100%);
background: -webkit-gradient(linear, center top, center bottom, from(#f8f8f8), to(#e9e9e9));
-moz-box-shadow: 1px 1px 1px #ddd;
-webkit-box-shadow: 1px 1px 1px  #ddd;
/*IE*/
background-color:#f0f0f0;
filter: progid:DXImageTransform.Microsoft .gradient(GradientType=0,startColorstr='#FFdddddd', endColorstr='#FFe9e9e9');
}
.cate_sho_li a{
display:block;
margin:0;
padding:0;
width: 100%;
height:5.35em;
color:#333;
text-shadow: 1px -1px 1px #fff;
text-decoration:none;
  }
.cate_sho_li a:hover{
background: -moz-linear-gradient(top center, #ddd 0%, #e9e9e9 100%);
background: -webkit-gradient(linear, center top, center bottom, from(#ddd), to(#e9e9e9));
-moz-box-shadow: 1px 1px 1px #ddd;
-webkit-box-shadow: 1px 1px 1px #ddd;
  }


/* カテゴリページ 小カテ（家電・パソコン・通信） */
.cate_sho_el {
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
padding:0x;
}
.cate_sho_el_li {
width: 48%;
margin: 1%;
list-style:none;
float: left;
color:#333;
text-shadow: 1px -1px 1px #fff;
white-space: nowrap;
padding: 0;
line-height: 1.55em;
text-align: center;
font-size: 1.00em;
background: -moz-linear-gradient(top center, #f8f8f8 0%, #e9e9e9 100%);
background: -webkit-gradient(linear, center top, center bottom, from(#f8f8f8), to(#e9e9e9));
-moz-box-shadow: 1px 1px 1px #ddd;
-webkit-box-shadow: 1px 1px 1px  #ddd;
/*IE*/
background-color:#f0f0f0;
filter: progid:DXImageTransform.Microsoft .gradient(GradientType=0,startColorstr='#FFdddddd', endColorstr='#FFe9e9e9');
}
.cate_sho_el_li a{
display:block;
margin:0;
padding:0;
width: 100%;
height:5.85em;
color:#333;
text-shadow: 1px -1px 1px #fff;
text-decoration:none;
  }
.cate_sho_el_li a:hover{
background: -moz-linear-gradient(top center, #ddd 0%, #e9e9e9 100%);
background: -webkit-gradient(linear, center top, center bottom, from(#ddd), to(#e9e9e9));
-moz-box-shadow: 1px 1px 1px #ddd;
-webkit-box-shadow: 1px 1px 1px #ddd;
  }
  
  
/* メルマガ */

#cmmail {
	border-bottom:1px solid #ccc;
	}
#cmmail .wrap{
	padding:10px;
}
#cmmail input{
	font-size:16px;
	line-height:1.4;
	margin:8px 5px;
	width:91%;
}
#cmmail .mailmaga_ins input,
#cmmail .mailmaga_del input {
	display:block;
	font-weight:bold;
	text-decoration:none;
	color:#c2bd95;
text-shadow: 0 -1px #69664f;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4a4949),to(#000000));

	-webkit-border-radius: 4px;
	border-radius: 4px;
	
	-webkit-box-shadow: 0 2px 1px #ddd;
	box-shadow: 0 2px 1px #ddd;
	font-size:18px;
	padding:10px 5px;
    background-color: #000000;
    border: 1px solid #ffffff;


}
.mailmaga_ins,
.mailmaga_del {
	width:50%;
	float:left;
	}


/*ログイン・ログアウト */

.welcome{
	padding:0 10px 10px;
	}


/*共通スタイル */

span.red{
	font-weight:bold;
	color:#FF0000;
	}
.price{
	font-weight:bold;
	color:#FF0000;
}
.no_titlebar{
	padding:10px;
	line-height:1.4;
}
.elision{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.explanation_simple{
	margin-top:5px;
}


/*基本ボタン（緑）*/

.btn {
    background: url(https://img03.shop-pro.jp/PA01005/402/etc/title_bg001.jpg) no-repeat top left;
	display:block;
	font-weight:bold;
	text-decoration:none;
	color:#c2bd95;
	text-shadow: 0 -1px #69664f;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 2px rgba(255,255,255,0.5);
    width: 100%;
    font-size: 1.00em;
    text-align: center;
	text-align: center;
/*	background-color: #000000;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4a4949),to(#000000));
	font-size: 12px;
	-webkit-border-radius: 4px;
	box-shadow: 0 1px 2px rgba(255,255,255,0.5);
	border: 1px solid #ffffff;
*/}
#search .btn {
	padding: 1.05em;
    height: 3.00em;
    margin-top: 0.55em;
}

/*クイック購入ボタン*/

a.btn_quick{
	display:block;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
	text-shadow: 0 -1px #1D8CA0;

	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size:18px;
	padding:10px 5px;
	width:60%;
	text-align:center;
	margin:0 auto 10px;
	-webkit-box-shadow: 0 2px 1px #ddd;
	box-shadow: 0 4px 2px #666;
	background-color: #FB487D;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FF9BC6),to(#FC5889));
	border:1px solid #FB487D;	
	text-shadow: 0 -1px #E71257;
}


/*タイトルバー右のボタン*/

.sttl_nav {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
}
.sttl_nav_open {
	position: absolute;
	top: -34px;
	right: 10px;
}
.sttl_nav .btn {
	padding: 5px;
}


/*会員ボタン*/

#member {
	padding:10px;
	}
.member_btns .btn{
	font-size:18px;
	padding:10px 5px;
	width:80%;
	text-align:center;
	margin:0 auto 10px;
	-webkit-box-shadow: 0 2px 1px #ddd;
	box-shadow: 0 4px 2px #666;
	}
.member_btns p.member_regi .btn{
	color:#333;
	text-shadow: 0 -1px #fff;
	background-color: #ddd;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1),to(#ccc));	
	border: 1px solid #999;
}
ul.link_list li {
	border-bottom:1px solid #ccc;
}
ul.link_list li:last-child {
	border-bottom:none;
}
ul.link_list li a{
	display:block;
	text-decoration:none;
	color:#333;
	background:url(https://img.shop-pro.jp/s_tmpl_img/1/icon_arrow_m2.png) no-repeat center right;
	padding:14px 10px;
	-webkit-background-size: 20px 13px;
	}

/*リスト型ボタン 小*/

ul.product_section li{  
	background:url(https://img.shop-pro.jp/s_tmpl_img/1/icon_arrow_l2.png) no-repeat center right;
	-webkit-background-size: 38px 28px;
	padding: 10px;
	border-bottom: 1px solid #ccc;
}
ul.product_section li:last-child {
    padding: 14px 10px;
}
ul.product_section li a:after{  
	content: '';
	display: block;
	clear: both;
}
ul.product_section a {
	display:block;
	text-decoration:none;
	color:#333;
	line-height:1.2;
	width:100%;
	height:100%;
}
ul.product_section li:last-child {
	border: none;
}
.product_pict {  
    width: 25%;  
    min-height: 80px;
    float: left;  
}  
.product_pict img{
	width:80px;
}
.product_summary {  
    width: 60%;  
    min-height: 80px;
	float: left;
	padding-left: 15px;
} 
.product_name{
	font-size:16px;
	font-weight: bold;
	margin-bottom: 5px;
}
.product_ttl p:last-child{
	margin-bottom: 5px;
}
.product_ttl{
	font-size:10px;
	font-weight:normal;
	line-height:1.2;	
}
.product_price_regular{
	font-size:16px;
	font-weight:normal;
	text-decoration: line-through;
	color:#FF0000;
}
.product_price {
	font-size:16px;
	font-weight:bold;
	color:#FF0000;
	}
.product_point {
	font-size:16px;
	font-weight:bold;
	color:#000;
	}
.product_price_discount{
	font-size:16px;
	font-weight:bold;
	color:#FF0000;
}
.product_price_soldout {
	font-size:12px;
	font-weight:bold;
	color:#fff;
	background:#ff0000;
	padding:3px 5px;
	width:70px;
	text-align:center;
	}
#product_detail form .product_price_soldout {
	width:auto;
	margin-bottom:5px;
	}


/* ページ先頭へ戻るボタン */

#totop {
    text-align: right;
    background: #fff;
    padding: 8px 10px 10px;
    margin: 8px 0 0 0;
    border-bottom: 1px solid #fff;
}
#totop .btn {
	width:40%;
	display:inline;
	padding:6px 8px;
	font-size: 12px;
	}


/* 下部ナビ */
footer.sttl_s{
	border-top:3px solid #000000;
}


/*ヘッダーナビ、フッターナビ*/

.page_nav_home {
	width:25%;
	float:left;
	margin-left:2.5%;
}
header .page_nav_home {
	width:11%;
	float:left;
	margin-left:2.5%;
}
header .page_nav_home .btn{
	padding:4px 9px 8px 7px;
}
header .page_nav_login {
	width:32%;
	float:left;
	margin-left:2.5%;
}
header .page_nav_search {
	width:20%;
	float:left;
	margin-left:2.5%;
}
header .page_nav_cart {
	width:24.5%;
	float:left;
	margin-left:2.5%;
}
.page_nav_cart {
	width:25%;
	float:left;
	margin-left:2.5%;
}
.page_nav_myacount {
	width:40%;
	float:left;
	margin-left:2.5%;
}
header .btn,
footer .btn{
	padding:4px 8px 8px;
	font-size:12px;
	}
footer .nav_bar{
	padding:8px 0;
	margin:0 0 8px 0;
	background-color: #fff;
	/*
	background-image: -webkit-gradient(linear, left top, left bottom, from(#B8EDF3),to(#9EE6EF));
    */
}
.footer_nav clearfix {
padding: 7px 0;
background: #FFFFFF;
border-top: 0px solid #434343;
border-bottom: 0px solid #434343;
box-shadow: 0 0 5px 0 #666;
-webkit-box-shadow: 0 0 5px 0 #E4E4E4;
background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF),to(#FFFFFF));
}


.switch{
padding: 20px 10px 10px;
text-align: center;
color: #fff;
background: #868686;
-webkit-box-shadow: inset 0 3px 4px #868686;
box-shadow: inset 0 3px 4px #868686;
}

/*コピーライト*/

.foot_wrap {
	padding:20px 10px 10px;
	background:#868686;
	color:#fff;
	-webkit-box-shadow:inset 0px 3px 4px #666;
	box-shadow:inset 0px 3px 4px #666;
}
.foot_wrap p{
	text-align:center;
	margin-bottom:10px
	}
.foot_wrap p a{
	color:#fff;
	font-weight:bold;
	}
.foot_wrap .copyright{
	font-size:12px;
	line-height:1.2;
}

	
/*clearfix*/

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
background: #fff;
border-top: 0px solid #434343;
border-bottom: 0px solid #434343;
box-shadow: 0 0 0px 0 #666;
-webkit-box-shadow: 0 0 0px 0 #666;
}


.drawer_btn .nav_bar .clearfix {
background: none;
}


/*-------------------------------------------
トップ
-------------------------------------------*/

/* 商品カテゴリー */
ul.link_list li.group:first-child {
	border-top:1px solid #ccc;
}

/* フリースペース */
#freespace {
	border-top:3px solid #35A1A1;
}

/* おすすめ商品 */
#recommend ul.product_section li:last-child {
}


/*-------------------------------------------
商品一覧ページ
-------------------------------------------*/
#product_list .pagenavi{
	padding:10px;
	text-align:center;
}
#product_list{
	border:none;
	}
#product_list h2.sttl{
	background:none;
	padding:10px;
	color:#333;
	font-size:14px;
	text-shadow: none;
}
#product_list ul.link_list li:first-child{
	border-top:1px solid #ccc;
}
#product_list ul.product_section li:first-child{
	border-top:1px solid #ccc;
}
#product_list ul.product_section li:last-child{
	border-bottom:1px solid #ccc;
	}
#product_list div.wrap div.sort_wrap{
	padding:10px;
	border-bottom:1px solid #ccc;
	padding:10px 10px 20px;
}
#product_list ul.sort{
	line-height:24px;
	height:24px;
	margin:0 auto;
	}
#product_list ul.sort li{
	float:left;
	width:34%;
	font-size:12px;
	text-align:center;
}
#product_list ul.sort li:first-child,
#product_list ul.sort li:last-child{
	width:33%;
}
#product_list ul.sort li a{
	display:block;
	font-weight:bold;
	text-decoration:none;
	color:#c2bd95;

text-shadow: 0 -1px #69664f;
	padding: 4px;
	background-color: #000000;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4a4949),to(#000000));
	font-size: 12px;
	-webkit-box-shadow: inset 0 0 2px rgba(255,255,255,0.5);
	box-shadow: inset 0 1px 2px rgba(255,255,255,0.5);

	border-left:none;
	border-right:none;
}
#product_list ul.sort li.on a{
	background-image: -webkit-gradient(linear, left top, left bottom, from(#A1A1A1),to(#575757));
	color: #F0F0E9;
}
#product_list ul.sort li:first-child a{
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;

}
#product_list ul.sort li:last-child a{
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;	

}
#product_list .no_product{
	padding:60px 10px;
	color:#FF0000;
	text-align:center;
}
#product_list .search_wrap {
	padding:10px;
	}
#product_list .search_wrap h2 {
	margin-bottom:5px;
	}
#product_list .condition {
	font-size:12px;
	}

/*-------------------------------------------
商品詳細ページ
-------------------------------------------*/
#detail h2 {
	padding:10px;
	font-size:14px;
	}
#product_detail{
	border:none;
	}
#product_detail div.wrap div.sort_wrap{
	padding:10px;
	padding:10px 10px 20px;
}
#product_detail ul.sort{
	line-height:24px;
	height:24px;
	margin:0 auto;
	}
#product_detail ul.sort li{
	float:left;
	width:34%;
	font-size:12px;
	text-align:center;
}
#product_detail ul.sort li:first-child,
#product_detail ul.sort li:last-child{
	width:50%;
}
#product_detail ul.sort li a{
	display:block;
	font-weight:bold;
	text-decoration:none;
	color:#c2bd95;
text-shadow: 0 -1px #69664f;
	padding: 4px;
	background-color: #000000;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4a4949),to(#000000));
	font-size: 12px;
	-webkit-box-shadow: inset 0 0 2px rgba(255,255,255,0.5);
	box-shadow: inset 0 1px 2px rgba(255,255,255,0.5);
	border-left:none;
	border-right:none;
}
#product_detail ul.sort li:first-child.off a,
#product_detail ul.sort li:last-child.off a{
	color:#c2bd95;
	border-right:none;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4a4949),to(#000000));
}
#product_detail ul.sort li:first-child a{
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
text-shadow: 0 -1px #69664f;
	border-right:none;
}
#product_detail ul.sort li:last-child a{
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;	

}
#product_detail h2.sttl {
	background:#fff;
	color:#333;
	font-size:18px;
	text-shadow:none;
	line-height:1.2;
}
#product_detail header{
	border-bottom:1px solid #ccc;
}
#product_detail header p{
	text-align:center;
	padding:10px;
}
#product_detail .dtl_tbl{
	width:100%;
	border-spacing:0px;
	margin-bottom:10px;
          border:solid 1px #000000;
	}
#product_detail .dtl_tbl th {
	background:#ddd;
	text-align:left;
	padding:5px;
	width:30%;
	font-weight:normal;
          border:solid 1px #000000;
	}
#product_detail .dtl_tbl td{
	padding:5px;
	width:60%;
 border:solid 1px #000000;
	}
#product_detail div.block {
	padding:10px;
	border-bottom:1px solid #ccc;
}
#product_detail div.block .table{
	margin-bottom:15px;
	}

#product_detail article {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	}
#product_detail article ul.link{
	padding:10px;
}
#product_detail article ul.link li {
	line-height:1.8;	
}
#product_detail div.buy input.btn{
	font-size:18px;
	padding:10px 5px;
	width:87%;
	text-align:center;
	margin:0 auto 10px;
	-webkit-box-shadow: 0 2px 1px #ddd;
	box-shadow: 0 4px 2px #666;
	background-color: #000000;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4a4949),to(#000000));
text-shadow: 0 -1px #69664f;

	}
#product_detail .description{
	padding:0px;
}
#product_detail .description img {
	max-width:100%;
}
#product_detail article aside{
	padding:0 10px;
}
#product_detail article aside li{
	margin-bottom:10px;
	text-align:center;
}
#product_detail_category ul.link_list li.tocategory {
	font-weight:bold;
	border-bottom:1px solid #ccc;
	}
#product_list ul.link_list li:last-child {
	border-bottom:3px solid #ccc;
}
#product_detail_hide {
	padding:10px;
}
.dtl_hd p img {
	max-width:100%;
	}
.dtl_asd li img {
	max-width:100%;
	}
.quantity select{
	font-size:16px;
	white-space:normal;
	width:100%;
	}
.quantity input{
	font-size:16px;
	width:90%;
	}

.twitter {
	margin:5px 0;
	}
.facebook {
	margin:5px 0;
	}
.logpi {
	padding-left:20px;
	background:url("https://img.shop-pro.jp/s_tmpl_img/1/icon_logpi.gif") no-repeat left center;
}
.yahoo {
	padding-left:20px;
	background:url("https://img.shop-pro.jp/s_tmpl_img/1/icon_y_bookmark.gif") no-repeat left center;
}
.hatena {
	padding-left:20px;
	background:url("https://img.shop-pro.jp/s_tmpl_img/1/icon_hatena.gif") no-repeat left center;
}

/* オプション詳細 */

#option_area1 {
	margin-bottom:15px;
	}
#option_area1 h3,
#option_area2 h3{
	margin-bottom:5px;
	font-size:18px;
}
#option_area2 {
	padding:10px;
	}
.op1{
	margin-bottom:10px;
	}
.op2{
	margin-bottom:10px;
	}
.op2_ttl {
	font-weight:bold;
	color:#009999;
	margin-bottom:5px;
	}
.stock_comment {
	font-size:12px;
	color:#FF0000;
	font-weight:bold;
	}
#option_table {
	line-height:1;
	}
#option_table table{
	border:1px solid #000000;
	border:1px solid #000000;
	width:100%;
	}
#option_table table th {
	text-align:left;
	background:#eeeeee;
	border-left:1px solid #000000;
	border:1px solid #000000;	
	font-size:14px;
	font-weight:normal;
	width:50%;
	padding:5px;
	}
#option_table table td {
	text-align:right;
	color:#ff0000;
	background:#ffffff;
	border:1px solid #000000;
	font-size:14px;
	font-weight:bold;
	width:50%;
	padding:5px;
	line-height:1.2;
	}
#product_detail .dtl_regal {

	margin-bottom:10px;
}

/* おすすめ商品 */
#recommend_pict {
	padding:10px;
	}
#recommend_pict li {
	float:left;
	width:100px;
	background:#eee;
	}


/*-------------------------------------------
特定商取引法に基づく表記
-------------------------------------------*/

#regal h2 {
	margin-top:5px;
	margin-bottom:10px;
	background:#ddd;
	padding:2px 5px;
	border-radius:3px;
	}
#regal h3 {
	color:#009999;
	margin-bottom:5px;
	}
#content_regal .wrap > div {
	font-size:12px;
	margin-bottom:15px;
	}
#content_regal img {
	max-width:100%;
	}
#content_payment .sec_pay,
#content_delivery .sec_deli {
	margin-bottom:10px;
	}
.sec_pay_p,
.sec_deli_p  {
	font-size:12px;
	}
.sec_pay,
.sec_deli {
	border-bottom:1px dotted #ccc;
	padding-bottom:10px;
	}
.sec_pay:last-child,
.sec_deli:last-child  {
	border:none;
	}


/*-------------------------------------------
プライバシーポリシー
-------------------------------------------*/

#content_poricy h2 {
	margin-top:5px;
	margin-bottom:10px;
	}
#content_poricy h3 {
	color:#009999;
	margin-bottom:5px;
	}
#content_poricy .wrap > div {
	font-size:12px;
	margin-bottom:15px;
	}
#content_poricy .lead {
	font-size:12px;
	margin-bottom:15px;
	}


/*-------------------------------------------
フリーページ
-------------------------------------------*/

#content_freepage {
	padding:10px;
　　　　word-break: break-all;
	}
#content_freepage img {
	max-width:100%;
　　　　height:auto;
	}


/*-------------------------------------------
ショップ情報
-------------------------------------------*/

#content_about .sttl {
	margin-bottom:10px;
	}
#content_about #manager_name {
	color:#009999;
	font-weight:bold;
	}
#content_about #manager_img {
	margin-bottom:5px;
	} 
#content_about #manager_img img {
	max-width:100%;
	}

/*-------------------------------------------
購入画面
-------------------------------------------*/

.select_ex img {
    max-width: 100%;
}


/*-------------------------------------------
ホーム画面に追加
-------------------------------------------*/
.ath-container.ath-ios.ath-ios8.ath-phone.ath-icon{
	width:100% !important;
	margin:0;
	padding:0;
    left: 0;
	}



/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}




/*@media screen and (min-width: 1024px) {
.drawer-open.drawer--sidebar .drawer-nav {
	width:100% !important;
	}
}
*/

@media screen and (max-width: 498px) {
.sns_width button#button {
	padding: 0 0.25em;
}
.sp_header_menu li.logo_width{
	width:34%;
}
iframe.line-it-button button.icon img {
    width: 34px;
    height: 34px;
}
}

@media screen and (max-width: 414px) {
.sns_width button#button {
    margin-top: 0.15em;
}
.drawer--left .drawer-hamburger {
	padding-top: 1.05em;
	}	
}

@media screen and (max-width: 375px) {
.sns_width button#button {
    margin-top: 0.35em;
}
.drawer--left .drawer-hamburger {
	padding-top: 1.10em;
	}	
}

@media screen and (max-width: 320px) {
.sns_width button#button {
    margin-top: 0.65em;
}
	
.drawer--left .drawer-hamburger {
	padding-top: 0.75em;
	}	
.sp_header_menu li {
	width:11%;
    line-height: 1.85em;
    padding-bottom: 0.85em;
	}	
li.icon_width.sns_width {
	margin-top: 0.25em;
}
.icon img {
    width: 40%;
    max-width: 40px;
}
iframe.line-it-button button.icon img {
    width: 32px;
    height: 32px;
}	
}

@media screen and (min-width: 568px) {
.drawer--left .drawer-hamburger {
	padding-top: 1.05em;
	}	
iframe.line-it-button button.icon img {
    width: 36px;
    height: 36px;
}
.sns_width button#button {
    margin-top: 0.05em;
}
}

@media screen and (min-width: 660px) {
.header_search input {
	width: 88% !important;
}
.header_search input[type="image"] {
    width: 10% !important;
}
.sp_header_menu li.logo_width {
    width: 28%;
    margin: 0 4% 0 4%;
}
}

@media screen and (min-width: 730px) {
.header_search input {
	width: 90% !important;
}
.header_search input[type="image"] {
    width: 8% !important;
}
}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}
@media screen and (min-width: 860px) {
.header_search input {
	width: 91% !important;
}
.header_search input[type="image"] {
    width: 6% !important;
}
.sp_header_menu li.logo_width {
    width: 25%;
    margin: 0 9% 0 3%;
}
}


@media screen and (min-width: 1024px) {
.sp_header_menu li.logo_width {
    width: 25%;
    margin: 0 9% 0 3%;
    padding: 1.25em;
    box-sizing: border-box;
}
.icon img {
    width: 56%;
}
.drawer--left .drawer-hamburger {
    padding-top: 2.55em;
    padding-left: 3.05em;
}
.drawer-hamburger-icon:before {
    top: -16px;
}
.drawer-hamburger-icon:after {
    top: 16px;
}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
	height:3px !important;
	}
.drawer-menu li img {
    width: 2%;
}
.drawer-hamburger{
	width:3%;
	}
.header_search select{
	margin-top: 1.00em;
	}	
}





ul.p-review-list__reply-info {
    background-color: #000;
    color: #fdf3d8;
    padding: 5px;
}




.new-item p {
    position: absolute;
    color: #fbf3de;
    font-size: 10px;
    font-weight: bold;
    right: 15px;
    top: 15px;
}


.kensuuhyouzi{
    position: absolute;
    color: #fbf3de;
    font-size: 10px;
    font-weight: bold;
    right: 15px;
    top: 15px;
}

div:has(>.kensuuhyouzi){
position:relative;
}




section.sttl_s .kensuu {
    position: absolute;
    color: #fbf3de;
    font-size: 10px;
    font-weight: bold;
    right: 15px;
    top: 20px;
}


section.sttl_s .kensuu {
    padding: 3px 5px;
    border: 1px solid;
    border-radius: 5px;
    top: 14px;
}

.kensuuhyouzi {
    padding: 3px 5px;
    border: 1px solid;
    border-radius: 5px;
    top: 14px;
}


/*-------------------------------------------
バーコードリーダーテスト用
-------------------------------------------*/

        #container {
            width: 100%;
            height: auto;
        }

        #container > video, #container > canvas {
            width: 100%;
        }
        #container > canvas {
            position: absolute;
            left: 0px; top: 0px;
        }