@charset "utf-8";
/** reset.css から移動 ここから */
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
p,blockquote,table,th,td,img {margin: 0; padding: 0;}

body {
	font:15px/1.3 "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	-webkit-text-size-adjust: 100%;
}

html,body {
	background: #FFF;
	color: #000;
}


* html body {font-size: small;}
*:first-child+html body {font-size: small;}

img {border: 0;}
h1,h2,h3,h4,h5,h6 {
	clear: both;
	font-size: 100%;
}

ul,dl,ol {text-indent: 0;}
li {list-style: none;}

address,caption,cite,code,dfn,em,strong,th,var {font-style: normal; font-weight: normal;}

sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}

input,textarea,select {font-family: inherit; font-size: inherit; font-weight:inherit;}
* html input,* html textarea,* html select {font-size: 100%;}
*:first-child+html+input,*:first-child html+textarea,*:first-child+html select {font-size: 100%;}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: inherit;
}
th,td {
	text-align: left;
	vertical-align: top;
}
caption {text-align: left;}

pre,code,kbd,samp,tt {font-family: monospace;}
* html pre,* html code,* html kbd,* html samp,* html tt {font-size: 100%; line-height: 100%;}
*:first-child+html pre,*:first-child html+code,*:first-child html+kbd,*:first-child+html+samp,*:first-child+html tt {font-size: 108%; line-height: 100%;}

input,select,textarea {font-size: 100%; font-family: Verdana, Helvetica, sans-serif;}
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}

.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}

.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}

.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}

.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
@media screen and (min-width: 481px){
.mt0{margin-top:0px!important;}
.mt5{margin-top:5px!important;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px!important;}
.mt20{margin-top:20px!important;}
.mt30{margin-top:30px!important;}
.mt40{margin-top:40px!important;}
.mt50{margin-top:50px!important;}
.mt60{margin-top:60px!important;}
.mt70{margin-top:70px!important;}
.mt80{margin-top:80px!important;}
.mt90{margin-top:90px!important;}
.mt100{margin-top:100px!important;}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb100{margin-bottom:100px;}

.w50{width:50px;}
.w60{width:60px;}
.w70{width:70px;}
.w80{width:80px;}
.w90{width:90px;}
.w100{width:100px;}
.w110{width:110px;}
.w120{width:120px;}
.w130{width:130px;}
.w140{width:140px;}
.w150{width:150px;}
.w160{width:160px;}
.w170{width:170px;}
.w180{width:180px;}
.w190{width:190px;}
.w200{width:200px;}
}
@media screen and (max-width: 480px){
.mt0{margin-top:0px!important;}
.mt5{margin-top:5px!important;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px!important;}
.mt20{margin-top:20px!important;}
.mt30{margin-top:30px!important;}
.mt40{margin-top:40px!important;}
.mt50{margin-top:50px!important;}
.mt60{margin-top:60px!important;}
.mt70{margin-top:70px!important;}
.mt80{margin-top:80px!important;}
.mt90{margin-top:90px!important;}
.mt100{margin-top:100px!important;}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb100{margin-bottom:100px;}

.w50{width:50px;}
.w60{width:60px;}
.w70{width:70px;}
.w80{width:80px;}
.w90{width:90px;}
.w100{width:100px;}
.w110{width:110px;}
.w120{width:120px;}
.w130{width:130px;}
.w140{width:140px;}
.w150{width:150px;}
.w160{width:160px;}
.w170{width:170px;}
.w180{width:180px;}
.w190{width:190px;}
.w200{width:200px;}

.wd70 img{width:70%;}
.wd75 img{width:75%;}
.wd80 img{width:80%;}
.wd85 img{width:85%;}
.wd90 img{width:90%;}
.wd95 img{width:95%;}
}

.clear_fix:after{
	content:".";
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	font-size:0;
}
.d_block{display:block}
.img_center{
	width: 100%;
	text-align: center;
}
.img_opacity{
	display: block;
	zoom:1;
}
.img_opacity:hover{
	zoom:1;
	filter: Alpha(opacity=70);
	opacity: 0.7;
}
.al_l{text-align: left!important;}
.al_c{text-align: center!important;}
.al_r{text-align: right!important;}
.va_t{vertical-align: top!important;}
.va_m{vertical-align: middle!important;}
.va_b{vertical-align: bottom!important;}
@media screen and (min-width: 481px){
.sonly{
	display:none;
}
.snone{
	display:block;
}
}
@media screen and (max-width: 480px){
.sonly{
	display:block;
}
.snone{
	display:none;
}
}
.f_none{
	clear: both!important;
	margin-top: 10px!important;
}
/** reset.css から移動 ここまで */
/** common.css から移動 ここから */
/************************************************
 共通設定
************************************************ */
html {
}
body {
color: #333;
font-family: "Helvetica Neue",Arial,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
background: #fff;
font-size: 90%;
line-height: 150%;
letter-spacing: 0em;
}

/* 写真 */
img.picture {
border: 1px solid #ccc;
margin-bottom:10px;
}
.trans_img {
transition: all 0.2s ease;
}
.trans_img:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}
/* ==============================================
 フレーム
=============================================== */
/* 全体を包括 */
.frame_outer {
margin: 0 auto;
/*text-align: center;*/
}

/* コンテンツ */
#container {
/*margin: 0 auto;
padding: 0 0 20px;
width: 1040px;
text-align: left;
*/
width:100%;}
.LC_Page_User #container,
#container{
	position:relative;
}
/* ==============================================
 カラム指定
=============================================== */

/* メイン部
----------------------------------------------- */
#main_column {
padding: 0;
}

/* 1カラム時 */
#main_column.colnum1 {
	margin: 0 auto;
	width: 100%;
	text-align: left;
}
.old #main_column.colnum1 {
	margin: 0 auto;
	width: 1040px;
}

/* 2カラム時 (共通) */
#main_column.colnum2 {
width: 810px;
}

/* 2カラム時 (メイン部が左) */
#main_column.colnum2.left {
padding-left: 1%;
float: left;
}

/* 2カラム時 (メイン部が右) */
#main_column.colnum2.right {
	width: 810px;
	float: left;
	margin-left: 20px;
}

/* 3カラム時 */
#main_column.colnum3 {
padding-left: 1%;
width: 58%;
float: left;
}

/* サイドカラム
----------------------------------------------- */
.side_column {
padding: 0;
}
#leftcolumn {
	width: 210px;
	float: left;
	/* [disabled]padding-top: 20px; */
}
#rightcolumn {
float: right;
width: 20%;
}

/* 他
----------------------------------------------- */
/* ヘッダーとフッターの上下 */
#topcolumn,
#bottomcolumn,
#footerbottomcolumn {
margin: 0px;
background: #fff;
text-align: left;
clear: both;
}

/* 下層コンテンツ */
#undercolumn {
	width: 100%;
	margin: 0 0 30px 0;
	text-align: left;
}
/* ==============================================
 ユーティリティ
=============================================== */
/* フロート回り込み解除
----------------------------------------------- */
.clearfix::after {
display: block;
clear: both;
content: "";
}
.clear {
clear: both;
}

/* リンク指定
----------------------------------------------- */
a:link{
    color: #1a0dab;
padding-bottom: 2px;

}
a:visited {
color: #609;
}
a:link:hover,
a[href]:hover {
text-decoration: none;
} 

/* フォント
----------------------------------------------- */
h1,
h2,
h3,
h4,
h5 {
font-size: 100%;
line-height: 150%;
}
.sale_price_ditail {
color: #ff4000;
font-weight: bold;
font-size: 150%;
padding: 10px;
}

.sale_price {
color: #bb1700;
margin: 0 0 2px 0;
}

.price
 {
font-weight: bold;
}
.normal_price {
font-size: 90%;
}

.user_name {
font-weight: bold;
}
.recommend_level .star {
    color: #ecbd00;
font-size: 130%;
}
.recommend_level .num {
    color: #F00;
font-weight: bold;
font-size: 130%;
}
.recommend_level .star + .num {
    padding-left: 0.3em;
}

.attention {
font-size: 120%;
color: #FF2000;
font-weight: bold;

}
.attentionSt {
color: #740013;
font-weight: bold;
}
.st {
font-weight: bold;
}
.mini {
font-size: 70%;
}
.price02.inctax {
	font-size: 10px;
	margin-left: 2px;
    line-height: 1em;
}
/* 行揃え
----------------------------------------------- */
.alignC {
text-align: center;
}
.alignR {
text-align: right;
}
.alignL {
text-align: left;
}
.pricetd em {
font-weight: bold;
}
/* フォーム
----------------------------------------------- */
select {
background-color: #fff;
border: solid 1px #ccc;
}

input[type='text'],
input[type='password'] {
border: solid 1px #ccc;
padding: 2px;
}

.box40 {
width: 40px;
border-radius: 5px;  
}
.box60 {
width: 60px;
border-radius: 5px;  
}
.box100 {
width: 100px;
border-radius: 5px;  
}
.box120 {
width: 120px;
border-radius: 5px;  
}
.box140 {
width: 140px;
border-radius: 5px;  
}
.box145 {
width: 145px;
border-radius: 5px;  
}
.box150 {
width: 150px;
border-radius: 5px;  
}
.box165 {
width: 165px;
border-radius: 5px;  
}
.box170 {
width: 170px;
border-radius: 5px;  
}
.box240 {
width: 240px;
border-radius: 5px;  
}
.box300 {
width: 300px;
border-radius: 5px;  
}
.box320 {
width: 320px;
border-radius: 5px;  
}
.box350 {
width: 350px;
border-radius: 5px;  
}
.box380 {
width: 380px;
border-radius: 5px;  
}
.box-max {
display: block;
}

/* フォームが縦に重なり合う場合に併用する余白 */
.top { /* FIXME 簡素な単語は、単独で、込み入った指定に使用しない */
margin-bottom: 5px;
}

#main_column .sub_area h3,
#undercolumn_login .login_area h3,
#undercolumn_shopping h3,
#undercolumn_cart h3 {
margin: 0 0 10px 0;
padding: 5px 10px;
color: #222;
border-left: 6px solid #333;
border-bottom: 1px solid #333;
font-size: 120%;
}

div#undercolumn_login .login_area h4 {
padding-left: 15px;
background: url("../img/icon/ico_arrow_05.png") no-repeat left;
}
/* ==============================================
 ヘッダー
=============================================== */
/* レイアウト
----------------------------------------------- */
#header_wrap {
margin: 0 auto;
padding: 15px 0 5px;
background: no-repeat center -15px;
background-image: url("../img/common/bg-header.jpg");
}
#header {
margin: auto;
width: 1040px;
}
#header_utility {
float: right;
width: 580px;
}
#errorHeader {
color: #740013;
font-weight: bold;
font-size: 12px;
background-color: #FEB;
text-align: center;
padding: 5px;
}
/* ロゴ
----------------------------------------------- */
#logo_area {
float: left;
width: 430px;
text-align: left;
}
#site_description {
height: 10px;
line-height: 10px;
font-size: 85%;
}
/* ヘッダーナビ
----------------------------------------------- */
div#header_navi {
height: 29px;
}
div#header_navi li a {
display: block;
width: 100%;
height: 29px;
text-align: center;
overflow: hidden;
transition: all 0.2s ease;
}
div#header_navi li a:hover {
background: #666;
}
div#header_navi .level1 {
display: block;
width: 1040px;
height: 29px;
margin: 0 auto;
}
div#header_navi .level1 > li {
display: block;
float: left;
width: 130px;
background: #333;
}
div#header_navi .level1 > li > a img {
display: block;
margin: 0 auto;
}
div#header_navi .level1 > li .level2 { /* 下と階層を揃えているため冗長となっている */
    position: absolute;
    z-index: 9998;
    display: none;
}
div#header_navi .level1 > li:hover .level2 {
    display: block;
}
div#header_navi .level2 > li {
    color: #fff;
    width: 200px;
    background: #333;
}
div#header_navi .level2 > li a {
    color: #fff;
    text-align: left;
    padding: 4px 0 0 1em;
    box-sizing: border-box;
}
/* ==============================================
 フッター
=============================================== */
/*#footer_wrap {
background: #333;
border-top: 5px solid #bfbfbf;
}
#footer {
width: 1040px;
margin: 0 auto;
padding-top: 10px;
}
#pagetop {
float: right;
}
#pagetop a {
display: block;
}
#copyright {
float: right;
font-size: 85%;
color: #fff;
}
*//* ==============================================
 パーツ
=============================================== */
/* ボタン
----------------------------------------------- */
.btn_area {
margin-top: 10px;
width: 100%;
text-align: center;
}

.btn_area li {
padding-right: 10px;
display: inline;
}
/* 完了メッセージ
----------------------------------------------- */
div#complete_area {
margin-bottom: 20px;
}
div#complete_area .message,
div#undercolumn_entry .message {
margin-bottom: 20px;
line-height: 150%;
font-weight: bold;
font-size: 120%;
}
div#complete_area .shop_information {
margin-top: 40px;
padding: 20px 0 0 0;
border-top: solid 1px #ccc;
}
div#complete_area .shop_information .name {
margin-bottom: 10px;
font-weight: bold;
font-size: 140%;
}

/* デジスト追加分
----------------------------------------------- */
em {
font-weight: bold;
font-style: normal;
color: #C00;
}
/* wrapper（デジスト追加分）
----------------------------------------------- */
#wrapper {
margin: 0 auto;
text-align: left;
background: #F3F0ED url("../img/common/bg-wrapper.jpg") repeat-y center top;
position: relative;
}

/* footer（デジスト追加分）
----------------------------------------------- */
#footer_line {
margin: 0 auto;
padding: 8px 0;
text-align: left;
clear: both;
overflow: hidden;
background: #F3F0ED url("../img/common/bg-footer.jpg") no-repeat center top;
}

.bimg {
text-align: center;
overflow: hidden;
}
.bimg img {
padding: 2px;
}

#description {
font-size: 85%;
padding: 3px 0 2px 0;
background:#333;
letter-spacing: 1px;
color: #fff;
}
#description a {
color: #ccc;
text-decoration: underline;
}

/* subnavi（デジスト追加分）
----------------------------------------------- */
#subnavi {
margin: 14px auto;
padding: 0 ;
clear: both;
overflow: hidden;
height: 45px;
}
#subnavi li {
display: inline;
text-align: left;
padding: 0;
}

/* footer-info（デジスト追加分）
----------------------------------------------- */
#footer-info {
width: 1040px;
margin: 0 auto 15px;
overflow: hidden;
padding-top: 18px;
border-top: 1px dotted #666666;
font-size: 80%;
line-height: 180%;
}

#footer-info p {
padding: 5px;
}

#footer-left {
width: 335px;
padding: 0 17px 0 0;
float: left;
}
#footer-center {
width: 335px;
padding: 0 17px 0 0;
float: left;
}
#footer-right {
width: 335px;
padding: 0;
float: right;
}

#footer-info table {
border-left: 2px solid #DDDDDD;
border-top: 2px solid #DDDDDD;
letter-spacing: -0.8px;
margin: 10px 0;
width: 310px;
}
#footer-info table th {
background: #EEEEEE;
border-bottom: 2px solid #DDDDDD;
border-right: 2px solid #DDDDDD;
font-weight: normal;
padding: 4px 5px 4px 10px;
text-align: center;
}
#footer-info table td {
background: #FFFFFF;
border-bottom: 2px solid #DDDDDD;
border-right: 2px solid #DDDDDD;
padding: 4px 10px;
text-align: left;
}
#footer-info table .center {
text-align: center;
}
#footer-info .footer-bg {
border: 2px solid #CCCCCC;
width: 95%;
padding: 4px 0 4px 10px;
margin: 13px 0 8px;
}

/* パンくずプラグイン（デジスト追加分）
----------------------------------------------- */
div.breadcrumb {
	height: 11px;
	margin: 0 0 5px;
	padding: 7px 0 7px 29px;
	line-height: 1.1;
	background: #E7E0D8 url("../img/common/icon-pan.gif") left top no-repeat;
	font-size: 80%;
	color: #999999;
	border-radius: 2px;
}
div.breadcrumb div {
display: inline;
}

/* パンくずプラグイン（デジスト追加分）
----------------------------------------------- */

/* datile.tplのぱんくず　はじまり */
div.pan{
background: #E7E0D8 url("../img/common/icon-pan.gif") left top no-repeat;
color: #999999;
padding: 7px 0 7px 29px;
margin:0 0 10px 0;
font-size: 80%;
line-height:160%;
}
/* datile.tplぱんくず　おわり */

.footer_list{
float:left;
font-size: 85%;
padding: 20px 30px;
line-height: 160%;
text-align: left;
}

.footer_list a:link,
.footer_list a:visited {
color: #ffffff;
text-decoration: none;
}
/*商品詳細ページ用*/

h1.midashi {
color: #000000;
height: 21px;
margin: 0 0 15px;
padding: 5px 0 9px 21px;
font-size: 120%;
background: url("../img/common/bg-title1.jpg") no-repeat;
}

h2.midashi {
margin: 0 0 15px;
padding: 5px 0 9px 21px;
color: #000;
font-size: 120%;
background: url("../img/common/bg-title.jpg") no-repeat;
}

h3.midashi{
margin: 0 0 15px;
padding: 5px 0 9px 21px;
font-size: 120%;
background: url("../img/common/bg-title2.jpg") no-repeat;
}

p.midashi{
font-size:14px;
color:#000;
font-weight:bold;
line-height:50%;
 padding:6px 0px 10px 10px;
margin:20px 0px 10px 0px;
border-left-color:#635139;border-bottom-color:#635139;border-style: solid;border-width: 0px 0px 0px 6px;
}

/*カテゴリページ用*/
h2.c_midashi{
font-size:18px;color:#000000;font-weight:bold;line-height:140%;
border-right-color:#A0947F;border-bottom-color:#5b3219;border-style: solid;border-width: 0px 10px 1px 0px;
font-family: "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ヒラギノ角ゴ Pro W3", Osaka;
margin: 10px;padding: 3px 0px 0px 6px;
}

h3.c_midashi {
margin: 0 0 15px;
padding: 5px 0 9px 21px;
color: #000;
background: url("../img/common/bg-title.jpg") no-repeat;
clear: both;
}

h3.bturi {
padding: 3px;
font-size:80% !important;
}

.b_img{
 display: block;
 margin: auto;
padding:10px ;
}

.c_img{
float:left;
margin-right:1em;
padding:10px ;
}


.d_img{
float:right;
margin-left:1em;
padding:10px ;
}

.main_img{
width:820px;
height:820px;
}

.main_img_s{
width:600px;
height:600px;
}
/*縦長・店舗紹介ページ用 */

.bigPrice{
font-size: 18px;
line-height:140%;
font-weight:bold;
margin:5px 0 0 30px;
}

.c_review{
background-color: #edf1ee;
border-radius: 5px;      /* 角丸の指定 */
line-height:170%;
margin:10px;
padding:10px;
clear:both;
}

.c_review ol{
margin:15px;
}

.c_review li{
list-style-image: url(../img/bloc/icon-guide.gif);
margin-left:10px;
}
.c_midashi1 {
font-size: 20px;
color:#cc0000;
line-height:140%;
font-weight:bold;
margin:10px;
}

h3.c_midashi2 {
	position:relative;
	letter-spacing: 0.1em;
	margin:15px;
	padding:10px 20px;
	font:bold 16px/1.6 Arial, Helvetica, sans-serif;
	color:#333;
	border:#333 solid 3px;
	border-radius:18px;
	background:#fff;
	box-shadow:
		-7px -5px 0 0 #e8e8e8 inset,
		2px 3px 0 0 #000;
}
h3.c_midashi2:before{
	content:" ";
	position:absolute;
	top:100%;
	left:14px;
	width:0;
	height:0;
	border-width:20px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#333;
}
h3.c_midashi2:after{
	content:" ";
	position:absolute;
	bottom:-27px;
	left:18px;
	width:0;
	height:0;
	border-width:14px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#e8e8e8;
}

div.c_article{
margin: 1.5em auto;
	width:820px;
}

div.c_article p{
font-size:100%;
margin:0.8em;
line-height: 160%;
}

div.c_article img{
margin:10px;
}

div.c_article li {
line-height:100%;
margin-top:10px;
list-style-type:none;
}

.stg_beige{
font-size:18px;
font-weight:bold;
line-height:140%;
margin:6px;
color:#f0e4ce;
}

.stg_bk{
font-size:16px;
font-weight:bold;
line-height:140%;
margin:6px;
color:#000000;
}

.stg_rd{
font-size:16px;
font-weight:bold;
line-height:140%;
margin:6px;
color:red;
}

.stg_dd{
font-size:16px;
font-weight:bold;
line-height:140%;
margin:6px;
color:#da7200;
}

.stg_bl{
font-size:16px;
font-weight:bold;
line-height:140%;
margin:6px;
color:#1111cc;
}

.stg_wh{
font-size:16px;
font-weight:bold;
line-height:140%;
margin:10px;
padding:5px 15px;
color:#666;
	border:#666 solid 1px;
background:#fff;
border-radius: 5px;      /* 角丸の指定 */
}

dt.midashi{
font-size:16px;
line-height:200%;
color:#a40303;
}

/*縦長・店舗紹介ページ用おわり */

/*購入はこちら　はじまり */
div.r-word{
text-align:right;
font-size:12px;
}
/*購入はこちら　おわり */

/* タイトル
----------------------------------------------- */
/* ▼トップページH1*/
#tagline {
position: relative;
top: -105px;
left: 0px;
width: 330px;
}

