@charset "utf-8";
/* CSS Document */

body{ font:13px Lucida Grande,Arial,Meiryo,Hiragino Maru Gothic Pro,verdana,'Trebuchet MS',Helvetica,sans-serif; line-height:1.6em; color:#000000;}

/*!!!!! 20240808 クーポンボタン調整 */
input.reset_coupon_button {
    margin-left: 1rem;
}


/*!!!!! 20211007 斎藤メニュー調整 */
#menu-snav-brand-1 .alphabet_menu_index {
border-bottom: 2px solid #555555;
color:#555555;
background: #fff;
text-align: center;
font-weight: 500;
font-size: 18px;
margin-top: 20px;
margin-bottom: 10px;
margin-left :7px;
margin-right :7px;
padding-bottom:6px;
}


#menu-snav-brand-1 img{
 margin-top: 1px;	
 margin-left: 10px;
 border: 1px solid #C6C6C6;
 padding: 0;
 width:85%;
}

#menu-snav-brand-1 li a{
 padding: 0;
 margin-top: 1px;	
}

#gNavRap .overlay.brands  li a {
    margin:0;
	  padding:0;
	  
}
#gNavRap .overlay.brands li{
    margin:0;
	  padding:0;
	  
}


#gNavRap .overlay.brands li img {
    width: 120px;
}

/*!!!!! 20211007 斎藤メニュー調整終わり */

a{ color:#069; text-decoration:none;}
a:visit{ color:#069; text-decoration:none}
a:hover{ color:#06F; opacity:0.8; filter:alpha(opacity=80); -ms-filter:"alpha( opacity=80 )"; }
a:hover img{ opacity:0.8; filter:alpha(opacity=80); -ms-filter:"alpha( opacity=80 )"; background:none !important; }

.wide img, .wide img, .wide img{ display:block; max-width: 100%; height: auto}
.ie6 .wide img, .ie6 .wide img, .ie6 .wide img{ width: 100%}

ol{ padding-left:20px}
ol li{ list-style:decimal}

img { width:100%; height:auto; -ms-interpolation-mode: bicubic; }
input{ text-align:left;}
input[type="text"],input[type="email"],input[type="tel"],input[type="password"],select{ padding:4px; max-width:100%; height:26px; line-height:17px; border:1px solid #CCCCCC;}
textarea{ padding:4px; max-width:100%; min-width:100%; height:300px; max-height:560px;}
input[type="button"],input[type="submit"]{ text-align: center;}

/*//////////////////////////FRAME WORK//////////////////////////*/
body{ min-width:320px;}
#wrap{ width:100%;}

#header{ width:100%;}
#gNavRap{ width:100%; z-index:100;}
#conRap{ width:100%;}
.inner{ margin:0 auto; padding:0 5px; width:980px; position:relative;}
.error_color{font-weight: bold; color: red;}
#contents{ margin:0 auto; width:980px;}
#contents-cart{ margin:0 auto; width:980px;}

#main{ padding:30px 0; width:800px; float:right; text-align:left;}
#sideNav{ margin-right:10px; padding:30px 0; width:170px; float:left;}

#footer{ padding:20px 0;}

/*//////////////////////////base//////////////////////////*/
body{ text-align:left;}

/*//////////////////////////header//////////////////////////*/

#header{ overflow:hidden; position:relative; background:#000000;}

#header #logo{ margin:10px 0; width:230px; height:40px; line-height:40px; float:left;}
#header #logo a{ width:240px; height:40px; display:block; text-align: center;}
#header #logo a > *{ vertical-align: middle; display: inline-block;}
#header #logo a:before{ content: ""; height: 100%; vertical-align: middle; width: 0px; display: inline-block;}

#hdNav{ 
margin-left:10px;
padding-left: 444px;
width:730px; 
float:left; 
position:relative;
}

#hdNav p{ padding:5px 10px; color:#FFFFFF;}
#hdNav{ background:#000; font-size:80%;}
#hdNav .navlist li{ width:20%; float:left; text-align:center;}
#hdNav .navlist li a{ padding:10px 0; display:block; color:#FFFFFF;}
#hdNav .navlist li a:hover{ opacity:0.8; filter:alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"}
#hdNav .navlist li .img{ display:block;}
#hdNav .navlist li .img .num{ padding:2px; background:#FF0047;}
#hdNav .navlist li .img img{ width:20px; height:20px;}
#hdNav .navlist li .txt{ display:block;}

#gNavRap{ font-size:88%; border-bottom:1px solid #CCCCCC;}
#gNav{ width:590px; display:table; float:left;}
#gNav li{ padding:0 10px; height:50px; display:table-cell; vertical-align:middle; cursor:pointer;}
#gNav li a{ margin: 0 auto; display:block; line-height:1.6; color:#000000; text-align:center;}
#gNav li a:hover{ color:#CCCCCC;}
#gNav li.active{ background:url(../images/arrowgnavup.png) no-repeat 50% 100%;}

#gNavRap .overlay { display:none; margin-bottom:10px; position:static; width:auto !important; height:auto; overflow:hidden; padding:5px; background:#111111; color:#FFFFFF;}
#gNavRap .overlay.brands{ width:570px;}
#gNavRap .overlay a{ padding:0; display:block; color:#FFFFFF; font-size: 1.0rem;}
#gNavRap .overlay a:hover{ color:#222222; background:#FFFFFF;}
#gNavRap .overlay .inner{ padding:20px; position:relative;}
#gNavRap .overlay .cattitle{ margin:0 0 20px 0; font-size:120%; line-height:2.0;}
#gNavRap .overlay .js-close{
    position: relative;
    top: -8px;
    right: -906px;
    margin: 0;
    line-height: 1;
    width: 25px;
}
#gNavRap .overlay .js-close a:hover{ background:none;}
#gNavRap .overlay .box{ margin-bottom:30px;}
#gNavRap .overlay .menu{ font-size:88%;}

#gNavRap .overlay .menu li{ display:inline-block;}


#gNavRap ul .sub-menu{ 
	margin-top:20px;
	display: none;
}

#gNavRap ul.item_category >li > ul.sub-menu{ 
	float:none;
	margin-top:5px;
	display: block;
	font-size:10px;	;
}

