@charset "utf-8";

/* reset
---------------------------------------------------- */
body {
	background-color: #fff;
	color: #000;
}

h1,h2,h3,h4,h5,h6,p,table,th,td,dl,dt,dd,ul,ol,li {
	font-size: small;
	line-height: 1.4;
}

div#seo h1{
         background: #111111;
    padding: 15px;
    color: #ffffff;
}

div#seo p{
          line-height: 40px;
}
div#seo img.seo{
         width: 250px;

}

div#seo h2{
     padding: 20px 0 0 0;
    border-bottom: 3px solid #111111;
    margin: 0 0 20px 0;
    font-size: 16px;
}

div#seo ul{
}

div#seo ul li{
}

div#seo ul.list li a{
     padding: 5px 20px;
    font-size: 15px;
}


a {	color: #000;}

a:hover {
	color: #999999;
	text-decoration: underline;
}

img {	display: block;}

table {	border-collapse: collapse;}

[class*="sys"] .sysContent,
[class*="sys"] .sysContent nav,
[class*="sys"] .sysContent nav ul,
[class*="sys"] .sysContent nav ul li,
[class*="sys"] .sysContent ul,
[class*="sys"] .sysContent ul li {	margin: 0px;}

/* 0424修正 */
/* [class*="sys"] .sysContent {	padding: 0px;} */ 

[class*="sys"] .sysContent nav ul li,
[class*="sys"] .sysContent nav ul li a,
[class*="sys"] .sysContent ul li,
[class*="sys"] .sysContent ul li a {	display: block;}


/* clear */
ul:after,
ol:after,
.shopDetail:after,
.media:after,
.clist:after,
#sysMain .p-sns:after,
#sysAside:after {
	content: ".";
	clear: both;
	display: block;
	font-size: 0.1em;
	height: 0.1px;
	line-height: 0;
	visibility: hidden;
	width: 0.1px;
}

/* forIE clear */
.clear {
	clear: both;
	height: 0.1px;
	margin: 0px;
	padding: 0px;
	width: 0.1px;
}

.table1{
width:240;
height:40;
}

.table2{
width:240;
}

.td1{
background-color:#cccccc;
text-align:center;
color:#000000;
}

.td2{
width:80;
}


/* base
---------------------------------------------------- */
div#sysAll, div#sysHeader, div#sysMain, div#sysAside {
	float: none;
	margin: 0px;
	max-width: none;
	padding: 0px;
	width: auto;
}

div#sysAll {
	background-color: #fff;
	/* position: relative; */
	margin: 0px auto;
	max-width: 840px;
}

div#sysHeader {}
div#sysMain {}
div#sysAside{}
div#sysFooter {}



/* form
---------------------------------------------------- */
/* common formitem */
input[type="text"], input[type="password"], input[type="tel"], input[type="fax"],
input[type="email"], input[type="number"],
input[type="search"], input[type="submit"],
button[type="submit"], button, textarea {
	border: #CCCCCC 1px solid;
	border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	box-shadow: 0 0 1px #FFFFFF inset;
		-o-box-shadow: 0 0 1px #FFFFFF inset;
		-ms-box-shadow: 0 0 1px #FFFFFF inset;
		-moz-box-shadow: 0 0 1px #FFFFFF inset;
		-webkit-box-shadow: 0 0 1px #FFFFFF inset;
	font-size: small;
	font-size: 0.8rem;
	font-weight: normal;
/*	max-width: 700px;
	min-width: auto;*/
    -webkit-appearance: none;
}

input[type="text"], input[type="password"], input[type="tel"], input[type="fax"],
input[type="email"], input[type="number"],
input[type="search"], textarea {
	background: linear-gradient(top, #EFEFEF, #FFFFFF);
		background: -o-linear-gradient(top, #EFEFEF, #FFFFFF);
		background: -ms-linear-gradient(top, #EFEFEF, #FFFFFF);
		background: -moz-linear-gradient(top, #EFEFEF, #FFFFFF);
		background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#FFFFFF));
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFEFEFEF', endColorstr='#FFFFFFFF');
	padding: 0.7em;
	width: 100%;
}

input[name="zipcode"] {	max-width: 10em;}

textarea {	height: 10em;}



/* 数量変更 */
button[type="submit"], button, input.sysBackButton {
	background-image: linear-gradient(to bottom,#E4DFCF 0,#C5B994 100%);
		background-image: -o-linear-gradient(top,#E4DFCF 0,#C5B994 100%);
		background-image: -ms-linear-gradient(top,#E4DFCF 0,#C5B994 100%);
		background-image: -moz-linear-gradient(top,#E4DFCF 0,#C5B994 100%);
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#E4DFCF),color-stop(100%,#C5B994));
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffE4DFCF',EndColorStr='#ffC5B994');
	border: #999999 1px solid;
	color: #333333;
	height: 35px;
	min-width: 8em;
}

select {
	overflow: hidden;
	text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		-ms-text-overflow: ellipsis;
		-moz-text-overflow: ellipsis;
		-webkit-text-overflow: ellipsis;
	width: 100%;
        min-height: 38px;
}
.sysNumArea{
       margin-top: 1em;
}


/* 全端末で共有する記述
　 端末ごとの指定は下部にそれぞれ記載している
---------------------------------------------------- */

/* header
----------------------------- */
/* logo */
.shoplogo {
	float: left;
	padding: 1% 10% 1% 0;
	width: 70%;
}

.shoplogo img {
	height: auto;
	max-width: 274px;
}


/* login cart icon */
.topBtn,
.header-navi {	float: right;}

.topBtn div nav ul ,
.header-navi div nav ul {}
.topBtn div nav ul li,
.header-navi div nav ul li {
	background-position: 100% 100%;
	background-repeat: no-repeat;
	background-size: contain;
	float: left;
	height: 60px;
	/*max-width: 60px*/;
	width: 100%;
}

.topBtn div nav ul a,
.header-navi div nav ula {}
.topBtn div nav ul li a,
.header-navi div nav ul li a{
	background-position: 100% 100%;
	background-repeat: no-repeat;
	background-size: contain;
	float: left;
	height: 60px;
	/*max-width: 60px*/;
	width: 100%;
}



.topBtn div nav ul li:nth-child(1),
.header-navi div nav ul li:nth-child(1){	background-image: url(../img/header/header_btn_1.png);}
.topBtn div nav ul li:nth-child(2) ,
.header-navi div nav ul li:nth-child(2){	background-image: url(../img/header/header_btn_2.png);}

.topBtn div nav ul li a ,
.header-navi  div nav ul li a {	text-indent: -9999px;}

/* navigation */
.headerNav {
	clear: both;
	margin: 0;
}

.headerNav div nav ul {}
.headerNav div nav ul li {	text-align: center;}
.headerNav div nav ul li a {}



/* shopTOP
----------------------------- */
/* topics banner */
#index .indexBnr {	max-width: 650px;}

.indexBnr {
	background-color: #333333;
	margin: 0 auto 3% auto;
}

.indexBnr div ul li {	padding: 0 1% 1% 1%;}

.indexBnr div ul li:first-child {	padding-top: 1%;}

.indexBnr div ul li img {
	height: auto;
	margin: 0 auto;
	max-width: 100%;
	width: auto;
}


/* shop infomation */

#ectop .newsContent ,
#ectop .ectop-information {	margin: 0 0 3% 0;}

#ectop .newsContent h2.sysHeadline ,
#ectop .ectop-information h2.sysHeadline {
	background: -moz-linear-gradient(top, #666666, #000000);
	background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#000000));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FF666666', endColorstr='#FF000000');
	font-family: arial black, sans-serif; 
	font-weight: bold;
	padding: 2% 1em;
	text-shadow: 1px 1px 3px #333333;
        color: #999;
}

#ectop .newsContent div.sysContent,
#ectop .ectop-information div.sysContent {
	background-color: #333333;
	padding: 2% 1%;
}

#ectop .ectop-information .sysContent ul{height: 100px;
overflow-y: scroll;}

.newsContent div ul,
.ectop-information .newsContent div ul {}
.newsContent .sysContent ul li ,
.ectop-information .sysContent ul li {
	margin: 0 0 1em 0;
	padding: 0 0.5em;
/*	padding: 0 0 0 5em;
	text-indent: -5em;*/
}

.newsContent .sysContent ul li a{
/*	color: #CC11FF;*/
	color: #FFFFFF;
	display: inline;
}

.newsContent .sysContent ul li a:hover{	color: #CC11FF;}
.ectop-information .sysContent ul li {	color: #ffffff; 
                                        display: inline; float:left;}

.newsContent ul li time ,
.ectop-information ul li time{
	color: #FFCC00;
	padding: 0 1em 0 0;
	float:left;
}

.newsContent .sysContent ul li a,
.ectop-information .sysContent ul li a{
    float:left;
    color: #fff;
}
.newsContent .newsIndent,
.ectop-information .newsIndent{	padding: 0 1em;}


/* newitem ranking reccomend */
.topItemList {	margin: 0 0 3% 0;}

.topItemList h2.sysHeadline {
	background: -moz-linear-gradient(top, #666666, #000000);
	background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#000000));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FF666666', endColorstr='#FF000000');
	font-family: "Hiragino Mincho ProN",serif,"ヒラギノ明朝 Pro W3","細明朝体","ＭＳ Ｐ明朝",メイリオ,sans-serif, "ＭＳＰゴシック";
	font-weight: bold;
	padding: 2% 1em;
	text-shadow: 1px 1px 3px #333333;
}

.topItemList .sysContent {}
.topItemList .sysContent ul.sysHorizontal {}
.topItemList .sysContent ul.sysHorizontal li {
	float: left;
	padding: 1%;
	width: 25%;
	height:200px;
}

.topItemList .sysContent ul.sysHorizontal li .sysItemImage {
	height: auto;
	margin: 1% auto;
	max-width: 100%;
	width: 95%;
}

.topItemList .sysContent ul.sysHorizontal li .sys
ItemName {}
.topItemList .sysContent ul.sysHorizontal li .sysItemPrice {}

.topItemList .sysContent ul.sysHorizontal li .sysIconRank {}
.topItemList .sysContent ul.sysHorizontal li .sysIconRank img {
	height: auto;
	margin: 0 auto;
	max-width: 85px;
	width: 100%;
}

.ranking-top{	margin: 0 0 3% 0;background-color: #444444;
}

.ranking-top h2.sysHeadline,
.whatsnew-top h2.sysHeadline{
	background: #000;
	font-weight: bold;
	padding: 2% 1em;
	text-shadow: 1px 1px 3px #333333;
        color: #fff;
}
.whatsnew-top2 h2.sysHeadline{
	background: #000;
	font-weight: bold;
	padding: 2% 1em;
	text-shadow: 1px 1px 3px #333333;
        color: #fff;
}

.ranking-top .sysContent,
.whatsnew-top .sysContent,
.recommend .sysContent{}
.ranking-top .sysContent ul.sysHorizontal,
.whatsnew-top .sysContent ul.sysHorizontal,
.recommend .sysContent ul.sysHorizontal {
    background-color: #fff;
}

.ranking-top .sysContent ul.sysHorizontal li ,
.whatsnew-top .sysContent ul.sysHorizontal li,
.recommend .sysContent ul.sysHorizontal li{
	float: left;
	padding: 1%;
	width: 25%;
	height:200px;
}

.ranking-top .sysContent ul.sysHorizontal li .sysItemImage,
.whatsnew-top .sysContent ul.sysHorizontal li .sysItemImage,
.recommend .sysContent ul.sysHorizontal li .sysItemImage {
	height: auto;
	margin: 1% auto;
	max-width: 100%;
	width: 95%;
}

.ranking-top .sysContent ul.sysHorizontal li .sysItemName,
.whatsnew-top .sysContent ul.sysHorizontal li .sysItemName,
.recommend .sysContent ul.sysHorizontal li .sysItemName{}
.ranking-top .sysContent ul.sysHorizontal li .sysItemPrice,
.whatsnew-top .sysContent ul.sysHorizontal li .sysItemPrice,
.recommend .sysContent ul.sysHorizontal li .sysItemPrice{}

.ranking-top .sysContent ul.sysHorizontal li .sysIconRank,
.whatsnew-top .sysContent ul.sysHorizontal li .sysIconRank,
.recommend .sysContent ul.sysHorizontal li .sysIconRank{}

.recommend .sysContent ul.sysHorizontal li .sysIconRank img,
.ranking-top .sysContent ul.sysHorizontal li .sysIconRank img ,
.whatsnew-top .sysContent ul.sysHorizontal li .sysIconRank img{
	height: auto;
	margin: 0 auto;
	max-width: 85px;
	width: 100%;
}

.whatsnew-top .sysContent, .ranking-top .sysContent, .recommend .sysContent, .categorylist .sysContent {
        padding: 1px;
}
/* tokusho payment privacy
----------------------------- */
.allNeed {}
.allNeed h2.sysHeadline {
	border-bottom: #666666 1px dotted;
	margin: 2em 0;
	padding: 2% 1em;
}

.allNeed div.sysContent {	padding: 0 2% 2% 2%;}

.allNeed div h3 {	margin: 0 0 1em 0;}

.allNeed div dl {}

.allNeed div dl dt {
	background-color: #000;
	border-radius: 5px;
	margin: 0 0 1em 0;
	padding: 1% 1em;
	color: #fff;
}

.allNeed div dl dd {
	margin: 0 0 2em 0;
	padding: 0 1em;
}



/* NOT SHOP PAGE --all top
----------------------------- */
/* flash */
.flash {	margin: 0 0 3% 0;}
.indexImage {	margin: 0 0 3% 0;}


/* brand profile */
.profile {
	background: -moz-linear-gradient(left, #454545, #FFFFFF 25%, #454545 50%, #FFFFFF 75%, #454545);
	background: -webkit-gradient(linear, left top, right top, from(#454545), color-stop(0.25, #FFFFFF), color-stop(0.5, #454545), color-stop(0.75, #FFFFFF), to(#454545));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#FF454545', endColorstr='#FF898989');
	margin: 0 0 3% 0;
	padding: 2% 3%;
}

.profile h2.sysHeadline {
	color: #FFFFFF;
	font-style: italic;
	margin: 0 0 1em 0;
	text-shadow: 1px 1px 3px #000000;
}

.profile div.sysContent {
	background: rgba(255,255,255,0.2);
	color: #000000;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#22ffffff,EndColorStr=#22ffffff);
	padding: 2%;
}



/* NOT SHOP PAGE --concept
----------------------------- */
.concept {
	background-image: url(../img/concept/bgConcept.jpg);
	background-position: 0 0;
	background-size: contain;
	background-repeat: no-repeat;
}

.concept h2 {	margin: 8% 0 5% 0;}

.concept div table {}
.concept div table th {
	font-weight: normal;
	padding: 1.5%;
	text-align: left;
	vertical-align: top;
	width: 17%;
}

.concept div table td {	padding: 1.5%;}



/* NOT SHOP PAGE --news
----------------------------- */
#news .newsContent {}

#news .media {}

#news .newsContent h2.sysHeadline,
#news .media h2.sysHeadline {
	border-bottom: #666666 1px dotted;
	margin: 2em 0;
	padding: 2% 1em;
}

#news .newsContent .sysContent,
#news .media .sysContent {	padding: 0 2% 2% 2%;}

#news .newsContent ul{/*内容はTOPのinfoと同じものを利用*/}

#news .media img {
	clear: both;
	float: left;
	height: auto;
	margin: 0 0 3% 0;
	width: 30%;
}

#news .media p + p {
	clear: both;
	margin: 0 0 3% 0;
}

#news .media img + p {
	float: right;
	margin: 0 0 3% 0;
	width: 65%;
}

#news .media p span {
	color: #cc6699;
	display: block;
}

#news .media a {
	color: #CC11FF;
	display: inline;
}



/* NOT SHOP PAGE --shop list
----------------------------- */
/* photo list */
body#shop {
    background-color: #fff;
}
body#shop #sysAll {
    background-color: #fff;
}
.shopList {}

.shopList div .shopDetail {
	border: #666666 1px solid;
	margin: 0 0 3% 0;
	padding: 2%;
}

.shopList div .shopDetail h3 {
	border-bottom: #CCCCCC 1px dotted;
	font-size: small;
	font-size: 0.8rem;
	margin: 0 0 2% 0;
	padding: 1%;
}

.shopList div .shopDetail .shopData {}
.shopList div .shopDetail .shopData img {
	margin: 0 0 2% 0;
	max-width: 355px;
	width: 100%;
}

.shopList div .shopDetail .shopData div {
	font-size: x-small;
	font-size: 0.8rem;
}

.shopList div .shopDetail .shopMap {
	font-size: xx-small;
	font-size: 0.6rem;
	text-align: right;
}

.shopList div .shopDetail .shopMap iframe {	width: 100%;}


/* text list */
.shopListSub {}

.shopListSub .listLeft {}
.shopListSub .listMiddle {}
.shopListSub .listRight {}

.shopListSub h2 {	margin: 0 0 2% 0;}

.shopListSub h3 {
	background-color:#CCCCCC;
	color: #333333;
	padding: 0.5em;
}

.shopListSub h4 {
	background-color:#333333;
	color: #FFFFFF;
	padding: 0.5em;
}

.shopListSub dl {}
.shopListSub dt {
	color: #FFFFCC;
	font-weight: bold;
	padding: 0.5em 1em;	
}


.shopListSub dd {
	border-bottom: #CCCCCC 1px dotted;
	margin: 0 0 1em 0;
	padding: 0 1em 0.5em 1em;
}



/* NOT SHOP PAGE --blog SNS
----------------------------- */
.blog {}

.blog > div > div[id] {
	margin: 0 1% 3% 1%;
	padding: 1%;
}

.blog div div[id] h3 {
	border-radius: 5px;
	font-size: small;
	font-size: 1.0rem;
	margin: 0 0 2% 0;
	padding: 1% 1em;
	text-shadow: 1px 1px 1px #666666;
}

.blog div div[id="ameba"] h3 {	background-color: #3AA128;}
.blog div div[id="mixi"] h3 {	background-color: #FFAA00;}
.blog div div[id="twitter"] h3 {	background-color: #3CBBDE;}
.blog div div[id="facebook"] h3 {	background-color: #3F63B6;}
.blog div div[id="news-left"] h3 {	background-color: #FF0066;}
.blog div div[id="news-right"] h3 {	background-color: #FF0066;}

.blog div div[id] p {}


/* facebook */
.fb-like-box {
	background-color: #333333;
	width: 100%;
}

.fb-like-box > span,
.fb-like-box iframe.fb_ltr {
	height: 100%!important;
	width: 100%!important;
}



/* item list
----------------------------- */
#sysItemCategory {}

#sysItemCategory #sysMain > div {
	font-size: small;
	font-size: 0.8rem;
	padding: 1em 0.5em 0.5em 0.5em;
}

#sysItemCategory .sysItemList {}
#sysItemCategory .sysItemList ul {}
#sysItemCategory .sysItemList ul li {	padding: 0.5em;}

#sysItemCategory .sysItemList ul.sysList {}/* list */
#sysItemCategory .sysItemList ul.sysList li {	border-bottom: #333333 1px dotted;
}

#sysItemCategory .sysItemList ul.sysList li:first-child {	border-top: #333333 1px dotted;}
#sysItemCategory .sysItemList ul.sysList li img {
	height: auto;
	margin: 0 2% 2% 0;
	max-width: 130px;
	min-width: 90px;
	width: 20%;
}

#sysItemCategory .sysItemList ul.sysList li input[type="submit"] {
	margin: 0.5em 0 0.5em auto;
	max-width: 200px;
}


#sysItemCategory .sysItemList ul.sysThumbnail {}/* thumbnail */
/*#sysItemCategory .sysItemList ul.sysThumbnail li {
	border: #333333 1px solid;
	width: 33.333%;
        height: 210px;
}*/
#sysItemCategory .sysItemList ul.sysThumbnail li {
    width: 32%;
    height: 250px;
    box-shadow: 2px 2px #999;
    margin: 2px;
}
/*#sysItemCategory .sysItemList ul.sysThumbnail li p a,
#sysItemCategory .sysItemList ul.sysThumbnail li p a + br {	display: none;}*/

#sysItemCategory .sysItemList ul.sysThumbnail li input[type="submit"] {
	display: block;
	margin: 0.5em auto;
	width: 90%;
}



/* item detail
----------------------------- */
#sysItemDetail {}

#sysItemDetail article {
	font-size: small;
	font-size: 0.8rem;
}


/* item name */
.sysItemName h1 {
	background-color: #CCCCCC;
	color: #333333;
	font-size: large;
	font-size: 1.2rem;
	text-align: center;
	padding: 0.5em;
}


/* main image */
.sysItemImages {}
.sysItemImages .sysMainImage {
	height: auto;
	margin: 1% auto;
	max-width: 100%;
	width: auto;
}
.sysItemImages .sysMainImage img{
	width: 100%;
}

/* sub image */
.sysItemImages .sysImageList {}
.sysItemImages .sysImageList li {
	height: auto;
	line-height: normal;
	margin: 0;
	width: 20%;
}

.sysItemImages .sysImageList li img {
	border: #CCCCCC 1px solid;
	height: auto;
	margin: 0 auto 0.5em;
	opacity: 0.5;
	filter: alpha(opacity=50);
	width: 95%;
}

.sysItemImages .sysImageList li.sysCurrent img {
	border: #FFFFFF 1px solid;
	opacity: 1.0;
	filter: alpha(opacity=100);
}


/* item description */
.sysDescription,
.sysExplanation {
	clear: both;
	font-size: small;
	font-size: 0.8rem;
	padding: 1em;
}

#sysItemDetail #itemBuyForm {	/* add class javascript */
	background-color: #ffffff;
	color: #000;
	padding: 1em;
}


/* item price */
#itemBuyForm .sysRetailPrice {
	font-size: x-large;
	font-size: 1.5rem;
	font-weight: bold;
}