h1.title {
  position: relative;
  margin: 1.5em 0;
  padding: 0.5em 0 0.3em 1em; 
  font-size: 130%;
  font-weight: bold;
  color: #FFFFFF;
  background: #90836C;
  border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

h1.title:after{
    position: absolute;
    bottom: -15px;
    left: 10%;
    z-index: 90;
    margin-left: -15px;
    border-top: 15px solid #90836C;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 0;
    content: "";
}

h2.title {
font-size:18px;
color: #fff;
position:relative;
padding:10px;
background:#5E604A;
margin:20px 10px 20px 10px;
box-shadow:
10px 0 0 0 #5E604A,
-10px 0 0 0 #5E604A,
0 3px 3px 0 rgba(0,0,0,0.1);
}
h2.title:before{
content:" ";
position:absolute;
top:-8px;
left:-10px;
width:120px;
height:0;
border-width:0 5px 8px 0;
border-style:solid;
border-color:transparent;
border-bottom-color:#5E604A;
}
h2.title:after{
content:" ";
position:absolute;
top:-10px;
right:-10px;
width:0;
height:0;
border-width:0 10px 10px 0;
border-style:solid;
border-color:transparent;
border-bottom-color:#2C353E;
}

/*特集ページ用*/


h1.tokusyu {
	position:relative;
	letter-spacing: 0.1em;
	margin:30px 3px;
	padding:10px 20px;
	font:bold 16px/1.6 Arial, Helvetica, sans-serif;
	color:#333;
	border:#333 solid 3px;
	border-radius:18px;
	background:#f9fbe3;
	box-shadow:
		-7px -5px 0 0 #e0e2ca inset,
		2px 3px 0 0 #000;
}
h1.tokusyu:before{
	content:" ";
	position:absolute;
	top:100%;
	left:14px;
	width:0;
	height:0;
	border-width:20px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#333;
}
h1.tokusyu:after{
	content:" ";
	position:absolute;
	bottom:-27px;
	left:18px;
	width:0;
	height:0;
	border-width:14px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#e0e2ca;
}



h2.tokusyu {
	position:relative;
	letter-spacing: 0.1em;
	margin:30px 3px;
     padding:0.5em 0.5em 0.5em 2.5em;
	font:bold 16px/1.6 Arial, Helvetica, sans-serif;
	color:#333;
	border:#333 solid 3px;
	border-radius:18px;
	background:#f3f7f9;
	box-shadow:
		-7px -5px 0 0 #e8e8e8 inset,
		2px 3px 0 0 #000;
}

h2.tokusyu::after {
     position: absolute;
     top: 50%;
     left:0.7em;
     transform:translateY(-50%);
     content: '';
     width: 8px;
     height:8px;
     border: solid 3px orange;
     border-radius:100%;
}

h3.tokusyu {
position: relative;
letter-spacing: 0.05em;
color: #000;
background: #e3e5c6 ;
font-size: 16px;
line-height: 1.2;
border :2px solid #c2c4a2;
margin: 20px 5px 20px 5px;
     padding:0.5em 0.5em 0.5em 2.5em;
border-radius: 8px;
clear:both;
}

h3.tokusyu::after {
     position: absolute;
     top: 50%;
     left:0.7em;
     transform:translateY(-50%);
     content: '';
     width: 8px;
     height:8px;
     border: solid 3px #90836c;
     border-radius:100%;
}

h3.tokusyu2 {
  font-size: 16px;
 background-color: #6E7E53;
  color: #FFFFFF;
  padding: 10px 5px 10px 25px;
  margin: 20px 0px 20px 0px;
  border-radius: 5px; /* 4つのコーナーを半径10pxの角丸に */
clear:both;
}

h4.tokusyu {
     position: relative;
     color: white;
     padding:0.4em 0.5em 0.3em 3em;
     background-color: #999;
     border-radius: 5px;
margin: 5px;
clear:both;
}
 
h4.tokusyu::after {
     position: absolute;
     top: 50%;
     left:1.5em;
     transform:translateY(-50%);
     content: '';
     width: 8px;
     height:8px;
     border: solid 3px white;
     border-radius:100%;
}

h5.tokusyu {
font-size:12px;
color:#000000;
     padding:0.5em 0.5em 0.5em 3em;
     background-color: #d9eafb;
     border-radius: 5px;
margin: 5px;
clear:both;
}

ul.tokusyu{
font-size:14px;
color:#000000;
font-weight:normal;
line-height:120%;
 padding:10px 0px 10px 10px;
margin:20px 0px 20px 30px;
list-style-image: url(/user_data/htm/part/mush-s.gif);
}

li.photo150px{
float : left ;
width : 153px ;
height : 180px ;
font-size: 10px;
color: #666666;
margin:2px;
padding : 5px ;
line-height: 120%;
background : #fff ;
border : 1px solid #666 ;
border-radius: 3px;
 }

div.boxa {
width:800px;
font-weight:normal;
font-size: 12px;
color: #666666;
line-height:14px;
text-align: left; 
padding: 0px 5px 0px 5px;
} 


.box_blue {
width: 95%;
font-size: 100%;
line-height: 190%; 
padding:1em 1em;
margin:1em 0em 1.5em 0em;
border: 1px solid;/*枠の色*/
background-color: #e3f6fc;/*ボックス内の色*/
}

.box_yellow {
width: 95%;
font-size: 100%;
line-height: 190%; 
padding:1em 1em;
margin:1em 0em 1.5em 0em;
border: 1px solid;/*枠の色*/
border-radius: 5px;
background-color: #FFFBD7;/*ボックス内の色*/
}

.box_yellow2 {
width: 95%;
padding:1em 1em;
margin:1em 0em 1.5em 0em;
border: 1px solid #C0AC00;/*枠の色*/
background-color: #FFFBD7;/*ボックス内の色*/
border-radius: 10px; 
}

.box_yellow3 {

padding:0.3em;
margin:0.2em;
border: 1px solid #C0AC00;/*枠の色*/
background-color: #FFFBD7;/*ボックス内の色*/
border-radius: 3px; 
}

/*特集ページ用おわり*/


/*カテゴリページの上メニュー用 http://css-eblog.com/csstechnique/img-center.html*/

.vCenter ul {
width: 800px;
}

.vCenter ul li {
list-style-type:none;
border: solid 2px #ccc;
border-collapse: collapse;
float: left;
padding:2px;
margin-right: 2px;
margin-bottom: 2px;
width: 150px;
}

.vCenter ul li p {
display: table-cell;
text-align: center;
width: 150px !important;
width: auto;
height: 180px !important;
width: auto;
font-size: 8pt;
}

.vCenter ul li p img {
border: solid 1px #fff;
}

/*カテゴリ部分のメーカーリンク */

.left-box{
float : left ;
width : 100px ;
height : 115px ;
font-size: 10px;
color: #666666;
margin:2px;
padding : 3px ;
line-height: 120%;
background : #fff ;
border : 1px solid #666 ;
 }
 
 /*カテゴリ部分のカテゴリリンク */

.left-box-1{
float : left ;
width : 100px ;
height : 120px ;
font-size: 10px;
color: #666666;
margin:2px;
padding : 3px ;
background : #fff ;
border : 1px solid #666 ;
border-radius: 5px;
 }

.title-box{
float : left ;
width : 98px ;
height : 118px ;
font-size: 16px;
text-align: center;
font-weight:bold;
color: #000;
margin:2px;
padding : 3px ;
background : #dbdbdb ;
border : 2px solid #666666 ;
 }

/*取り扱いブランド一覧ページ用 */

li.brand_box{
float : left ;
width : 100px ;
height : 130px ;
font-size: 10px;
color: #666666;
margin:2px;
padding : 3px ;
line-height: 120%;
background : #fff ;
border : 1px solid #666 ;
border-radius: 3px;
 }

li.title_box{
float : left ;
width : 98px ;
height : 128px ;
font-size: 16px;
text-align: center;
font-weight:bold;
color: #000;
margin:2px;
padding : 3px ;
background : #dbdbdb ;
border : 2px solid #666666 ;
border-radius: 3px;
 }
/* 商品写真 NEW! オーバーレイ */
div.listphoto {
position: relative;
}
span.new_overlay {
	width: 55px;
	height: 55px;
	position: absolute;
	z-index: 0;
	left: 0;
	background-image: url(../img/common/new_overlay.png);
	background-repeat: no-repeat;
	background-position: left top;
}
span.rearrival_overlay {
	width: 55px;
	height: 55px;
	position: absolute;
	z-index: 0;
	left: 0;
	background-image: url(../img/common/rearrival_overlay.png);
	background-repeat: no-repeat;
	background-position: left top;
}
span.sale_overlay {
    width: 55px;
    height: 55px;
    position: absolute;
    z-index: 0;
    left: 0;
    background-image: url(../img/common/sale_overlay.png);
    background-repeat: no-repeat;
    background-position: left top;
}
span.favorite_overlay {
    position: absolute;
    z-index: 0;
    top: 3px;
    right: -1px;
}
span.favorite_overlay::after {
	content: "★";
	font-size: 28px;
	color: #fa5502;
}


.boxst {
height: auto;
clear:both;
}

/* ess box */

.box10 {
width: 820px;
height: 270px;
}

.datail_list li{
line-height: 150%;
padding: 0 0 0 15px;
background: url("../img/bloc/icon-guide.gif") no-repeat left center;
border-bottom: dotted 1px #CCCCCC;
}

/* guide
----------------------------------------------- */
.list-guide {
border-bottom: dotted 1px #CCCCCC;
padding: 4px 0 3px;
font-size: 90%;
}

.list-guide span{
font-weight:bold;
color: #fff;
font-size: 90%;
padding:0.2em 0.4em;
border: 1px solid #000;/*枠の色*/
background-color: #666;/*ボックス内の色*/
border-radius: 3px; 
}
.pcode .list-guide{
border-bottom:none;
}
.list-guide a {
padding: 0 0 0 15px;
background: url("../img/bloc/icon-guide.gif") no-repeat left center;
}
.list-guide a:hover {
padding: 5px 0 0 20px;
}
/*▼追加▼*/
#block-guide .block-side {
padding: 5px 4px 0;
}
.list-guide-end {
border-bottom: none;
padding: 4px 0 3px;
font-size: 90%;
}
.list-guide-end a {
padding: 0 0 0 15px;
background: url("../img/bloc/icon-guide.gif") no-repeat left center;
}
.list-guide-end a:hover {
padding: 5px 0 0 20px;
}

 /*バナー一覧*/
.banner-line-list,
.banner-line-list-end {
width: 820px;
padding: 0 0 13px;
margin: 12px 0 0;
clear: both;
overflow: hidden;
}
.banner-box-wrap {
width: 200px;
margin: 0px 3px -15px 0;
float: left;
overflow: hidden;
}
.banner-box-wrap-end {
width: 200px;
float: right;
overflow: hidden;
}

/* サイズ表始まり */
.box_size_midashi {
float: left;
background-color: #edf1ee;
border: dotted 1px #c7cbc8;
padding: 1px 2px 1px 3px;
width: 60%;
margin: 1px;
}

.box_size {
float: left;
background-color: #ffffff;
border: dotted 1px #c7cbc8;
padding: 1px 2px 1px 3px;
width: 30%;
margin: 1px;
}
/* 枠付きリンクを横に並べる*/

.box_link {
float: left;
text-align: center;
background-color: #E6D7B6;
border: solid 1px #000;
border-radius: 3px;
font-size: 14px;
font-weight:bold;
color: #000;
padding: 3px;
width: 145px;
margin: 1px;
}

p.zaiko_notice {
font-size: 12px;
font-weight:bold;
color: #0131c1;
line-height: 2;

}

ul.zaiko_notice {
font-size: 10px;
background-color: #edf1ee;
border-radius: 5px;      /* 角丸の指定 */
padding: 10px;
line-height: 1.6;
}

/* フローティングメニュー */

.floating {
top: 30px;
position: fixed;
z-index: 999;
margin-left:1070px;
width: 205px;
padding:10px;
background:#fff;
border-radius: 5px 5px 5px 5px;
}

.iframe-content{
width:820px;
height:461px;
}

.note {
font-size: 80%;
color: #e11200;
padding: 0 0 0 15px;
line-height: 80%;
background: url("../img/bloc/icon-guide.gif") no-repeat left center;
}

p.result {
clear:both;
padding:10px 0 0 0;
}

/* サイトマップ */

section#col1,
section#col2,
section#col3,
#main_column > section {
    width: calc(100% / 3);
    float: left;
}

#col1 li.level1 {
    padding: 0 0 0 15px;
    margin: 1em 0 1em 0em;
    font-size: 120%;
}

#col1 li.level2  {
    margin: 0.5em 0 0.5em 2em;
padding: 0 0 0 15px;
}

#col1 li,
#col2 li,
#col3 li {
padding: 0 0 0 15px;
    margin: 1em 0 1em 0em;
background: url("../img/bloc/icon-guide.gif") no-repeat left center;
}


/* カテゴリごとのヘッダー */
#c_top {
font-size: 85%;
text-align: center;
padding: 0 0 5px 0;
}

.list_xs {
text-align: left;
margin: 50px 0 0;
font-size: 80%;
line-height: 1.5em; 
padding:0px 7px;
color:#666666;
}

.xs {
font-size: 80%;
line-height: 1.5em; 
color:#666666;
}

.icon {
margin: 0 5px -5px 0;
}

.c_area {
float: left;
width: 24%; 
margin:5px 1px ;
border : 1px solid #ddd ;
border-radius: 2px;
}

.c_area li{
font-size: 85%;
margin:-5px 0 0 15px;
}

.cet {
width: 0 auto; 
text-align: center;
vertical-align: middle;
}
/** common.css から移動 ここまで */
/************************************************
 各ページコンテンツ用
************************************************ */
/* ==============================================
▼TOP
=============================================== */
/* メインイメージ
----------------------------------------------- */
#main_image {
margin-bottom: 20px;
text-align: center;
}

/*====================== 検索窓 ======================*/
#top_search_form ul {
    display: flex;
    justify-content: center;
}
#top_search_form select[name="category_id"],
#top_search_form select[name="maker_id"] {
    width: 200px;
    border: none;
    padding-left: 2px;
    height: 100%;
    font-size: 16px;
}
#top_search_form select[name="category_id"] {
    background-color: #000;
    color: #fff;
}
#top_search_form input {
    width: 425px;
    font-size: 16px;
    padding-left: 20px;
    height: 100%;
    border: none;
}
#top_search_form li {
    float: left;
    height: 46px;
    border: solid #000;
    border-width: 2px 0;
    background-color: #fff;
}
#top_search_form li:first-child{
    border-left-width: 2px;
    border-right: none;
    border-radius: 5px 0px 0px 5px;
    margin-left: -1px; /* GC 白線隠し */
}
#top_search_form li:last-child {
    border-right-width: 2px;
    border-left: none;
    border-radius: 0px 5px 5px 0px;
}
#top_search_form li.deselect_area {
    width: 105px;
    position: relative;
    border-left: none;
}
#top_search_form li.deselect_area img {
    width: 100px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
#top_search_form li.maker_area {
    border-left-width: 2px;
}
#top_search_form li.search_button_area a {
    width: 100px;
    font-size: 18px;
    height: 100%;
    line-height: 42px;
    color: #FFF;
    background-color: #000;
    display: block;
    background-image: url(../img/common/icon_loope.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    padding: 0 5px 0 40px;
    font-weight: bold;
}
#top_search_form li.search_button_area a:hover {
    color: #FFF;
    background-image: url(../img/common/icon_loope.png);
    background-repeat: no-repeat;
    text-decoration: none;
}

/* ==============================================
▼下層
=============================================== */
/* ==============================================
▼ガイド
=============================================== */
/* ◎◎について
----------------------------------------------- */
div#undercolumn_aboutus {
width: 100%;
}

/* 特定商取引法
----------------------------------------------- */
div#undercolumn_order {
width: 100%;
}

/* お問い合わせ
----------------------------------------------- */
div#undercolumn_contact {
margin: 0 auto;
width: 100%;
}

.zipimg img {
vertical-align: middle;
}

/* ==============================================
▼MYページ
=============================================== */
/* 共通設定
----------------------------------------------- */
div#mypagecolumn {
width: 100%;
}
div#mynavi_area {
width: 100%;
}
div#mycontents_area {
width: 100%;
}
div#mynavi_area .mynavi_list {
margin-bottom: 20px;
width: 100%;
}
div#mynavi_area .mynavi_list li {
margin: 0 15px 5px 0;
padding-left: 20px;
float: left;
background: url('../img/icon/ico_arrow_01.png') no-repeat left;
}
div#mynavi_area div.point_announce {
margin-bottom: 30px;
padding: 10px;
background: #EEEFF0;
}
div#mynavi_area div.point_announce p {
padding-left: 20px;
background: url('../img/icon/ico_point.gif') no-repeat left ;
}
div#mycontents_area p.inforamtion {
margin-bottom: 20px;
}
div#mypagecolumn h4 {
margin: 10px auto;
border-bottom: 1px solid #999;
text-align: left;
font-size: 120%;
}

/* 購入履歴一覧/詳細
----------------------------------------------- */
div#mycontents_area div.mycondition_area {
margin: 0 auto 20px 0;
padding: 10px;
width: 97%;
background: #EEEFF0;
}
div#mycontents_area div.mycondition_area p {
float: left;
}
div#mycontents_area div.mycondition_area .btn {
width: 160px;
margin-top: 15px;
float: right;
}
.add_address {
margin-bottom: 20px;
}

/* 会員登録内容変更/退会
----------------------------------------------- */
div#mycontents_area .message_area {
margin: 30px auto;
padding: 30px;
border: 1px solid #ccc;
text-align: center;
}
div#mycontents_area .message_area p {
margin-bottom: 20px;
}

/* ==============================================
▼会員登録
=============================================== */
div#undercolumn_entry {
width: 100%;
}
div#undercolumn_entry .kiyaku_text {
margin: 20px auto;
padding: 10px;
border: solid 1px #ccc;
width: 94%;
background: #fff;
}

/* ==============================================
▼ログイン
=============================================== */
div#undercolumn_login {
margin: 0 auto;
width: 100%;
}
div#undercolumn_login .login_area {
margin-bottom: 30px;
}
div#undercolumn_login .login_area .inputbox {
margin: 15px auto 15px auto;
padding: 15px 20px 10px 20px;
background: #EEEFF0;
}
div#undercolumn_login .login_area .inputbox .btn_area {
margin-top: 0;
}
div#undercolumn_login .login_area.customer {
width: 60%;
float: left;
}
div#undercolumn_login .login_area.sns {
width: 35%;
float: right;
}
div#undercolumn_login .login_area.sns ul.sns_login_area {
display: block;
text-align: center;
}
div#undercolumn_login .login_area.sns ul.sns_login_area li + li {
margin-top: 1ex;
}
div#undercolumn_login .login_area.sns ul.sns_login_area a > img {
height: 32px;
}
div#undercolumn_login .login_area.entry {
clear: both;
}

/* ==============================================
▼エラー
=============================================== */
div#undercolumn_error .message_area {
width: 80%;
margin: 30px auto;
padding: 30px;
border: 1px solid #ccc;
text-align: center;
}
div#undercolumn_error .message_area .error {
padding: 10px 0;
}

/* ==============================================
▼商品一覧
=============================================== */
/* ページ送り
----------------------------------------------- */
.pagenumber_area {
padding: 5px;
margin: 10px;
text-align: center;
clear: both;
border: 1px solid #DCDCDC;
border-radius:5px;
}
.pagenumber_area .navi {
margin: 10px 0;
font-size: 120%;
}
.pagenumber_area .navi strong {
display: inline-block;
color: #fff;
padding: 10px;
background: #000;
font-weight: bold;
border-radius:3px;
}
.pagenumber_area .navi a {
display: inline-block;
color: #666;
padding: 10px;
text-decoration: underline;
}
.pagenumber_area .change {
float: right;
text-align: right;
white-space: nowrap;
}
.pagecond_area {
margin-bottom: 20px;
padding: 10px;
border: 1px solid #ccc;
}
.page-navi-top,
.page-navi-bottom {
clear: both;
font-size: 100%;
padding-top: 5px;
}

/* レイアウト
----------------------------------------------- */
div.list_area {
float: left;
width: 20%;
}

.pcode div.list_area {
margin-bottom:25px;
width: 16.666%;
}

div.list_area_inner {
/*width: 95%;
margin: 0 auto;
padding: 10px;
*/}
div.listphoto {
margin-bottom: 5px;
}

div.listrightbloc {
text-align: left;
font-size: 90%;
line-height: 120%;
}

/* 商品情報 各種設定
----------------------------------------------- */
/* 商品ステータス */
div.listrightbloc ul.status_icon {
width: 100%;
}
div.listrightbloc ul.status_icon li {
	/* [disabled]margin-right: 5px; */
	float: left;
}

/* 商品名 */
div.listrightbloc h3 {
font-weight: bold;
font-size: 120%;
}

/* コメント */
div.listrightbloc .listcomment {
margin: 0 0 5px 0;
text-align: left;
font-size: 80%;
}

/* 商品一覧商品名 */
div.listrightbloc .list_name {
margin: 0 0 5px 0;
font-weight:bold;
line-height: 140%;

}

/* 在庫バナー */
div.listrightbloc .stock_banner_area {
margin: 0 0 3px 0;
}

/* 商品詳細を見る */
div.listrightbloc .detail_btn {
margin-bottom: 10px;
}
div.listrightbloc .detail_btn a {
display: block;
width: 100%;
text-align: center;
overflow: hidden;
}
div.listrightbloc .detail_btn img {
margin: 0 auto;
}

/* 価格
div.listrightbloc .pricebox {
margin: 0 0 10px 0;
}
 */
