body	{color: #666;font-family: 'Noto Sans JP', sans-serif;font-weight: 300;letter-spacing: .03em;}

/*----DLロゴ-----------------------------------*/
#headerlogo	{height:30px;background:#333;text-align: center}/*背景カラーは各ブランドで指定*/
#headerlogo		.hlwrap{max-width: 1100px;margin: 0 auto;text-align: left}
#headerlogo		img{width: 195px; height: 13px;margin-top: 8px;}
#headerlogo	{z-index: 304;}

#header	a{text-decoration: none}

@media only screen and (max-width: 1100px) {
#headerlogo		{position: fixed;top: 0; left: 0;width: 100%}
#headerlogo		.hlwrap{max-width: auto;width: 96%;margin: 0 2%;}
#headerlogo		img{width: 185px; height: auto;}/*1222 195px - > width: 195px;*/
}


/*----#language-----------------------------------*/
.hcwrap	{position: relative;max-width:1100px;margin: 0 auto;}
.pclanguage	{position:absolute;top: 20px; right: 0;z-index: 9999;}
.pclanguage		ul	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.pclanguage	li	{margin: 0 5px;}
.pclanguage	li:nth-child(2)	{border-left: 1px solid #979697;border-right: 1px solid #979697}
.pclanguage	a,.pclanguage		span	{display: block;text-decoration: none;font-size: 80%;color: #979697}
.pclanguage	li:nth-child(1)	a,.pclanguage	li:nth-child(1)	span	{padding: 2px 15px 2px 0;}
.pclanguage	li:nth-child(2)	a,.pclanguage	li:nth-child(2)	span	{padding: 2px 15px;}
.pclanguage	li:nth-child(3)	a,.pclanguage	li:nth-child(3)	span	{padding: 2px 0 2px 15px;}
@media only screen and (max-width: 960px) {.pclanguage	{display: none}}


/*----ログイン・新規登録-----------------------------------*/
.shoprelated {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;width: 340px;}
.shoprelated,.shoprelated	a {color: #979697}
.shopbtm	img{width: auto;margin-right: 10px;}
.shoprelated		.shopbtm	a{display: inline-block;padding: 5px 0;height: 25px;font-size: 12px; line-height: 30px;}
.shoprelated		.shopbtm	a:hover{}
.shoprelated li {text-align: right;}
.shoprelated		.shopbtm:nth-child(1)	{width: 160px;letter-spacing: 2px}
.shoprelated		.shopbtm:nth-child(2)	{width: 70px;letter-spacing: 2px}
.shoprelated		.shopbtm:nth-child(3){width: 140px;}
.shoprelated		.shopbtm:nth-child(4)	{width: 120px;}

#spbtmbtn	{display: none;}

@media only screen and (max-width: 960px) {
.shoprelated {display: none;}

#spbtmbtn	{position: fixed;bottom: 0;width: 100%;display:-ms-flexbox;display:flex;height: 50px;z-ndex: 2147483647;}
#spbtmbtn	li{-ms-flex-preferred-size: 25%;flex-basis: 25%;text-align: center;border-right: 1px solid #ef93ba;background: #e54689;}
#spbtmbtn	a{display: block;padding: 7px 0 10px 0;font-size: 80%;color: #fff;}
#spbtmbtn	a	i{margin-bottom: 7px;font-size: 15px;}
/*
#spbtmbtn	li:nth-child(1){background: #e54689}
#spbtmbtn	li:nth-child(2){background: #8359e4}
#spbtmbtn	li:nth-child(3){background: #1f9d3a}
#spbtmbtn	li:nth-child(4){background: #ff9900}
*/

}

@media only screen and (max-width: 480px) {
#spbtmbtn	a{padding:10px 0;font-size: 55%;}
}

/*-----------PARTS-----------------------------------*/

a	{color: #666;text-decoration: none; transition: all 0.5s;}
a:hover	{opacity: .5;}

img	{width: 100%;height:auto;line-height: 0;}
p	{margin-bottom: 1em;}
p.none	{margin-bottom: 0;}
button:focus {outline: 0;}

/*リスト*/
ul.decimal	{margin: 0 0 0.5em 1.2em;list-style-type: decimal}
ul.decimal:last-child	{margin: 0 0 0 1.2em;}
ul.disc	{margin: 0 0 0 1.2em;list-style-type: disc}

/*米印リスト*/
ul.kome{margin:0;list-style-type:none;font-size:100%;}
ul.kome li{margin-left:-1em;text-indent:-1em;padding-left:2em;line-height:150%}
ul.kome li:before{content:"* "}


.small	{font-size: 80%;line-height: 150%;}

/*改行対策*/
.sp48	{display: none}
.sp768	{display: none}
.pconly	{display: inline}
@media screen and (max-width:480px){.sp48{display:inline}}
@media screen and (max-width:768px){.sp768{display:inline}}
@media screen and (max-width:1000px){.pconly	{display: none}}


/*-----------WRAPPER-----------------------------------*/
/*inner wrap*/
.cwrap	{position: relative;max-width: 1000px;margin: 0 auto;}
@media only screen and (max-width: 1000px) {
.cwrap	{width: 96%;margin: 0 2%;}}
@media only screen and (max-width: 768px) {
.cwrap	{width: 92%;margin: 0 4%;}}



/*-----------PAGE TOP-----------------------------------*/

.pagetop	{max-width: 1100px;margin: 0 auto;padding-top: 50px;text-align: right; letter-spacing: .1em;}
.pagetop	span{font-size: 80%;margin-left: 5px;}
@media only screen and (max-width: 1100px) {
.pagetop	{max-width: auto;margin: 0 3%;padding-top: 30px;}
}



/*-----------FOOTER-----------------------------------*/

#footer	{text-align: center;}

/*Dear Laura BRAND*/
#brandlist	{display: block;margin: 0;padding: 100px 0 70px 0;background: #f3f3f3;}
.brandlistttle	{margin-bottom: 70px;font-size: 27px;font-weight: 300;text-align: center; letter-spacing: .2em;}
.brandlist	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;text-align: center}/*センター揃えに変更*/
.brandlist	span{display: block;width: 180px;height:auto;margin: 0 30px;}

@media only screen and (max-width: 1000px) {
.brandlist	span{margin: 0 1%;}
}

@media only screen and (max-width: 840px) {
#brandlist	{padding: 50px 0;}
.brandlistttle	{margin-bottom: 50px;}
.brandlist	{-ms-flex-wrap: wrap;flex-wrap: wrap;width: 90%;margin: 0 5%;}
.brandlist	span{display: block;-ms-flex-preferred-size: 30%;flex-basis: 30%;margin: 0 10%;}
.brandlist	span:nth-child(1),.brandlist	span:nth-child(2)	{margin-bottom: 40px;}
}

@media only screen and (max-width: 560px) {
#brandlist	{padding: 30px 0 20px 0;}
.brandlistttle	{font-size: 23px;margin-bottom: 40px;}
.brandlist	{width: 100%;margin: 0;}
.brandlist	span{;-ms-flex-preferred-size: 24%;flex-basis: 24%;margin: 0 1.3% 0 0;}
.brandlist	span:nth-child(4){margin: 0}
}

/*SNS*/
#sns{position: relative;padding:20px 0;text-align:center;letter-spacing: 0;background: #efefef;}/*背景カラーは各ブランドで指定*/
.snswrap	{max-width: 850px;margin: auto;}
#sns	a{text-decoration: none}
#sns .snsbase,#sns .snsnbase{display:inline-block;display: inline-block;width: 1.3em;line-height: 1.1em;}
#sns .snsbase{margin-right: .5em;padding: 0 0 6px 0;border-radius: 5px;background:#fff;}/*背景カラーは各ブランドで指定*/
#sns .snsnbase{margin-right: .3em;}
#sns ul{display:-webkit-box;display:-ms-flexbox;display:flex;padding: 30px 0}
#sns ul li{flex-grow: 1;}
#sns ul li	a	{display: block;font-size: 22px;font-weight: 400;}

#sns 	.fa-instagram	{position: relative;top: 2px;font-size: 32px}

#sns .twitter{display: inline-block;padding-top: 2px;}
#sns .twitter	img{float: left;width: 28px;margin-right: 7px;}
#sns .bname{position: relative; top: -4px;}
/*#sns .fa-twitter	{color:#fff;} 
#sns .fa-twitter	{position: relative;top: 2px;font-size: 22px;}
fontawesome使えない：歪んでるとか言われた*/



@media only screen and (max-width: 480px) {
.snswrap	{max-width: auto;margin: 0 6%;}
#sns ul{padding:20px 0;}
#sns .snsbase{text-align: center}
#sns ul li	a	{display: block;font-size: 14px;}
/*#sns .fa-twitter	{font-size: 17px}*/
#sns 	.fa-instagram	{font-size: 18px}
#sns .twitter	img{width: 18px;}
}


/*#coinf / */
#cinfolinkarea	{background: #ccc;}

/*#coinfo / #footerlinks*/
#coinfo{padding:50px 0;line-height: 150%;font-family:Century Gothic,sans-serif;text-align:center;letter-spacing: .1em;}
#coinfo h3{margin-bottom: .5em;border:0;background:0;font-size:100%;}

.ccenter{display:block;margin-top:.5em}
.ccenter .telnum{}
@media only screen and (max-width: 768px) {
#coinfo{padding:30px 0;}

#coinfo{padding:40px 0 20px 0;color: #808080;font-size: 13px;font-family:Century Gothic,sans-serif;text-align:center;letter-spacing: 0;}
#coinfo h3{margin-bottom: .5em;border:0;background:0;font-size:125%;font-weight:700}
.ccenter{display:block;margin-top:.5em}
.ccenter .telnum{font-size:135%}

}

/*#footerlinks*/
#footlinks{padding: 0 0 40px 0;text-align: center;}
#footlinks	.cwrap{margin: 0 auto;text-align: center;}
#footlinks	.fas	{margin-right: .4em;}
#footlinks	ul	{display:inline-block;line-height: 100%;overflow:hidden;}
#footlinks	ul	li{float: left;padding: 0 2em 0 0;line-height: 100%;}
#footlinks	ul	li	a{display:block;}

@media only screen and (max-width: 768px) {
#footlinks{padding: 0 0 30px 0;}
#footlinks	ul	li{width: 50%;padding: 0;text-align: left}
#footlinks	ul	li	a{padding: 10px 0;}
}

@media only screen and (max-width: 480px) {
#footlinks	ul	{display:block;margin: 0;padding: 0;}
#footlinks	ul	li{width: 100%;margin: 0;padding: 0;font-size: 14px;letter-spacing: 0.01em;}
#footlinks	ul	li	a{padding: 7px 0;}
.telnum	{line-height: 140%;}
}


/*copyright*/
#copyright	{margin: 0;padding: 15px 0;background:#333;font-family: 'Century Gothic';color: #fff;letter-spacing: 0.02em;font-size: 14px;text-align: center;}/*背景カラーは各ブランドで指定*/

@media only screen and (max-width: 480px) {
#copyright	{font-size: 68%;}
}