#itemBuyForm .sysRetailPrice span {
	font-size: small;
	font-size: 0.8rem;
}

#itemBuyForm .sysItemId,#itemBuyForm .sysItemId span{font-weight: bold;}

/* buy form */
#itemBuyForm .sysForm {}
#itemBuyForm .sysForm form > div {	margin: 1em 0 0 0;}



/* form page
----------------------------- */
/* form page base */
.sysForm {	padding: 2%;}

.sysForm .sysFormItem {
	font-size: small;
	font-size: 0.8rem;
	margin: 0 0 1em 0;
}

.sysForm .sysFormItem .sysFormLabel {	/* form entry */
	border-bottom: #CCCCCC 1px dotted;
	display: block;
	margin: 0 0 0.5em 0;
	padding: 0.5em;
        color: #000;
}

.sysForm .sysFormItem .sysFormLabel + br {	display: none;}

.sysForm .sysFormItem .sysFormField {	/* form input */
	margin: 0 0 1em 0;
	padding: 0 1em;
        color: #000;
}


#sysMemberRegisterIndex .sys6 .sysFormField {	/* zip code form */
	display: inline;
}


/* newID form */
.sysMemberRegister {}

.form-inquiry #sysMain,
.sysMemberRegister #sysMain {
	font-size: small;
	font-size: 0.8rem;
	margin: 1em 0;
	padding: 2%;
}

.form-inquiry #sysMain h2,
.sysMemberRegister #sysMain h2 {
	background-color: #666666;
	color: #EFEFEF;
	display: block;
	margin: 0 0 1em 0;
	padding: 0.5em 0;
	text-align: center;
	text-shadow: 1px 1px 3px #333333;
		-o-text-shadow: 1px 1px 3px #333333;
		-ms-text-shadow: 1px 1px 3px #333333;
		-moz-text-shadow: 1px 1px 3px #333333;
		-webkit-text-shadow: 1px 1px 3px #333333;
}

.form-inquiry #sysMain h2 + div,
.sysMemberRegister #sysMain h2 + div {	padding: 1em;}



/* shopping cart
----------------------------- */
body.sysCart {	background-color: #fff;}

.sysCart #sysMain {
	margin: 1em 0 2em 0;
	padding: 2%;
}

.sysCart .sysBox {
	background-color: #F1F1F1;
	box-shadow: none;
		-o-box-shadow: none;
		-ms-box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
	color: #333333;
	padding: 2%;
}

.sysCart .sysProduct select {	max-width: 5em;}

.sysNavImg img {	margin: 0 auto 1em auto;}

.sysAcceptDomainArea {
	background-color: #F1F1F1;
	color: #333333;
	margin: 1em 0 0 0;
	padding: 2%;
}



/* aside
----------------------------- */
#sysAside h2.sysHeadline {
        background-image:url(../img/side/side.jpg) ;
	font-weight: bold;
	padding: 2% 1em;
	color: #fff;
        margin-top:20px;
}


/* topics banner */
.sideBnr,.top-banner{
	background-color: #333333;
	margin: 0 0 1% 0;
	padding: 5px;
}

.top-banner .sysContent img{padding:5px;}

/* category */
.categorylist {	margin: 0 0 3% 0;}

.categorylist div {}
.categorylist div nav {}
.categorylist div nav ul {}
.categorylist div nav ul li {}
.categorylist div nav ul li a {}


/* SNS banner and link */
.snsBnr {	
    padding: 0 0 20px 0;
    margin: 0 auto;
}
.snsBnr .sysContent {
    padding: 0px;
}

.snsBnr div {}
.snsBnr div ul {}

.snsBnr div ul li {
	float: left;
	width: 50%;
}

.snsBnr div ul li img {
	height: auto;
	margin: 0 auto;
	width: 90%;
}

.snsBnr div p {	text-align: right;}

.snsBnr div p a {
	display: block;
	padding: 12px 0.5em;
}


.new_sub{
	margin-bottom: 30px;
}
.new_sub ul li{
	width: 33.3%;
	float: left;
}

/* mobileQR */
.mobileQR {
	width: 50%;
	float: left;
}
.mobileQR div img {	margin: 0.5em auto;}



/* phone number */
.phone {
	width: 50%;
	float: left;
	text-align: center;
}
.phone .sysContent img{
	margin: 0 auto;
}
.phone div p {
	margin: 0 0 2% 0;
	padding: 1% 2%;
}

.phone div p:nth-child(1) {
	background: -moz-linear-gradient(top, #333333, #000000);
	background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#000000));
	text-align: center;
	padding: 2%;
}

.phone div p:nth-child(1) a {
	color: #996699;
	font-size: large;
	font-size: 1.5rem;
	text-decoration: none;
}

.phone div p:nth-child(2) {}

.phone div p:nth-child(3) {
	font-size: xx-small;
	font-size: 0.6rem;
}



/* footer
----------------------------- */
#sysFooter {
        border-top: #999999 1px solid;
        padding: 10px 0 1px ;
	float: none;
	margin: 0px;
	max-width: none;
	width: auto;
}

/* footerLink */
.infoList {}

.infoList h2 {
	background: -moz-linear-gradient(top, #666666, #000000);
	background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#000000));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FF666666', endColorstr='#FF000000');
	text-shadow: 1px 1px 3px #000000;
	padding: 3% 2%;
        color: #999;
}

.infoList div {}
.infoList div nav {}
.infoList div nav ul {}
.infoList div nav ul li {}
.infoList div nav ul li a {}


/* copyright */
.copyright {}

@media screen and (max-width: 440px){

.magazine-list .sysContent ul li{width: 47.5%;
float: left;
margin: 1%;
height: 420px;
}

#magazine .sysItemImage {height: 310px;}
}

.p-shoplist .clist {
    position: relative;
}
.p-shoplist p, .p-shoplist li {
    font-size: 14px;
    line-height: 1.6;
}
.p-shoplist h2 {
    font-size: large;
    border-bottom: 1px solid;
    padding: 30px 0 5px;
    margin: 0 0 10px 0;
    color: #000;
}
.p-shoplist h3 {
    font-size: large;
    padding: 5px 0px;
    color: #000;
}
.p-shoplist h3:before {
    content: '【'
}
.p-shoplist h3:after {
    content: '】'
}
.p-shoplist .plist {
    padding: 0 10px;
    color: #000;
    margin-bottom: 20px;
    line-height: 26px;
}
.p-shoplist #shopinfo {
    width: 49%;
    float: left;
    font-size: 14px;
}
.p-shoplist #shopinfo a {
    color: #000;
    margin: 0 5px 5px 0;
}
.p-shoplist #shopph {
    max-width: 50%;
    float: right;
}
.p-shoplist .plist ul {}
.p-shoplist .plist li {
    width: 49%;
    float: left;
    margin: 0 1% 1% 0;
}
.p-shoplist .plist li:last-child {
    margin-right: 0;
}
.p-shoplist .plist li span {}
.p-shoplist .plist li span a {
    position: relative;
}