#gNavRap ul.item_category {
 display: flex;
 flex-wrap: wrap;
 flex-direction: column;
 height:600px;
}

#gNavRap ul.item_category > li { 
	font-size:8px;
}

#gNavRap ul.item_category > li > a { 
	font-size:12px;
}


#gNavRap ul.item_category ul.sub-menu > li { 
	margin-left:13px;
	float:none;
}
#gNavRap ul.item_category ul.sub-menu > li > a { 
	font-size:10px;
}

#gNavRap .overlay.items .itemcatbox > ul > li{ 
	margin-top:10px;
	float:none;
}


#gNavRap .overlay .apparelbox{ width:50%; float:left;}

#searchBox{ padding:10px 0; width:380px; float:right;}
#searchBox span{ display:inline-block; vertical-align:middle;}
#searchform .postform{ font-size:88%;}
#searchform #cat{ margin:0; padding:5px 10px 5px 5px; width:130%; min-width:190px; height:30px; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; outline: none; cursor: pointer; text-align: center; text-decoration: none; -webkit-appearance: button; -moz-appearance: button; appearance: button; vertical-align:middle; background:#FFF url(../images/arrowDownBk.png) no-repeat; background-size:20px 20px; background-position: 130px center;}
#searchform .catselectbox{ width:150px; overflow:hidden; visibility: hidden;}
#searchform .textform{ width:170px;}
#searchform #s{ margin:0; padding:5px; width:100%; height:30px; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;}
#searchform .submitbtn{ width:60px;}
#searchform input[type="submit"]{ margin:0; width:100%; height:30px; background:#CCCCCC; color:#000000; border:solid 1px #CCCCCC; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; outline: none; cursor: pointer; text-align: center; text-decoration: none; -webkit-appearance: none; vertical-align:middle;}
#searchform input[type="submit"]:hover{ opacity:0.8; filter:alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"}

#nocon{ margin:60px auto; max-width:640px;}

.recenthistory li{ padding:5px; width:20%; float:left;}


/*//////////////////////////contents//////////////////////////*/


#content{ width:570px; float:left;}
#sub{ margin-left:10px; padding:0 0 30px 0; width:220px; float:right; text-align:left;}