/* ==============================================
▼商品詳細
=============================================== */
/* レイアウト

tplファイルのマークアップが同じ項目
* 1カラム時
* 2カラム時
* 3カラム時

----------------------------------------------- */
#detailarea,
.sub_area {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
}
#detailarea {
    clear: both;
}
#detailarea_main1,
#detailarea_main2 {
	float: right;
	width: 510px;
}
#detailarea_main1 {
	margin-bottom: 1.2em;
	float: left;
	width: 500px;
}
#detailarea_main1 > #sub_images_area {
	/* [disabled]float: left; */
	width: 100%;
}
#detailarea_main1 > #sub_images_area .sub_image_one {
	margin-bottom: 10px;
	text-align: center;
	float: left;
	width: 90px;
	height: 90px;
	margin-left: 10px;
	border: 1px solid #CCC;
}
#detailarea_main1 > #sub_images_area .sub_image_one img {
    max-width: 100%;
}
#detailarea_main1 > #main_image_area {
    padding-left: 10px;
    float: left;
    width: 500px;
}
#detailarea_main1 > #main_image_area img.picture {
    max-width: 100%;
    border: none;
}
#detailarea_main1 > .right_area {
    float: right;
    width: 300px;
}
#detailarea_main2 > .main_comment {
    float: left;
    width: 49%;
}
#detailarea_main2 > .right_area {
    box-sizing: border-box;
    float: right;
    width: 49%;
}
/* レイアウト
----------------------------------------------- */
/* 1カラム用 */
#main_column.colnum1 div.subtext {
margin-bottom: 20px;
float: left;
width: 69%;
}
#main_column.colnum1 div.subphotoimg {
float: right;
width: 25%;
text-align: right;
}
#main_column.colnum1 p.subtext {
margin-bottom: 20px;
}

/* 2カラム用 */
#main_column.colnum2 div.subtext {
margin-bottom: 20px;
float: left;
width: 73%;
}
#main_column.colnum2 p.subtext {
margin-bottom: 20px;
}
#main_column.colnum2 div.subphotoimg {
float: right;
width: 25%;
text-align: right;
}

/* 3カラム用 */
#main_column.colnum3 div.subtext {
margin-bottom: 20px;
float: left;
width: 63%;
}
#main_column.colnum3 p.subtext {
margin-bottom: 20px;
}
#main_column.colnum3 div.subphotoimg {
float: right;
width: 35%;
text-align: right;
}

/* 商品情報 各種設定
----------------------------------------------- */
#detailarea dl{
margin: 2px 0 ;
border: 0px solid #ccc;
width: 100%;
box-sizing: border-box;

text-align: left;
}

#detailarea .relative_cat {
margin: 0 0 20px 0;
}

#detailarea .sub_comment1 p,
#detailarea .main_comment p {
line-height: 180%;
margin:15px 0;
}

#detailarea .sub_comment1 a,
#detailarea .main_comment a {
color: #000aaa;
font-size:110%;
line-height: 180%;
margin:20px 0;
}


.maker-link{
color: #000aaa;
font-weight: bold;
font-size:110%;
line-height: 180%;
margin:20px 0;
}


p .note {
color: #e11200;
font-size:100%;
line-height: 100%;
margin:15px 0;
}

/* 商品コード */
#detailarea .point dt,
#detailarea .product_code dt{
    display: inline;
}

#detailarea .point dd,
#detailarea .product_code dd{
    display: inline;
}

/* 商品ステータス */
#detailarea ul.status_icon {
	width: 100%;
	margin-top: 5px;
}
#detailarea ul.status_icon li {
margin-right: 5px;
margin-bottom: 3px;
float: left;
}

/* 通常価格 */
#detailarea .normal_price dt,
#detailarea .normal_price dd {
display: inline;
}

/* 販売価格 */
#detailarea .sale_price_ditail {
    margin-bottom: 1em;
}
#detailarea .sale_price_ditail dt,
#detailarea .sale_price_ditail dd {
display: inline;
}

#detailarea .sale_price_ditail dd.price02_org {
font-size: 60%;
font-weight: normal;
display: block;
}

/* ポイント */
#detailarea .point dt,
#detailarea .point dd {
display: inline;
}

/* QR コード */
#detailarea .qr_area {
    margin: 1em 0;
}

/* 規格 */
#detailarea div.classlist {
margin-bottom: 10px;
padding-bottom: 10px;
width: 100%;
border-bottom: 1px dotted #ccc;
}
#detailarea .classlist {
margin-bottom: 5px;
}
#detailarea ul {
	/* [disabled]margin-bottom: 10px; */
}
#detailarea ul li {
	/* [disabled]vertical-align: top; */
	/* [disabled]float: left; */
}

/* メーカー */
#detailarea .maker dt,
#detailarea .maker dd {
display: inline;
}

/* メーカーURL */
#detailarea .comment1 dt,
#detailarea .comment1 dd {
display: inline;
}

/* 関連カテゴリ */
#detailarea .relative_cat dd {
margin-left: 1em;
}

/* この商品をシェア */
body.LC_Page_Products_Detail .sns_share_button_area_outer {
    position: relative;
}
body.LC_Page_Products_Detail .sns_share_button_area_outer .nouki {
    position: absolute;
    bottom: 0;
    right: 0;
}
body.LC_Page_Products_Detail .sns_share_button_area {
    margin-top: 1.2em;
}
body.LC_Page_Products_Detail .sns_share_button_area > * {
    display: inline-block;
}
body.LC_Page_Products_Detail .sns_share_button_area > p {
    vertical-align: text-bottom;
    padding-right: 1ex;
}
body.LC_Page_Products_Detail .sns_share_button_area a + a {
    margin-left: 1ex;
}

/* 在庫状況 */
.stock_info_area {
}
.stock_info_area .quantity.stock {
font-weight: bold;
}
#tb-stock-info {
	margin: 0;
	width: 100%;
}
.nouki{
	padding-top: 15px;
}
.nouki a{
	font-size: 14px;
	color: #000;
	text-decoration: underline;
}
.nouki a:hover{
	color: #5E604A;
}
#tb-stock-info th {
text-align: center;
}
#tb-stock-info td {
background-color: #fff;
}
#tb-stock-info td span,
#tb-stock-info td:nth-child(3) span,
#tb-stock-info td:nth-child(6) span{
	color: #F00;
}

#tb-stock-info .center {
text-align: center;
}
#tb-stock-info .shop_stock {
    margin-top: 4px;
}

/* 買い物カゴ */
#detailarea .cart_area {
	width: 100%;
	margin-top: 8px;
}
#detailarea .cart_area *{
    -webkit-box-sizing:content-box;
       -moz-box-sizing:content-box;
         -o-box-sizing:content-box;
        -ms-box-sizing:content-box;
            box-sizing:content-box;
}
#detailarea .quantity {
margin-bottom: 10px;
}
#detailarea .quantity dt,
#detailarea .quantity dd {
display: inline;
}
#detailarea .cartin {
text-align: center;
}
#detailarea .cartin_btn {
text-align: center;
}
#detailarea .favorite_btn {
text-align: left;
margin-top: 10px;
margin-bottom: 10px;
}
#detailarea .favorite_btn a{
color: #000;
text-decoration: none;
}
#detailarea #tb-stock-info th > .class_name2,
#detailarea #tb-stock-info td > .class_name2 {
	font-size: 10px;
    line-height: 2em;
color:#e15200;
}

#detailarea #tb-stock-info td > .class_name1 {
	font-size: 10px;
    line-height: 1.5em;
}

#detailarea #tb-stock-info td > .notice_arrival_count {
    font-size: 12px;
    line-height: 1.25;
}

#notice_arrival_products_area .midashi {
text-align: left;
}
#notice_arrival_products_area table {
width: 100%;
}
#notice_arrival_products_area th,
#notice_arrival_products_area td {
text-align: center;
}

/* お客様の声
----------------------------------------------- */
#customervoice_area .review_bloc {
    margin-bottom: 20px;
    padding: 10px;
    background-color: #EEEFF0;
}
#customervoice_area .review_bloc p {
    padding-top: 3px;
    margin-right: 10px;
    float: left;
}
.review_list {
    clear: both;
}
.review_list + li {
    margin-bottom: 1em;
}
.review_list .review_one .product_name {
    padding: 10px 15px;
    float: left;
}
.review_list .review_one .head_right {
    float: right;
    margin-right: 1em;
}
.review_list .review_comment_count {
    font-size: 100%;
}
.review_list .product_name {
    font-size: 120%;
    color: red;
    font-weight: bold;
    padding: 5px;
}
.review_list .box_yellow,
.review_list .box_yellow2 {
    clear: both;
    width: 100%;
}
.review_list .fix > .box_yellow,
.review_list .fix > .box_yellow2 {
    border-color: #333;
    background-color: #FFF;
}
.review_list .voiceimages {
    padding: 10px calc(10px - 1%);
    text-align: right;
    clear: both;
    display: block;
}
.review_list .voiceimages > li {
    display: inline;
}
.review_list .voiceimages > li img {
    padding: 0 1%;
    width: 20%;
    max-width: 120px;
}
.review_list .comment_one form.edit_comment {
    display: none;
}
.review_list .good_button:link {
}
.review_list .review_one.i_gooded_it .review_good_button:link,
.review_list .comment_one.i_gooded_it .comment_good_button:link {
    color: red;
}
.review_list .good_button_area {
    text-align: right;
    font-size: 110%;
font-weight: bold;
    clear: both;
}

.review_list .recommend_level {
    float: right;
    background-color: #fff;
border-radius: 5px;
    margin: .5em 0 .5em .5em;
    padding: 0.2em;
    font-size: 150%;
}
.review_list form.add_comment,
.review_list form.edit_comment {
    position: relative;
}
.review_list form.add_comment input[type="submit"],
.review_list form.add_comment input[type="reset"],
.review_list form.edit_comment input[type="submit"],
.review_list form.edit_comment input[type="reset"] {
    position: absolute;
    bottom: 0;
}
.review_list form.add_comment textarea[name="comment"],
.review_list form.edit_comment textarea[name="comment"] {
    width: calc(100% - 0.4em - 20%);
    margin-right: 0.4em;
    height: 3.3em; /* 実質2行強 */
}
.review_list form.add_comment input[type="submit"] {
    width: 20%;
}
.review_list form.edit_comment textarea[name="comment"] {
    width: calc(100% - 0.4em - 10% - 15%);
}
.review_list form.edit_comment input[type="submit"] {
    right: 15%;
    width: 10%;
}
.review_list form.edit_comment input[type="reset"] {
    right: 0;
    width: 15%;
}
.review_list .review_count .value,
.review_list .total_good .value,
.review_list .review_comment_count .value {
    color: #f00;
}
.review_list .reviewer_image.thumbnail {
    vertical-align: middle;
}
.review_list .voice_bar {
color:#666;
padding: 3px 10px;
background-color: #eee;
border-radius: 5px;
width:100%;
overflow: hidden;
}
.review_list .voicetitle {
    font-size: 120%;
float:left;
color: #333;
font-weight: bold;
}
.review_list .voicedate {
float:right;
}
.review_list .voicecomment {
padding: 10px;
font-size:95%;
line-height: 160%;
}

.review_side_name {
font-size: 12px;
padding: 10px 3px;
}

body.LC_Page_Products_ReviewOne #undercolumn .tpl_level_agv {
text-align: center;
margin: 1em 0;
}
body.LC_Page_Products_ReviewOne #undercolumn .tpl_level_agv .title {
padding: 4px 10px;
background: #333;
font-size: 14px;
color: #fff;
text-align: center;
}
body.LC_Page_Products_ReviewOne #undercolumn .tpl_level_agv .body {
padding: 10px;
background: #f1f1f0;
border: 1px solid #e0e0e0;
border-top: none;
}
body.LC_Page_Products_ReviewOne #undercolumn .tpl_level_agv .body .value {
font-size: 2em;
margin-bottom: 0.8ex;
}
body.LC_Page_Products_ReviewOne #undercolumn .tpl_level_agv .body .star_area {
}
.item-line-list {
padding: 0.5em 0;
clear: both;
}
.item-line-list + .item-line-list {
border-top: 1px dotted #ccc;
}
.voice-detail{
padding:8px;
border-bottom:1px dotted #ccc;
font-size: 90%;

}
section.review_orderby {
    clear: both;
}
.review_comments .voicetitle {
    font-size: 95%;
}
.reviewer_image.thumbnail {
    object-fit: contain;
    width: 25px;
    height: 25px;
}

/* 関連商品（商品部分はbloc.cssのおすすめ商品と共通）
----------------------------------------------- */
div#whobought_area {
clear: both;
padding: 35px 0 0 0;
}
div#whobought_area h2 {
padding: 6px 5px 5px;
margin-bottom: 10px;
background: #555;
border-left: 15px solid #222;
font-size: 16px;
color: #fff;
}

/* 同時購入オプション
----------------------------------------------- */
#package_purchase {
    margin: 1.5em 0;
}
#detailarea .cart_area #package_purchase * { /* 既存CSSを上書きするため、上位階層から指定している */
    box-sizing: border-box;
}
#package_purchase header {
    margin-bottom: 0.6em;
}
#package_purchase header h3,
#package_purchase header p {
    display: inline;
}
#package_purchase header h3 {
    font-weight: bold;
    font-size: 110%;
}
#package_purchase article {
    padding: 0 5px;
    width: 20%;
    float: left;
    text-align: center;
}
#package_purchase article h3 {
    font-weight: normal;
    font-size: 90%;
    line-height: 1.2;
}
#package_purchase article .price02 {
    color: #DF0B00;
}
#package_purchase article label {
    display: block;
    border: #ddd solid 1px;
    padding: 3px;
}

/* ***********************************************
▼カートの中
/*********************************************** */
/* 現在のカゴの中
----------------------------------------------- */
div#undercolumn_cart .point_announce {
padding: 20px;
margin-bottom: 20px;
background: #EEEFF0;
font-size: 100%;
text-align: center;
line-height: 140%;
}
div#undercolumn_cart .totalmoney_area {
margin-bottom: 20px;
}
div#undercolumn_cart p {
margin: 10px 5px;
}
div#undercolumn ul#quantity_level li {
padding: 3px;
display: inline;
}
div#undercolumn .empty {
text-align: left;
}
div.form_area {
margin-bottom: 30px;
}

/* お客様情報入力
----------------------------------------------- */
div#undercolumn_customer {
}
.flow_area {
margin: 0 0 20px 0;
}
div#undercolumn_customer th em {
color: #000;
font-weight: bold;
}

/* お支払い方法・お届け時間等の指定
----------------------------------------------- */
div#undercolumn_shopping .pay_area {
margin: 0 auto 30px;
width: 100%;
}
div#undercolumn_shopping .pay_area02 {
margin: 40px auto 30px auto;
}
div#undercolumn_shopping .pay_area02 .txtarea {
margin: 5px 0 0 0;
padding: 2px;
border: 1px solid #ccc;
width: 99%;
height: 150px;
}
div#undercolumn_shopping .pay_area02 .select-msg {
margin-bottom: 10px;
}
div#undercolumn_shopping .point_area {
margin: 40px auto 0 auto;
}
div#undercolumn_shopping .point_area .point_announce {
padding: 20px;
border: 1px solid #ccc;
}
div#undercolumn_shopping .point_area p {
margin-bottom: 20px;
}
div#undercolumn_shopping .point_area .point_announce li {
margin-bottom: 5px;
}

/* お届け先の指定
----------------------------------------------- */
#address_area {
margin-bottom: 10px;
width: 100%;
}
#address_area .information {
width: 65%;
float: left;
}
#undercolumn_shopping .information {
margin-bottom: 15px;
}
#address_area .add_multiple {
padding: 15px 10px;
float: right;
width: 30%;
color: #555;
background: #EEEFF0;
text-align: center;
font-weight: bold;
}
#address_area .add_multiple p {
margin-bottom: 10px;
}
#address_area p.addbtn {
font-weight: bold;
font-size: 10px;
}

/* ステップナビ
----------------------------------------------- */
.flow_area {
margin: 0 0 10px 0;
width: 100%;
}
.flow_inner {
float: left;
width: 98%;
}
div.step{
position: relative;
width: 22.5%;
height: 60px;
background: #ccc;
text-align: center;
padding-left: 10px;
float: right;
border-left: 2px solid #fff;
}
div.step:after{
content: "";
position: absolute;
right: -10px;/* div.step#width + div.step#padding-left = 130px */
top: 0;
width: 0;
border-top: 30px solid transparent; /* div.step#height/2 */
border-bottom: 30px solid transparent; /* div.step#height/2 */
border-left: 10px solid #ccc;
}
div.step:before{
content: "";
position: absolute;
left: 0;
top: 0;
width: 0;
border-top: 30px solid transparent;
border-bottom: 30px solid transparent;
border-left: 10px solid #fff;
}
div.step span{
line-height: 50px;
color: #fff;
padding-left: 10px;
padding-right: 10px;
}
div.step dl{
margin: 0;
padding: 0;
}
div.step dt{
margin-bottom: -1px;
padding-top: 5px;
font-weight: normal;
color: #e6e6e6;
font-size: 85%;
}
div.step dd{
font-weight: bold;
color: #e6e6e6;
}
div.step.current dt{
margin-bottom: -1px;
padding-top: 5px;
font-weight: normal;
color: #fff;
}
div.step.current dd{
font-weight: bold;
color: #fff;
}
div.current{
background: #333;
}
div.current:after{
border-left: 10px solid #333;
}

.free_comment {
    margin-right: auto;
    margin-left: auto;
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 5px;
}
/* ==============================================
▼検索結果
=============================================== */
p.condition_area {
margin: 0 auto;
padding: 5px;
border: solid 1px #333;
width: 566px;
}

.LC_Page_Products_Detail .ui-tooltip.dark {
    background: #1B1E24;
    color: #fff;
}
.LC_Page_Products_Detail .ui-tooltip.dark p {
    color: #fff;
}
/** table.css から移動 ここから */
/************************************************
 tables
************************************************ */
/* デフォルトテーブル
----------------------------------------------- */
table {
margin: 15px auto 20px auto;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
width: 100%;
border-collapse: collapse;

}
table th {
	color: #333;
	background-color: #eeeeee;
	font-weight: normal;
	border: 1px solid #A0A0A0;
	vertical-align: middle;
	padding: 5px;
}
table td {
padding: 8px;
border-right: 1px solid  #A0A0A0;
border-bottom: 1px solid  #A0A0A0;
background:#fff;
color: #333;
}

#tb-stock-info th{
	color: #333;
	background-color: #eeeeee;
	font-weight: normal;
	border: 1px solid #A0A0A0;
}
#tb-stock-info td {
padding: 3px;
border: 1px solid #A0A0A0;
text-align: center;
}
#tb-stock-info th,
#tb-stock-info td{
	padding: 3px;
	vertical-align: middle;
}
#tb-stock-info td.shop_stock {
    color: #333;
    font-size: 75%;
    background-color: #eeeeee;
    font-weight: normal;
}
.stock_info_area #tb-stock-info th:first-child{
	width: 80px;
}
.stock_info_area #tb-stock-info th:first-child small{
	font-size:11px;
}
.stock_info_area #tb-stock-info th:nth-child(2){
	width: 90px;
}
.stock_info_area #tb-stock-info th:nth-child(3){
	width: 90px;
}
.stock_info_area #tb-stock-info th:nth-child(4){
	width: 80px;
}
.stock_info_area #tb-stock-info td:nth-child(4) span.pt1{
	color: #F00;
}
.stock_info_area #tb-stock-info th:nth-child(5){
	width: 60px;
}
.stock_info_area #tb-stock-info th:nth-child(6){
}

/* 見出し
----------------------------------------------- */
div#undercolumn_shopping table th[scope=col] {
text-align: center;
}
div#undercolumn_shopping table.delivname th {
width: 155px;
}

/* MYページ */
div#mycontents_area table th {
text-align: left;
}
div#mycontents_area table th.alignR {
text-align: right;
}
div#mycontents_area table th.alignL {
text-align: left;
}
div#mycontents_area table th.alignC {
text-align: center;
}
div#mycontents_area table th.resulttd {
text-align: right;
}
div#mycontents_area table caption {
padding: 8px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
color: #333;
background: #f1f1f0;
text-align: left;
font-weight: bold;
}

/* その他
----------------------------------------------- */
select.detail {
  background: #fffdf4;
  border: 2px solid #d2ba85;
  border-radius: 5px;
  color: #0c2245;
  height: 30px;
  line-height: 30px;
  text-align: left;
  text-indent: 5px;
  vertical-align: middle;
  width: 45px;
}
/** table.css から移動 ここまで */
/** bloc.css から移動 ここから */
/************************************************
 ブロック用
************************************************ */
/*** 目次 ***

▼ブロック共通
リスト
タイトル
ヘッダー上、フッター下のブロックエリア

▼各機能ブロックの指定
-新着情報
-現在のカゴの中
-カテゴリ
-ガイドリンク
-ログイン（サイド用）
-検索
-カレンダー
-おすすめ商品
* 商品詳細のオススメ商品 [whobought_area]
*/

/* ==============================================
ブロック共通
* #container から指定することで、ヘッダー・フッターには適用していない。
/* ============================================= */
#main_column .block_body {
}
.side_column .block_body {
padding: 10px;
background: #f1f1f0;
border-left: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
border-radius: 0px 0px 8px 8px / 0px 0px 8px 8px;
}
.side_column .block_body .box {
border: solid 1px #ccc;
width: 145px;
}

/* 外枠
----------------------------------------------- */
#container .block_outer {
padding: 0 10px 10px; /* #container の背景色を欠けさせないため敢えて padding */
}
#container #main_column .block_outer {
padding: 0 0 20px;
}
#container .side_column .block_outer {
padding: 0;
margin: 10px 0;
background-color: #fff;
}