.p-shoplist .plist li span a {
    text-decoration: none;
}

.p-shoplist #dlist article {
    margin-bottom: 30px;
}
.p-shoplist #dlist h3 {
    margin: 5px 0 20px;
}
.p-shoplist #dlist h4 {
    font-size: medium;
    margin: 10px;
    padding-left: 0px;
    color: #000;
    border-bottom: 1px solid;
    padding: 15px;
}
.p-shoplist #dlist ul {
    color: #000;
    margin: 0 0 0 20px;
    border-bottom: 1px dotted #aaa;
    padding: 10px 0;
}
.p-shoplist #dlist li {    
    width: 35%;
    padding: 5px;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
}
.p-shoplist #dlist li:nth-child(2n) { 
    border-right: 0px;
    margin-right: 0;
    width: 62%;
    font-weight: initial;
    text-align: right;
}
.p-shoplist #dlist li:last-child {
    border-right: 0;
} 


.sysCart #sysMain {color: #000;}
.sysSelectHopeDelivery div {color: #000;}
.sysCart #sysMain .card-month{width:6em!important;}

.p-shoplist .menu {
    display: flex;
    flex-wrap: wrap;
    margin: 5% 0 !important;
}
.p-shoplist .menu > li {
    width: 24%;
    margin-right: 1% !important;
    margin-bottom: 1% !important;
    text-align: center;
}
.p-shoplist .menu > li:nth-child(4n) {
    margin-right: 0;
}
.p-shoplist .menu > li > a {
    text-decoration: none;
    width: 100%;
    background-color: #000;
    color: #FFF;
    padding: 5%;
}
/* for smartpfone
---------------------------------------------------- */
@media screen and (max-width: 480px){


/* base
----------------------------- */



/* header
----------------------------- */
/* logo */
.shoplogo {}
.shoplogo img {}


/* login cart icon */
.topBtn ,.header-navi{	width: 30%;}


/* navigation */
.headerNav {
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EEEEEE));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE');
}

.headerNav div nav ul {}
.headerNav div nav ul li {
	background-image: url(../img/header/bgNav.gif);
	background-position: 99% 99%;
	background-repeat: no-repeat;
	border: #EEEEEE 1px solid;
	border-right: none;
	height: 44px;
	line-height: 44px;
}

.headerNav div nav ul li a {
	color: #333333;
	font-size: 0.6rem; 
	padding: 0;
}

.headerNav div nav ul li:nth-child(1) a,
.headerNav div nav ul li:nth-child(3) a {	line-height: 18px;}



/* shopTOP
----------------------------- */
/* topics banner */


/* shop infomation */
#ectop .newsContent ul li:nth-child(5) ~ li {	display: none;}


/* newitem ranking reccomend */
.topItemList .sysContent ul.sysHorizontal li {	width: 33.3%;}
/*.topItemList div ul li:nth-child(3) ~ li {	display: none;}*/
.recom02.topItemList,
.checkItem.topItemList {
	background:#fff;
}
.recom02.topItemList .sysHeadline,
.checkItem.topItemList .sysHeadline {
	color:#fff;
	font-family: Arial;
} 

/* item detail
----------------------------- */



/* tokusho payment privacy
----------------------------- */
.allNeed {	padding: 5% 0;}

.allNeed h2.sysHeadline {	font-size: 1.0rem;}

.allNeed div.sysContent {}
.allNeed div h3 {	font-size: 1.0rem;}

.allNeed div dl {}
.allNeed div dl dt,
.allNeed div dl dd {	font-size: 1.0rem;}



/* NOT SHOP PAGE --all top
----------------------------- */
/* brand profile */
.profile div.sysContent {	font-size: 0.8rem;}



/* NOT SHOP PAGE --concept
----------------------------- */
.concept {	padding: 5% 0;}
.concept div table th {	width: 25%;}



/* NOT SHOP PAGE --news
----------------------------- */
#news .newsContent {	margin: 0 0 3% 0;}



/* NOT SHOP PAGE --shop list
----------------------------- */
/* photo list */
.shopList {	padding: 5% 0;}

.shopList div .shopDetail .shopData img {
	float: left;
	width: 50%;
}

.shopList div .shopDetail .shopData div {
	float: right;
	width: 49%;
}

.shopList div .shopDetail .shopMap {
	clear: both;
	padding: 2% 0 0 0;
}

.shopList div .shopDetail .shopMap iframe {	height: 200px;}


/* text list */



/* NOT SHOP PAGE --blog
----------------------------- */
.blog {	padding: 5% 0;}

.blog div div[id] p {	margin: 0 2% 3% 2%;}
.blog div div[id] p a {
	background-color: #333333;
	display: inline-block;
	padding: 3% 2%;
	text-decoration: none;
	width: 90%;
}


/* facebook */
/* #facebook .fb-like-box {	display: none;} */
.fb-like-box {	height: 300px;}


/* aside
----------------------------- */
#sysAside{	margin: 3% 0;}


/* topics banner */
.sideBnr div ul li {
	float: left;
	width: 50%;
}


/* category */
.categorylist {}
.categorylist h2 {}

.categorylist div {
	border-bottom: #DDDDDD 1px solid;
	border-right: #DDDDDD 1px solid;
}

.categorylist div nav ul li.sysText {
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EEEEEE));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE');
	border: #DDDDDD 1px solid;
	border-bottom: none;
	border-right: none;
	float: left;
}


.categorylist div nav ul li.sysText a {
	background-image: url(../img/side/arrowCate.gif);
	background-position: 98% 50%;
	background-repeat: no-repeat;
	background-size: auto 30%;
	color: #000000;
	font-size: 0.7rem;
	padding: 12% 7% 12% 3%;
	text-shadow: 1px 1px 1px #888888;
}


/* SNS banner and link */


/* phone number */


/* footer
----------------------------- */
#sysFooter {}


/* footerLink */
.infoList div {
	border-bottom: #DDDDDD 1px solid;
	border-right: #DDDDDD 1px solid;
}

.infoList div nav ul li.sysText {
	background-color: #FBFBFB;
	background-image: url(../img/side/arrowCate.gif);
	background-position: 98% 50%;
	background-repeat: no-repeat;
	background-size: auto 30%;
	border: #DDDDDD 1px solid;
	border-bottom: none;
	border-right: none;
}

.infoList div nav ul li.sysText a {
	background-position: 2% 50%;
	background-repeat: no-repeat;
	background-size: auto 60%;
	color: #000000;
	font-size: 0.7rem;
	padding: 12% 12% 12% 25%;
	text-shadow: 1px 1px 1px #888888;
}

.infoList div nav ul li:nth-child(1),
.infoList div nav ul li:nth-child(2),
/*.infoList div nav ul li:nth-child(3),*/
.infoList div nav ul li:nth-child(4)
/*.infoList div nav ul li:last-child*/ {	display: none;}

.infoList div nav ul li:nth-child(1) a {	background-image: url(../img/footer/icon01-HOME.gif);}
.infoList div nav ul li:nth-child(2) a {	background-image: url(../img/footer/icon02-LOGIN.gif);}
.infoList div nav ul li:nth-child(3) a {	background-image: url(../img/footer/icon03-NEWID.gif);}
.infoList div nav ul li:nth-child(4) a {	background-image: url(../img/footer/icon04-CART.gif);}
.infoList div nav ul li:nth-child(5) a {	background-image: url(../img/footer/icon05-PAYMENT.gif);}
.infoList div nav ul li:nth-child(6) a {	background-image: url(../img/footer/icon06-SHOP.gif);}
.infoList div nav ul li:nth-child(7) a {	background-image: url(../img/footer/icon07-TOKUSHO.gif);}
.infoList div nav ul li:nth-child(8) a {	background-image: url(../img/footer/icon08-PRIVACY.gif);}
.infoList div nav ul li:nth-child(9) a {	background-image: url(../img/footer/icon09-INQUIRY.gif);}
.infoList div nav ul li:nth-child(10) a {	background-image: url(../img/footer/icon10-ALLTOP.gif);}


/* copyright */
.copyright {
	background-color: #FFFFFF;
	color: #000000;
	font-size: 0.6rem;
	text-align: center;
	padding: 3% 0;
}

.sysFuncListNav nav ul li{padding:0px;}

/* カート調整 ----------------*/

.sysCart .sysBack{ 
    width: 200px; 
    margin: 0 auto;
    margin-top: 50px; 
    text-align: center;
    text-decoration: none;
    background: #cccccc;
    color: #333333;
    height: 35px;
   /* line-height: 35px; */
    }

