html {
color: #3d2d23
}
.fs-l-header__logo {
text-align:center;
}
.fs-l-header {
border-bottom: 1px solid #444;
z-index:3;
}
.fs-l-header__contents > *{
width: 33%;
}
.fs-body-top .fs-l-header {
border-bottom: 0;
}
.fs-c-slick .slick-slide {
padding: 0 5px;
}
.fs-l-header__utility {
display: flex;
justify-content: center;
align-items: flex-end;
flex-direction: column;
}
.fs-l-header__utility *:last-child {
align-self: flex-end;
padding-top: 3px;
}
.fs-p-headerUtilityMenu__list > li {
margin-left: 20px;
}
.content_title {
font-size: 30px;
text-align: center;
margin: 0 0 50px;
font-family: 'Lato', sans-serif;
font-weight: bold;
}
.content_title span {
color: #86bf96;
}
.none_inpotant {
display: none;
}
.fs-p-headerNavBar {
background: transparent;
border-bottom: 0px;
}
.fs-p-headerNavigation__search {
display: none;
background: #dddddd;
margin: auto;
width: 100%;
}
.fs-p-headerNavigation__search form {
width: 1100px;
margin: auto;
padding: 20px 0;
}
.fs-p-headerNavigation__search .fs-p-inputGroup {
background: white;
border-radius: 10px;
padding: 5px;
}
.fs-p-headerNavigation__search .fs-p-searchForm__button {
background: white;
color: #444;
}
#header-search:checked ~ .fs-p-headerNavigation__search {
display: block;
}
.flex {
display: flex;
justify-content: space-between;
align-items: center;
}
.menu_list {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
}
.fs-l-footer .c_menu,
.fs-l-footer .fs-p-footerOtherlink {
width: 50%;
}
.fs-l-footer .c_menu.first_menu .fs-pt-menu {
display: flex;
flex-wrap: wrap;
}
.fs-l-footer .c_menu.first_menu .fs-pt-menu__item {
min-width: 50%;
display: inline;
}
.c_menu .c_menu_title {
padding: 25px 0;
margin: 0;
}
.c_menu_title {
font-size: 15px;
font-family: 'Lato', sans-serif;
font-weight: bold;
}
.footer_footer {
display: flex;
align-items: center;
justify-content: center;
border-top: 1px solid #333333;
}
.fs-l-footer .c_menu.sns {
width: 550px;
}
.footer_footer .sns_link {
justify-content: flex-start;
}
.fs-p-footerCopyright {
width: 50%;
}
.c_menu .sns_link a {
display: block;
}
.c_menu .sns_link a + a {
margin-left: 25px;
}
.c_menu .sns_link img {
width: 25px;
height: 25px;
display: block;
}
.fs-p-drawer .c_inner {
width: 90%;
}
.fs-p-drawer .sns_link {
flex-grow: 0.4;
}
.fs-p-drawer .sns_link a + a {
margin-left: 0;
}
.c_inner_inner {
width: 95%;
}
.c_inner {
margin: auto;
width: 1100px;
}
.top_comtent {
padding-top: 80px;
}
.top_mv {
width: 90%;
margin: auto;
}
.top_mv .slick-arrow {
display: none !important;
}
.fs-c-slick .slick-dots {
padding: 30px 0 0;
}
.top_mv .fs-c-slick .slick-dots li {
height: 15px;
width: 15px;
margin: 0 10px;
}
.top_mv .fs-c-slick .slick-dots li button:before {
width: 15px;
height: 15px;
font-size: 15px;
line-height: 15px;
color: #999999;
}
.top_mv .fs-c-slick .slick-dots li.slick-active button:before {
color: #86bf96;
}
.mv_title {
margin-top: 20px;
margin-bottom: 10px;
font-size: 10px;
text-align: center;
line-height: 1;
}
.mv_title p {
margin: 0;
}
.top_new_arraival {
display: flex;
}
.top_new_arraival .fs-pt-column {
display: flex;
flex-wrap: wrap;
}
.fs-pt-column__item .fs-pt-column__image {
display: inline-block;
width: 100%;
}
.fs-pt-column__image > img {
width: 100%;
}
.top_new_arraival .fs-pt-column .fs-pt-column__item {
width: 25%;
padding-top: 0;
padding-bottom: 0;
margin-bottom: 25px;
}
.top_new_arraival .fs-pt-column__item {
display: block;
}
.top_new_arraival .fs-pt-column__heading {
display: inline-block;
font-size: 10px;
font-weight: normal;
background: #777777;
color: white;
margin-top: 10px;
margin-bottom: 5px;
padding: 3px 5px;
line-height: 1;
}
.top_new_arraival .fs-pt-column__description {
font-size: 12px;
font-weight: bold;
margin: 0;
color: #333333;
}
.top_pickup_list {
display: flex;
}
.top_pickup {
display: flex;
width: 50%;
}
.top_pickup:nth-child(n+3) {
width: 100%;
}
.top_pickup .fs-pt-column {
display: flex;
flex-wrap: wrap;
}
.top_pickup .fs-pt-column .fs-pt-column__item {
padding-top: 0;
padding-bottom: 0;
margin-bottom: 25px;
}
.top_pickup:nth-child(n+2) .fs-pt-column .fs-pt-column__item {
max-width: 50%;
}
.top_pickup .fs-pt-column__heading {
font-size: 12px;
margin-top: 10px;
}
.top_pickup .fs-pt-column__description {
font-size: 12px;
font-weight: bold;
margin: 0;
color: #333333;
}
.ranking {
background: #f5f5f5;
margin: 80px auto 0;
padding-bottom: 50px;
overflow: hidden;
width: 840px;
}
.ranking .ranking_category_list {
padding-left: 20px;
padding-right: 20px;
}
.pullmenu_content {
padding: 0 5%;
margin-top: 0;
margin-bottom: 30px;
}
.pullmenu_content, .pullmenu_content * {
font-size:12px;
font-family: 'Lato', sans-serif;
font-weight: bold;
}
.pullmenu_content ul + ul {
margin: 25px 0 0;
}
.pullmenu_content li {
margin-top: 25px;
}
.pullmenu_title {
cursor: pointer;
}
.pullmenu_title.active ~ .pullmenu_content {
display: block;
border-top: 1px solid #333333;
}
.pullmenu_title.active ~ .pullmenu_content .pullmenu_content {
border-top: 0;
}
.drawer_header {
padding: 30px 0 20px;
}
.drawer_search .fs-p-searchForm__inputGroup {
border-radius: 5px;
overflow: hidden;
padding: 10px 15px;
background-color: #fafafa;
}
.drawer_header .sp_user_menu {
display: flex;
}
.sp_user_menu {
margin-bottom: 20px;
}
.sp_user_menu .fs-p-drawer__loginLogout {
flex-grow: 1;
}
.sp_user_menu .fs-p-drawer__loginLogout a {
height: auto;
}
.sp_user_menu .fs-p-drawer__loginLogout + .fs-p-drawer__loginLogout {
border-left: 1px solid #444444;
}
.drawer_header .fs-p-drawer__loginLogout__logout,
.drawer_header .fs-p-drawer__loginLogout__login {
border: 0px;
}
.drawer_search .fs-p-searchForm__inputGroup .fs-p-searchForm__input {
background: transparent;
}
.drawer_search .fs-p-searchForm__inputGroup .fs-p-searchForm__button {
background: transparent;
color: #333333;
}
.header_site_title {
color: #333 !important;
}
.ranking_category_title_list {
display: flex;
overflow-x: auto;
align-items: stretch;
margin: 0 0 30px;
padding: 0;
list-style: none;
}
.ranking_category_title_list::after,
.ranking_category_title_list::before {
content: '';
display: block;
min-width: 5%;
border-bottom: 1px solid #cccccc;
flex-grow: 1;
}
.ranking_category {
display: none;
padding: 0;
overflow-x: auto;
}
.ranking_category_parts {
width:100%;
display: inline-block;
}
.ranking_category.active {
display: block;
}
.ranking_category .fs-pt-column {
display: block;
justify-content: center;
overflow-x: auto;
white-space: nowrap;
}
.ranking_category .fs-pt-column .fs-pt-column__item {
width: 33%;
padding-top: 70px;
position: relative;
display: inline-block;
white-space: normal;
}
.top_category .fs-pt-column .fs-pt-column__item:nth-child(1)::before {
content: url('https://andvogue.itembox.design/item/pank1.jpg?t=20210927183424');
display: block;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.top_category .fs-pt-column .fs-pt-column__item:nth-child(2)::before {
content: url('https://andvogue.itembox.design/item/rank2.jpg?t=20210927183424');
display: block;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.top_category .fs-pt-column .fs-pt-column__item:nth-child(3)::before {
content: url('https://andvogue.itembox.design/item/rank3.jpg?t=20210927183424');
display: block;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.ranking_category .fs-pt-column .fs-pt-column__item .fs-pt-column__heading,
.ranking_category .fs-pt-column .fs-pt-column__item .fs-pt-column__description {
color: #111111;
font-size: 12px;
font-weight: bold;
}
.ranking_header {
cursor: pointer;
min-width: auto;
font-family: 'Lato', sans-serif;
font-weight: bold;
text-align: center;
margin: 0;
font-size: 18px;
text-align: center;
padding: 10px 20px;
border-top: 1px solid transparent;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid #cccccc;
}
.ranking_header.active {
border: 1px solid #cccccc;
border-bottom: 0;
}
.ranking_title {
}
.ranking_title_input {
display: none;
}
.contact_button {
width: 90%;
height: 50px;
margin: 50px auto 30px;
display: flex;
justify-content: center;
align-items: center;
font-size: 15px;
font-family: 'Lato', sans-serif;
font-weight: bold;
border: 1px solid #333;
color: #3c3c3c;
}
.contact_button p {
margin-left: 10px;
}
.shopInfo {
position: relative;
width: 710px;
padding-top: 0;
margin: 80px auto 0;
}
.shopInfo figure {
margin: 0;
}
.shopInfo_content {
position: absolute;
width: 240px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.shopInfo .content_title {
color: white;
}
.shopInfo_btn, .instagram_btn {
padding: 20px 0;
font-size: 15px;
display: block;
text-align: center;
line-height: 1;
font-family: 'Lato', sans-serif;
font-weight: bold;
color: #333333 !important;
background: white;
}
.instagram_btn {
border: 2px solid #333333;
width: 240px;
margin: 50px auto 0;
}
.instagram_list {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
max-width: 100%;
width: 720px;
margin: 0px auto;
}
.instagram_list figure {
margin: 0 2.5px 5px;
width: 175px;
}
.instagram_list figure img {
display: block
}
.brand_list {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.brand_list figure {
max-width: 25%;
margin: 0;
padding: 0 1%;
}
.brand_list figure img {
max-width: 100%;
height: auto;
}
.fs-l-header {
position: relative;
height: 80px;
padding-top: 0;
}
.fs-p-headerNavigation {
max-width: 100%;
}
.fs-c-breadcrumb {
width: 1100px;
margin:auto;
}
.fs-l-header__contents {
width: 1100px;
height: 80px;
padding: 0;
margin: auto;
display: flex;
justify-content: space-between;
align-items: center;
}
.fs-l-header__leftContainer {
align-self: center;
}
.fs-p-drawer {
padding: 0;
}
.fs-p-drawer .drawer_header {
display: none;
}
.fs-p-drawer .fs-p-footerOtherlink {
text-align: center;
display:block;
}
.fs-p-drawer .fs-p-footerOtherlink__parts {
display: block;
margin: auto;
}
.header_site_title {
font-size: 21px;
font-family: 'Lato', sans-serif;
font-weight: bold;
}
.fs-l-header__drawerOpener {
display:none;
}
.fs-l-main {
width: 1100px;
margin: 0 auto;
padding: 0;
}
.fs-l-footer {
border-top: 1px solid #444;
border-bottom: 1px solid #444;
background: white;
margin-top: 0;
}
.fs-p-footerSnsLink {
padding: 25px 0;
}
.fs-p-footerOtherlink {
padding: 30px 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.fs-p-footerOtherlink__parts {
width: 49%;
}
.fs-l-footer__contents > * {
padding: 0;
}
.fs-p-footerCopyright {
width: 550px;
padding: 12px 0;
color: inherit;
background-color: transparent;
font-family: 'Lato', sans-serif;
font-weight: bold;
}
.fs-l-header__logo {
padding: 0;
}
.header_link_sp {
display: flex;
justify-content: center;
align-items: center;
list-style: none;
margin: 0;
padding: 0;
}
.header_link_sp li + li {
margin-left: 15px;
}
.header_link_sp li img {
display: block;
}
ul {
list-style: none;
padding: 0;
}
.fs-l-main {
margin-top: 20px;
}
.fs-c-productCarouselMainImage__carousel .slick-arrow {
display: none;
}
.fs-c-productCarouselMainImage__expandButton {
display: none;
}
.fs-c-productCarouselMainImage {
margin-bottom: 50px;
}
.fs-c-productCarouselMainImage__thumbnail__img {
display: block;
}
.fs-c-productNameHeading {
margin: 0 0 50px;
}
.fs-c-productPrices {
margin: 0 0 50px;
}
.fs-c-productPrice .fs-c-productPrice__main__price {
color: #444 !important;
}
.fs-l-pageMain {
margin-bottom: 120px;
}
.fs-c-variationCart--withImage .fs-c-variationCart__cartButton {
margin-left: 10px;
}
.fs-c-button--primary.fs-c-button--addToCart--variation {
padding: 0.8em 1.0em 0.6em;
}
.product____title {
font-size: 15px;
font-weight: bold;
padding: 0 0 5px;
border-bottom: 1px solid #444;
}
.product_bottom_buttonlist {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 40px;
}
.product_bottom_buttonlist > * {
width: 48%;
height: 50px;
}
.product_bottom_buttonlist button {
display: flex;
align-items: stretch;
width: 100%;
height: 50px;
}
.product_bottom_buttonlist .button,
.product_bottom_buttonlist button {
color: #444;
padding: 0;
border: 1px solid #444;
display: flex;
align-items: center;
justify-content: center;
}
.fs-l-sideArea + .fs-l-pageMain, .fs-l-pageMain + .fs-l-sideArea {
width: 860px;
}
.brandName {
display: inline-block;
margin: 10px 0;
background: #777777;
color: white;
padding: 2px;
font-size: 10px;
}
.fs-c-productListItem__viewMoreImageButton {
display: none;
}
.fs-c-productMainImage__expandButton {
display: none;
}
.fs-pt-menu__submenu {
padding-left: 20px;
}
.fs-l-footer .fs-pt-menu__submenu {
margin-top: 15px;
}
.fs-c-productPrice.fs-c-productPrice--listed {
text-decoration: line-through;
}
.fs-c-productPrice.fs-c-productPrice--listed ~ .fs-c-productPrice.fs-c-productPrice--selling,
.fs-c-productPrice.fs-c-productPrice--listed ~ .fs-c-productPrice.fs-c-productPrice--selling .fs-c-productPrice__main__price {
color: #ef000a !important;
}
#guid_contact {
padding-top: 30vh;
margin-top: calc(-30vh + 24px);
}