/* リスト
----------------------------------------------- */
/* ログイン 検索条件 */
#container .block_outer .block_body dl.formlist {
margin-bottom: 8px;
}
#container .block_outer .block_body dl.formlist dd {
margin-bottom: 5px;
}
#container .block_outer .block_body dl.formlist dt {
margin-bottom: 3px;
}
#container .block_outer .block_body dl.formlist span {
vertical-align: top;
}

/* タイトル
----------------------------------------------- */
#guide_area .title,
#brand_area .title,
#link_area .title,
#login_area .title,
#search_area .title,
#search_products_simple_area .title,
#calender_area .title,
#cart_area .title,
#cart .title,
#category_area .title,
#bloc_new_review .title {
padding: 4px 10px;
background: #333;
font-size: 14px;
color: #fff;
border-radius: 5px 0px / 5px 0px;
}
#new_products_block .title,
#recommend_area .title,
#news_area .title {
padding: 6px 5px 5px;
background: #555;
border-left: 15px solid #222;
font-size: 16px;
color: #fff;
}

/* ***********************************************
▼各機能ブロックの指定
/*********************************************** */

/* ===============================================
▼新着情報
=============================================== */
#news_area .news_contents {
padding: 10px;
max-height: 260px;
height: auto !important; /* hack? */
height: 260px; /* hack? */
overflow: auto;
overflow-y: scroll;
}
#news_area dl.newslist {
}
#news_area dl.newslist dt {
margin-bottom: 5px;
}
#news_area dl.newslist dd {
margin-bottom: 10px;
padding-bottom: 10px;
}
#news_area h2 {
position: relative;
}
#news_area h2 .rss {
position: absolute;
right: 10px;
top: 10px;
}

/* ===============================================
▼現在のカゴの中
=============================================== */
#cart_area .information {
padding: 10px 0;
line-height: 150%;
font-size: 110%;
}
#cart_area .postage {
font-size: 80%;
margin-top: 10px;
padding-top: 10px;
}
#cart_area .postage .point_announce {
}
#cart_area .btn {
padding-bottom: 10px;
text-align: center;
}

/* ===============================================
▼カテゴリ
=============================================== */
#categorytree {
background: url("../img/bloc/category/bg-bottom.jpg") left bottom no-repeat,
url("../img/bloc/category/bg-side.jpg") left top repeat-y;
padding: 0 0 5px;
}
#categorytree img {
vertical-align: bottom;
}
#categorytree a:link {
text-decoration: underline;
display: block;
height: 100%;
}
#categorytree li {
height: 40px;
border-bottom: 1px dotted #F17C69;
font-size: 12px;
position: relative;
}
/* 1階層目のみ */
#categorytree li.level1 {
background:url("../img/bloc/category/icon-level1.gif") no-repeat left top;
width: 186px;
padding: 0 2px 0 12px;
}
#categorytree li.level1 > p a:link {
text-decoration: none;
}
/* 2階層目のみ */
#categorytree ul.level2 > li > p a:link {
background: url("../img/bloc/category/icon-level2.png") no-repeat left 15px;
}
/* 2階層目以下 */
#categorytree ul.level1 ul {
display: none;
z-index: 9998;
position: absolute;
top: 0;
}
#categorytree ul.level1 li:hover > ul {
display: block;
}
#categorytree ul.level2 li {
background: none #fff;
border-left: 1px solid #999;
border-right: 1px solid #999;
}
#categorytree ul.level2 li:first-child {
border-top: 1px dotted #F17C69;
}
#categorytree ul.level2 a:link {
padding: 0px 0px 0px 20px;
background: url("../img/bloc/category/icon-level3.png") no-repeat left 14px;
color: #333;
}
#categorytree ul.level2 a:hover,
#categorytree ul.level2 a.onlink {
background-color: #DDDDDD;
}

/** 幅調整 */
/* 基本(左サイドベース) */
#categorytree ul.level1 {
width: 200px;
line-height: 3.5em;
}
#categorytree ul.level1 ul {
width: 250px;
}

#categorytree ul.level2 {
left: 198px; /* 200px - 2px(border-left 1px分 + シフト 1px) */
}
#categorytree ul.level2 ul {
left: 248px;
}
/* 右サイド配置用 */
#rightcolumn #categorytree > ul ul.level2,
.floating #categorytree > ul ul.level2 {
left: auto;
right: 198px;
}
#rightcolumn #categorytree ul.level2 ul,
.floating #categorytree ul.level2 ul {
left: auto;
right: 248px;
}

/* ===============================================
▼ログイン（サイド用）
※ヘッダー用はbloc_alpha.css内に記述
=============================================== */
#container div#login_area .block_body {
padding: 10px;
}
#container div#login_area .block_body p {
margin-bottom: 5px;
}
#container div#login_area .block_body .btn {
text-align: center;
}
#container .login_area dl.formlist {
margin-bottom: 8px;
width: 450px;
}
#container .login_area dl.formlist dt {
margin-bottom: 3px;
padding-left: 15px;
color: #333;
background: url("../img/icon/ico_arrow_03.gif") no-repeat left;
width: 150px;
float: left;
font-size: 100%;
}
#container .login_area dl.formlist dd {
margin-bottom: 5px;
float: right;
width: 300px;
vertical-align: bottom;
text-align: left;
}
#container div#login_area .block_body .mini {
margin-top: 5px;
letter-spacing: -0.01em;
}

/* ===============================================
▼検索
=============================================== */
#container div#search_products_simple_area .block_body,
#container div#search_area .block_body {
padding: 10px;
}
#container div#search_products_simple_area .block_body .btn,
#container div#search_area .block_body .btn {
text-align: center;
}
#container div#search_products_simple_area .block_body p,
#container div#search_area .block_body p {
margin-bottom: 5px;
}

/* デジスト追加分 */
.search1 li{
margin: 2px;
float: right;
}

/* 【中央】商品検索 (商品名のみ) */
#search_tx {
/*width: 250px;
height: 25px;
font-size: 130%;
font-weight: bold;
border-radius: 5px;
border-width: 2px;
border-color: #d0c1af;
*/}


/* ===============================================
▼カレンダー
=============================================== */
#calender_area {
background-color: transparent;
border: none;
}
#calender_area .block_body {
padding: 10px;
}
#calender_area table {
width: 100%;
margin: 0 auto 5px;
background: #fff;
font-size: 90%;
}
#calender_area table td {
padding: 1px 3px;
border-top: 1px solid #ccc;
text-align: center;
}
#calender_area th {
padding: 1px 3px;
background: #fff;
text-align: center;
}
#calender_area table .month {
margin-bottom: 5px;
font-size: 120%;
}
#calender_area .off {
color: #e16871;
}
#calender_area .today {
background-color: #FFF99D;
font-weight: bold;
}
#calender_area .information {
font-size: 90%;
}

/* ===============================================
▼おすすめ商品
=============================================== */
/*
 tplファイルのマークアップが同じ項目
 メインカラム用
 サイドカラム用 [side_column]
 商品詳細のオススメ商品 [whobought_area]
=============================================== */
/* 共通
----------------------------------------------- */
#recommend_area .block_body,
#whobought_area .product_item {
padding: 10px 0 10px;
border: none;
background-color: #fff;
}
#recommend_area .block_body p,
#whobought_area .product_item p {
margin: 0 0 5px 0;
}
#recommend_area .block_body img,
#whobought_area .product_item img {
margin: 0 5px 0 0;
}
#recommend_area .block_body h3,
#whobought_area .product_item h3 {
font-size: 100%;
font-weight: normal;
}
/* サイドカラム用 */
.side_column #recommend_area .product_item {
margin-bottom: 10px;
}

/* 画像
----------------------------------------------- */
/* メインカラム用 */
#main_column #recommend_area .block_body .productImage,
#whobought_area .product_item .productImage {
margin-bottom: 10px;
float: left;
width: 90px;
}
/* サイドカラム用 */
.side_column #recommend_area .block_body .productImage {
float: none;
text-align: center;
width: auto;
}


/* 左右の振り分け
----------------------------------------------- */
#main_column #recommend_area .product_item,
#whobought_area .product_item {
float: left;
width: 47.5%;
padding-left: 1%;
padding-right: 1%;
}
#whobought_area .product_item {
width: 46%;
margin: 0 1% 10px;
}


/* 商品説明テキスト
----------------------------------------------- */
/* メインカラム用 1カラム時*/
#main_column.colnum1 #recommend_area .block_body .productContents {
float: right;
width: 74%;
}
/* メインカラム用 2カラム時*/
#main_column.colnum2 #recommend_area .block_body .productContents,
#main_column.colnum2 #whobought_area .productContents {
float: right;
width: 74%;
}
/* メインカラム用 3カラム時*/
#main_column.colnum3 #recommend_area .block_body .productContents,
#main_column.colnum3 #whobought_area .productContents {
float: right;
width: 67%;
}
/* サイドカラム用 */
.side_column #recommend_area .block_body .productContents {
clear: both;
}


/* ===============================================
▼各種商品一覧 (3ブロック共通)
=============================================== */

/** 本文・サイド共用 */

.item-box-data{
padding: 5px;
font-size:10px;
line-height:130%;
}

.ranking_blocks *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.ranking_blocks {
margin-bottom: 1em;
}
.ranking_blocks h3 {
margin-bottom: 1ex;
}
.ranking_blocks .slider {
}

li.item-box-wrap {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ddd;
	border-left-color: #ddd;
	margin-bottom: 10px;
}

li.item-box-wrap .comment {
    margin-top: 1em;
}

.ranking_blocks .item-box-wrap {
	box-sizing: border-box;
	float: left;
	margin-right: -1px;
	position: relative;
	padding-right: 35px;
	padding-left: 35px;
	padding-top: 10px;
}
.ranking_blocks .listphoto{
    width: 100%; /* add.css の定義の上書き */
	border: none;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: relative;
	left: 0px;
	top: 10px;
}
.ranking_blocks div.listphoto a {
	width: auto; /* /user_data/packages/default/css/add.css 定義の上書き */
}
.ranking_blocks .listphoto img{
	width: 100%;
}
.ranking_blocks div.listrightbloc .stock_banner_area.sold a {
    width: 100%; /* add.css の定義の上書き */
}
.ranking_blocks.block_ranking_by_category div.listrightbloc .stock_banner_area.sold {
	position: absolute;
	left: 35px;
	top: 45px;
}

.ranking_blocks div.listrightbloc {
	margin-top: 10px;
}

.ranking_blocks .item-box-photo td {
padding: 0;
border:none;
text-align: center;
}
.ranking_blocks .item-box-photo .main_list_image {
max-width: 100%;
max-height: 100%;
}
.ranking_blocks .item-box-data{
	font-size: 12px;
	line-height: 1.2;
}
.ranking_blocks .item-box-data .item-box-price{
	position: absolute;
	left: 5px;
	top: 240px;
}
.ranking_blocks .item-box-data .off_price{
	font-size: 11px;
	color: #F00;
	margin-top: 0px;
}

.ranking_blocks .pager {
margin-bottom: 0.5ex;
text-align: center;
}
.ranking_blocks .pager button {
padding: 3px 7px;
font-size: 100% ;
	border-radius:3px;
}
.ranking_blocks .pager button:disabled {
color: #aaa;
}
.ranking_blocks .pager .pages {
display: inline-block;
margin: 0 1ex;
}
.ranking_blocks .pager .pages li {
display: inline-block;
color: #00f;
margin: 0 0.3ex;
padding: 5px 10px;
border: solid 1px #ccc;
    border-radius:3px;
}
.ranking_blocks .pager .pages li.active {
display: inline-block;
color: #fff;
background-color: #ddd;
}
.ranking_blocks .pager .pages li:not(.active) {
cursor: pointer;
color: #000;
background-color: #fff
}
.ranking_blocks .item-rank {
}
.ranking_blocks .item-rank span{
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
	color: #fff;
	background-color: #d50707;
	text-align: center;
	display: block;
    border-radius:3px;
width: 100%;
}

.ranking_blocks .ranking {
   background-color: orange;
    padding: 5px 20px;
    border-radius: 5px;
}

/** 820px 用 */
.cate_contents .ranking_blocks li.item-box-wrap {
    padding-right: 15px;
    padding-left: 15px;
    height: 305px;
}
.cate_contents .ranking_blocks div.listrightbloc .list_name {
    min-height: 6.52em; /* add.css の「div.listrightbloc .list_name」を上書き */
    margin: 0; /* contents.css の「div.listrightbloc .list_name」を上書き */
}

/** サイド用 */
.side_column .ranking_blocks .slider {
width: auto;
}
.side_column .ranking_blocks .item-box-wrap {
width: 100%;
height: 210px;
padding: 0;
}
.side_column .ranking_blocks .item-box-photo {
width: 100%; /* 「.side_column table」を上書きする目的 */
}
.side_column .ranking_blocks .item-box-photo .main_list_image {
top: auto;
}
.side_column .ranking_blocks .item-name {
line-height: 15px;
max-height: 30px;
text-overflow: ellipsis; /* 効かない */
overflow: hidden;
}
.side_column .ranking_blocks .item-box-price {
text-align: center;
}
.side_column .ranking_blocks .item-rank {
width: 40px;
float: left;
}

/* ===============================================
▼新着レビュー
=============================================== */
#bloc_new_review .block_body {
padding: 0 5px;
}
#bloc_new_review .voice-detail:last-child {
border-bottom: none;
padding-bottom: 0;
}
#bloc_new_review .voice-detail .photo_area {
float: left;
width: 40%;
box-sizing: border-box;
padding: 0 8px 4px 0;
}
#bloc_new_review .voice-detail .voicedate {
clear: both;
font-weight: bold;
}
#bloc_new_review .voice-detail .voicecomment {
font-size: 85%;
}

/* ===============================================
▼「新着商品」ブロック
=============================================== */
#new_products_block .list_area {
width: 25%;
display: inline-block;
float: none;
vertical-align: top;
margin-bottom: 0;
}
#new_products_block img.picture {
max-width: 100%;
}
#new_products_block div.listrightbloc h3 {
font-size: 100%;
}
#new_products_block div.listrightbloc .pricebox {
margin-bottom: 0;
font-size: 105%;
font-weight: bold;
}
#new_products_block div.listrightbloc .listcomment {
font-size: 95%;
margin-bottom: 0;
}
/** bloc.css から移動 ここまで */
/** bloc_alpha.css から移動 ここから */
/************************************************
 インヘッダーブロック
************************************************ */
#headerInternalColumn {
margin-top: 5px;
float: right;
width: 560px;
height: 35px;
}

/* ログイン（ヘッダー用）
----------------------------------------------- */
#header_login_area {
padding: 0;
height: 35px;
letter-spacing: -0.02em;
text-align: right;
margin-top: -12px;
}
#header_login_area ul.formlist {
margin-top: 5px;
}
#header_login_area ul.formlist li {
float: left;
}
#header_login_area ul.formlist li.mail {
padding-left: 28px;
width: 155px;
background: url("../img/common/ico_arrow_login.gif") no-repeat left;
font-size: 90%;
}
#header_login_area ul.formlist li.password {
padding-right: 5px;
}
#header_login_area ul.formlist li.login_memory {
padding-right: 5px;
font-size: 90%;
}
#header_login_area ul.formlist li.forgot {
margin-top: 3px;
padding-right: 5px;
font-size: 90%;
}
#header_login_area ul.formlist li.btn {
padding-right: 5px;
width: 53px;
}
#header_login_area p.btn {
height: 20px;
line-height: 20px;
padding: 5px 0;
vertical-align: middle;
}
#header_login_area p.btn input[type=image] {
vertical-align: middle;
}
#header_login_area input[type='text'],
#header_login_area input[type='password'] {
height: 14px;
}

/* ***********************************************
追加ブロック
************************************************ */
/* 共通
----------------------------------------------- */
#container .block_outer #banner_area .block_body {
border: none;
}

/* 【メイン】バナーエリア_02
----------------------------------------------- */
#main_column .block_outer #banner_area .block_body ul {
width: 100%;
}
#main_column .block_outer #banner_area .block_body ul li {
float: left;
}
#main_column .block_outer #banner_area .block_body ul li.sub_01 {
padding-right: 8px;
}

/* 【サイド】バナーエリア_01
----------------------------------------------- */
/* 【サイド】バナーエリア_02
----------------------------------------------- */
#leftcolumn .block_outer #banner_area .block_body ul li,
#rightcolumn .block_outer #banner_area .block_body ul li {
margin-bottom: 8px;
}
/** bloc_alpha.css から移動 ここまで */
/** popup.css から移動 ここから */
/************************************************
 ポップアップウィンドウ
************************************************ */
/* 共通
----------------------------------------------- */
div#windowcolumn {
    padding-top: 10px;
}
div#windowcolumn h2 {
    padding: 6px 5px 5px;
    margin-bottom: 10px;
    background: #555;
    border-left: 15px solid #222;
    font-size: 16px;
    color: #fff;
}
div#window_area {
    margin: 0 auto;
    padding-bottom: 20px;
    width: 540px;
    min-height: 300px;
    height: auto !important;
}
div#window_area p.information {
    margin-bottom: 20px;
}
div#window_area .message {
    margin-bottom: 20px;
    color: #740013;
    line-height: 150%;
    font-weight: bold;
    font-size: 140%;
}
div#window_area table {
    width: 540px;
}

/* お客様の声の書き込み、新しいお届け先の追加・変更
----------------------------------------------- */
div#window_area #forgot {
    margin: 0 auto;
    padding: 20px;
    width: 440px;
    border: 1px solid #EEEFF0;
    text-align: left;
}
div#window_area #forgot .mailaddres {
    margin-bottom: 10px;
}
div#window_area #forgot p {
    text-align: center;
}


/* 商品詳細拡大写真、カート拡大写真
----------------------------------------------- */
div#bigimage,
div#cartimage {
    margin-top: 15px;
    background-color: #fff;
    text-align: center;
}
div#bigimage img,
div#cartimage img {
    padding: 10px;
    background-color: #fff;
}

/* 郵便番号検索
----------------------------------------------- */
div#zipsearchcolumn {
    margin: 15px auto 0 auto;
    border-top: 5px solid #ffa85c;
    border-bottom: 5px solid #ffa85c;
    width: 460px;
    background-color: #fff;
}
div#zipsearchcolumn h2 {
    margin: 0 0 15px 0;
    width: 460px;
}
div#zipsearch_area {
    margin: 15px auto 0 auto;
    width: 460px;
}
div#zipsearchcolumn .btn {
    margin: 15px 0 30px 0;
    text-align: center;
}
div#zipsearch_area #completebox p {
    padding: 60px 5px;
    text-align: center;
}
/** popup.css から移動 ここまで */
/** add.css から移動 ここから */
/*======================　初期設定　======================*/
body,html{
    width: 100%;
}
body,html{
    min-width: 1080px;
}
.category_comment:after,
.item_info:after,
.brand_wrap:after,
.main_contents:after,
.body:after,
.container:after{
    content:".";
    display:block;
    clear:both;
    height:0px;
    visibility:hidden;
    font-size:0;
}
.container {
    width: 1040px;
    text-align: left;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    letter-spacing: 0.05em;
}