/* カートに入れるボタン */
/*input[type="submit"],*/.sysNextSubmit {
	background: linear-gradient(top, #946194, #734073)!important;
		background: -o-linear-gradient(top, #946194, #734073)!important;
		background: -ms-linear-gradient(top, #946194, #734073)!important;
		background: -moz-linear-gradient(top, #946194, #734073)!important;
		background: -webkit-gradient(linear, left top, left bottom, from(#946194), to(#734073))!important;
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FF946194', endColorstr='#FF734073')!important;
	border: #734073 1px solid!important;
        color: #ffffff!important;
	height: 40px;
	margin: 1em auto;
	width: 100%;
}
.sysCart .sysCartNote{
    color: #ff0000;
    margin-left: 5px;
    }


.categorylist .sysContent nav ul li{width:50%;}

.magazine-list .sysContent ul li{width: 47.5%;
float: left;
margin: 1%;
height: 420px;
}

#magazine .sysItemImage {height: 352px;}

}






/* for small tablet
---------------------------------------------------- */
@media screen and (min-width: 481px) and (max-width: 640px){

/* base
----------------------------- */


/* header
----------------------------- */
/* logo */


/* login cart icon */
.topBtn,.header-navi {	width: 25%;}


/* navigation */
.headerNav {
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EEEEEE));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE');
}

.headerNav div nav ul {}
.headerNav div nav ul li {
	background-image: url(../img/header/bgNav.gif);
	background-position: 99% 99%;
	background-repeat: no-repeat;
	border: #EEEEEE 1px solid;
	border-right: none;
}

.headerNav div nav ul li a {
	color: #333333;
	padding: 12px 0;
}

.headerNav div nav ul li a br {	display: none;}



/* shopTOP
----------------------------- */
/* topics banner */


/* shop infomation */
/*#ectop .newsContent ul li:nth-child(5) ~ li {	display: none;}*/


/* newitem ranking reccomend */
/*.topItemList div ul li:nth-child(4) ~ li {	display: none;}*/



/* item detail
----------------------------- */



/* tokusho payment privacy
----------------------------- */
.allNeed h2.sysHeadline {	font-size: 1.0rem;}
.allNeed div h3 {	font-size: 1.0rem;}

.allNeed div dl dt,
.allNeed div dl dd {	font-size: 1.0rem;}


/* NOT SHOP PAGE --all top
----------------------------- */



/* NOT SHOP PAGE --concept
----------------------------- */
.concept div table th {	width: 25%;}



/* NOT SHOP PAGE --news
----------------------------- */
#news .newsContent {	margin: 0 0 3% 0;}



/* NOT SHOP PAGE --shop list
----------------------------- */
/* photo list */
.shopList div .shopDetail .shopData img {
	float: left;
	width: 50%;
}

.shopList div .shopDetail .shopData div {
	float: right;
	width: 49%;
}

.shopList div .shopDetail .shopMap {
	clear: both;
	padding: 2% 0 0 0;
}

.shopList div .shopDetail .shopMap iframe {	min-height: 350px;}
.shopList div .shopDetail .shopMap a {}


/* text list */
.shopListSub .listLeft {
	float: left;
	width: 45%;
}

.shopListSub .listRight {
	float: right;
	width: 45%;
}



/* NOT SHOP PAGE --blog
----------------------------- */
.blog div div[id] p {	margin: 0 2% 3% 2%;}

.blog div div[id] p a {
	background-color: #333333;
	display: inline-block;
	padding: 3% 2%;
	text-decoration: none;
	width: 90%;
}


/* facebook */
.fb-like-box {	height: 300px;}



/* aside
----------------------------- */
/* topics banner */
.sideBnr {}
.sideBnr div ul li {
	float: left;
	width: 50%;
}


/* category */
.categorylist {}
.categorylist h2 {}

.categorylist div {
	border-bottom: #DDDDDD 1px solid;
	border-right: #DDDDDD 1px solid;
}

.categorylist div nav {}
.categorylist div nav ul {}

.categorylist div nav ul li.sysText {
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EEEEEE));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE');
	border: #DDDDDD 1px solid;
	border-bottom: none;
	border-right: none;
	float: left;
	width: 50%;
}


.categorylist div nav ul li.sysText a {
	background-image: url(../img/side/arrowCate.gif);
	background-position: 98% 50%;
	background-repeat: no-repeat;
	background-size: auto 30%;
	color: #000000;
	font-size: medium;
	font-size: 1.0rem;
	padding: 8% 5% 8% 3%;
	text-shadow: 1px 1px 1px #888888;
}


/* SNS banner and link */


/* phone number */



/* footer
----------------------------- */
#sysFooter {}

/* footerLink */
.infoList div {
	border-bottom: #DDDDDD 1px solid;
	border-right: #DDDDDD 1px solid;
}

.infoList div nav ul li.sysText {
	background-color: #FBFBFB;
	background-image: url(../img/side/arrowCate.gif);
	background-position: 98% 50%;
	background-repeat: no-repeat;
	background-size: auto 30%;
	border: #DDDDDD 1px solid;
	border-bottom: none;
	border-right: none;
}

.infoList div nav ul li.sysText a {
	background-position: 2% 50%;
	background-repeat: no-repeat;
	background-size: auto 60%;
	color: #000000;
	padding: 8% 5% 8% 20%;
	text-shadow: 1px 1px 1px #888888;
}

.infoList div nav ul li:nth-child(1) a {	background-image: url(../img/footer/icon01-HOME.gif);}
.infoList div nav ul li:nth-child(2) a {	background-image: url(../img/footer/icon02-LOGIN.gif);}
.infoList div nav ul li:nth-child(3) a {	background-image: url(../img/footer/icon03-NEWID.gif);}
.infoList div nav ul li:nth-child(4) a {	background-image: url(../img/footer/icon04-CART.gif);}
.infoList div nav ul li:nth-child(5) a {	background-image: url(../img/footer/icon05-PAYMENT.gif);}
.infoList div nav ul li:nth-child(6) a {	background-image: url(../img/footer/icon06-SHOP.gif);}
.infoList div nav ul li:nth-child(7) a {	background-image: url(../img/footer/icon07-TOKUSHO.gif);}
.infoList div nav ul li:nth-child(8) a {	background-image: url(../img/footer/icon08-PRIVACY.gif);}
.infoList div nav ul li:nth-child(9) a {	background-image: url(../img/footer/icon09-INQUIRY.gif);}
.infoList div nav ul li:nth-child(10) a {	background-image: url(../img/footer/icon10-ALLTOP.gif);}


/* copyright */
.copyright {
	background-color: #FFFFFF;
	color: #000000;
	font-size: 0.6rem;
	text-align: center;
	padding: 3% 0;
}

/* カート調整 ----------------*/

.sysCart .sysBack{ 
    width: 200px; 
    margin: 0 auto;
    margin-top: 50px; 
    text-align: center;
    text-decoration: none;
    background: #cccccc;
    color: #333333;
    height: 35px;
    /* line-height: 35px; */
    }

/* カートに入れるボタン */
input[type="submit"],.sysNextSubmit {
	background: linear-gradient(top, #946194, #734073)!important;
		background: -o-linear-gradient(top, #946194, #734073)!important;
		background: -ms-linear-gradient(top, #946194, #734073)!important;
		background: -moz-linear-gradient(top, #946194, #734073)!important;
		background: -webkit-gradient(linear, left top, left bottom, from(#946194), to(#734073))!important;
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FF946194', endColorstr='#FF734073')!important;
	border: #734073 1px solid!important;
        color: #ffffff!important;
	height: 40px;
	margin: 1em auto;
	width: 100%;
}
.sysCart .sysCartNote{
    color: #ff0000;
    margin-left: 5px;
    }
#sysDestination .sysSelectAddress{  color:#ffffff;}



.magazine-list .sysContent ul li{width: 47.5%;
float: left;
margin: 1%;
height: 490px;
}



#magazine .sysItemImage {height: 425px;}

}





/* for big tablet and pc
---------------------------------------------------- */
@media screen and (min-width: 641px) and (max-width: 768px){


/* base
----------------------------- */
div#sysHeader {	margin: 0 0 0 0;}
#index div#sysHeader {	margin: 0;}

div#sysMain {
	float: right;
	width: 100%;
}

div#sysAside{
	float: left;
	width: 100%;
}

/* 非ショップページからサイドを削除、メインエリアを最大化 */
div.indexOnly {
	float: none!important;
	width: 100%!important;
}

div.hidden {	display: none!important;}



/* header
----------------------------- */
/* logo */


/* login cart icon */
.topBtn ,.header-navi{
	margin: 0.5% 0;
	width: 20%;
}


/* navigation */
.headerNav {
	background: -moz-linear-gradient(top, #888888, #222222);
	background: -webkit-gradient(linear, left top, left bottom, from(#888888), to(#222222));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FF888888', endColorstr='#FF222222');
	text-align: center;
}

.headerNav div nav ul {}
.headerNav div nav ul li {
	border-left: #444444 1px solid;
	border-right: #777777 1px solid;
}

.headerNav div nav ul li:last-child {	border-right: #444444 1px solid;}

.headerNav div nav ul li a {
	font-weight: bold;
	text-shadow: 1px 1px 2px #000000;
	padding: 0.5em 0;
}

.headerNav div nav ul li a br {	display: none;}



/* shopTOP
----------------------------- */
/* shop infomation */
#ectop .newsContent div {
	height: 10em;
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: scroll;
}


/* newitem ranking reccomend */
.topItemList {	background-color: #333333;}
/*.topItemList div ul li:nth-child(4) ~ li {	display: none;}*/
.recom02.topItemListt,
.checkItem.topItemList {
	background:#fff;
}
.recom02.topItemList .sysHeadline,
.checkItem.topItemList .sysHeadline {
	color:#fff;
	font-family: Arial;
} 



/* item detail
----------------------------- */
.sysItemName h1,
#sysItemDetail #itemBuyForm {
	background-color: transparent;
	color: #000;
}

#itemBuyForm #sysNumber input {	max-width: 5em;}



/* NOT SHOP PAGE --all top
----------------------------- */
/* brand profile */
.profile div.sysContent {
	font-size: x-small;
	font-size: 0.7rem;
}



/* NOT SHOP PAGE --all top
----------------------------- */
/* flash */
.flash {
	background-image: url(../img/topimage.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: contain;
}

.flash div * { display: none;}



/* NOT SHOP PAGE --concept
----------------------------- */
.concept {}



/* NOT SHOP PAGE --news
----------------------------- */
#news .newsContent {
	float: left;
	width: 49%;
}

#news .media {
	float: right;
	width: 49%;
}



/* NOT SHOP PAGE --shop list
----------------------------- */
/* photo list */
.shopList div .shopDetail .shopData {
	float: left;
	width: 55%;
}

.shopList div .shopDetail .shopMap {
	float: right;
	width: 44%;
}

.shopList div .shopDetail .shopMap iframe {	min-height: 230px;}


/* text list */
.shopListSub .listLeft {
	float: left;
	width: 45%;
}

.shopListSub .listRight {
	float: right;
	width: 45%;
}



/* NOT SHOP PAGE --blog
----------------------------- */
.blog > div > div[id] {
	float: left;
	min-height: 200px;
	width: 48%;
}


/* facebook */
.fb-like-box {	height: 300px;}



/* aside
----------------------------- */
#sysAside h2.sysHeadline {
        background-image:url(../img/side/side.jpg) ;
	font-weight: bold;
	margin: 0;
	padding: 1em;
	text-align: center;
        color: #fff;
}


/* topics banner */
.sideBnr {	margin: 0;}
.sideBnr div ul li img {	margin: 0 0 2% 0;}


/* category */
.categorylist {}
.categorylist h2 {
	background: -moz-linear-gradient(left, #DDDDDD, #333333 50%, #DDDDDD);
	background: -webkit-gradient(linear, left top, right top, from(#DDDDDD), color-stop(0.5, #333333), to(#DDDDDD));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFDDDDDD', endColorstr='#FF333333');
	text-align: center;
}

.categorylist div {
	background-color: #333333;
	padding: 3%;
}

.categorylist div nav ul li.sysText {
	background-color: #fff;
	border-bottom: #666666 1px solid;
	float: none;
	width: auto!important;
}

.categorylist div nav ul li.sysText a {
	font-weight: bold;
	padding: 4% 0 4% 2em;
}


.categorylist div nav ul li:hover {
	background: -moz-linear-gradient(top, #996699, #6E3B6E);
	background: -webkit-gradient(linear, left top, left bottom, from(#996699), to(#6E3B6E));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FF996699', endColorstr='#FF6E3B6E');
}

.categorylist div nav ul li a:hover {
	background-image: url(../img/side/iconCate02.gif);
	background-position: 1% 50%;
	background-repeat: no-repeat;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #888888;
}


/* SNS banner and link */
.snsBnr div p a {
	font-size: x-small;
	font-size: 0.6rem;
}


/* phone number */



/* footer
----------------------------- */
/*#sysFooter {	padding: 5% 0 0 0;} */


/* footerLink */
.infoList {	margin: 0 auto 1%;}
.infoList h2 {	display: none;}
.infoList div nav ul {	text-align: center;}

.infoList .sysContent nav ul li {
	display: inline-block;
	float: none!important;
	width: auto!important;
}

.infoList .sysContent nav ul li:nth-child(4) ~ li {	border-left: #DDDDDD 1px solid;}

.infoList div nav ul li:nth-child(1),
.infoList div nav ul li:nth-child(2),
/*.infoList div nav ul li:nth-child(3),*/
.infoList div nav ul li:nth-child(4)
/*.infoList div nav ul li:last-child*/ {	display: none;}

.infoList .sysContent nav ul li a {
	display: inline;
	padding: 3% 0.8em;
}


/* copyright */
.copyright {
	border-top: #999999 1px solid;
	padding: 1px 0;
}

.copyright div {
	border-top: #999999 1px dotted;
	color: #000;
	font-size: 10px;
	font-size: 0.6rem;
	padding: 5px!important;
}

/* カート調整 ----------------*/

.sysCart .sysBack{ 
    width: 200px; 
    margin: 0 auto;
    margin-top: 50px; 
    text-align: center;
    text-decoration: none;
    background: #cccccc;
    color: #333333;
    height: 35px;
    /* line-height: 35px; */
    }

/* カートに入れるボタン */
input[type="submit"],.sysNextSubmit {
	background: linear-gradient(top, #946194, #734073)!important;
		background: -o-linear-gradient(top, #946194, #734073)!important;
		background: -ms-linear-gradient(top, #946194, #734073)!important;
		background: -moz-linear-gradient(top, #946194, #734073)!important;
		background: -webkit-gradient(linear, left top, left bottom, from(#946194), to(#734073))!important;
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FF946194', endColorstr='#FF734073')!important;
	border: #734073 1px solid!important;
        color: #ffffff!important;
	height: 40px;
	margin: 1em auto;
	width: 100%;
}
.sysCart .sysCartNote{
    color: #ff0000;
    margin-left: 5px;
    }

#sysDestination .sysSelectAddress{  color:#ffffff;}

.magazine-list .sysContent ul li{width: 23%;
float: left;
margin: 1%;
height: 375px;
}

#magazine .sysItemImage {height: 262px;}


}



/* for PC
---------------------------------------------------- */
@media screen and (min-width: 769px){


/* base
----------------------------- */
div#sysHeader {	margin: 0 0 0 0;}
#index div#sysHeader {	margin: 0;}

div#sysMain {
	float: right;
	width: 100%;
}

div#sysAside{
	float: left;
	width: 100%;
}

/* 非ショップページからサイドメニューを削除、メインエリアを最大化 */
div.indexOnly {
	float: none!important;
	width: 100%!important;
}

div.hidden {	display: none!important;}



/* header
----------------------------- */
/* logo */


/* login cart icon */
.topBtn ,.header-navi{
	margin: 0.5% 0;
	width: 15%;
}


/* navigation */
.headerNav {
	background: -moz-linear-gradient(top, #888888, #222222);
	background: -webkit-gradient(linear, left top, left bottom, from(#888888), to(#222222));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FF888888', endColorstr='#FF222222');
	text-align: center;
}

.headerNav div nav ul {}

.headerNav div nav ul li {
	border-left: #444444 1px solid;
	border-right: #777777 1px solid;
}

.headerNav div nav ul li:last-child {	border-right: #444444 1px solid;}

.headerNav div nav ul li a {
	font-weight: bold;
	text-shadow: 1px 1px 2px #000000;
	padding: 0.5em 0;
}

.headerNav div nav ul li a br {	display: none;}



/* shopTOP
----------------------------- */
/* shop infomation */
#ectop .newsContent div.sysContent {
	height: 10em;
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: scroll;
}


/* newitem ranking reccomend */
.topItemList {	background-color: #333333;}
.topItemList div ul li {	width: 25%;}
.recom02.topItemList,
.checkItem.topItemList {
	background:#fff;
}
.recom02.topItemList .sysHeadline,
.checkItem.topItemList .sysHeadline  {
	color:#fff;
	font-family: Arial;
}


/* item detail
----------------------------- */
.sysItemName h1,
#sysItemDetail #itemBuyForm {
	background-color: transparent;
	color: #000;
}

#itemBuyForm #sysNumber input {	max-width: 5em;}



/* NOT SHOP PAGE --all top
----------------------------- */
/* brand profile */
.profile div.sysContent {
	font-size: x-small;
	font-size: 0.7rem;
}



/* NOT SHOP PAGE --concept
----------------------------- */



/* NOT SHOP PAGE --news
----------------------------- */
#news .newsContent {
	float: left;
	width: 49%;
}

#news .media {
	float: right;
	width: 49%;
}



/* NOT SHOP PAGE --shop list
----------------------------- */
/* photo list */
.shopList div .shopDetail .shopData {
	float: left;
	width: 55%;
}

.shopList div .shopDetail .shopMap {
	float: right;
	width: 44%;
}

.shopList div .shopDetail .shopMap iframe {	min-height: 230px;}


/* text list */
.shopListSub .listLeft {
	float: left;
	width: 45%;
}

.shopListSub .listRight {
	float: right;
	width: 45%;
}



/* NOT SHOP PAGE --blog
----------------------------- */
.blog > div > div[id] {
	float: left;
	min-height: 200px;
	width: 48%;
}

/* facebook */
.fb-like-box {	height: 400px;}



/* form
----------------------------- */


/* aside
----------------------------- */
#sysAside h2.sysHeadline {
        background-image:url(../img/side/side.jpg) ;
	font-weight: bold;
	margin: 0;
	padding: 1em;
	text-align: center;
        color: #fff;
}


/* topics banner */
.sideBnr {	margin: 0;}
.sideBnr div ul li img {	margin: 0 0 2% 0;}


/* category */
.categorylist {}
.categorylist h2 {
	background: -moz-linear-gradient(left, #DDDDDD, #333333 50%, #DDDDDD);
	background: -webkit-gradient(linear, left top, right top, from(#DDDDDD), color-stop(0.5, #333333), to(#DDDDDD));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFDDDDDD', endColorstr='#FF333333');
	text-align: center;
}

.categorylist div {
	background-color: #333333;
	padding: 3%;
}

.categorylist div nav {}
.categorylist div nav ul {}

.categorylist div nav ul li.sysText {
	background-color: #fff;
	border-bottom: #666666 1px solid;
	float: none;
	width: auto!important;
}

.categorylist div nav ul li.sysText a {
	font-weight: bold;
	padding: 4% 0 4% 2em;
}


.categorylist div nav ul li:hover {
	background: -moz-linear-gradient(top, #996699, #6E3B6E);
	background: -webkit-gradient(linear, left top, left bottom, from(#996699), to(#6E3B6E));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FF996699', endColorstr='#FF6E3B6E');
	background: #c00c20!important;
}

.categorylist div nav ul li a:hover {
	background-image: url(../img/side/iconCate02.gif);
	background-position: 1% 50%;
	background-repeat: no-repeat;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #888888;
}


/* SNS banner and link */
.snsBnr div p a {
	font-size: x-small;
	font-size: 0.6rem;
}


/* phone number */



/* footer
----------------------------- */
/*#sysFooter {	padding: 5% 0 0 0;}*/


/* footerLink */
.infoList {	margin: 0 auto 1%;}

.infoList h2 {	display: none;}

.infoList div {}
.infoList div nav {}
.infoList div nav ul {	text-align: center;}

.infoList .sysContent nav ul li {
	display: inline-block;
	float: none!important;
	width: auto!important;
}

.infoList .sysContent nav ul li:nth-child(4) ~ li {	border-left: #DDDDDD 1px solid;}

.infoList div nav ul li:nth-child(1),
.infoList div nav ul li:nth-child(2),
/*.infoList div nav ul li:nth-child(3),*/
.infoList div nav ul li:nth-child(4)
/*.infoList div nav ul li:last-child*/ {	display: none;}

.infoList .sysContent nav ul li a {
	display: inline;
	padding: 3% 0.8em;
}


/* copyright */
.copyright {
	border-top: #999999 1px solid;
	padding: 1px 0;
}

.copyright div {
	border-top: #999999 1px dotted;
	color: #CCCCCC;
	font-size: 10px;
	font-size: 0.6rem;
	padding: 5px!important;
}

#sysRegisterEmptymail,.sysAcceptDomainArea{
        display: none;
        }

.magazine-list .sysContent ul li{width: 23%;
float: left;
margin: 1%;
height: 335px;
}

#magazine .sysItemImage {height: 270px;}

}


/* for pc ここまで ------------- */

/* カテゴリページタイトル */
.sysCategoryDescription{ font-size: 2.2em; text-align:center;}



/* カート調整 ----------------*/

.sysCart .sysBack{ 
    width: 200px; 
    margin: 0 auto;
    margin-top: 50px; 
    text-align: center;
    text-decoration: none;
    background: #cccccc;
    color: #333333;
    height: 35px;
    line-height: 35px;
    }

.sysCart .sysCartNote{
    color: #ff0000;
    margin-left: 5px;
    }

.input-append button[name=searchAddress],
.sysMemberRegister button[name=searchAddress]
{
    width:100px;
    margin-left:15px;
    margin-top:10px;
    height:30px;
    text-shadow: 0 1px 0 white;
    border: 1px solid;
    border-color: #CCC #CCC #AAA;
    background-color: #E0E0E0;
    -moz-box-shadow: inset 0 0 1px #fff;
    -ms-box-shadow: inset 0 0 1px #fff;
    -webkit-box-shadow: inset 0 0 1px white;
    box-shadow: inset 0 0 1px white;filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffFAFAFA,EndColorStr=#ffdcdcdc);
background-image: -moz-linear-gradient(top,#FAFAFA 0,#dcdcdc 100%);
background-image: -ms-linear-gradient(top,#FAFAFA 0,#dcdcdc 100%);
background-image: -o-linear-gradient(top,#FAFAFA 0,#dcdcdc 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FAFAFA),color-stop(100%,#dcdcdc));
background-image: -webkit-linear-gradient(top,#FAFAFA 0,#dcdcdc 100%);
background-image: linear-gradient(to bottom,#FAFAFA 0,#dcdcdc 100%);
   }


/* カートに入れるボタン */
input[type="submit"],.sysNextSubmit {
	background: linear-gradient(top, #946194, #734073)!important;
		background: -o-linear-gradient(top, #946194, #734073)!important;
		background: -ms-linear-gradient(top, #946194, #734073)!important;
		background: -moz-linear-gradient(top, #946194, #734073)!important;
		background: -webkit-gradient(linear, left top, left bottom, from(#946194), to(#734073))!important;
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FF946194', endColorstr='#FF734073')!important;
	border: #734073 1px solid!important;
        color: #ffffff!important;
	height: 40px;
	margin: 1em auto;
	width: 100%;
}

input[type="submit"]:hover {
	background: linear-gradient(top, #ac77ac, #ae64ae)!important;
		background: -o-linear-gradient(top, #ac77ac, #ae64ae)!important;
		background: -ms-linear-gradient(top, #ac77ac, #ae64ae)!important;
		background: -moz-linear-gradient(top, #ac77ac, #ae64ae)!important;
		background: -webkit-gradient(linear, left top, left bottom, from(#ac77ac), to(#ae64ae))!important;
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFac77ac', endColorstr='#FFae64ae')!important;
	border: #ae64ae 1px solid!important;
	background: #c00c20!important;
	height: 40px;
        color: #ffffff!important;
	margin: 1em auto;
	width: 100%;
	opacity: 0.8;
	filter: alpha(opacity=80);
cursor: pointer;
}

#sysDestination .sysSubTitle{    float: left;
    width: 100%;
    box-shadow: 0px 3px 8px #aaa, inset 0px 2px 3px rgb(185, 184, 184);
    height: 40px;
    text-align: center;
    line-height: 40px;}

#sysDestination .sysSelectAddress{}
.sysSelectAddress div {color: #000;}
#sysDestination .sysSubTitle a{color:#333333;}


/* マイページ用ボタン */
.sysMypage input[type="submit"]
{
	/*background: linear-gradient(top, #946194, #734073)!important;
		background: -o-linear-gradient(top, #946194, #734073)!important;
		background: -ms-linear-gradient(top, #946194, #734073)!important;
		background: -moz-linear-gradient(top, #946194, #734073)!important;
		background: -webkit-gradient(linear, left top, left bottom, from(#946194), to(#734073))!important;
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FF946194', endColorstr='#FF734073')!important;
	border: #734073 1px solid!important;*/
        color: #ffffff!important;
	height: 40px;
	margin-top: 2em;
        margin-left: 3%;
        margin-right: 3%;
	width: 44%;
        float:left;
margin-bottom:10px;
}

.sysMypage input[type="submit"]:hover{
	background: linear-gradient(top, #ac77ac, #ae64ae)!important;
		background: -o-linear-gradient(top, #ac77ac, #ae64ae)!important;
		background: -ms-linear-gradient(top, #ac77ac, #ae64ae)!important;
		background: -moz-linear-gradient(top, #ac77ac, #ae64ae)!important;
		background: -webkit-gradient(linear, left top, left bottom, from(#ac77ac), to(#ae64ae))!important;
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFac77ac', endColorstr='#FFae64ae')!important;
	border: #ae64ae 1px solid!important;
	height: 40px;
        color: #ffffff!important;
	margin-top: 2em;
        margin-left: 3%;
        margin-right: 3%;
	width: 44%;
        float:left;
}

#sysMemberRegisterIndex input[type="submit"]{
        width:100%;
        margin-top:1em;
        margin-bottom:3em;
 }

#sysMypageEditDelivery input[type="submit"],
#sysMypageEditMember input[type="submit"]{
        margin-top:2em;
        margin-bottom:3.5em;
 }

#sysMypageReminder .sysBack{
 text-align:center;
 height:40px;
 line-height:40px;
 text-decoration:none;
 }



/* LP用レフトナビ無 */
#snaked-lows #sysMain,
#recruit #sysMain{
    float: none; 
    margin: none; 
    padding:none;
    }

#magazine #sysMain, #shoplist #sysMain {
    float: none; 
    margin: none; 
    padding:none;
    width: 100%;}


#magazine #sysMain .magazine-img img {
clear: both;
float: left;
height: auto;
margin: 0 0 3% 0;
width: 12%;
}

#magazine #sysMain h2.sysHeadline {
border-bottom: #666666 1px dotted;
margin: 2em 0;
padding: 2% 1em;
}

#magazine .media{float:left;width:100%;}

#magazine .media p span {
color: #cc6699;
display: block;}

#magazine .media img + p {
float: right;
margin: 0 0 3% 0;
width: 65%;}
#snaked-lows #sysAside,
#recruit #sysAside{width:0px;float: left;}
#snaked-lows .snaked-lows table td,
#recruit table td{padding:5px;}


/*.magazine-text{float:left;padding-left:32px; height:156px;width: 80%;}*/
..magazine-text{float:left;}

.magazine-noimage{float:left;width:249px;color:#000000;}

/* カテゴリページタイトル */
#sysItemCategory .sysItemCategoryInfo .sysCategoryDescription {
font-size: 2.2em; 
text-align: center; }

#sysMain span.ethna-error{

    color: #ff0000;
    height:30px;
    line-height: 30px;
    }

#ethna-error-member-password{margin-top: 10px!important;}

/*マイページ*/
.form-melma #sysMain h2,
.sysMypage #sysMain h2,
#sysMypagePoint #sysMain h3,
#sysMypageEditMember #sysMain h3,
#sysMypageEditDelivery h3,
.sysMemberRegister #sysMain h2{
    color:#ffffff;
    margin:10px 0 15px 2.5% !important;
    padding: 10px 14px;
    font-size: 20px;
    font-weight: normal;
    line-height: 24px;
    border-left: 5px solid #000;
    font-weight:bold;
    text-align: left!important;
    background: #000000;
}

#sysMypage #sysFooter{margin-top: 3em;}

/*フォーム背景色*/ 
/*.sysFormLabel{font-size:18px; line-height:18px; padding-left:10px;}
.sysFormField{
    font-size:18px; 
    line-height:18px;
    padding:5px 0 5px 15px; 
    font-weight:bold;
    }*/

#sysMypageLogin .sysBack{ display :none; }

#sysAside input[type="submit"] {width:94%;}
#sysAside .sysContent div{font-size:0.9em; padding:5px;}
#sysAside input[name="price_range_start"]{width:10px;}

.sysCart .sysBack {padding-top:0px;}
.search-item .sysContent {
    padding: 0;
}
.search-item .sysContent div{padding: 0;}
.search-item .sysContent input[type="submit"] {width: 100%!important;}
.search-item .sysContent label {font-size: 12px; margin-right: 3px;}
.search-item .sysContent .sysItemSearchFormRange {font-size: 10px !important;}
#payment h2.footer-guide {
border-bottom: #666666 1px dotted;
margin: 2em 0;
padding: 2% 1em;}

#sysFooter h2.footer-guide{display: none;}

#sysFooter .footer-guide-left,
#sysFooter .footer-guide-right{float:left; width:50%; padding:5px;}

#payment #sysFooter h2.footer-guide, #payment #sysFooter .footer-guide-left, #payment #sysFooter .footer-guide-right{display:none;}

span.sysItemPr{float:left;}

.sysItemCategoryCtl{display:none;}

#sysItemSearch .sysItemList input[type="submit"],
#sysItemSearch .sysList input[type="submit"],
#sysItemCategory #sysMain input[type="submit"] {display:none;}
#sysMain .sysItemSearchFormCategory{display: none;}

#magazine .sysItemName{height: 53px;}

#sysItemDetail input[disabled]{background:#333333!important; color:#919191!important; border:1px solid #000000!important;}
#sysItemDetail input[disabled] a:hover{background:#333333!important; color:#919191!important; border:1px solid #000000!important;}

#blog li.blog_info{
float: left;
width: 46%;
margin:2%;
}

.blog_info_h3{
background-color: #FF0066;
border-radius: 5px;
font-size: small;
font-size: 1.0rem;
margin: 0 2% 1% 2%;
padding: 1% 1em;
text-shadow: 1px 1px 1px #666666;
font-weight: bold;
}

p.event{
margin-left: 14px;
margin-top: -10px;
}


.search-item .sysContent, .sideBnr, .categorylist .sysContent, .mobileQR .sysContent, .phone .sysContent {
margin-bottom:20px;
}









/* top
---------------------------------------------------- */
body#top {
    background-color: #fff;
}
body#top #sysAll {
    background-color: #fff;
}
.s-sidebnr .sysContent {
    padding:0;
}
.sidepc li {
    margin-bottom: 10px !important;
    float: left;
}
.sidepc li a {

}
.sidepc li a img {

}
/* login cart accordion
---------------------------------------------------- */
#accordion {
    width: 35%;
    float: right;
    position: relative;
    bottom: 5px;
    z-index: 999;
}
#accordion p {
    cursor:pointer;
    border: solid 1px #2d2d2d;
    padding:10px 3px;
    font-size:20px; 
    margin: 0;
    background-color: #fff;
    color: #fff;
    background-image: url(../img/header/dlmenu_bg.png);
    font-weight: bold;
    font-family: 'Crimson Text', serif;
}
#accordion p img {
    max-width: 150px;
}
#accordion p:after {
    content: url(../img/header/plus.png);
    position: absolute;
    right: 12px;
    top: 10px;
}
#accordion p span {
    position: relative;
}
/*#accordion p span:before {
    content: url(../img/header/dlmenu_rl.png);
    position: relative;
    top: 4px;
    padding-right: 5px;
}
#accordion p span:after {
    content: url(../img/header/dlmenu_rl.png);
    position: relative;
    top: 4px;
    padding-left: 5px;
}*/
#accordion ul {
    display:none;
    position: absolute;
    z-index: 999;
    width: 100%;
    background: #FFF;
}
#accordion li {
    font-size: 14px;
    line-height: 100%;
    margin: 0;
    background-color: #fff;
    border: 1px solid #ddd;
    position: relative;
}
#accordion li a {
    display: block;
    padding: 15px 10px;
    text-decoration: none;
    color: #000;
}
#accordion li:first-child a:after {
    content: url(../img/header/icon_cart2.png);
    position: absolute;
    right: 10px;
    bottom: 12px;
}

#accordion li:nth-child(2) a:after {
    content: url(../img/header/icon_login2.png);
    position: absolute;
    right: 8px;
    bottom: 10px;
}
#accordion li:nth-child(3) a:after {
    content: url(../img/header/icon_regist.png);
    position: absolute;
    right: 8px;
    bottom: 10px;
}
#accordion li:nth-child(4) a:after {
    content: url(../img/header/icon_mail.png);
    position: absolute;
    right: 8px;
    bottom: 10px;
}
#accordion li:nth-child(5) a:after {
    content: url(../img/header/icon_inquiry.png);
    position: absolute;
    right: 8px;
    bottom: 10px;
}
#accordion li:nth-child(6) a:after {
    content: url(../img/header/icon_truck.png);
    position: absolute;
    right: 8px;
    bottom: 10px;
}
#accordion li:first-child {
    border-bottom: 0;
    border-top: 0;
} 
#accordion p.active{
    background-image: url(../img/header/dlmenu_bg.png);
}
#accordion p.active:after {
    content: url(../img/header/minus.png);
    position: absolute;
    right: 12px;
    top: 10px;
}
#accordion p.over {
    background-color: #CCC;
}

.overlay {
    background: rgba(0,0,0,.75);
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.h-acordion {
    max-width: 960px;
    margin: 0 auto;
}
.h-siteinfo {
    max-width: 960px;
    margin: 0 auto;
    height:20px;
}
.h-sitelogo {
    clear: both;
}
.shoplogo {
    width: 60%;
}

/* MainMenu */
.h-mainmenu {
    clear: both;
}
.h-mainmenu ul {
    margin: 0 0 10px !important;
}
.h-mainmenu li {
    position:relative;
}
.h-mainmenu li > * {
    padding: 20px 0;
    font-size: medium;
    border-right: 1px solid #555 !important;
    font-size: inherit;
    color: #fff;
    background-image: url(../img/header/patt_bg.png);
}
.h-mainmenu li > *:hover {
    text-decoration: underline !important;
}
/*
.h-mainmenu li > *:before {
content: url(../img/header/dlmenu_rl.png);
    position: relative;
    top: 4px;
    padding-right: 5px;
}
*/
.h-mainmenu li:last-child * {
    border-right: none !important;
}

/* brand banner */
.p-brandbnr {
    margin-top: 40px;
    margin-bottom: 40px;
}

/* shop infomation */

.newsContent ,
.ectop-information {	
    margin: 0 0 3% 0;
}
.newsContent h2.sysHeadline ,
.ectop-information h2.sysHeadline {
	background: -moz-linear-gradient(top, #666666, #000000);
	background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#000000));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FF666666', endColorstr='#FF000000');
	font-family: arial black, sans-serif; 
	font-weight: bold;
	padding: 2% 1em;
	text-shadow: 1px 1px 3px #333333;
        color: #999;
}
.newsContent div.sysContent,
.ectop-information div.sysContent {
	background-color: #333333;
	padding: 2% 1%;
}
.ectop-information div.sysContent, .ranking-top h2.sysHeadline, .whatsnew-top h2.sysHeadline, .recommend h2.sysHeadline {
    background-color: #111111;
}
.ectop-information .sysContent ul{
    height: 100px;
    overflow-y: scroll;
}
.newsContent div ul,
.ectop-information .newsContent div ul {}

.newsContent .sysContent ul li ,
.ectop-information .sysContent ul li {
	margin: 0 0 1em 0;
	padding: 0 0.5em;
}
.newsContent .sysContent ul li a{
	color: #FFFFFF;
	display: inline;
}
.newsContent .sysContent ul li a:hover {	
    color: #CC11FF;
}
.ectop-information .sysContent ul li {	
    color: #ffffff; 
    display: inline; 
    float:left;
}
.newsContent ul li time ,
.ectop-information ul li time{
	color: #FFCC00;
	padding: 0 1em 0 0;
	float:left;
}
.newsContent .sysContent ul li a,
.ectop-information .sysContent ul li a{
    float:left;
}
.newsContent .newsIndent,
.ectop-information .newsIndent {	
    padding: 0 1em;
}

.p-ameblo {
    clear:both;
    margin-bottom: 40px;
}

/*!
*  - v1.2.2
* Homepage: http://bqworks.com/slider-pro/
* Author: bqworks
* Author URL: http://bqworks.com/
*/.slider-pro{position:relative;margin:0 auto;-moz-box-sizing:content-box;box-sizing:content-box}.sp-slides-container{position:relative}.sp-mask{position:relative;overflow:hidden}.sp-slides{position:relative;-webkit-backface-visibility:hidden;-webkit-perspective:1000}.sp-slide{position:absolute}.sp-image-container{overflow:hidden}.sp-image{position:relative;display:block;border:none}.sp-no-js{overflow:hidden;max-width:100%}.sp-thumbnails-container{position:relative;overflow:hidden}.sp-bottom-thumbnails,.sp-top-thumbnails{left:0;margin:0 auto}.sp-top-thumbnails{position:absolute;top:0;margin-bottom:4px}.sp-bottom-thumbnails{margin-top:4px}.sp-left-thumbnails,.sp-right-thumbnails{position:absolute;top:0}.sp-right-thumbnails{right:0;margin-left:4px}.sp-left-thumbnails{left:0;margin-right:4px}.sp-thumbnails{position:relative}.sp-thumbnail{border:none}.sp-thumbnail-container{position:relative;display:block;overflow:hidden;float:left;-moz-box-sizing:border-box;box-sizing:border-box}.sp-bottom-thumbnails .sp-thumbnail-container,.sp-top-thumbnails .sp-thumbnail-container{margin-left:2px;margin-right:2px}.sp-bottom-thumbnails .sp-thumbnail-container:first-child,.sp-top-thumbnails .sp-thumbnail-container:first-child{margin-left:0}.sp-bottom-thumbnails .sp-thumbnail-container:last-child,.sp-top-thumbnails .sp-thumbnail-container:last-child{margin-right:0}.sp-left-thumbnails .sp-thumbnail-container,.sp-right-thumbnails .sp-thumbnail-container{margin-top:2px;margin-bottom:2px}.sp-left-thumbnails .sp-thumbnail-container:first-child,.sp-right-thumbnails .sp-thumbnail-container:first-child{margin-top:0}.sp-left-thumbnails .sp-thumbnail-container:last-child,.sp-right-thumbnails .sp-thumbnail-container:last-child{margin-bottom:0}.sp-right-thumbnails.sp-has-pointer{margin-left:-13px}.sp-right-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;left:18px;margin-left:0!important}.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;height:100%;border-left:5px solid red;left:0;top:0;margin-left:13px}.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:0;top:50%;margin-top:-8px;border-right:13px solid red;border-top:8px solid transparent;border-bottom:8px solid transparent}.sp-left-thumbnails.sp-has-pointer{margin-right:-13px}.sp-left-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;right:18px}.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;height:100%;border-left:5px solid red;right:0;top:0;margin-right:13px}.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;right:0;top:50%;margin-top:-8px;border-left:13px solid red;border-top:8px solid transparent;border-bottom:8px solid transparent}.sp-bottom-thumbnails.sp-has-pointer{margin-top:-13px}.sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;top:18px;margin-top:0!important}.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;width:100%;border-bottom:5px solid red;top:0;margin-top:13px}.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:50%;top:0;margin-left:-8px;border-bottom:13px solid red;border-left:8px solid transparent;border-right:8px solid transparent}.sp-top-thumbnails.sp-has-pointer{margin-bottom:-13px}.sp-top-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;bottom:18px}.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;width:100%;border-bottom:5px solid red;bottom:0;margin-bottom:13px}.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:50%;bottom:0;margin-left:-8px;border-top:13px solid red;border-left:8px solid transparent;border-right:8px solid transparent}.sp-layer{position:absolute;margin:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-font-smoothing:subpixel-antialiased;-webkit-backface-visibility:hidden}.sp-black{color:#FFF;background:#000;background:rgba(0,0,0,.7)}.sp-white{color:#000;background:#fff;background:rgba(255,255,255,.7)}.sp-rounded{border-radius:10px}.sp-padding{padding:10px}.sp-grab{cursor:url(images/openhand.cur),move}.sp-grabbing{cursor:url(images/closedhand.cur),move}.sp-selectable{cursor:default}.sp-caption-container{text-align:center;margin-top:10px}.sp-full-screen{margin:0!important;background-color:#000}.sp-full-screen-button{position:absolute;top:5px;right:10px;font-size:30px;line-height:1;cursor:pointer;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.sp-full-screen-button:before{content:'\2195'}.sp-fade-full-screen{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.slider-pro:hover .sp-fade-full-screen{opacity:1}.sp-buttons{position:relative;width:100%;text-align:center;padding-top:10px}.sp-button{width:10px;height:10px;border:2px solid #000;border-radius:50%;margin:4px;display:inline-block;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.sp-selected-button{background-color:#000}@media only screen and (min-width:768px) and (max-width:1024px){.sp-button{width:14px;height:14px}}@media only screen and (min-width:568px) and (max-width:768px){.sp-button{width:16px;height:16px}}@media only screen and (min-width:320px) and (max-width:568px){.sp-button{width:18px;height:18px}}.sp-arrows{position:absolute}.sp-fade-arrows{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.sp-slides-container:hover .sp-fade-arrows{opacity:1}.sp-horizontal .sp-arrows{width:100%;left:0;top:50%;margin-top:-15px}.sp-vertical .sp-arrows{height:100%;left:50%;top:0;margin-left:-10px}.sp-arrow{position:absolute;display:block;width:20px;height:30px;cursor:pointer}.sp-vertical .sp-arrow{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sp-horizontal .sp-previous-arrow{left:20px}.sp-horizontal .sp-next-arrow{right:20px}.sp-vertical .sp-previous-arrow{top:20px}.sp-vertical .sp-next-arrow{bottom:20px}.sp-next-arrow:after,.sp-next-arrow:before,.sp-previous-arrow:after,.sp-previous-arrow:before{content:'';position:absolute;width:50%;height:50%;background-color:#FFF}.sp-previous-arrow:before{left:30%;top:0;-webkit-transform:skew(145deg,0deg);-ms-transform:skew(145deg,0deg);transform:skew(145deg,0deg)}.sp-previous-arrow:after{left:30%;top:50%;-webkit-transform:skew(-145deg,0deg);-ms-transform:skew(-145deg,0deg);transform:skew(-145deg,0deg)}.sp-next-arrow:before{right:30%;top:0;-webkit-transform:skew(35deg,0deg);-ms-transform:skew(35deg,0deg);transform:skew(35deg,0deg)}.sp-next-arrow:after{right:30%;top:50%;-webkit-transform:skew(-35deg,0deg);-ms-transform:skew(-35deg,0deg);transform:skew(-35deg,0deg)}.ie7 .sp-arrow,.ie8 .sp-arrow{width:0;height:0}.ie7 .sp-arrow:after,.ie7 .sp-arrow:before,.ie8 .sp-arrow:after,.ie8 .sp-arrow:before{content:none}.ie7.sp-horizontal .sp-previous-arrow,.ie8.sp-horizontal .sp-previous-arrow{border-right:20px solid #FFF;border-top:20px solid transparent;border-bottom:20px solid transparent}.ie7.sp-horizontal .sp-next-arrow,.ie8.sp-horizontal .sp-next-arrow{border-left:20px solid #FFF;border-top:20px solid transparent;border-bottom:20px solid transparent}.ie7.sp-vertical .sp-previous-arrow,.ie8.sp-vertical .sp-previous-arrow{border-bottom:20px solid #FFF;border-left:20px solid transparent;border-right:20px solid transparent}.ie7.sp-vertical .sp-next-arrow,.ie8.sp-vertical .sp-next-arrow{border-top:20px solid #FFF;border-left:20px solid transparent;border-right:20px solid transparent}.sp-thumbnail-arrows{position:absolute}.sp-fade-thumbnail-arrows{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.sp-thumbnails-container:hover .sp-fade-thumbnail-arrows{opacity:1}.sp-bottom-thumbnails .sp-thumbnail-arrows,.sp-top-thumbnails .sp-thumbnail-arrows{width:100%;top:50%;left:0;margin-top:-12px}.sp-left-thumbnails .sp-thumbnail-arrows,.sp-right-thumbnails .sp-thumbnail-arrows{height:100%;top:0;left:50%;margin-left:-7px}.sp-thumbnail-arrow{position:absolute;display:block;width:15px;height:25px;cursor:pointer}.sp-left-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow,.sp-right-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sp-bottom-thumbnails .sp-previous-thumbnail-arrow,.sp-top-thumbnails .sp-previous-thumbnail-arrow{left:0}.sp-bottom-thumbnails .sp-next-thumbnail-arrow,.sp-top-thumbnails .sp-next-thumbnail-arrow{right:0}.sp-left-thumbnails .sp-previous-thumbnail-arrow,.sp-right-thumbnails .sp-previous-thumbnail-arrow{top:0}.sp-left-thumbnails .sp-next-thumbnail-arrow,.sp-right-thumbnails .sp-next-thumbnail-arrow{bottom:0}.sp-next-thumbnail-arrow:after,.sp-next-thumbnail-arrow:before,.sp-previous-thumbnail-arrow:after,.sp-previous-thumbnail-arrow:before{content:'';position:absolute;width:50%;height:50%;background-color:#FFF}.sp-previous-thumbnail-arrow:before{left:30%;top:0;-webkit-transform:skew(145deg,0deg);-ms-transform:skew(145deg,0deg);transform:skew(145deg,0deg)}.sp-previous-thumbnail-arrow:after{left:30%;top:50%;-webkit-transform:skew(-145deg,0deg);-ms-transform:skew(-145deg,0deg);transform:skew(-145deg,0deg)}.sp-next-thumbnail-arrow:before{right:30%;top:0;-webkit-transform:skew(35deg,0deg);-ms-transform:skew(35deg,0deg);transform:skew(35deg,0deg)}.sp-next-thumbnail-arrow:after{right:30%;top:50%;-webkit-transform:skew(-35deg,0deg);-ms-transform:skew(-35deg,0deg);transform:skew(-35deg,0deg)}.ie7 .sp-thumbnail-arrow,.ie8 .sp-thumbnail-arrow{width:0;height:0}.ie7 .sp-thumbnail-arrow:after,.ie7 .sp-thumbnail-arrow:before,.ie8 .sp-thumbnail-arrow:after,.ie8 .sp-thumbnail-arrow:before{content:none}.ie7 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,.ie7 .sp-top-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-top-thumbnails .sp-previous-thumbnail-arrow{border-right:12px solid #FFF;border-top:12px solid transparent;border-bottom:12px solid transparent}.ie7 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,.ie7 .sp-top-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-top-thumbnails .sp-next-thumbnail-arrow{border-left:12px solid #FFF;border-top:12px solid transparent;border-bottom:12px solid transparent}.ie7 .sp-left-thumbnails .sp-previous-thumbnail-arrow,.ie7 .sp-right-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-left-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-right-thumbnails .sp-previous-thumbnail-arrow{border-bottom:12px solid #FFF;border-left:12px solid transparent;border-right:12px solid transparent}.ie7 .sp-left-thumbnails .sp-next-thumbnail-arrow,.ie7 .sp-right-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-left-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-right-thumbnails .sp-next-thumbnail-arrow{border-top:12px solid #FFF;border-left:12px solid transparent;border-right:12px solid transparent}a.sp-video{text-decoration:none}a.sp-video img{-webkit-backface-visibility:hidden;border:none}a.sp-video:after{content:'\25B6';position:absolute;width:45px;padding-left:5px;height:50px;border:2px solid #FFF;text-align:center;font-size:30px;border-radius:30px;top:0;color:#FFF;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.2);margin:auto;line-height:52px}.slider-pro img.sp-image,.slider-pro img.sp-thumbnail{max-width:none;max-height:none;border:none!important;border-radius:0!important;padding:0!important;-webkit-box-shadow:none!important;-mox-box-shadow:none!important;box-shadow:none!important;transition:none;-moz-transition:none;-webkit-transition:none;-o-transition:none}.slider-pro a{position:static;transition:none!important;-moz-transition:none!important;-webkit-transition:none!important;-o-transition:none!important}.slider-pro canvas,.slider-pro embed,.slider-pro iframe,.slider-pro object,.slider-pro video{max-width:none;max-height:none}.slider-pro p.sp-layer{font-size:14px;line-height:1.4;margin:0}.slider-pro h1.sp-layer{font-size:32px;line-height:1.4;margin:0}.slider-pro h2.sp-layer{font-size:24px;line-height:1.4;margin:0}.slider-pro h3.sp-layer{font-size:19px;line-height:1.4;margin:0}.slider-pro h4.sp-layer{font-size:16px;line-height:1.4;margin:0}.slider-pro h5.sp-layer{font-size:13px;line-height:1.4;margin:0}.slider-pro h6.sp-layer{font-size:11px;line-height:1.4;margin:0}.slider-pro img.sp-layer{border:none}
/*
.sp-mask {
    width: 415px !important;
}
*/
.p-slider .sysContent {
    background-color: #000;
}
#sysMain .p-sns {
    margin-bottom:40px;
}
#sysMain .p-sns #twitter {
    width: 49%;
    float: left;
}
#sysMain .p-sns #facebook {
    width: 49%;
    float: right;
}
#sysMain .p-sns #facebook span{
    height: 400px !important;
}
#sysMain .p-sns #facebook iframe {
    height: 400px;
    height: 400px !important;
}