#sideNav h4{ padding:10px 0; font-size:120%; line-height:1.6; border-bottom:1px solid #CCC;}
#sideNav .cate_nav li .submenu{ width:180px; display:none; position:absolute; left:170px; top:0; border:1px solid #EEE; background:#FFF;}
#sideNav .cate_nav li.current .submenu{ display:block;}
#sideNav .cate_nav li .submenu li{ border-bottom:none;}
#sideNav .cate_nav li .submenu li ul li a{ padding-left:30px;}
#sideNav .cate_nav,#sideNav .brand_nav{ margin-bottom:20px;}
#sideNav .cate_nav li,#sideNav .brand_nav li{/* border-bottom:1px solid #EEE; */position:relative;}
#sideNav .cate_nav li a,#sideNav .brand_nav li a{ padding:2px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -moz-text-overflow:ellipsis; -o-text-overflow:ellipsis; color:#000;}
#sideNav .cate_nav li a:hover,#sideNav .brand_nav li a:hover{ background:#CCC;}
#sideNav .brand_nav li ul a{ display:none;}
#sideNav .brand_nav li.current a{display:block;}
#sideNav .brand_nav li ul.sub-menu {width:180px;display:none;position:absolute;left:170px;top:0;background:#FFF;}
#sideNav .cate_nav li.current-menu-item:hover,#sideNav .brand_nav li ul.sub-menu { display:block;}
/*//////////////////////////footer//////////////////////////*/

#footer{ padding:20px; z-index:10; background:#000000; color:#FFFFFF;}
#footer a{ color:#FFF;}
#footer a:hover{ text-decoration:underline;}

#footer .shopinfo{ padding-right:10px; width:50%; float:left;}

#footer .shopinfo h5{ font-size:120%; margin-bottom:30px;}
#footer .si_box{ padding:10px 0; border-top:1px solid #CCC;}
.ft_pay dd{ margin-left:10px; margin-bottom:10px;}
.ft_pay table{ margin:0 4px; border:1px solid #CCC;}
.ft_pay th,.ft_pay td{ padding:2px;}
.ft_pay img{ max-width:300px;}

#ftNav{ width:100%;}
#ftNav li{ margin:0; display:inline-block; border-right:1px solid #CCCCCC;}
#ftNav li:last-child{ border-right:0;}
#ftNav li a{ padding:0 5px; display:block;}

#footer .copyright{ padding:10px 0;}

#btnArea{ padding:10px; width:60px; height:52px; z-index:200; position:fixed; bottom:10px; right:10px; background:#333333; opacity:0.8; filter:alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"}
.pageTop{ width:40px; height:32px;}
.pageTop a{ width:40px; height:32px; display:block; color:#FFFFFF; background:url(../images/pagetop.png) no-repeat center center;}


/*//////////////////////////linkbox用//////////////////////////*/

.box_hover{ cursor:pointer; opacity:0.8; filter:alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"}
.box_hover a{ color:#069}
.none{ text-indent:-9999px; height:0px; overflow:hidden}

/*//////////////////////////CLASS//////////////////////////*/
.mt20{ margin-top:20px}
.mb10{ margin-bottom:10px}
.mb20{ margin-bottom:20px}
.mb30{ margin-bottom:30px}
.mb40{ margin-bottom:40px}
.txtCt{ text-align:center}
.txtLt{ text-align:left}
.txtRt{ text-align:right}
.floatLt{ float:left}
.floatRt{ float:right}
.line01{ border:1px solid #CCC}
.lineBottomWh{ border-bottom:1px solid #FFFFFF;}
.lineDot{ background:url(../images/dotLine.gif) repeat-x bottom}

.f80{ font-size:80%}
.f150{ font-size:150%;
	   line-height:1.5}

.w50{ width:50%;}

.red{ color:#F00}
.blue{ color:#039}
.green{ color:#0C0}

.none{ display:none}
.hidden{ display:none;}

.img_clear{width: initial;}



.wpcf7-not-valid-tip{
	color:red;
	font-weight: bold;
}
.submenu{
	font-size: 120%;
	font-weight: bold;
}

sup {
vertical-align: super;
font-size:0.7em;
}


.paidy-send input[type="button"]{
background: linear-gradient(135deg, #E5258C 0%, #823CD7 100%);
    border-radius: 28px;
    color: #fff;
    font: 600 14px "Noto Sans JP",Helvetica,sans-serif;
    line-height: normal;
    line-height: 21px;
    padding: 6px; 
    text-align: center;
    transition: all .2s ease-in-out;
    width: 168px;
    height: 40px;
    align-items: center;
    justify-content: center;
}

[id^="datasign_cmp"]::part(root) {
  --widget-basic-font-color: #fff !important;
  --widget-background-color: #000 !important;
  --widget-primary-font-color: #fff !important;
  --dialog-basic-font-color:#fff !important;
  --dialog-background-color: #000 !important;
}