#list *,
.itemlist_wrap *,
.cat_wrap,
.cat_wrap *,
.brand_wrap,
.brand_wrap *{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.catbanner_wrap img{
    padding: 10px 0 0 0;
}
/*======================　ヘッダー　======================*/
.gnav_wrap {
    border-bottom-width: 2px;
    border-bottom-style: solid;
    position: relative;
}

.gnav{
    display: table;
    width: 1040px;
    letter-spacing: 1px;
    margin-right: auto;
    margin-left: auto;
}
.gnav>li {
    display: table-cell;
    vertical-align: middle;
    line-height: 1.2;
}

.gnav>li img{
    vertical-align: middle;

}
.gnav>li>a{
    color: #000;
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    display: block;
    height: 40px;
    padding-right: 10px;
    padding-left: 10px;
    line-height: 40px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-right-width: 1px;
    border-right-style: solid;
    margin-bottom: -2px;
}

.gnav>li>a span{
}
.gnav>li>a:hover{
    text-decoration: none;
    z-index: 1;
    color: #FFF;
}

.LC_Page_Index .gnav>li:nth-child(1)>a,
.LC_Page_AllCategories .gnav>li:nth-child(3)>a,
.gnav > li.active > a{
    text-decoration: none;
    z-index: 1;
    color: #FFF;
}
.local_nav{
    position: absolute;
    left: 0%;
    bottom: -48px;
    height: 46px;
    z-index: 1;
    display: none;
    padding-top: 6px;
}
.gnav>li.genre:hover .local_nav{
    display: block!important;
}
.gnav>li.genre:hover > a{
    text-decoration: none;
    z-index: 1;
    color: #FFF;
}
.local_nav > ul {
    display: table;
    width: 1040px;
    margin-right: auto;
    margin-left: auto;
    height: 40px;
    margin-top: 0px;
}
.local_nav > ul > li {
    display: table-cell;
    border-right-width: 2px;
    border-left-width: 2px;
    border-right-style: solid;
    border-left-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    min-width: 6em;
}
.local_nav > ul > li > a {
    color: #fff;
    background-color: #7e7f72;
    display: block;
    font-size: 14px;
    font-weight: bold;
    border-radius: 8px 8px 0px 0px;
    border-style: solid;
    border-width: 1px;
    border-color: #333;
    height: 40px;
    line-height: 40px;
    float: left;
    width: 100%;
    text-align:center;
   text-decoration: none;
}

.local_nav > ul > li > a.active,
.local_nav > ul > li:hover > a{
    display: block;
    background-color: #d46002;
    transition: background-color 300ms ease;
    color: #fff;
    text-decoration: none;
}
/* カテゴリー2階層目 (横展開) */
.local_nav > ul > li ul {
    background-color: rgba( 51, 51, 51, 0.95 )
}
.local_nav > ul > li > ul {
    display: none;
    position: absolute;
    left: 0;
    top: 45px;
    width: 100%;
    padding: 1em ;
}
.local_nav > ul > li > ul.js_show {
    display: block;
}
.local_nav > ul > li > ul > li {
    display: inline-block;
    vertical-align: top;
    width: 10em;
    padding: 0.5em;
}
.local_nav > ul > li > ul > li a {
    font-size: 85%;
    display: block;
    color: #fc8302;
    text-decoration: none;
    padding: 1px 3px;
}
.local_nav > ul > li > ul > li a.active,
.local_nav > ul > li > ul > li a:hover {
    color: #FFF;
}
.local_nav > ul > li > ul > li > a.active,
.local_nav > ul > li > ul > li > a:hover {
    text-decoration: underline;
}
.local_nav > ul > li > ul > li > a {
    font-weight: bold;
    margin-bottom: 0.5em;
}
/* カテゴリー3階層目 (縦展開) */
.local_nav > ul > li > ul > li > ul {
    display: block;
    font-size: 75%;
    background-color: rgba( 51, 51, 51, 0 )
}
.local_nav > ul > li > ul > li > ul > li {
    position: relative;

}
.local_nav > ul > li > ul > li > ul > li a {
    line-height: 1.45;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #fff;
}
.local_nav > ul > li > ul > li > ul > li a:active,
.local_nav > ul > li > ul > li > ul > li a:hover {
    text-decoration: none;
}
.local_nav > ul > li > ul > li > ul li:active,
.local_nav > ul > li > ul > li > ul li:hover {
    background-color: #555;
}
.local_nav > ul > li > ul > li > ul > li:active,
.local_nav > ul > li > ul > li > ul > li:hover {
}
/* カテゴリー4階層目 (プルダウン) */
.local_nav > ul > li > ul > li > ul > li ul {
    display: none;
    z-index: 2;
    position: absolute;
    left: 11em;
    top: 0;
    border: #aaa 1px solid;
    box-shadow: 0px 0px 12px rgba(160, 160, 160, 0.6);
}
.local_nav > ul > li > ul > li > ul > li:hover > ul {
    /* display: block; 位置調整の関係で JavaScript で対応している。 */
}
.local_nav > ul > li > ul > li > ul > li > ul a {
}
.local_nav > ul > li > ul > li > ul > li > ul > li {
    position: relative;
}
/* カテゴリー5階層目 (プルダウン) */
.local_nav > ul > li > ul > li > ul > li > ul > li > ul {
    z-index: 3;
    left: 100%;
}
.local_nav > ul > li > ul > li > ul > li > ul > li:hover > ul {
    /* display: block; 位置調整の関係で JavaScript で対応している。 */
}
.header {
    position: relative;
    height: 170px;
    border-top-width: 35px;
    border-top-style: solid;
}
.header .container{
    margin-top: -40px;
    height: 130px;
}
.header_logo {
    position: absolute;
    left: 0px;
    top: 50px;
    width: 250px;
    overflow: hidden;
}
.header .description {
    font-size: 14px;
    line-height: 35px;
    letter-spacing: 0.5px;
    font-weight: none;
   padding-top: 5px;
}

.header .description a {
    color: #fff;
   text-decoration: none;
   border-bottom: 1px solid #fff;
   padding-bottom: 2px;

}
.search_box {
}
.search_box table{
    border: 1px solid #CCC;
}
.search_box th,
.search_box td{
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    vertical-align: middle;
}
.search_box th{
    padding-right: 0px;
    padding-left: 0px;
    text-align: center;
}
.search_box td{
}
.header_top {
    color: #FFF;
}
.header_top .btn_cart {
    position: absolute;
    top: 5px;
    right: 0px;
}
.header_top .btn_cart a {
    font-size: 14px;
    line-height: 35px;
    color: #FFF;
    background-color: #656565;
    background-image: url(../img/common/icon_cart.png);
    background-repeat: no-repeat;
    background-position: 13px 11px;
    display: block;
    height: 35px;
    width: 100px;
    padding-left: 35px;
    font-weight: bold;
}
.header_top .btn_cart a:hover{
    color: #FFF;
    background-color: #C8C8C8;
    background-image: url(../img/common/icon_cart.png);
    background-repeat: no-repeat;
    background-position: 13px 11px;
    text-decoration: none;
}
.header_top .login_nav {
    background-color: #000;
    height: 35px;
    position: absolute;
    top: 5px;
    right: 100px;
}
.header_top .login_nav li{
    float: left;
    height: 35px;
}
.header_top .login_nav li > span,
.header_top .login_nav li a{
    display: block;
}
.header_top .login_nav li a{
    padding-top: 11px;
    text-decoration: none;
}
.header_top .login_nav li a:hover{
    text-decoration: none!important;
}
.header_top .login_nav li > span{
    margin-top: 13px;
}
.header_top .login_nav li > span,
.header_top .login_nav li a > span{
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    display: block;
    padding-right: 10px;
    padding-left: 10px;
    height: 14px;
    line-height: 1;
 text-decoration: none;
}


.search_header{
    position: absolute;
    top: 50px;
    right: 0px;
}
.search_header .sub_box{
    font-size: 12px;
    margin-top: 5px;
}
.search_header .sub_box li{
    float: right;
    margin-left: 5px;
}
.search_header .sub_box li:first-child{
    margin-left:20px;
}
.search_header .sub_box li a{
   text-decoration: none;
   border-bottom: 1px solid #fff;
}
.search_header .sub_box li a:hover{
    text-decoration: underline;
}
.search_header .sub_box li:after{
    content: "/";
    margin-left: 5px;
}
.search_header .sub_box li:last-child:after,
.search_header .sub_box li:first-child:after{
    content:"";
}

#header_search_form * {
    box-sizing: border-box;
}
#header_search_form select[name="category_id"],
#header_search_form select[name="maker_id"] {
    width: 150px;
    border: none;
    padding-left: 2px;
    height: 100%;
    font-size: 12px;
}
#header_search_form select[name="category_id"] {
    background-color: #000;
    color: #fff;
}
#header_search_form input {
    width: 300px;
    font-size: 12px;
    padding-left: 5px;
    height: 100%;
    border: none;
}
#header_search_form li {
    float: left;
    height: 36px;
    border: solid #000;
    border-width: 2px 0;
}
#header_search_form li:first-child{
    border-left-width: 2px;
    border-right: none;
    border-radius: 5px 0px 0px 5px;
}
#header_search_form li:last-child {
    border-right-width: 2px;
    border-left: none;
    border-radius: 0px 5px 5px 0px;
}
#header_search_form li.deselect_area {
    width: 75px;
    position: relative;
    border-left: none;
}
#header_search_form li.deselect_area img {
    width: 70px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
#header_search_form li.maker_area {
    border-left-width: 2px;
}
#header_search_form li.search_button_area a {
    font-size: 14px;
    height: 100%;
    line-height: 32px;
    color: #FFF;
    background-color: #000;
    display: block;
    background-image: url(../img/common/icon_loope.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    padding: 0 5px 0 36px;
    font-weight: bold;
    margin-right: -1px; /* GC 白線隠し */
}
#header_search_form li.search_button_area a:hover {
    color: #FFF;
    background-image: url(../img/common/icon_loope.png);
    background-repeat: no-repeat;
    text-decoration: none;
}

/*======================　フッター　======================*/
.footer_wrap {
    background-image: url(../img/common/bg_footer.jpg);
    background-repeat: repeat;
    background-position: 0px 0px;
    padding: 15px 0;
    border-top-width: 195px;
    border-top-style: solid;
    border-top-color: #E5E5E5;
}
.footer_info {
    margin-top: -195px;
    height: 195px;
}
.footer_info li{
    float:left;
}
.footer_info li a{
    display: block;
    height: 117px;
    width: 204px;
    margin-top: 10px;
}
.footer_sns {
    background-color: #FFF;
}
.footer_sns a{
    text-decoration: none;
}
.footer_sns {
    display: table;
    width: 1020px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 27px;
    margin-bottom: 27px;
}
.fsns {
    float: left;
    width: 160px;
    margin: 5px;
    padding: 0 8px;
    background-color: #eee;
border-radius: 5px;
}

.fsns dt{
    margin: 10px 0 15px 0;
}

.fsns dl{
    font-size: 11px;
    line-height: 1.7;
}

.fnav_wrap a{
    text-decoration: none;
}
.fnav {
    float: left;
    width: 205px;
}

.fnav dl{
}

.fnav dl a{
    font-size: 12px;
    line-height: 1.7;
    color: #fff;
    text-decoration: none;
}

.footer_contact a{
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    text-decoration: none;
}
.fnav dt{
    margin-bottom: 3px;
}
.fnav dt span,
.fnav dt a{
    font-size: 14px;
    background-image: url(../img/common/mark_triangle.png);
    background-repeat: no-repeat;
    background-position: 0px center;
    padding-left: 10px;
    color: #FFF;
}
.fnav dd{
    padding-left: 2em;
}
.fnav dd a{
}
.copyright {
    line-height: 40px;
    color: #FFF;
    text-align: center;
}
.pagenavi{}
.pagenavi a{
    display: block;
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index:9999;
}

.fdammy {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

/*======================　共通パーツ　======================*/
a.btn_1 {
    line-height: 42px;
    color: #000;
    text-decoration: none;
    background-color: #CCC;
    display: block;
    width: 86px;
    text-align: center;
    border-radius: 8px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #FFF;
    border-bottom-color: #FFF;
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
    background: -moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
    background-color: #f9f9f9;
    text-shadow: 0px 1px 0px #ffffff;
    border-top-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-left-style: solid;
    border-top-color: #CCC;
    border-left-color: #CCC;
    font-size: 16px;
    margin-right: 80px;
}
a.btn_1:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
    background: -moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background: -webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background: -o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background: -ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background: linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
    background-color: #e9e9e9;
    color: #000;
    text-decoration: none;
}


.hl_pt1{
    padding-top: 17px;
    padding-bottom: 15px;
    background-color: #DBDBDB;
    margin-top: 20px;
}
.hl_pt1 span{
    font-size: 32px;
    font-weight: bold;
    color: #000;
    text-align: left;
    display: block;
    width: 1040px;
    margin-right: auto;
    margin-left: auto;
}
.sugoi_wrap {
    padding-top: 15px;
    padding-bottom: 30px;
    background-image: url(../img/common/sugoi_bg.jpg);
    background-repeat: repeat-x;
    background-position: center 0px;
    /* [disabled]height: 475px; */
    margin-top: 50px;
}
.sugoi_wrap p{
    text-align: center;
    margin-top: -40px;
}

.sugoi_wrap ul{
    padding-top: 10px;
    width: 900px;
    margin-right: auto;
    margin-left: auto;
}
.sugoi_wrap li{
    float: left;
    width: 300px;
    height: 277px;
    text-align: center;
}

/*.sugoi_wrap li a {
    color: #fff;
    text-decoration: none;
    text-align: center;
    position: relative;
    z-index: 10;
    display: block;
    width: 200px;
    height: 200px;
    line-height: 200px;
}

.sugoi_wrap li a::before {
    content: '';
    background-color: #687A46;
    display: block;
    position: absolute;
    width: 200px;
    height: 200px;
    z-index: -1;
    border-radius: 50%;
    box-shadow:
        0 0 0 0 #fff,
        0 0 0 0 #687A46;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
}
.sugoi_wrap li a:hover::before {
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
    box-shadow:
        0 0 0 15px #fff,
        0 0 0 17px #687A46;
}
*/
.img_op:hover {
  -webkit-animation: flash 1s;
  animation: flash 1s;
}

.img_op:active {
  transition-duration: 0.1s;
}
.img_op2:hover {
  -webkit-animation: flash2 1s;
  animation: flash2 1s;
}

.img_op2:active {
  transition-duration: 0.1s;
}

@-webkit-keyframes flash {
  0% { opacity: 1; }
  10% { opacity: 0.2; }
  100% {  opacity: 1;  }
}

@keyframes flash {
  0% { opacity: 1; }
  10% { opacity: 0.2; }
  100% {  opacity: 1;  }
}
@-webkit-keyframes flash2 {
  0% { opacity: 1; }
  10% { opacity: 0.7; }
  80% {  opacity: 1;  }
  100% {  opacity: 1;  }
}

@keyframes flash2 {
  0% { opacity: 1; }
  10% { opacity: 0.7; }
  80% {  opacity: 1;  }
  100% {  opacity: 1;  }
}
.h-uline {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.h-uline:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #F59527;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.h-uline:hover:before, .h-uline:focus:before, .h-uline:active:before {
  right: 0;
}
.banner_list{
    width: 1060px;
}
.banner_list li{
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}
/* Bob */
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }

  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }

  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  50% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }

  100% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}

@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}

@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}

.hvr-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-bob:hover{
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .2s, .5s;
  animation-duration: .2s, .5s;
  -webkit-animation-delay: 0s, .1s;
  animation-delay: 0s, .1s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}
.hvr-bob{
     display: inline-block;
     vertical-align: middle;
    cursor: pointer;
}
.pagetitle_wrap{
    background-color: #C2272D;
    margin-top: 8px;
    margin-bottom: 10px;
}
.hl_pt2 {
    font-size: 20px;
    font-weight: bold;
    color: #000;
    border-width: 0 0 2px 5px;
    border-style: solid;
    padding: 0 0 5px 10px;
    border-color: #a8b52b;
}
.category_wrap {
    background-color: #E3E5DA;
    padding-top: 10px;
    padding-bottom: 10px;
}
.hl_pt3 {
    font-size: 18px;
    font-weight: bold;
    background-color: #c5c7a8;
    padding: 5px 10px;
    border-radius:5px;
    margin-bottom:  0 10px;
}
.side_wrap .hl_pt3{
    text-align: center;
    padding: 5px;
    border-radius:5px;
    margin:  5px 0;
}
.hl_pt4 {
    font-size: 15px;
    font-weight: bold;
    background-color: #000;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 10px;
    padding-left: 10px;
    color: #FFF;
    border-radius:5px 5px 0 0;
}
.side_wrap .hl_pt4{
    text-align: center;
    padding-right: 0px;
    padding-left: 0px;
}

.btn_detail {
    text-align: center;
    margin: 10px 10px 10px auto;
}
.btn_detail a{
    font-size: 23px;
    line-height: 85px;
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
    display: table;
    padding-right: 15px;
    padding-left: 40px;
    background-color: #000;
    margin-right: auto;
    margin-left: auto;
    border-radius:10px;
}
.btn_detail.alignR a {
    margin-right:0px;
    }
.btn_detail.alignL a {
    margin-left:0px;
    }
.btn_detail a:hover{
    color: #FFF;
    text-decoration: none;
}
.btn_detail a span {
    background-image: url(../img/common/mark_arrow.png);
    background-repeat: no-repeat;
    background-position: right 32px;
    display: block;
    padding-right: 40px;
}
.btn_detail.alignL a span {
    background-image: url(../img/common/mark_arrow_left.png);
    background-position: left center !important;
    padding-left: 40px;
}
/*ボタン小さめ*/
.btn_detail.small a{
    font-size: 18px;
    line-height: 60px;
}
.btn_detail.small a span{
background-position: right center;
}
/*アロー下向き*/
.btn_detail.down a span {
    background-image: url(../img/common/mark_arrow_down.png);
    background-repeat: no-repeat;
    background-position: left 22px;
    display: block;
    padding-left: 40px;
}


/*横に並べる*/
.btn_detail {
    float: right;
    padding-right: 55px;
    padding-left: 80px;
}

/* clearfix */
.cate_contents:before,
.cate_contents:after {
    content: "";
    display: table;
}

.cate_contents:after {
    clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.cate_contents {
    zoom: 1;
}
/*横に並べるおわり*/

/*======================　一覧部分　======================*/
.LC_Page_Products_List .cat_wrap {
    position: relative;
    width: 1000px;
}
.LC_Page_Products_List .cat_wrap2{
    border: 5px solid #999;
    margin-top: 10px;
    margin-bottom: 30px;
    padding: 8px 10px 8px 10px;
    border-radius:5px;
}

.LC_Page_Products_List .cat_box{
    float: left;
    width: 330px;
    min-height:105px;
    margin-right: 5px;
    margin-bottom: 5px;
    padding-left: 25px;
    background-color: #DCDCDC;
    border-radius:5px;
}
.LC_Page_Products_List .cat_box ul:after{
    content:".";
    display:block;
    clear:both;
    height:0px;
    visibility:hidden;
    font-size:0;
}

.cat_wrap .cat_box:nth-child(1){
    left:0px!important;
}
.cat_wrap .cat_box:nth-child(2){
    left:335px!important;
}

.LC_Page_Products_List .cat_box ul{
    padding-bottom: 8px;
    width: 330px;
}
.LC_Page_Products_List .cat_box ul li{
    width: 160px;
    float: left;
    padding-bottom: 5px;
    list-style-image: url(../img/common/mark_arrow_s.png);
}

.LC_Page_Products_List .cat_box ul a{
    color: #333;
    font-size: 12px;
    text-decoration: underline;
    display:inline-block;
}
.LC_Page_Products_List .cat_box ul a:hover{
}
.LC_Page_Products_List .cat_box ul li:first-child{
    width: 330px;
    margin-left: -25px;
    padding: 0 8px 8px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    list-style-image: none;
}
.LC_Page_Products_List .cat_box ul li:first-child a:before{
    content:"";
}
.LC_Page_Products_List .cat_box ul li:first-child a{
    min-height: 140px;
    display: block;
    position: relative;
    padding-top: 8px;
    padding-right: 8px;
    text-decoration: none;
}
.LC_Page_Products_List .cat_box ul li:first-child a[href]:hover{
    opacity:0.7;
}
.LC_Page_Products_List .cat_box ul li:first-child img{
}
.LC_Page_Products_List .cat_box ul li:first-child h3{
    font-size: 16px;
    line-height: 1.2;
    font-weight: bold;
    margin-bottom: 3px;
    clear: none;
}
.LC_Page_Products_List .cat_box ul li:first-child a[href] h3{
    text-decoration: none;
}
.LC_Page_Products_List .cat_box ul li:first-child span{
    font-size: 12px;
    line-height: 1.5;
    margin-top:8px;
    margin-bottom:8px;
}
.LC_Page_Products_List .cat_box ul li a{
    position: relative;
}
.LC_Page_Products_List .cat_box ul li:last-child{
}
.LC_Page_Products_List .cat_box ul li img{
    float: left;
    height: 120px;
    width: 120px;
    margin-right: 8px;
    border: 5px solid #FFF;
}
.items_wrap{
    width: 1080px;
    clear: both;
}
.item_box{
    float: left;
    width: 173px;
    height: 330px;
    position: relative;
    padding-top: 150px;
    padding-right: 10px;
    padding-bottom: 10px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #DCDCDC;
}
.main_wrap .items_wrap{
    width: 810px;
    clear: both;
}
.item_box .new{
    position: absolute;
    overflow: hidden;
    height: 140px;
    width: 140px;
    display: block;
    left: 10px;
    top: 10px;
}
.item_box .new:after{
    content: "new";
    position: absolute;
    display: inline-block;
    left: -52px;
    text-align: center;
    text-transform: uppercase;
    top: -10px;
    background: #d93131;
    width: 40px;
    padding: 20px 41px 0px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    color: #FFF;
    font-size: 12px;
    font-weight: bold;}

.item_none{
    background-color: rgba(100,100,100,0.4);
    height: 140px;
    width: 150px;
    position: absolute;
    left: 10px;
    top: 10px;
    font-size: 15px;
    font-weight: bold;
    color: #000;
    text-align: center;
    display: block;
    line-height: 150px;
    opacity: 1;
    z-index: 100;
}
.item_none:after{
    content: '';
    border: 2px solid #000;
    position: absolute;
    left: 37px;
    top: 62px;
    height: 1.3em;
    width: 4.7em;
}
.item_none:hover{
    background-color: rgba(100,100,100,0.2);
    color: #000;
}
.item_img{
    height: auto;
    width: 140px;
    position: absolute;
    overflow: hidden;
    display: block;
    left: 10px;
    top: 10px;
}
.item_img img{
    width: 100%;
}
.status_wrap{
    padding-top: 5px;
    height: 25px;
}
.status_wrap li{
    float: left;
    width: 49%;
}
.status_wrap li:first-child{
    margin-right:2%;
}
.status_wrap li img{
    height: auto;
    width: 100%;
}
.item_name{
    font-size: 13px;
    min-height: 4.4em;
    clear: both;
    padding-top: 5px;
}
.item_name a{
    color: #03F;
}
.item_name span{
    line-height: 1.1;
    font-size: 13px;
    display: block;
}
.item_price{
}
.item_price span{
    font-size: 12px;
}
.item_price_off{
    font-size: 12px;
    color: #F00;
    margin-top: -3px;
}
/*======================　ブランド　======================*/
.brand_wrap {
    width: 1040px;
    padding-top: 10px;
}
.brand_wrap ul{
}
.brand_wrap li{
    float: left;
    width: 144px;
    height: 100px;
    margin-right: 4px;
    position: relative;
    margin-bottom: 4px;
    border: 1px solid #DCDCDC;
}
.brand_wrap li a{
    float: left;
    width: 144px;
    height: 100px;
    padding-top: 60px;
}
.brand_wrap li p{
    color: #000;
    text-decoration: none;
    font-size: 11px;
    background-color: #eee;
    display: table-cell;
    width: 144px;
    height: 40px;
    line-height: 1.3;
    text-align: center;
    vertical-align: middle;
}

.brand_wrap li span{
    width: 120px;
    height: 53px;
    position: absolute;
    left: 10px;
    top: 3px;
    display: block;
    overflow: hidden;
}
.brand_wrap li img{
    height: auto;
    width: 120px;
    /*margin-top: -3px;
    margin-left: -3px;*/
    display: block;
}
.brand_wrap a:hover,
.brand_wrap a:hover p{
    text-decoration: underline;
}
.brand_wrap a:hover span{
    opacity:0.7;
}
/*======================　コンテンツ部分　======================*/
h2.c_midashi{
    clear:none;
}
.brand_wrap{
    background-color: #fff;
    padding-right: 5px;
    padding-left: 5px;
    width: 1050px;
}

/*======================　商品一覧部分　======================*/
div.list_area1 {
    float: left;
    border: 1px  solid;
    border-color: #DCDCDC;
    border-radius: 5px;
    padding: 2px;
    margin: 3px;
    width: 155px;
}

.list_area1 p{
    font-size: 12px;
    padding: 12px 7px !important;

}

div.list_area2 {
float: left;
width: 31%;
height: 190px;
text-align: center;
background: #eee;
margin: 5px;
}

div.list_area3 {
float: left;
width: 32%;
height: auto;
background: #fff;
margin: 1px;
}

#list div.list_area ,
.itemlist_wrap div.list_area {
    float: left;
    height: 330px;
    position: relative;
    padding-top: 165px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #DCDCDC;
    padding-right: 40px;
    width: 180px;
}
.LC_Page_Products_List .itemlist_wrap div.list_area {
    height: 328px; /* 在庫バナー分(28px)を追加 */
}
#list div.list_area:nth-child(6n),
.itemlist_wrap div.list_area:nth-child(6n) {
    padding-right: 0px;
    width: 140px;
}
.main_wrap #list div.list_area,
.main_wrap .itemlist_wrap div.list_area {
    float: left;
    height: 330px;
    position: relative;
    padding-top: 165px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #DCDCDC;
    padding-right: 17px;
    width: 167px;
}
.LC_Page_Products_List .main_wrap .itemlist_wrap div.list_area {
    height: 330px; /* 在庫バナー分(28px)を追加 */
}
.main_wrap #list div.list_area:nth-child(5n),
.main_wrap .itemlist_wrap div.list_area:nth-child(5n) {
    padding-right: 0px;
    width: 140px;
}

div.list_area_inner {
}

.list_area_inner .off_price{
    font-size: 10px;
text-align: center;
padding: 2px;
    background-color: #DF0B00;
color: #fff;
font-weight: bold;
border-radius: 3px;
}

div.listphoto{
    height: auto;
    width: 140px;
    position: absolute;
    overflow: hidden;
    display: block;
    left: 0px;
    top: 20px;
}
.stock_banner_area:hover,
div.listphoto:hover{
    opacity:0.7;
}
div.listphoto a{
    height: auto;
    width: 140px;
    display: block;
    text-align:center;
}
div.listphoto img{
    max-width: 140px;
    max-height: 140px;
}

div.listrightbloc {
    text-align: left;
    line-height: 120%;
}

/* 商品情報 各種設定
----------------------------------------------- */
/* 商品ステータス */
div.listrightbloc .status_icon_area {
    height: 20px;
}
.ranking_blocks div.listrightbloc .status_icon_area {
    padding-top: 5px;
    height: 25px;
    width: 140px;
}

/* 商品ステータス */
div.listrightbloc ul.status_icon {
    width: 100%;
}
div.listrightbloc ul.status_icon li {
    float: left;
    width: 68px;
}
div.listrightbloc ul.status_icon li:first-child{
    margin-right:4px;
}
div.listrightbloc ul.status_icon li img{
    width: 100%;
}

/* 商品名 */
div.listrightbloc h3 {
font-weight: bold;
font-size: 120%;
}

/* コメント */
div.listrightbloc .listcomment {
margin: 0 0 5px 0;
text-align: left;
font-size: 80%;
}

/* 商品一覧商品名 */
div.listrightbloc .list_name {
    font-size: 11px;
    min-height: 5.52em;
    clear: both;
    padding-top: 3px;
}
div.listrightbloc .list_name a{
    color: #000;
    font-weight: normal;
}
div.listrightbloc .list_name a:hover{
    text-decoration: underline;
}
div.listrightbloc .list_name span{
    line-height: 1.4;
    font-size: 11px;
    display: block;
}

/* 在庫バナー */
div.listrightbloc .stock_banner_area.sold {
    position: absolute;
    left: 0px;
    top: 20px;
}

#list div.listrightbloc .stock_banner_area.sold {
    position: absolute;
    left: 0px;
    top: 20px;
}
div.listrightbloc .stock_banner_area.sold a{
    height: 140px;
    width: 140px;
    position: absolute;
    left: 0px;
    top: 0px;
    /* [disabled]opacity:0.6; */
}
div.listrightbloc .stock_banner_area.yoyaku,
div.listrightbloc .stock_banner_area.toriyose{
    position: absolute;
    left: 10px;
    top: 130px;
}
div.listrightbloc .stock_banner_area.yoyaku a,
div.listrightbloc .stock_banner_area.toriyose a{
    width: 70px;
    height: 20px;
    position: absolute;
    left: 0px;
    top: 0px;
    opacity:0.9;
}
div.listrightbloc .stock_banner_area img{
    width:100%;
}