.p-magazine {
    float: none;
    width: 100%;
}
.p-magazine #wrapper {
    margin-bottom: 50px;
    border-bottom: 1px solid #000;
}
.p-magazine #wrapper h2 {
    color: #000;
    font-size: large;
    font-weight: bold;
    margin: 20px 0;
}
.p-magazine #wrapper span {
    color: #000;
    margin: 20px 0;
    display: block;
}
body#magazine, body#magazine #sysAll{
    background-color: #fff;
}
.p-magazine table {
    margin: 0 auto;
}


#talent_wear #sysMain {
    float: none;
    width: 100%;
}
#talent_wear #sysMain h2 {
    color: #000;
    font-size: large;
    font-weight: bold;
    margin: 20px 0;
    border-bottom: 1px solid #000;
    padding: 10px 0;
}
#talent_wear #sysMain ul {
    padding: 0 0 20px;
}
#talent_wear #sysMain li {
    color: #000;
    width: 45%;
    display: inline-block;
    vertical-align: top;
    font-size: medium;
    line-height: 28px;
    margin: 0 10px 0 0;
}
#talent_wear #sysMain li img {
    border: 7px solid #000;
}
#talent_wear #sysMain li:last-child {
    width: 50%;
    margin: 0px;
}
body#talent_wear, body#talent_wear #sysAll{
    background-color: #fff;
}

