body {
font-family: "Yu Mincho", "YuMincho", serif;
font-weight: 500;
}
.fs-c-productList__list__item, .fs-l-productLayout {
font-family: 'Noto Sans JP', sans-serif;
}
a {transition: .3s all}
a:hover {transition: .3s all}
ul {
margin: 0;
padding: 0;
list-style: none;
}
.fs-c-productMark .fs-c-productMark__item {
margin-bottom: 3px;
}
@media screen and (min-width: 1200px) {
.fs-l-sideArea + .fs-l-pageMain, .fs-l-pageMain + .fs-l-sideArea {
max-width: 1000px;
}
}
@media screen and (min-width: 1001px){
body {
overflow-x: hidden;
}
}
@media screen and (-webkit-min-device-pixel-ratio:0){
.fs-l-header__contents {
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
-ms-grid-columns: 35% 30% 35%;
grid-template-columns: 35% 30% 35%;
}
.fs-p-drawer {display: none;}
}
.fs-c-breadcrumb {
max-width: 1000px;
margin: auto;
}
.fs-l-header__logo {
padding: 0;
text-align: center;
}
.fs-p-logo {
padding: 0;
text-align: center;
}
.fs-p-logo img {max-width: 289px;}
.fs-p-headerNavigation {
max-width: 1000px;
justify-content: center;
}
/*HEAD*/
.fs-l-header__contents .fs-p-searchForm {
width: 200px;
justify-self: end;
align-self: end;
}
.fs-l-header__contents .fs-p-searchForm .fs-p-inputGroup {
border-color:#C7C7C7;
border-radius: 30px;
position: relative;
background: #fff;
}
.fs-l-header__contents .fs-p-searchForm .fs-p-inputGroup input {
background: transparent;
border-radius: 30px 0 0 30px;
border-color: transparent;
padding-left: 7px;
}
.fs-l-header__contents .fs-p-searchForm .fs-p-inputGroup .fs-p-inputGroup__button {
background: transparent url(https://beautexmb2020.itembox.design/item/images/icon_search.png) no-repeat center center;
}
.fs-l-header__contents .fs-p-searchForm .fs-p-inputGroup .fs-p-searchForm__button::before {content: none;}
.fs-p-headerUtilityMenu__list a {
margin: 0;
padding: 0;
font-size: 14px;
}
.fs-p-headerUtilityMenu__list a::before {
content: none;
}
.headerUserMenu_list li a {
display: block;
padding-top: 22px;
background-repeat: no-repeat;
background-position: top center;
}
.headerUserMenu_list li.iconUser a {
background-image: url(https://beautexmb2020.itembox.design/item/images/icon_user.png);
}
.headerUserMenu_list li.iconHelp a {
background-image: url(https://beautexmb2020.itembox.design/item/images/icon_help.png);
}
.headerUserMenu_list li.iconCart a {
background-image: url(https://beautexmb2020.itembox.design/item/images/icon_cart.png);
}
.sp_iconCart, .fs-l-header__drawerOpener {display: none;}
.fs-p-headerNavBar {
background: transparent;
}
.fs-p-headerNavBar {
border-top: 1px solid #DBDBDB;
margin-bottom: 20px;
}
.fs-p-headerNavigation__list {
justify-content: center;
}
.fs-p-headerNavigation__listItem {
min-width: 40px;
margin-left: 40px;
}
.fs-p-headerNavigation__listItem:first-child {
margin-left: 0;
}
.fs-p-headerNavigation__listItem a {
display: block;
text-align: center;
padding: 25px 0;
}
.headerLeftContent {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.fs-c-breadcrumb {
max-width: 1000px;
margin: auto;
}
.fs-c-breadcrumb__list.fs-c-breadcrumb__list--subgroup,
.fs-c-productListItem__viewMoreImageButton {display: none;}
.fs-l-header__contents {
max-width: 1000px;
margin: auto;
padding: 30px 0;
align-items: center;
}
.fs-l-header__contents > * {
padding: 0;
}
/* FOOTER */
.fs-l-footer {
margin-top: 0;
padding-top: 20px;
border: none;
background: #F1EFF2;
color: #585858;
}
.footerC {
width:100%;
padding:30px 0px 15px;
background:#f2f2f2;
}
.footerC .cInner{
width:1000px;
margin: auto;
}
.fList {
display: flex;
justify-content: space-between;
}
.fList__box{
width: 30%;
text-align:left;
font-size:15px;
}
.fList__box li {
margin-bottom: 15px;
}
.fList__boxTitle{
font-weight: bold;
font-size: 14px;
margin: 0 0 15px;
letter-spacing: 1px;
padding-bottom:5px;
border-bottom:solid 1px #7d7d7d;
}
.fList__box--double .fLinkList__link{
font-weight:bold;
}
.fList__box--double .fLinkList__unit:nth-child(2n){
float:right;
}
.fList__box--double .fLinkList__unit:nth-child(2n+1){
clear:both;
}
.fList__box--double .fLinkList__unit:nth-child(n+2){
margin-top:0;
}
.fChildList{
/*padding-left:15px;*/
}
.fChildList__unit{
margin-top:5px;
}
.fOpen{
margin-top:20px;
width:100%;
display: table;
border:solid 1px #c9c9c9;
max-width:170px;
background:white;
}
.fOpen__cell{
display: table-cell;
vertical-align: middle;
height:40px;
text-align:center;
font-size:12px;
}
.fOpen__text{
/*letter-spacing: 1px;*/
}
.fSns{
margin-top:20px;
margin-top:60px;
}
.fSns__unit{
float:left;
}
.fSns__unit img{
height:30px;
width:auto;
}
.fSns__unit:nth-child(n+2){
margin-left:20px;
}
.fMail{
margin:50px auto 0px;
width:400px;
}
.fMail__title{
font-size:13px;
font-weight:bold;
margin-bottom:2px;
}
.fMail__text{
width:350px;
float:left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height:30px;
padding:3px 10px;
border:none;
font-size:12px;
background:white;
letter-spacing: 1px;
}
.fMail__btn{
width:50px;
float:left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height:30px;
background:#bfbfbf;
color:white;
line-height:30px;
font-size:12px;
text-align:center;
color:white;
border:none;
box-shadow: none;
font-weight:bold;
cursor: pointer;
}
.fMail__btn:hover{
opacity: 0.8;
}
.fLinkList__unit.is-loggedIn--false .logout,
.fLinkList__unit.is-loggedIn--true .login {
display: none;
}
.fLinkList__unit.is-loggedIn--true .logout,
.fLinkList__unit.is-loggedIn--false .login {
display: block;
}
.fList_full {
display: flex !important;
justify-content: center;
margin: 50px 0;
}
.fList_full li {
width: auto;
text-align: center;
margin-right: 30px;
}
.fList_full li:last-child {
margin-right: 0;
}
/*?????”????????????*/
.footerC__copy {
clear: both;
margin-top:30px;
text-align:center;
font-size: 12px;
}
.fs-l-footer a {color: #585858;}
/* DETAIL */
.itemDetailTable {
width: 100%;
text-align: left;
font-size: 17px;
border-collapse: separate;
border-spacing: 0 10px;
}
.itemDetailTable th,
.itemDetailTable td {
padding: 12px 10px 12px 60px;
border: 1px solid #CFB7E9;
margin-bottom: 10px;
}
.itemDetailTable th {
background: #CFB7E9;
color: #fff;
width: 30%;
}
.fs-c-sortItems__list__item.is-active {background:#CFB7E9 }
.fs-c-productNameHeading, .fs-c-productListItem__productName a {
margin-top: 0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.fs-c-productNameHeading__copy, .fs-c-productName__copy {
font-size: 0.6em;
font-weight: normal;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.fs-c-productPointDisplay {
background: transparent;
color: #585858;
padding: 0;
}
.fs-c-button--addToCart--detail {
font-size: 24px;
font-weight: bold;
padding: 20px 0;
}
.fav-inqBtnsWrap {
display: flex;
justify-content: space-between;
margin-bottom: 25px !important;
}
.fav-inqBtnsWrap .fs-c-button--inquiryAboutProduct {
display: block;
text-align: center;
border: 2px solid;
padding: 15px 0;
width: 100%;
font-size: 15px;
font-weight: bold;
line-height: 1;
}
.fav-inqBtnsWrap .fs-c-button--inquiryAboutProduct:hover {
text-decoration: none;
}
.fav-inqBtnsWrap .fs-c-button--particular.fs-c-button--addToWishList--detail {
display: block;
text-align: center;
border: 2px solid;
padding: 15px 0;
width: 100%;
font-size: 15px;
font-weight: bold;
}
.fav-inqBtnsWrap .fs-c-button--particular.fs-c-button--addToWishList--detail::after {
content: none;
}
.detailBnr_wrap * {line-height: 0;}
.detailBnr_wrap div:first-child {
margin-bottom: 25px;
}
.pickup-colorcontact, .pickup-eyelash, .pickup-cosmetics {display: none;}
.itemDeatil_pickup_wrap {
margin-bottom: 70px;
}
.fs-c-productMainImage__expandButton {
display: none;
}
.fs-c-productThumbnail__image {
width: 260px;
}
.fs-c-explainList .logo_img, .fList .logo_img {
width: auto;
margin-top: 20px;
}
.fs-c-explainList .logo_img img, .fList .logo_img img {
max-height: 30px;
margin-right: 10px;
}
.fs-c-explainList .red {
font-weight: bold;
color: red;
}
.fs-c-explainList dt {
font-weight: bold;
}
.footer_btn a {
font-family: 'Noto Sans JP', sans-serif;
font-weight: bold;
text-align: center;
border: 2px solid #CFB7E9;
color: #CFB7E9;
text-decoration: none;
background: #fff;
display: block;
width: 200px;
margin: 10px 0 0;
padding: 10px 0;
cursor: pointer;
font-size: 13px;
}
.footer_btn a:hover {
text-decoration: none;
color: #585858;
border-color: #585858;
}
div#cutomAmount {
font-size: 1.3rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: flex;
max-width: 90px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#cutomAmount input[type="text"] {
width: 40px;
display: inline-block;
margin: 0 10px;
}
#submitWrap .fs-c-button--primary{
min-width: auto;
border: none;
border-radius: 4px;
font-size: 1.4rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#submitWrap .fs-c-button--primary img{
display: inline-block;
margin-right: 10px;
}
.dosu {
margin-bottom: 15px;
font-size: 1.3rem;
}
.dosu select {
/* display: flex; */
display: inline-block;
width: 140px;
margin-left: 10px;
}
.formCustom{
margin-bottom: 30px;
}
#formCustom{
}
.fs-l-product2 .fs-l-productLayout .fs-c-productNumber {
margin-bottom: 21px;
}
.fs-c-productPrices--productDetail .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
font-size: 2.4rem;
color: #bc0101;
font-weight: bold;
}
.fs-c-productNumber {
display: none;
}
#submitWrap .fs-c-button--primary {
/* font-family: -webkit-body; */
border: none;
border-radius: 0;
width: 100%;
font-size: 18px;
margin-top: 30px;
padding: 20px 0;
font-weight: bold;
}
#cartArea h3 {
font-weight: bold;
font-size: 16px;
margin: 0 0 15px;
letter-spacing: 1px;
padding-bottom: 5px;
border-bottom: solid 1px #7d7d7d;
}
.fav-inqBtnsWrap .fs-c-buttonContainer--inquiryAboutProduct,
.fav-inqBtnsWrap .fs-c-productQuantityAndWishlist__wishlist {
width: 100%;
padding: 0;
}
#cartArea >*:first-child {
margin-top: 30px;
}
address {
font-style:normal;
}
.newsSec_wrap2 {
margin-bottom: 60px;
}
ul.newSec_list2 li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
border-bottom: 1px solid #dfdfdf;
padding: 15px 0;
}
ul.newSec_list2 li time {
max-width: 90px;
-webkit-box-flex: 0;
-ms-flex: 0 0 90px;
flex: 0 0 90px;
line-height: 24px;
}
ul.newSec_list2 li p {
line-height: 24px;
margin: 0;
}