/* 商品詳細を見る */
div.listrightbloc .detail_btn {
margin-bottom: 10px;
}
div.listrightbloc .detail_btn a {
display: block;
width: 100%;
text-align: center;
overflow: hidden;
}
div.listrightbloc .detail_btn img {
margin: 0 auto;
}

/* 価格 */
div.listrightbloc .pricebox {
    font-size: 13px;
    color: #DF0B00;
margin: 0 0 2px 0;
}

.wholesale_price{
    font-size: 12px;
}
.normal_price{
    font-size: 14px;
}

.tax_komi{
    font-size: 12px;
    margin-top: -10px;
}

/*======================　キャンペーン時　======================*/
.campaign_wrap {
    height: 40px;
}
.campaign_wrap a,
.campaign_wrap span{
    background-image: url(../img/common/campaign_sample.jpg);
    background-repeat: repeat-x;
    background-position: 0px 0px;
    display: block;
}
/*======================　トップページ　======================*/
.main_image{
    height:395px;
    position:relative;
    overflow:hidden;
}
.main_image p{
}
.main_image img{
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -1000px;
}
.genre_wrap{
    background-color: #EEE;
    padding: 15px;
    width: 100%;
    border: 1px solid #A5A5A5;
}
.banner_wrap {
    padding-top: 10px;
    padding-bottom: 10px;
}
.banner_wrap ul{
}
.banner_wrap li{
    float: left;
    margin-right: 15px;
}
.banner_wrap li:last-child{
    margin-right: 0px;
}
.main_image img {
    text-align: center;
}
.topics_wrap {
    padding-top: 30px;
    padding-bottom: 30px;
}
.topics_wrap p{
    padding: 20px;
    border: 2px solid #A5A5A5;
    width: 1040px;
    margin-right: auto;
    margin-left: auto;
}
/*======================　新入荷表示　======================*/
.newitem_wrap {
    width: 100%;
    background-color: #ccc;
}
.newitem_wrap .newitem_top {
    width: 1040px;
margin: 0 auto;
}
.newitem_top p{
    color: #FFF;
    float: left;
    font-weight: none;
    background-color: #000;
    border: 2px solid #000;
    padding: 9px 12px 9px 12px;
}

.newitem_top > a:hover{
    background-color: #fff;
}

.newitem_top > a{
    color: #fff;
    float: left;
    font-weight: bold;
    font-size: 13px;
    border: 2px solid #000;
    background-color: #000;
    padding: 8px 12px 9px 12px;
    margin: 0px 1px 0px 1px;

}
.newitem_top > a:hover{
    color: #333;
}
.ticker,
.ticker *{
    -webkit-box-sizing:content-box;
       -moz-box-sizing:content-box;
         -o-box-sizing:content-box;
        -ms-box-sizing:content-box;
            box-sizing:content-box;
}
.ticker {
    width: 650px;
    background-color: #fff;
    text-align: left;
    position: relative;
    overflow: hidden;
    line-height: 1;
    height: 15px !important;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    float: left;
    padding-top: 13px;
    padding-right: 10px;
    padding-bottom: 12px;
    padding-left: 20px;
    background-image: url(../img/top/bg_newitem.jpg);
    background-repeat: no-repeat;
    background-position: 0px center;
    border: 2px solid #000;
}

.ticker ul {
    width: 100%;
    position: relative;
}
.ticker ul li {
    width: 100%;
    display: none;
}
.ticker ul li a{
    color: #333;
}
.ticker ul li a:hover{
    text-decoration: none;
    color: #333!important;
}
/*======================　コンテンツ(テスト用)　======================*/
/*clearfix */
.rmc_wrap .cl:after {/*for modern browser*/
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.rmc_wrap .cl {
    display: inline-block;
    zoom:normal;/*for IE 5.5-7*/
}
/* clearfix exlude MacIE5 \*/
* html .cl { height: 1% }
.cl {display:block;}
.rmc_wrap {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
    font-size: 16px;
    line-height: 1.7;
    text-align: left;
    }
.rmc_wrap p {
    margin-top: 20px;
    text-align: left;
    }
.rmc_wrap li {
    margin-top:10px;
    }

.rmc_wrap{
    width:800px;
    margin:0 auto;
    }

.rmc_wrap .color_red {
    color: #f00;
    }

.rmc_wrap .table_a {
    border-collapse:collapse;
    }
.rmc_wrap .table_a th,
.rmc_wrap .table_a td {
    padding:10px;
    border: solid 1px #999;
    text-align:left;
    }
.rmc_wrap .table_a th p,
.rmc_wrap .table_a td p {
    margin-top:0px;
    }
.rmc_wrap .table_a th {
    background:#ccc;
    }

.rmc_wrap .thum_a li {
    width:27%;
    margin:0px 1% 20px;
    float:left;
    min-height:150px;
    border: solid 1px #000;
    border-radius:3px;
    padding:2%;
    font-size:14px;
    }
.rmc_wrap .thum_a {
    list-style:none;
    margin:0px;
    padding:0px;
    }
.rmc_wrap .thum_a {}

/*======================　パンくず　======================*/
.bread_crumb {
    overflow: hidden;
    margin: 5px 0 5px 0;
    font-size:12px;
}
.bread_crumb_wrap{
}
.bread_crumb_wrap:first-child {
    margin-top:0px;
}
.bread_crumb li {
    float: left;
    line-height: 30px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.bread_crumb li:first-child{
    border-left: 1px solid #ccc;
}
.bread_crumb li a {
    color: #000;
    text-decoration: none;
    display: block;
    float: left;
    background: #eee;
    padding:  0 25px 0 30px;
}
.bread_crumb li a::after {
    position: relative;
    display: block;
    margin-top: -20px;
    margin-left: auto;
    margin-right: -31px;
    height: 10px;
    width: 10px;
    content: " ";
    -webkit-transform: skew(-30deg);
    background: #eee;
    border-right: 1px solid #ccc;
    -moz-transform: skew(-30deg);
    -o-transform: skew(-30deg);
    transform: skew(-30deg);
}
.bread_crumb li a::before {
    float: right;
    display: block;
    margin-bottom: -20px;
    margin-left: auto;
    margin-right: -31px;
    height: 10px;
    width: 10px;
    content: " ";
    -webkit-transform: skew(30deg);
    background: #eee;
    border-right: 1px solid #ccc;
    -moz-transform: skew(30deg);
    -o-transform: skew(30deg);
    transform: skew(30deg);
}
.bread_crumb li:first-child a {padding-left: 20px;}
.bread_crumb li:last-child a{
    background-color: #FFF;
}
.bread_crumb li a:hover {
    background: #fff;
    text-decoration: none;
}

.bread_crumb li:last-child a::after,
.bread_crumb li a:hover::after {
    position: relative;
    display: block;
    margin-top: -20px;
    margin-left: auto;
    margin-right: -28px;
    height: 10px;
    width: 10px;
    content: " ";
    -webkit-transform: skew(-30deg);
    background: #fff;
    border-right: 1px solid #ccc;
    -moz-transform: skew(-30deg);
    -o-transform: skew(-30deg);
    transform: skew(-30deg);
}
.bread_crumb li:last-child a::before,
.bread_crumb li a:hover::before {
    float: right;
    display: block;
    margin-bottom: -20px;
    margin-left: auto;
    margin-right: -28px;
    height: 10px;
    width: 10px;
    content: " ";
    -webkit-transform: skew(30deg);
    background: #fff;
    border-right: 1px solid #ccc;
    -moz-transform: skew(30deg);
    -o-transform: skew(30deg);
    transform: skew(30deg);
}
.bread_crumb li:last-child a:hover {
    background: #eee;
    text-decoration: none;
}
.bread_crumb li:last-child a:hover::after,
.bread_crumb li:last-child a:hover::before {
    background: #eee;
}
.bread_crumb li span {
    position: relative;
    top: -5px;
}

/*======================　カテゴリ部分　======================*/
.maker_img_wrap {
    background-color: #fff;
    text-align: center;
    padding: 0 0 5px 0;
}
.maker_detail_wrap {
    background-color: #DBDBDB;
    position: relative;
    min-height: 110px;
    padding-top: 5px;
    margin-top: 10px;
}
.maker_detail_wrap .container{
    padding-left: 220px;
}
.maker_detail_wrap img{
    display: block;
    max-width: 290px;
    max-height:120px;
    height: auto;
    position: absolute;
    top: 0px;
    left: 0px
}
.maker_detail_wrap .cat_hl{
    font-size: 24px;
    font-weight: bold;
}
.maker_detail_wrap .cat_gaiyou{
    font-size: 14px;
    line-height: 1.5;
    margin:5px 0px 10px 0px;
}
/*======================　カテゴリ部分　======================*/
.cat_img_wrap {
    background-color: #fff;
    text-align: center;
    padding: 0 0 5px 0;
}

.cat_detail_wrap {
    background-color: #f0e4ce;
    position: relative;
    min-height: 140px;
    padding-top: 5px;
    margin-bottom: 10px;
}

.cat_detail_wrap > .container {
    padding-left: 140px;
}
.cat_detail_wrap > .container.has_category_title_image {
    padding-left: calc(140px + 291px - 125px);
}
.cat_detail_wrap img.category_title_image,
.cat_detail_wrap img.category_image {
    display: block;
    height: auto;
    position: absolute;
    left: 0px;
    top: 0px;
}
.cat_detail_wrap img.category_title_image {
    max-width: 291px;
    max-height:120px;
}
.cat_detail_wrap img.category_image {
    max-width: 120px;
    max-height:120px;
}

.cat_detail_wrap .cat_hl{
    color:#a72603;
    font-size: 24px;
    font-weight: bold;
}
.cat_detail_wrap .cat_gaiyou{
    font-size: 14px;
    line-height: 1.4;
    margin:0 10px auto 0px;
height:60px;
}
.cat_detail_wrap .p_hl{
    color:#000;
    font-size: 30px;
    font-weight: bold;
    text-align:center;
    margin:40px 0;
}
.maker_detail a{
    font-weight: bold;
    color: #fff;
    font-size: 90%;
    background-color: #000;
    border-radius: 5px;
    float:right;
vertical-align:bottom;
    padding: 5px 15px;
    margin:8px;
    text-decoration: none;
}

.rev_detail a{
    font-size: 120%;
    margin-left:12px;
    text-decoration: none;
background: url(../img/bloc/icon-guide.gif) no-repeat left center;
}

.quantity {
    font-size: 18px;
    text-align:right;
    background-color: #f0e4ce;
    border-radius: 10px;
    padding: 5px 15px;
    margin-bottom:10px;
}
.quantity span{
    font-size: 24px;
    font-weight: bold;
    padding-right: 0.5em;
    padding-left: 0.5em;
}

.quantity_c {
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 0px;
}
.quantity_c span{
    font-size: 18px;
    font-weight: bold;
    padding-right: 0.3em;
    padding-left: 0.3em;
}
/*
.quantity b{
    font-size: 24px;
    font-weight: bold;
    padding-left: 0.8em;
    padding-right: .5em;
}
/*======================　絞込み部分(新)　======================*/
#list_search_form ul {
    padding: 20px 0;
}

#list_search_form select[name="category_id"],
#list_search_form select[name="maker_id"] {
    width: 200px;
    border: none;
    padding-left: 2px;
    height: 100%;
    font-size: 16px;
}
#list_search_form select[name="category_id"] {
    background-color: #000;
    color: #fff;
}
#list_search_form input {
    width: 425px;
    font-size: 16px;
    padding-left: 20px;
    height: 100%;
    border: none;
}
#list_search_form li {
    float: left;
    height: 46px;
    border: solid #000;
    border-width: 2px 0;
}
#list_search_form li:first-child{
    border-left-width: 2px;
    border-right: none;
    border-radius: 5px 0px 0px 5px;
    margin-left: -1px; /* GC 白線隠し */
}
#list_search_form li:last-child {
    border-right-width: 2px;
    border-left: none;
    border-radius: 0px 5px 5px 0px;
}
#list_search_form li.deselect_area {
    width: 105px;
    position: relative;
    border-left: none;
}
#list_search_form li.deselect_area img {
    width: 100px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
#list_search_form li.maker_area {
    border-left-width: 2px;
}
#list_search_form li.search_button_area a {
    width: 100px;
    font-size: 18px;
    height: 100%;
    line-height: 42px;
    color: #FFF;
    background-color: #000;
    display: block;
    background-image: url(../img/common/icon_loope.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    padding: 0 5px 0 40px;
    font-weight: bold;
}
#list_search_form li.search_button_area a:hover {
    color: #FFF;
    background-image: url(../img/common/icon_loope.png);
    background-repeat: no-repeat;
    text-decoration: none;
}

/*======================　表示オプション　======================*/
.option_list {
    padding: 10px 0px;
    float: left;
    margin-right: 20px;
}
.main_wrap .option_list {
    margin-right: 10px;
}
.option_list:last-child{
    margin-right: 0px;
}
.option_list dt,
.option_list dd {
    float: left;
    line-height: 20px;
    font-size: 100%;
}
.option_list dt{
    color: #fff;
	font-weight: bold;
    background-color: #5E604A;
    padding: 4px 8px;
	border-radius:3px;
    margin-right: 10px;
}
.option_list dd {
    color: #9F9F9F;
    padding: 8px 3px;
}
.option_list dd:after{
    content:"｜";
}
.option_list dd:last-child:after{
    content:"";
}
.option_list dd:last-child{
    margin-right:10px;
}
.option_list dd a{
    color: #9f9f9f;
}
.option_list dd a[href]{
    color: #000000;
    text-decoration: underline;
}
/*======================　ブランド一覧ページ　======================*/
.type_select {
    padding-top: 30px;
    padding-bottom: 50px;
}
.type_select li{
    float: left;
    text-align: center;
    width: 50%;
}
.type_select a{
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    line-height: 60px;
    text-decoration: none;
    padding-right: 55px;
    padding-left: 55px;
    display: table;
    background-color: #000;
    margin-right: auto;
    margin-left: auto;
    border-radius: 10px;


}
.type_select {
}
.char_list {
}
.char_list li{
    float: left;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-right: 7px;
}
.char_list li:after{
    content: "/";
    margin-left: 7px;
}
.char_list li:last-child:after{
    content:"";
}
.char_list li a{
    font-size: 15px;
    color: #aaa;
    text-decoration: none;
}
.char_list li a[href]{
    color: #000;
    text-decoration: underline;
}
a:hover{
}
.char_list li a:hover{
    color: #aaa;
}
.char_list li a[href]:hover{
}
/*======================　2カラム時　======================*/
.side_wrap {
    float: left;
    width: 210px;
}
.main_wrap {
    float: right;
    width: 810px;
}
/*======================　絞込み検索(2カラム時)　======================*/
.type_box {
    background-color: #EDEDED;
    padding-bottom: 10px;
    border-radius:5px;
    margin-bottom: 10px;

}
.shibori_menu .type_box select{
    height: 32px;
    width: 190px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFF;
    display: block;
    margin-top: 15px;
    margin-bottom: 10px;
}
.shibori_menu .type_box input[type=text] {
    height: 32px;
    width: 190px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 15px;
}
.shibori_menu .type_box.discount_rate label {
    display: block;
}
.shibori_menu .type_box .btn_1{
    line-height: 34px;
    width: 65px;
    margin-top: 5px;
    margin-left: 135px;
}
.type_box dl {
    padding-right: .5em;
    padding-left: .5em;
    padding-top: 10px;
    padding-bottom: 20px;
}
.type_box dl dt{
    line-height: 2;
    padding-left: 0.5em;
    font-size: 14px;

}
.type_box dl dt:nth-child(1){margin-bottom:10px;}
.type_box dl dt:nth-child(2):before,
.type_box dl dt:nth-child(3):before,
.type_box dl dt:nth-child(4):before,
.type_box dl dt:nth-child(5):before,
.type_box dl dt:nth-child(6):before{
    font-size: 70%;
    white-space: nowrap;
    display: table-cell;
}
.type_box dl dt:nth-child(1){margin-bottom:10px;}
.type_box dl dt:nth-child(2):before{content:"＞　";}
.type_box dl dt:nth-child(3):before{content:"＞＞　";}
.type_box dl dt:nth-child(4):before{content:"＞＞＞　";}
.type_box dl dt:nth-child(5):before{content:"＞＞＞＞　";}
.type_box dl dt a,
.type_box dl dd a{
    color: #000;
}
.type_box dl dt a{
    display:table-cell;
}
.type_box dl dd a{
    display:block;
}
.type_box dl dt a:hover,
.type_box dl dd a:hover{
}
.type_box dl dt:last-of-type a{
    font-weight: bold;
}
.type_box dl dd{
    line-height: 2;
    padding-left: 2.5em;
    font-size: 12px;
}
/*======================　商品詳細　======================*/