body#concept, body#concept #sysAll {
    background-color: #fff;
    color: #000;
}
.p-brandprofile {
    float: none;
    width: 100%;
    background-image: url(../img/concept/profile_bg2.jpg);
    background-repeat: no-repeat;
}
.p-brandprofile .designer {

}
.p-brandprofile .designer figure {
    float: left;
    width: 30%;
    margin-right: 30px;
}
.p-brandprofile .designer article {
    line-height: 26px;
    float: right;
    width: 65%;
}
.p-brandprofile h2 {
    font-family: serif;
    font-size: x-large;
    margin-bottom: 20px;
    border-bottom: 1px solid #000;
    padding: 10px 0;
}
.p-brandprofile p {
    font-size: medium;
}
.p-brandprofile p img {padding: 5px 10px 10px 0;}
.p-brandprofile table {
    margin: 20px 0;
    text-align: left;
    clear: both;
}
.p-brandprofile tr {
    border-bottom: 1px dotted #999;
}
.p-brandprofile tr:last-child {
    border-bottom: 0;
}
.p-brandprofile th {
    width: 15%;
    font-size: medium;
    line-height: 2.2em;
    padding: 10px;
}
.p-brandprofile td {
    font-size: medium;
}

.p-onlineshop {margin-bottom: 30px;}

/* 0330snsicon設置 */
.snsIcon_Box {
    margin-bottom:30px;
    overflow: hidden;
}
.snsIcon_Box p {
    text-align: center;
    font-size: 22px;
    color: #777777;
    font-weight: bold;
}
.snsIcon_Box ul {
    float: right;
    width: 100%;
    text-align: center;
}
.snsIcon_Box li {
    margin-right: 6%!important;
    display: inline-block!important;
}
.snsIcon_Box li img {
    display: inline-block;
}
.snsIcon_Box .app_btnBox {
    background: url(/img/top/app_Img.jpg)no-repeat;
    height: 333px;
    background-size: 100%;
    background-position: 0 70px;
}
.snsIcon_Box .app_btnBox ul.app {
    padding-top: 170px;
    padding-left: 90px;
}
.snsIcon_Box .app_btnBox ul.app li img{
width: 100%;
    height: auto;
    vertical-align: bottom;
}


#smartbanner { position:absolute; left:0; top:-82px; border-bottom:1px solid #e8e8e8; width:100%; height:78px; font-family:'Helvetica Neue',sans-serif; background:-webkit-linear-gradient(top, #f4f4f4 0%,#cdcdcd 100%); background-image: -ms-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%); background-image: -moz-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%); box-shadow:0 1px 2px rgba(0,0,0,0.5); z-index:9998; -webkit-font-smoothing:antialiased; overflow:hidden; -webkit-text-size-adjust:none; }
#smartbanner, html.sb-animation {-webkit-transition: all .3s ease;}
#smartbanner .sb-container { margin: 0 auto; }
#smartbanner .sb-close { position:absolute; left:5px; top:5px; display:block; border:2px solid #fff; width:14px; height:14px; font-family:'ArialRoundedMTBold',Arial; font-size:12px; line-height:9px; text-align:center; color:#fff; background:#070707; text-decoration:none; text-shadow:none; border-radius:14px; box-shadow:0 2px 3px rgba(0,0,0,0.4); -webkit-font-smoothing:subpixel-antialiased; }
#smartbanner .sb-close:active { font-size:13px; color:#aaa; }
#smartbanner .sb-icon { position:absolute; left:30px; top:10px; display:block; width:57px; height:57px; background:rgba(0,0,0,0.6); background-size:cover; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.3); }
#smartbanner.no-icon .sb-icon { display:none; }
#smartbanner .sb-info { position:absolute; left:98px; top:18px; width:44%; font-size:11px; line-height:1.2em; font-weight:bold; color:#6a6a6a; text-shadow:0 1px 0 rgba(255,255,255,0.8); }
#smartbanner #smartbanner.no-icon .sb-info { left:34px; }
#smartbanner .sb-info strong { display:block; font-size:13px; color:#4d4d4d; line-height: 18px; }
#smartbanner .sb-info > span { display:block; }
#smartbanner .sb-info em { font-style:normal; text-transform:uppercase; }
#smartbanner .sb-button { position:absolute; right:20px; top:24px; border:1px solid #bfbfbf; padding: 0 10px; min-width: 10%; height:24px; font-size:14px; line-height:24px; text-align:center; font-weight:bold; color:#6a6a6a; background:-webkit-linear-gradient(top, #efefef 0%,#dcdcdc 100%); text-transform:uppercase; text-decoration:none; text-shadow:0 1px 0 rgba(255,255,255,0.8); border-radius:3px; box-shadow:0 1px 0 rgba(255,255,255,0.6),0 1px 0 rgba(255,255,255,0.7) inset; }
#smartbanner .sb-button:active, #smartbanner .sb-button:hover { background:-webkit-linear-gradient(top, #dcdcdc 0%,#efefef 100%); }

#smartbanner .sb-icon.gloss:after { content:''; position:absolute; left:0; top:-1px; border-top:1px solid rgba(255,255,255,0.8); width:100%; height:50%; background:-webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.2) 100%); border-radius:10px 10px 12px 12px; }

#smartbanner.android { border-color:#212228; background: #3d3d3d url('data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7'); border-top: 5px solid #88B131; box-shadow: none; }
#smartbanner.android .sb-close { border:0; width:17px; height:17px; line-height:17px; color:#b1b1b3; background:#1c1e21; text-shadow:0 1px 1px #000; box-shadow:0 1px 2px rgba(0,0,0,0.8) inset,0 1px 1px rgba(255,255,255,0.3); }
#smartbanner.android .sb-close:active { color:#eee; }
#smartbanner.android .sb-info { color:#ccc; text-shadow:0 1px 2px #000; }
#smartbanner.android .sb-info strong { color:#fff; }
#smartbanner.android .sb-button { min-width: 12%; border:1px solid #DDDCDC; padding:1px; color:#d1d1d1; background: none; border-radius: 0; box-shadow: none; min-height:28px}
#smartbanner.android .sb-button span { text-align: center; display: block; padding: 2px 10px; background-color: #42B6C9; background-image: -webkit-gradient(linear,0 0,0 100%,from(#42B6C9),to(#39A9BB)); background-image: -moz-linear-gradient(top,#42B6C9,#39A9BB); text-transform:none; text-shadow:none; box-shadow:none; }
#smartbanner.android .sb-button:active, #smartbanner.android .sb-button:hover { background: none; }
#smartbanner.android .sb-button:active span, #smartbanner.android .sb-button:hover span { background:#2AC7E1; }

#smartbanner.windows .sb-icon { border-radius: 0px; }