.price_list {
    margin: 15px 0 15px 0;

}
.price_list li{
    float: left;
    font-size: 18px;
    color: #DF0B00;
    font-weight: bold;
}
.price_list li.off_price{
    font-size: 28px;
    line-height: 1.5;
    margin-left: 15px;
}

.price_list li.off_price span,
.price_list li span:first-child{
    display:block;
}
.price_list li.normal span{
    display: block;
    font-weight: normal;
    color: #000;
    font-size: 80%;
}

.detail_p{
    background-color: #eee;
    padding: 5px 0 0 0;
    border-radius:5px;
    line-height: 0.5em;
}
.detail_p img{
    padding: 0 3px 0 12px;
}
.item_info{
    float: left;
    margin-right: 0.2em;
    font-size: 16px;
    font-weight: bold;
}

.zaiko_desc {
    padding: 15px;
    border: 5px solid #DCDCDC;
    border-radius: 5px;
    margin-top: 20px;
    font-size: 12px;
    line-height: 1.6;
}
.zaiko_desc b{
    font-size: 15px;
    font-weight: bold;
    display: block;
}
.stamp_area {
    margin-top: -16px;
}
.stamp_area th{
    text-align: right;
    vertical-align: middle;
}
.stamp_desc {
    text-align: left!important;
    font-weight: bold;
}
.stamp_desc span{
    display: block;
    font-size: 90%;
    font-weight: normal;
}
.video{
    padding-top:15px;
}
.video iframe{
    width:500px;
    height:310px;
}
.stock_banner_area.toriyose{
display:none;
}

/*======================　カテゴリ一覧部分　======================
.LC_Page_Index .cat_wrap {
    position: relative;
    width: 990px;
}
.LC_Page_Index .cat_wrap td{
    width: 25%;
    background-color: #FFF;
    padding: 0px;
    border: 1px solid #000;
}
.LC_Page_Index .cat_wrap.pt2 td{
    width: 33.33%;
    background-color: #FFF;
    padding: 0px;
    border: 1px solid #000;
}
.LC_Page_Index .cat_wrap2{
}
.LC_Page_Index .cat_box{
    width: 100%;
    background-color: #DCDCDC;
}
.LC_Page_Index .cat_box ul:after{
    content:".";
    display:block;
    clear:both;
    height:0px;
    visibility:hidden;
    font-size:0;
}
======================　▼TOP メイン下部 (リニューアル2016)　======================*/
/*.cat_wrap .cat_box:nth-child(1){
    left:8px!important;
}
.cat_wrap .cat_box:nth-child(2){
    left:348px!important;
}
*/
/*======================　▼TOP メイン下部 (リニューアル2016)追加　======================*/
.LC_Page_Index .cat_wrap {
    position: relative;
    width: 1040px;
}
.LC_Page_Index .cat_wrap2 {
    margin-top: 10px;
}
.LC_Page_Index .cat_box ul a {
    color: #333;
    font-size: 12px;
}


.LC_Page_Index .cat_box {
    width: 330px;
    min-height: 105px;
    margin-right: 5px;
    margin-bottom: 5px;
    padding-left: 25px;
    background-color: #DCDCDC;
display:inline-block;
vertical-align:top
}

.LC_Page_Index .cat_box ul {
    padding-bottom: 8px;
    width: 330px;
}

.LC_Page_Index .cat_box ul:after{
    content:".";
    display:block;
    clear:both;
    height:0px;
    visibility:hidden;
    font-size:0;
}

.LC_Page_Index .cat_box ul li:first-child {
    width: 330px;
    margin-left: -25px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    list-style-image: none;
}

.LC_Page_Index .cat_box ul li:first-child a {
    min-height: 140px;
    padding-left: 140px;
    display: block;
    position: relative;
    padding-top: 8px;
    padding-right: 8px;
    text-decoration: none;
}

.LC_Page_Index .cat_box ul li{
    width: 160px;
    float: left;
    padding-bottom: 5px;
    list-style-image: url(../img/common/mark_arrow_s.png);
}

.LC_Page_Index .cat_box ul li:first-child a[href]:hover{
    opacity:0.7;
}
.LC_Page_Index .cat_box ul li:first-child h3{
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}
.LC_Page_Index .cat_box ul li:first-child span{
    font-size: 12px;
    line-height: 1.5;
    display:inline-block;
    margin-top:8px;
    margin-bottom:8px;
}

.LC_Page_Index .cat_box ul li img{
    float: left;
    height: 120px;
    width: 120px;
    position: absolute;
    left: 8px;
    top: 8px;
    border: 5px solid #FFF;
}
/*======================　▲TOP メイン下部 (リニューアル2016)追加　======================*/
.LC_Page_Products_List .pt2 .cat_wrap {
    position: relative;
    width: 1040px;
}
.LC_Page_Products_List .pt2 .cat_wrap2{
    margin-top: 20px;
    margin-bottom: 50px;
    padding: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
.LC_Page_Products_List .pt2 .cat_box{
    float: none;
    width: 100%;
    background-color: #FFF;
    border-radius: 0px 0px 10px 10px;
    padding-bottom: 0px;
    padding-left: 9px;
    margin-bottom: 40px;
    border-right-width: 10px;
    border-bottom-width: 10px;
    border-left-width: 10px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #DCDCDC;
    border-bottom-color: #DCDCDC;
    border-left-color: #DCDCDC;
}
.LC_Page_Products_List .pt2 .cat_box ul:after{
    content:".";
    display:block;
    clear:both;
    height:0px;
    visibility:hidden;
    font-size:0;
}

/*.cat_wrap .cat_box:nth-child(1){
    left:8px!important;
}
.cat_wrap .cat_box:nth-child(2){
    left:348px!important;
}
*/
.LC_Page_Products_List .pt2 .cat_box ul{
    width: 100%;
    padding-bottom: 0px;
}
.LC_Page_Products_List .pt2 .cat_box ul li{
    width: 248px;
    font-size: 14px;
    float: left;
    padding-bottom: 5px;
    height: 110px;
    margin-right: 3px;
    margin-bottom: 10px;
}
.LC_Page_Products_List .pt2 .cat_box ul li.cont_list{
    width: 100%;
    font-size: 14px;
    margin-right: 3px;
    margin-bottom: 10px;
    clear: both;
    padding-right: 10px;
    padding-left: 10px;
}
.LC_Page_Products_List .pt2 .cat_box ul li.cont_list:after{
    content:".";
    display:block;
    clear:both;
    height:0px;
    visibility:hidden;
    font-size:0;
}
.LC_Page_Products_List .pt2 .cat_box ul li.cont_list p{
    margin:0px 0px 10px 5px;
    display:inline-block;
}
.LC_Page_Products_List .pt2 .cat_box ul li.cont_list p:last-child{
    margin-right:0px;
}
.LC_Page_Products_List .pt2 .cat_box ul a{
    color: #000;
    height: 115px;
    padding-left: 10px;
    text-decoration: none;
    background-color: #DCDCDC;
    display: block;
}
.LC_Page_Products_List .pt2 .cat_box ul li.cont_list p a{
    color: #FFF;
    height: 50px;
    text-decoration: none;
    background-color: #697B47;
    display: block;
    font-size: 13px;
    text-align: center;
    padding: 0px 8px;
    line-height: 50px;
    border-radius:5px;
}
.LC_Page_Products_List .pt2 .cat_box ul li:first-child{
    width: 1040px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    margin-left: -19px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    height: 120px;
    margin-bottom: 10px;
}
.LC_Page_Products_List .pt2 .cat_box ul li:first-child a:before{
    content:"";
}
.LC_Page_Products_List .pt2 .cat_box ul li:first-child a{
    min-height: 120px;
    padding-left: 120px;
    display: block;
    position: relative;
    padding-top: 10px;
    padding-right: 30px;
    text-decoration: none;
    background-color: #000;
    z-index: 10;
    width: 1040px;
    color: #FFF;
}
.LC_Page_Products_List .pt2 .cat_box ul li:first-child a{
    background-image: none;
}
.LC_Page_Products_List .pt2 .cat_box ul li:first-child a[href]{
    background-image: url(../img/common/mark_arrow.png);
    background-repeat: no-repeat;
    background-position: 1010px center;
}
.LC_Page_Products_List .pt2 .cat_box ul li:first-child a:hover,
.LC_Page_Products_List .pt2 .cat_box ul li:first-child a:hover img{
    opacity: 1;
    text-decoration: none;
    background-color: #000;
}
.LC_Page_Products_List .pt2 .cat_box ul li:first-child a[href]:hover{
    opacity: 1;
    text-decoration: none;
    color: #FFF;
}
.LC_Page_Products_List .pt2 .cat_box ul a:hover{
    color: #FFF;
}

.LC_Page_Products_List .pt2 .cat_box ul li:first-child img{
    height: 100px;
    width: 100px;
}
.LC_Page_Products_List .pt2 .cat_box ul li:first-child h3{
    font-size: 30px;
    text-decoration: none;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 10px;
}
.LC_Page_Products_List .pt2 .cat_box ul li:first-child span{
    font-size: 15px;
    line-height: 1.3;
}
.LC_Page_Products_List .pt2 .cat_box ul > li > a{
    position: relative;
    padding-left: 115px;
    vertical-align: middle;
    display: table-cell;
    width: 248px;
    background-image: url(../img/common/mark_arrow.png);
    background-repeat: no-repeat;
    background-position: 232px center;
    padding-right: 10px;
    font-size: 16px;
    line-height: 1.3;
}



/*▼サバゲーTOPのサムネイルを8列に変更▼*/
.LC_Page_Products_List #sabage_top.pt2 .cat_box ul {
    display:flex;
    flex-wrap:wrap;
    }
.LC_Page_Products_List #sabage_top.pt2 .cat_box ul li{
    width: 114px;
    margin-right:6px;
    margin-left:6px;
    padding-bottom:0px;
    background:#DCDCDC;
    float:none;
    height:auto;
}

.LC_Page_Products_List #sabage_top.pt2 .cat_box ul li:not(:target) {/*IE9*/
    float: left\9;
    height: 180px\9;
    }
.LC_Page_Products_List #sabage_top.pt2 .cat_box ul li:first-child:not(:target),
.LC_Page_Products_List #sabage_top.pt2 .cat_box ul li.cont_list:not(:target) {/*IE9*/
    height: auto\9;
    }

.LC_Page_Products_List #sabage_top.pt2 .cat_box ul li {/*IE8*/
    float: left\9;
    height: 180px\9;
    }
.LC_Page_Products_List #sabage_top.pt2 .cat_box ul li:first-child,
.LC_Page_Products_List #sabage_top.pt2 .cat_box ul li.cont_list {/*IE8*/
    height: auto\9;
    }

.LC_Page_Products_List #sabage_top.pt2 .cat_box ul li.cont_list {
    width:100%;
    background:none;
    padding-left:0px;
    }
.LC_Page_Products_List #sabage_top.pt2 .cat_box ul li.cont_list:hover {
    background:none;
    }

.LC_Page_Products_List #sabage_top.pt2 .cat_box ul li:hover{
    background:#fb1618;
}

.LC_Page_Products_List #sabage_top.pt2 .cat_box ul li:first-child{
    width: 1040px;
    min-height:120px;
    margin-right:0px;
    margin-left:-19px;
}
.LC_Page_Products_List #sabage_top.pt2 .cat_box ul > li > a{
    background-image: none;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top:115px;
    vertical-align: bottom;
    width: 114px;
    font-size:13px;
}
.LC_Page_Products_List #sabage_top.pt2 .cat_box ul li:first-child > a {
    width: auto;
    padding-left: 115px;
    padding-right: 10px;
    padding-top:0px;
}
.LC_Page_Products_List #sabage_top.pt2 .cat_box ul li img {
    border:none;
    }
/*▲上サバゲーTOPのサムネイルを8列に変更▲*/

.LC_Page_Products_List .pt2 .cat_box ul li:last-child{
}
.LC_Page_Products_List .pt2 .cat_box ul li img{
    height: 100px;
    width: 100px;
    position: absolute;
    left: 7px;
    top: 7px;
    border: 5px solid #FFF;
}
.category_comment {
    width: 1020px;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    line-height:1.8;
}
.category_comment .container{
    padding-top: 10px;
    padding-bottom: 10px;
}
.rmc_wrap{
    width: 1040px!important;
    margin-right: auto;
    margin-left: auto;
}

.contents_list {
    background-color: #5E604A;
    background-repeat: repeat;
    margin-top: 10px;
    padding-top: 15px;
    padding-bottom: 10px;
    width: 100%;
    text-align: center;
}

.contents_list ul {
    text-align: center;
}

.LC_Page_Index #carousel-top-panel{
    width: 1040px;
    margin-right: auto;
    margin-left: auto;
}
/*======================　ピックアップジ　======================*/
.pickup_wrap {
    padding-top: 30px;
    padding-bottom: 100px;
}
.pickup_wrap ul{
    padding-top: 20px;
}
.pickup_wrap ul li{
    float: left;
    margin-right: 10px;
}
.pickup_wrap ul li:nth-child(5n){
    margin-right:0px;
}
/*======================　全カテゴリページ　======================*/
.LC_Page_AllCategories #main{
    text-align: left;
    width: 1040px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
.LC_Page_AllCategories #main > ul{
}
.LC_Page_AllCategories #main > ul li a{
    line-height: 1.8;
    color: #000;
    text-decoration: underline;
}
.LC_Page_AllCategories #main > ul li a:hover{
}
.LC_Page_AllCategories li.level1{
    width: 345px;
    display: inline-block;
    vertical-align: top;
}
.LC_Page_AllCategories li.level1 > a{
    font-size: 16px;
    font-weight: bold;
    color: #000;
    border-bottom-width: 4px;
    border-bottom-style: solid;
    text-decoration: none!important;
    display: block;
    width: 80%;
}
.LC_Page_AllCategories .level1 > ul{
    padding-left: 20px;
}
.LC_Page_AllCategories .level1 > .level2{
    padding-top: 10px;
}
.LC_Page_AllCategories ul.level2{
    padding-bottom:50px;
}
.LC_Page_AllCategories .level2{
}
.LC_Page_AllCategories .level2 > ul{
    padding-left: 20px;
}
.LC_Page_AllCategories .level3{
}
.LC_Page_AllCategories .level3 > ul{
    padding-left: 20px;
}
.LC_Page_AllCategories .level4{
}
.LC_Page_AllCategories .level4 > ul{
    padding-left: 20px;
}
.LC_Page_AllCategories .level5{
}
.LC_Page_AllCategories .level5 > ul{
    padding-left: 20px;
}
/*======================　ブランド詳細　======================*/
.maker_comment{
    text-align: left;
    width: 820px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 15px;
    line-height:1.8;
}
/*======================　サバゲー装備ページ　======================*/
.bui_wrap{
}
.bui_wrap .bui_list{
    padding-top: 20px;
    padding-bottom: 50px;
}
.bui_wrap .bui_list li{
    float: left;
    padding-left: 1em;
    padding-top: 5px;
    padding-bottom: 5px;
}
.bui_wrap .bui_list li a{
    font-size: 18px;
    color: #000;
    text-decoration: underline;
}
.bui_wrap .bui_list li:after{
    content: "/";
    margin-left: 1em;
}
.bui_wrap .bui_list li a span{
}
.sabacon{
    margin-top:-15px;
}
.soubi_wrap {
    position: relative;
}
.soubi_wrap a{
    background-color: none;
    height: 2em;
    width: auto;
    position: absolute;
    text-indent: -9999em;
    border-radius: 8px;
    display: block;
}
.soubi_wrap a:hover{
    text-indent: -9999em;
}
.soubi_wrap .pt_01{left: 30%;top: 2.5%;}
.soubi_wrap .pt_02{left: 50%;top: 3.2%;}
.soubi_wrap .pt_03{left: 29.3%;top: 12.5%;}
.soubi_wrap .pt_04{left: 71%;top: 8%;}
.soubi_wrap .pt_05{left: 70.5%;top: 14.7%;}
.soubi_wrap .pt_06{left: 44.5%;top: 8%;}
.soubi_wrap .pt_07{left: 31%;top: 7%;}
.soubi_wrap .pt_08{left: 37%;top: 26.7%;}
.soubi_wrap .pt_09{left: 40%;top: 77%;}
.soubi_wrap .pt_10{left: 36%;top: 17.4%;}
.soubi_wrap .pt_11{left: 74%;top: 50.5%;}
.soubi_wrap .pt_12{left: 3%;top: 76.5%;}
.soubi_wrap .pt_13{left: 3%;top: 25%;}
.soubi_wrap .pt_14{left: 39.5%;top: 66.5%;}
.soubi_wrap .pt_15{left: 41%;top: 33%;}
.soubi_wrap .pt_16{left: 3.2%;top: 43%;}
.soubi_wrap .pt_17{left: 38.5%;top: 59%;}
.soubi_wrap .pt_18{left: 38.5%;top: 87.3%;}
.soubi_wrap .pt_19{left: 3.2%;top: 64.5%;}
.soubi_wrap .pt_20{left: 40%;top: 54%;}
.soubi_wrap .pt_21{left: 77%;top: 57.5%;}
.soubi_wrap .pt_22{left: 3%;top: 36.8%;}
.soubi_wrap .pt_23{left: 38.5%;top: 39.5%;}
.soubi_wrap .pt_24{left: 41%;top: 44.2%;}
.soubi_wrap .pt_25{left: 37.5%;top: 48.5%;}
.soubi_wrap .pt_26{left: 45.5%;top: 22%;}
.soubi_wrap .pt_27{left: 77%;top: 20%;}


.soubi_wrap .pt_01,
.soubi_wrap .pt_07,
.soubi_wrap .pt_12,
.soubi_wrap .pt_14,
.soubi_wrap .pt_15,
.soubi_wrap .pt_26{width:7em;}

.soubi_wrap .pt_09{width:8em;}

.soubi_wrap .pt_02,
.soubi_wrap .pt_03,
.soubi_wrap .pt_13,
.soubi_wrap .pt_17,
.soubi_wrap .pt_25{width:9em;}

.soubi_wrap .pt_04,
.soubi_wrap .pt_08,
.soubi_wrap .pt_11,
.soubi_wrap .pt_16,
.soubi_wrap .pt_19,
.soubi_wrap .pt_18,
.soubi_wrap .pt_20,
.soubi_wrap .pt_21,
.soubi_wrap .pt_24{width:10em;}

.soubi_wrap .pt_05,
.soubi_wrap .pt_10,
.soubi_wrap .pt_22{width:11em;}

.soubi_wrap .pt_06,
.soubi_wrap .pt_23{width:12em;}
.soubi_wrap .pt_15,
.soubi_wrap .pt_19{height:3em;}

.soubi_wrap .pt_27{width:10.5em; height:3em;}

/*======================　表示調整用　======================*/
body.LC_Page_Products_List.search #main_container {
margin-top: 0px;
}
body.LC_Page_Products_List.search h2.heading_of_product_list {
margin-top: 20px;
}
.LC_Page_Cart .form_area p span:nth-child(2){
    font-size:18px;
    color:#F00;
}
div.listrightbloc .detail_btn a {
background: #39404f;
}
.detailarea_main3 .main_comment{
}

.detailarea_main3 .main_comment p{
line-height:1.8;
margin:1em;
}


/*======================　スマホからPCサイト閲覧時の調整用　======================*/
.pc_sp .main_image {
    width: 1080px;
    overflow: hidden;
}
.pc_sp .pagenavi a{
    display: block;
    position: absolute;
    right: 0px;
    top: -160px;
}
.pc_sp #plan{
    margin-bottom: -2px;
}
/*リンク画像用（デジスト追加）*/
a:link:hover img {
filter: alpha(opacity=70);
opacity: 0.7;
}
/*======================　スマホからPCサイト閲覧時の調整用　======================*/
img.button,
input.button {
background: #39404f;
-webkit-border-radius: 2px; /* Safari, Chrome用 */
-moz-border-radius: 2px; /* Firefox用 */
border-radius: 2px; /* CSS3 */
}
img.button_w,
input.button_w {
background: #fff;
-webkit-border-radius: 3px; /* Safari, Chrome用 */
-moz-border-radius: 3px; /* Firefox用 */
border-radius: 3px; /* CSS3 */
border: 1px solid #ccc;
}
img.button_disabled,
input.button_disabled {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
background: #d9d9d9;
}
#img_omatome{
display:none;
}
#purchase_select_list {
    border: 2px #999 solid;
    margin: 1em;
    border-radius: 10px;
}
#purchase_select_list > .one {
    padding: .8em;
}
#purchase_select_list > .one.selected {
    background-color: #cef;
}
#purchase_select_list > .one:not(.selected) > :not(label):not(#AmazonPayButton) {
    /* [disabled]Opacity: 0.5; */
}
#purchase_select_list > .one > label {
    float: left;     font-size: 115%;
    font-weight: bold;
}
#purchase_select_list > .one:last-child{
    padding-top: 1.3em;
}
#purchase_select_list .formlist {
    margin-bottom: 0.8em;
}
#purchase_select_list .formlist dt {
    float: left;
    width: 27%;
}
#purchase_select_list .formlist dd {
    float: left;
    width: 73%;
}
#purchase_select_list .formlist dd input[type='text'],
#purchase_select_list .formlist dd input[type='password'] {
    width: 95%;
}
#purchase_select_list #AmazonPayButton {
    display: inline-block;
    /* [disabled]margin-left: 5em; */
}