.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit{
width:100%;
background:#c00c20!important;
color:#fff!important;
}
button.sysBtnPlus,
button.sysBtnMinus,
.sysCart #sysMain input[type=submit]
{
border: 1px solid #999!important;
background: #E6E6E7!important;
color: #000!important;
}
input[type="submit"],.sysNextSubmit{background:#c00c20!important;}

a:hover img{
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    -khtml-opacity: 0.85;
    opacity: .85;
}
.new_category{
    margin: 6% 0% 4%;
}
.new_category ul li{
    width:25%;
    float:left;
    padding: 0.5%;
 }
 .new_category ul li img:hover{
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    -khtml-opacity: 0.85;
    opacity: .85;
 }
.new_key{
    margin: 0 0 2%;
}
.new_key ul li,
.star_category ul li{
    width: 50%;
    float: left;
}
.foot_text{
     padding-bottom: 2%;
}
.displaynone{display:none;}

/* RANKING */

ul#ranking_tab {
	position: relative;
	z-index: 999;
}
ul#ranking_tab li {
	float: left;
	width:32%;
	height:35px;
	font-size:14px;
	font-weight:bold;
	text-align: center;
	line-height:35px;
	margin-right:2%;
	cursor: pointer;
	position:relative;
	top:6px;
	display:inline-block;
	vertical-align:bottom;
	background: #d4d4d4;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fafafa), color-stop(0.10, #d7d7d7));
	background: -webkit-linear-gradient(top, #d7d7d7 10%, #fafafa 100%);
	background: -moz-linear-gradient(top, #d7d7d7 10%, #fafafa 100%);
	background: -o-linear-gradient(top, #d7d7d7 10%, #fafafa 100%);
	background: -ms-linear-gradient(top, #d7d7d7 10%, #fafafa 100%);
	background: linear-gradient(to bottom, #d7d7d7 10%, #fafafa 100%);
	border:1px solid #fff;
	border-bottom:none;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
#ranking_tab li:last-child{
	margin-right:0;
}
ul#ranking_tab li.select{
	height:40px;
	line-height:46px;
	background:#eaeaea;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #eaeaea), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #eaeaea);
	background: -moz-linear-gradient(#fff, #eaeaea);
	background: -o-linear-gradient(#fff, #eaeaea);
	background: -ms-linear-gradient(#fff, #eaeaea);
	background: linear-gradient(#fff, #eaeaea);
	top:1px;
}
.ranking-top .rank ul li {
	width:25%;
	margin-bottom:10px;
	text-align:center;
	float:left;
}
.ranking-top .rank ul li .itemBox{
	max-width:171px;
	margin:0 auto;
}
.ranking-top .rank ul li img {
	display:block;
	border:1px solid #a7a7a7;
	border-bottom:none;
}


.ranking-top .content_wrap {
	clear: left;
	width: 100%;
	background: #eaeaea;
	color: #000;
	padding:26px 10px 6px;
	border:1px solid #fff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.28, #fff), color-stop(0.00, #eaeaea));
	background: -webkit-linear-gradient(top, #eaeaea 0%, #fff 28%);
	background: -moz-linear-gradient(top, #eaeaea 0%, #fff 28%);
	background: -o-linear-gradient(top, #eaeaea 0%, #fff 28%);
	background: -ms-linear-gradient(top, #eaeaea 0%, #fff 28%);
	background: linear-gradient(to bottom, #eaeaea 0%, #fff 28%);
}
.ranking-top .content_wrap .sysItemPrice{
        text-align: right;
        font-weignt: bold;
       margin-top: 10px;
}
.ranking-top .content_wrap .itemBox{
	position:relative;
}
.ranking-top .content_wrap .itemBox .icon {
	position:absolute;
	left:6px;
	top:6px;
}
.ranking-top .content_wrap .itemBox .icon img {
	border:none;
}
.ranking-top .content_wrap ul li {
    width: 23%;
    float: left;
    margin-right: 2%;
    min-height: 235px;
}
.ranking-top .content_wrap ul li b{
    display: block;
}
/* RANKING */

.recommend h2.sysHeadline{
    background-color: #111111;
    font-weight: bold;
    padding: 2% 1em;
    text-shadow: 1px 1px 3px #333333;
    color: #fff;
}
@media (max-width: 779px){
   .new_category ul li{
         width:33.3%;
   }
   .foot_text{
        padding-bottom: 0%;
   }
    #sysItemCategory .sysItemList ul.sysThumbnail li{
        width: 48%;
        height: 200px;
    }
    .ranking-top .content_wrap ul li {
        width: 48%;
        min-height: 220px;
    }
    select{
       height:38px;
    }
}
@media screen and (max-width:480px){
.sysMypage input[type="submit"] {
white-space: normal;
}

#blog li.blog_info{
float: left;
width: 98%;
margin:1%;
}
#accordion p span {
    font-size: 1rem;
}
#accordion p span:before {
    content: "";
    position: relative;
    top: 0px;
    padding-right: 0px;
}
#accordion p span:after {
    content: "";
    position: relative;
    top: 0px;
    padding-left: 0px;
}
#accordion p img {
    max-width: 100px;
}
#accordion p:after {
    top: 7px;
}
#accordion p.active:after {
    top: 7px;
}
#accordion li a {
    font-size: smaller;
}
.p-shoplist #shopinfo {
    width: 100%;
    float: none;
}
.p-shoplist #shopph {
    max-width: 100%;
    float: none;
}
.p-shoplist #dlist li {
    width: 100%;
    display: block;
}
.p-shoplist #dlist li:nth-child(2n) {
    width: 100%;
    text-align: left;
}
.sp-mask {
    width: 100% !important;
}

.sidepc {
    display: none;
}

.p-brandbnr {
    margin-bottom: 10px;
    margin-top: 10px;
}
#sysMain .p-sns {
    margin-bottom: 10px;
}
#sysMain .p-sns #twitter {
    width: 100%;
    float: none;
}
#sysMain .p-sns #facebook {
    width: 300px;
    float: none;
    margin: 0 auto;
}
.p-onlineshop {
    margin-bottom: 10px;
}
.sidesp li a img {
    width: 90%;
    margin: 5px auto;
}
.p-brandprofile {background-position: 40%;}
.p-brandprofile .designer p {font-size: small;}
.p-brandprofile .designer figure {
    float: none;
    width: 60%;
    margin: 0 auto;
}
.p-brandprofile .designer article {
    float: none;
    width: 90%;
    margin: 10px auto 0;
}
.p-brandprofile table {}
.p-brandprofile th {
    width: 30%;
    font-size: small;
}
.p-brandprofile td {
    font-size: small;
}

.snsBnr .sysContent img {
    max-width: 200px;
    margin: 0 auto;
}
.snsIcon_Box {
    margin-bottom:0;
}
.snsIcon_Box .app_btnBox {
    height: 207px;
}
.snsIcon_Box .app_btnBox ul.app {
    padding-top: 21%;
    padding-left: 16%;
}
.snsIcon_Box .app_btnBox ul.app li {
    width: 43%;
}
.snsIcon_Box .app_btnBox ul.app li img {
    max-width: 100%;
}
.recom02.topItemList .sysContent ul.sysHorizontal li:last-child {
    display: none;
}


.ranking-top .sysContent ul.sysHorizontal li ,
.whatsnew-top .sysContent ul.sysHorizontal li,
.recommend .sysContent ul.sysHorizontal li{
	width: 50%;
}


.p-shoplist .menu > li {
    width: 49.5%;
}
.p-shoplist .menu > li:nth-child(2n) {
	margin-right: 0 !important;
}
}
@media screen and (min-width:481px) and (max-width:640px){
.fb_iframe_widget iframe{
	width: 100%!important;
	height: 300px!important;
}
#twitter-widget-0{
	width: 100%!important;
}

#info h3{float: left;
width: 33%;}

#shoplist #shopinfo {
    width: 100%;
    float: none;
}
#shoplist #shopph {
    max-width: 100%;
    float: none;
}
.sp-mask {
    width: 100% !important;
}
.sidesp {
    display: none;
}
 
}
@media screen and (min-width:767px){
#info h3{float: left;
width: 33%;}
.sidesp {
    display: none;
}
.new_sub ul li{
  width: 33.3%;
}

}

/* header */
.header_new .sysContent {
    padding: 0;
}
.h-mainmenu ul li {
    position: static;
}
.h-mainmenu ul li.sysText div + ul {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    left: 50%;
    display: none;
    padding: 0;
    z-index: 999;
}
.h-mainmenu ul li.sysText div + ul > li {
    width: 33.33%;
}
.h-mainmenu ul li.sysText div + ul > li > a {
    padding: 0;
    border-right: none !important;
}

/*text_nav*/
.h-mainmenu ul li.sysText div + ul.text_nav > li > a{
    padding: 15px 0;
}

/* designline */
.designline {
    margin: 5% 0;
}
.designline ul {
    display: flex;
    flex-wrap: wrap;
}
.designline ul > li {
    width: 33.33%;
}

.movie iframe{
   max-width: 100%;
   margin: 0 auto;
   display: block;
}

/* ECTOP hover */
.sysHorizontal li {
    position: relative;
    padding: 0 !important;
    margin: 1% !important;
    height: inherit !important;
    width: 23% !important;
    float: left;
}
.sysHorizontal li a {
    display: block;
}
.sysHorizontal li a:hover {
    color: #FFF;
}
.sysHorizontal li a:hover .sysItemImage {
    opacity: 100;
    background-color: rgba(0,0,0,.5);
}
.sysHorizontal li a .sysItemImage {
    opacity: 0;
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    padding: 5%;
    top: 0;
    left: 0;
    margin: 0 !important;
    transition: all 0.3s;
}
.sysHorizontal li a:hover img {
    opacity: 100;
}
.ranking-top .content_wrap ul li {
    position: relative;
    min-height: auto;
    margin-bottom: 2%;
}
.ranking-top .content_wrap ul li a {
    display: block;
}
.ranking-top .content_wrap ul li a .sysItemImage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(0,0,0,.5);
    color: #FFF;
    padding: 5%;
    transition: all 0.3s;
}
.ranking-top .content_wrap ul li a:hover .sysItemImage {
    opacity: 100;
}

.sysCartTitle{
  margin-top:6%!important;
}
.new_topics li{
float:left;
width: 32%;
border: 1px solid #ccc;
}
.new_topics li:nth-child(2) {
margin:0 2%!important;
}
.new_topics h2,
.pickup_items h2,
.new_item_category h2{
    margin: 30px auto;
    display: block;
    text-align: center;
    font-size: 20px;
}
.new_item_category li{
float:left;
width: 25%;
border: 1px solid #ccc;
}
#dealtearsjewelry #sysMain{
 margin-bottom: 100px;
}

#sysItemDetail div#sysWishlist .sysButton {
    width: 10%;
}



/*20240411　追記*/
#sysItemDetail .sysItemImages {
  padding-left: calc(50% - 600px);
  float: left;
  width: 48%;
}
#sysItemDetail .sysItemName:first-child{
  padding-right: calc(50% - 600px);
  float: right;
  width: 48%;
}

@media screen and (max-width:480px){
.sysMypage input[type="submit"] {
white-space: normal;
}

#blog li.blog_info{
float: left;
width: 98%;
margin:1%;
}
#accordion p span {
    font-size: 1rem;
}
#accordion p span:before {
    content: "";
    position: relative;
    top: 0px;
    padding-right: 0px;
}
#accordion p span:after {
    content: "";
    position: relative;
    top: 0px;
    padding-left: 0px;
}
#accordion p img {
    max-width: 100px;
}
#accordion p:after {
    top: 7px;
}
#accordion p.active:after {
    top: 7px;
}
#accordion li a {
    font-size: smaller;
}
.p-shoplist #shopinfo {
    width: 100%;
    float: none;
}
.p-shoplist #shopph {
    max-width: 100%;
    float: none;
}
.p-shoplist #dlist li {
    width: 100%;
    display: block;
}
.p-shoplist #dlist li:nth-child(2n) {
    width: 100%;
    text-align: left;
}
.sp-mask {
    width: 100% !important;
}

.sidepc {
    display: none;
}

.p-brandbnr {
    margin-bottom: 10px;
    margin-top: 10px;
}
#sysMain .p-sns {
    margin-bottom: 10px;
}
#sysMain .p-sns #twitter {
    width: 100%;
    float: none;
}
#sysMain .p-sns #facebook {
    width: 300px;
    float: none;
    margin: 0 auto;
}
.p-onlineshop {
    margin-bottom: 10px;
}
.sidesp li a img {
    width: 90%;
    margin: 5px auto;
}
.p-brandprofile {background-position: 40%;}
.p-brandprofile .designer p {font-size: small;}
.p-brandprofile .designer figure {
    float: none;
    width: 60%;
    margin: 0 auto;
}
.p-brandprofile .designer article {
    float: none;
    width: 90%;
    margin: 10px auto 0;
}
.p-brandprofile table {}
.p-brandprofile th {
    width: 30%;
    font-size: small;
}
.p-brandprofile td {
    font-size: small;
}

.snsBnr .sysContent img {
    max-width: 200px;
    margin: 0 auto;
}
.snsIcon_Box {
    margin-bottom:0;
}
.snsIcon_Box .app_btnBox {
    height: 207px;
}
.snsIcon_Box .app_btnBox ul.app {
    padding-top: 21%;
    padding-left: 16%;
}
.snsIcon_Box .app_btnBox ul.app li {
    width: 43%;
}
.snsIcon_Box .app_btnBox ul.app li img {
    max-width: 100%;
}
.recom02.topItemList .sysContent ul.sysHorizontal li:last-child {
    display: none;
}


.ranking-top .sysContent ul.sysHorizontal li ,
.whatsnew-top .sysContent ul.sysHorizontal li,
.recommend .sysContent ul.sysHorizontal li{
	width: 50%;
}

/* header */
.h-mainmenu ul li.sysText div + ul {
    left: 0;
    width: 100%;
    margin-left: 0 !important;
}

/* ECTOP hover */
.sysHorizontal li {
    width: 48% !important;
}
.sysHorizontal li a:hover {
    color: #000;
}
.sysHorizontal li a:hover .sysItemImage {
    opacity: inherit;
    background-color: inherit;
}
.sysHorizontal li a .sysItemImage {
    opacity: inherit;
    position: static;
    width: 100% !important;
    height: 5em !important;
    padding: 5% 0;
}
.ranking-top .content_wrap ul li a .sysItemImage .sysItemName {
    height: 4em;
}
.ranking-top .content_wrap ul li a .sysItemImage {
    position: static;
    opacity: 100;
    background-color: inherit;
    color: #000;
}


/*20240411　追記*/
#sysItemDetail .sysItemImages {
  padding-left: calc(50% - 600px);
  float: left;
  width: 100%;
}
 
#sysItemDetail .sysItemName {
  padding-right: calc(50% - 600px);
  float: right;
  width: 100%;
}


}
@media screen and (min-width:481px) and (max-width:640px){
.fb_iframe_widget iframe{
	width: 100%!important;
	height: 300px!important;
}
#twitter-widget-0{
	width: 100%!important;
}

#info h3{float: left;
width: 33%;}

#shoplist #shopinfo {
    width: 100%;
    float: none;
}
#shoplist #shopph {
    max-width: 100%;
    float: none;
}
.sp-mask {
    width: 100% !important;
}
.sidesp {
    display: none;
}

/* header */
.h-mainmenu ul li.sysText div + ul {
    left: 0;
    width: 100%;
    margin-left: 0 !important;
}
}
@media screen and (min-width:641px){
#info h3{float: left;
width: 33%;}
.sidesp {
    display: none;
}

/* header */
.h-mainmenu ul li.sysText div + ul {
    left: 50%;
    width: 840px;
    margin-left: -420px !important;
}
}
/* #END_OF_RESOURCE_FILE */