#purchase_select_list > .one {
    width: 100%;
}
#purchase_select_list .right_wrap{
    width:60%;
    float:right;
}
#purchase_select_list .formlist{
    width:100%;
}
#purchase_select_list .formlist dt{
    white-space: nowrap;
    padding-top: 5px;
}
#purchase_select_list .formlist dd{
    overflow: visible;
}
#purchase_select_list .formlist dd input{
    border: 1px solid #999;
}
#purchase_select_list .member_merit{
}
#purchase_select_list .member_merit dt{
    font-weight: bold;
    padding-bottom: 5px;
}
#purchase_select_list .member_merit dd{
    display: list-item;
    list-style-type: disc;
    margin-left: 1.5em;
    line-height: 1.6;
    font-size: 90%;
}
#purchase_select_list .member_merit dd a{
    text-decoration: underline;
}
#purchase_select_list ul {
    font-size: 90%;
}
#purchase_select_list ul li {
    line-height: 1.6;
}
#purchase_select_list .btn_am{
    margin-top: -10px;
    margin-left: 15px;
}
.amp_wrap{
    padding-left: 30px;
    padding-top: 5px;
}
.amp_wrap img{
    margin-top: -40px;
    float: left;
    margin-right: 5px;
}
.amp_wrap span{
    float: left;
    margin-top: -29px;
}
/* .main_wrap #list{
padding-top:20px;
}
=====================　ブログ基礎知識 記事用　========================= */
#main .newblog_wrap {
    font: 18px/1.8 "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
    -webkit-text-size-adjust: 100%;
    width: 800px;
    margin-right: auto;
    margin-left: auto;
    border: 1px solid #CCC;
    padding: 15px;
}
#main .newblog_wrap.type_b {
    width: 960px;
    padding: 0px;
    border:none;
}
#main .newblog_wrap p{
    font: 18px/1.8 "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
    -webkit-text-size-adjust: 100%;
}
#main .newblog_wrap img{
    max-width:100%;
}

.cate_contents p,
#main .newblog_wrap p {
    padding:5px 0 5px 0;
    }
.cate_contents p.btn_detail,
#main .newblog_wrap p.btn_detail {
    padding-top:0px;
    }


.text_marker {
    background-color: #FFFF33;
    font-weight:bold;
    padding:5px;
}

.text_marker_gr {
    background-color: #eee;
    font-weight:bold;
    padding:5px;
}

.text_marker_bl {
    background-color: #f2f8fc;
    font-weight:bold;
    padding:5px;
}

/* =====================　目次　========================= */
.mokuji li,
.mokuji ul{
    list-style-image: url(../img/common/mark_arrow_s.png);
    background-image: none!important;
    padding: 5px ;
}

.mokuji:before{
    content: "目次";
    font-size: 110%;

}
.mokuji{
    padding: 20px 20px 20px 60px !important;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin-top: 10px;
    background-color: #eee;
background-image: url("/user_data/htm/guide/drab.png");
background-repeat: no-repeat;
background-position: right bottom ;
}
.mokuji ul{
    font-size: 90%;
    margin-top:0px!important;
    margin-bottom:0px!important;
}
.mokuji a {
    color:blue;
    text-decoration: underline;
}
.mokuji a:hover {
    color:#4eacd1;
}

.mokuji2 ul{
display: table;
margin: 0 auto;
padding: 0;
width: 100%;
text-align: center;
}
.mokuji2 ul li{
display: table-cell;
min-width: 50px;
background-color: whitesmoke;
}
.mokuji2 ul li a{
display: block;
width: 100%;
padding: 10px 20px;
text-decoration: none;
color: black;
font-weight: bold;
}
.mokuji2 ul li.current{
background-color: slategray;
}
.mokuji2 ul li.current a{
color: white;
}
.mokuji2 ul li:hover{
background-color: slategray ;
}

.momenu li,
.momenu ul{
    list-style-image: url(../img/common/mark_arrow_s.png);
    background-image: none!important;
    padding: 5px ;
}

.momenu:before{
    content: "カテゴリー";
    font-weight: bold;
    font-size: 110%;
    margin-left: -50px;
}
.momenu{
    padding: 20px 20px 20px 100px !important;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin-top: 10px;
    background-color: #e6e8d7;
background-image: url("/user_data/htm/guide/drab1.png");
background-repeat: no-repeat;
background-position: right bottom ;
}
.momenu ul{
    font-size: 90%;
    margin-top:0px!important;
    margin-bottom:0px!important;
}
.momenu a {
    color:blue;
    text-decoration: underline;
}
.momenu a:hover {
    color:#4eacd1;
}
#main .newblog_wrap .img_hl {
    text-align:center;
    background-color: #ccc;
    margin-top: 40px!important;
    margin-right: 0px!important;
    margin-bottom: 0px!important;
    margin-left: 0px!important;
    padding-top: 5px!important;
    padding-right: 0.5em!important;
    padding-bottom: 5px!important;
    padding-left: 0.5em!important;
}
#main .newblog_wrap .img_border {
    border: 1px solid #ccc;
    margin-bottom:20px;
    padding-bottom:20px;
    border-radius: 5px;
}
#main .img_saba {
    width: 100%!important;
    margin-right: auto!important;
    margin-left: auto!important;
}
#main .img_saba img{
    width: 50%;
}
#main .newblog_wrap .img_description {
    position: relative;
    padding-left: 150px;
    /*padding-left: 330px;*/
    margin-top: 50px;
    min-height:150px;
    /*min-height:300px;*/
}
#main .newblog_wrap .img_description p:first-child {
    padding-top:0px;
    }
#main .newblog_wrap .img_description.pt2 {
    min-height:300px;
}
#main .newblog_wrap .img_description img{
    width: 130px;
    /*width: 300px;*/
    position: absolute;
    left: 5px;
    top: 12px;
    border: 1px solid #CCC;
}
#main .newblog_wrap .img_description img:nth-child(2){
    left: 5px;
    top: 150px;
}
#main .newblog_wrap .img_description b{
    font-size: 30px;
    font-weight: bold;
    display: block;
}
#main .newblog_wrap .img_description b span{
    font-size: 30px;
    padding-right: 3px;
}
#main .newblog_wrap .img_description span{
    font-size: 16px;
}
#main .newblog_wrap .img_description a{
    font-weight: bold;
    text-decoration: underline;
    display: inline-block;
    border-radius: 5px;
    margin-top: 5px;
}
#main .img_ac {
    width: 100%!important;
    margin-right: auto!important;
    margin-left: auto!important;
}
#main .img_ac span{
    width: 150px;
    text-align: center;
    float: left;
}
#main .img_ac img{
    width: 150px;
    float: left;
}
#main .img_ac span img{
    height: 150px;
    width: auto;
    float: none;
}


/************************************************
 色設定
************************************************ */
.gnav_wrap,
.header {
    border-top-color: #5E604A;
    border-bottom-color: #5E604A;
}
.gnav>li>a{
    border-bottom-color: #5E604A;
}
.gnav>li>a:hover{
    background-color: #5E604A;
}
.LC_Page_Index .gnav>li:nth-child(1)>a,
.LC_Page_AllCategories .gnav>li:nth-child(3)>a,
.gnav>li.active> a {
    background-color: #5E604A;
}
.local_nav{
    background-color: #5E604A;
}
.gnav>li.genre:hover > a{
    background-color: #5E604A;
}
.local_nav li{
    border-right-color: #5E604A;
    border-left-color: #5E604A;
}
.local_nav li > a.active,
.local_nav li > a:hover{
    color: #5E604A;
}
.header_top .login_nav li a:hover{
    background-color: #c8c8c8;
}
.search_header .search_box li.search_button_area a:hover{
    background-color: #FF2004;
}
.search_header .sub_box li a:hover{
    color: #FF2004!important;
}
.copyright {
    background-color: #5E604A;
}

.btn_detail a:hover{
    background-color: #FF2004;
}

a:hover{
}
.type_select a:hover,
.char_list li a[href]:hover,
.type_box dl dt a:hover,
.type_box dl dd a:hover,
.type_box dl dt:last-of-type a{
    color: #FF2004;
}
.LC_Page_Products_List .cat_box ul a[href]:hover,
.LC_Page_Products_List .cat_box ul li:first-child a[href]:hover,
.LC_Page_Index .cat_box ul a:hover,
.LC_Page_AllCategories #main > ul li a:hover{
    color: #FF2004;
}

.LC_Page_Index .cat_box ul li:first-child a:hover{
    background-color: #FF2004;
    color: #fff;
}
.LC_Page_Products_List .pt2 .cat_box ul li.cont_list p a:hover{
    background-color: #FF2004;
}
.LC_Page_Products_List .pt2 .cat_box ul li:first-child a[href]:hover{
    background-color: #FF2004;
}
.LC_Page_Products_List .pt2 .cat_box ul a:hover{
    background-color: #FF2004;
    color:#fff;
}
.contents_list ul li a:hover{
    background-color: #FF2004;
}
.LC_Page_AllCategories li.level1 > a{
    border-bottom-color: #FF2004;;
}
.soubi_wrap a:hover{
    background-color: #FF2004;
}
#purchase_select_list .member_merit dt{
    color: #FF2004;
}
#main .newblog_wrap h3 {
    /*background:#5E604A;*/
}
#main .newblog_wrap h4 {
    color:#5E604A;
}
.LC_Page_Products_List .cat_box ul li:first-child a[href]:hover,
.LC_Page_Products_List .cat_box ul li:first-child a:hover img{
    color: #FF2004;
    opacity: 1;
}
.LC_Page_Products_List .cat_box ul li:first-child a[href]:hover img{
    opacity: .7;
}
.brand_wrap a:hover,
.brand_wrap a:hover p,
div.listrightbloc .list_name a:hover,
.fnav a:hover,
.page-navi a:hover,
.bui_wrap .bui_list li a:hover,
.item_info li a:hover,
.option_list dd a[href]:hover{
    color: #FF2004;
}

/*ベース
----------------------------------------------------------------*/

/*フォント*/
.color_red {
    color:#f00;
    }

/*フロート*/
.float_right {float: right;}
.float_left {float: left;}

/*イメージ*/
.img_right {
    float: right;
    margin-left:40px;
    margin-bottom:20px;
    }
.img_left {
    float: left;
    margin-right:20px;
    margin-bottom:10px;
    }
.img100per {
    width:100%;
    height:auto;
    }
.img90per {
    width:90%;
    height:auto;
    }
.img85per {
    width:85%;
    height:auto;
    }


.clear_both {clear: both;}

.width_a {
    width:800px;
    margin-right:auto;
    margin-left:auto;
    }
.width_b {
    width:600px;
    margin-right:auto;
    margin-left:auto;
    }


.list_disc {
    margin-left:2em;
    padding-top:20px;
    }
.list_disc li {
    list-style:disc;
    }


.pt00 {
    padding-top:0 !important;
    }

.bg_a {
    background:#fae8df;
    padding:20px 40px 40px;
    border-radius: 10px;
    }

.text_price {
    color:#DF0B00;
    font-weight:bold !important;
    }
.text_price span {
    font-size:14px;
    font-weight:normal;
    }
.text_price.type_b {
    font-size:26px !important;
    }
.text_price.type_b span {
    font-size:16px !important;
    }



/*サムネイル
----------------------------------------------------------------*/

/*コンテンツ用*/
.contents_b {
    margin:20px 0 20px 0;
    width:100%;
    }
.contents_b img {
    width:100%;
    height:auto;
    }

.contents_b .box_a {
    width:48%;
    float:left;
    }

.contents_b .box_b {
    width:48%;
    float:right;
    }

/*ハイエンドモデル・エントリーモデル用*/
.thum_b {
    margin:20px 0 20px 0;
    width:100%;
    }
.thum_b img {
    width:100%;
    height:auto;
    }
.thum_b .box_a {
    width:48%;
    float:left;
    border: solid 1px #CCCCCC;
    background:#c4c6ad;
    border-radius: 5px;
    }
.thum_b .box_a.tpye_b {
    background:#ecc1c9;
    }
.thum_b .box_b {
    width:48%;
    float:right;
    border: solid 1px #CCCCCC;
    background:#ecc1c9;
    border-radius: 5px;
    }

.thum_b .col_a,
.thum_b .col_c {
    background:#ecc1c9;
    padding:15px 10px 0px !important;
    text-align:center;
    }
.thum_b .box_a .col_a {
    background:#c4c6ad;
    }
.thum_b .box_b .col_a {
    background:#ecc1c9;
    }

.thum_b .col_b {
    width:48%;
    margin-right:2%;
    margin-top:10px;
    float:left;
    padding:0 4% 2%;
    }
.thum_b .col_b.last {
    margin-right:0%;
    }
.thum_b .col_b p {
    font-size:14px !important;
    padding-top:5px !important;
    line-height:1.6 !important;
    }
.thum_b .col_b img {
    margin-bottom:5px;
    }

/*ハイエンドモデル・エントリーモデル用(3列1列)*/

.thum_b.type_b .box_a {
    width:72%;
    }
.thum_b.type_b .box_b {
    width:24%;
    }

.thum_b.type_b .box_a .col_b {
    width:30%;
    }
.thum_b.type_b .box_b .col_b {
    width:100%;
    margin-right:0%;
    }

/*サムネイル6列*/

.thum_c {
    display:flex;
    flex-wrap:wrap;
    }

.thum_c .box_a {
    width:120px;
    margin:20px 8px 0px;
    float:left;
    }
.thum_c p {
    font-size:14px !important;
    line-height:1.5 !important;
    padding-top:5px !important;
    }
.thum_c .text_price span {
    display:block;
    }

/*カテゴリーコンテンツ
----------------------------------------------------------------*/

/*ベース*/
.cate_contents {
    width:820px;
    margin-right:auto;
    margin-left:auto;
    font-size:16px;
    line-height:1.8;
    margin-bottom:5px;
    }
.cate_contents #cate_keyv {
    margin-top:25px;
    }

.cate_contents #cate_keyv+p {
    margin-top:40px;
    }

.contents_list ul li a {
    font-size: 14px;
    color: #434919;
    background-color: #FFF;
    background-image: url(/user_data/packages/default/img/common/mark_contents_off.gif);
    background-repeat: no-repeat;
    background-position: 10px center;
    padding: 10px 0 0 15px;
    height: 50px;
    width: 330px;
border-radius: 5px;
margin:10px;
    vertical-align: middle;
float:left;
}


/*レイアウト・パーツ
----------------------------------------------------------------*/


/*写真左寄り*/
.lay101 {
    width:100%;
    }
.lay101 .box_a {
    width:300px;
    float:left;
    }
.lay101 .box_a img {
    width:100%;
    height:auto;
    }
.lay101 .box_b {
    width:500px;
    float:right;
    }


/*写真右寄り*/
.lay101.type_b .box_a {
    float:right;
    }
.lay101.type_b .box_b {
    float:left;
    }

.lay102 {
    width:100%;
    margin-top:60px;
    }
h2+.lay102,
h3+.lay102,
h4+.lay102 {
    margin-top:0px;
    }
.lay102 h3 {
    margin-top:0px;
    }

.lay102 .box_a {
    width:340px;
    float:left;
    }
.lay102 .box_a img {
    width:100%;
    height:auto;
    }
.lay102 .box_b {
    width:600px;
    float:right;
    }
.bg_a .lay102 .box_b {
    width:500px;
    }


.lay102.type_b .box_a {
    width:240px;
    }
.lay102.type_b .box_b {
    width:700px;
    }



.cate_contents .lay102 .box_a {
    width:340px;
    }
.cate_contents .lay102 .box_b {
    width:450px;
    }

.rp-caption {
    background: #f1f1f1;
    text-align: center;
    margin-bottom: 10px;
    padding: 4px;
    width:30%;
    height:auto;
    border-radius: 5px;
}


/*　ローカルナビ表示用　*/
.LC_Page_Products_Detail #container,
.LC_Page_Products_List #container,
.LC_Page_Products #container {
    padding-top: 50px;
}
.LC_Page_Products_Detail .local_nav,
.LC_Page_Products_List .local_nav,
.LC_Page_Products .local_nav {
    display:block;
}
.LC_Page_Products_Detail .gnav>li.genre > a,
.LC_Page_Products .gnav>li.genre > a{
    text-decoration: none;
    color: #FFF;
    background-color: #5E604A;
}
.local_nav li.active > a {
    background-color: #d46002;
    text-decoration: none;
    color: #fff;
}
/*　タブ内レイアウト調整用　*/
#ui-tab .cont_wrap {
    text-align: center;
    padding-top: 15px;
}
.important{
    background-color: #1111cc;
    text-align: center;
    color: #FFF;
    padding:3px 3px 0px;
    line-height:1 !important;
    display: inline-block!important;
    margin-left: 5px;
    font-size: 14px!important;
    border: solid 1px #fff;
}
.important.type_b {
    background-color: #FF2004;
    }
/*　コンテンツ入れ替えに伴うレイアウト調整　*/
.ranking_wrap div.list_area_inner {
    position: relative;
}
.ranking_wrap div.listrightbloc .stock_banner_area.sold {
    top: 10px;
}

/*　卸会員限定カテゴリに非会員がアクセスしたとき表示するページ　*/
.members-only-box {
    width:820px;
    margin-right:auto;
    margin-left:auto;
    font-size:16px;
    line-height:1.8;
    margin-bottom:5px;
    }

/*　割引率一覧ページ　*/
.btn_disc {
    text-align: center;
}
.btn_disc a{
    font-size: 18px;
    line-height: 75px;
    font-weight: bold;
    color: #FFF;
    background-color: #a72603;
    text-decoration: none;
    letter-spacing: 1.5px;
    display: table;
    padding-right: 15px;
    padding-left: 30px;
    margin-right: auto;
    margin-left: auto;
    border-radius:10px;
}

.btn_disc a span {
    background-image: url(../img/common/mark_arrow.png);
    background-repeat: no-repeat;
    background-position: right 32px;
    display: block;
    padding-right: 40px;
}

/*横に並べる*/
.btn_disc {
    float: left;
    padding: 10px;
}

/* =====================　youtubeレスポンシブ対応　========================= */

.movie-wrap {
     text-align: center;
}

/* =====================　吹き出しのCSS　========================= */

.cate_contents .l-fuki {
	position: relative;
	width: 80%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 20px;
	border-radius: 6px;
	border: 2px solid #999;
	box-shadow: 1px 1px 5px #aaa;
	background-color: #d9eafb;
	z-index: 1;
}

.cate_contents .r-fuki {
	position: relative;
	width: 80%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 20px;
	border-radius: 6px;
	border: 2px solid #999;
	box-shadow: 1px 1px 5px #aaa;
	background-color: #fffbf4;
	z-index: 1;
}
.cate_contents .l-fuki {
	margin: 20px 20% 40px 5%;
}
.cate_contents .r-fuki {
	margin: 20px 0 40px 19%;
}
.cate_contents .l-fuki::before {
	position: absolute;
	content: "";
	top: 16px;
	width: 10px;
	height: 10px;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	background-color: #d9eafb;
	z-index: 2;
}

.cate_contents .r-fuki::before {
	position: absolute;
	content: "";
	top: 16px;
	width: 10px;
	height: 10px;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	background-color: #fffbf4;
	z-index: 2;
}
.cate_contents .l-fuki::before {
	right: -7px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.cate_contents .r-fuki::before {
	left: -7px;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}
.cate_contents .l-fuki::after,
.cate_contents .r-fuki::after {
	position: absolute;
	content: "";
	width: 80px;
	height: 80px;
	top: -10px;
	border-radius: 40px;
	border: 3px solid #fff;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: 1px 1px 5px #aaa;
}
.cate_contents .l-fuki::after {
	right: -110px;
}
.cate_contents .r-fuki::after {
	left: -110px;
}
@media screen and (max-width: 620px) {
	.cate_contents .l-fuki,
	.cate_contents .r-fuki {
		width: 70%;
	}
	.cate_contents .l-fuki {
		margin-right: 30%;
	}
	.cate_contents .r-fuki {
		margin-left: 30%;
	}
}
@media screen and (max-width: 478px) {
	.cate_contents .l-fuki::after,
	.cate_contents .r-fuki::after {
		width: 60px;
		height: 60px;
		border-radius: 30px;
	}
	.cate_contents .l-fuki::after {
		right: -84px;
	}
	.cate_contents .r-fuki::after {
		left: -84px;
	}
}
.drab::after {background-image:url(../img/common/drab.jpg);}
.bye::after {background-image:url(../img/common/bye.jpg);}
.nice::after {background-image:url(../img/common/nice.jpg);}
.boy::after {background-image:url(../img/common/boy.jpg);}
.girl_1::after {background-image:url(../img/common/girl_1.jpg);}
.girl_2::after {background-image:url(../img/common/girl_2.jpg);}
.girl_3::after {background-image:url(../img/common/girl_3.jpg);}
.girl_4::after {background-image:url(../img/common/girl_4.jpg);}
.girl_5::after {background-image:url(../img/common/girl_5.jpg);}
/** add.css から移動 ここまで */
/** print.css から移動 ここから */
/************************************************
 印刷用
************************************************ */

@media print {
    body {
        zoom: 75%;
    }
}
/** print.css から移動 ここまで */

/** 住所入力の入力必須表示 */
.address_input_area > * {
    margin-left: 1.25em;
    position: relative;
}
.address_input_area > div + div {
    margin-top: 1ex;
}
.address_input_area > div.has_required::before {
    content: '※';
    position: absolute;
    left: -1.25em;
    color: #FF2000;
}