diff --git a/base.html b/base.html index 6f480c3..2cd2769 100644 --- a/base.html +++ b/base.html @@ -1,991 +1,1180 @@ {block:NotLoadItemsPage} - + - - - - - - + + + + +{block:NotItemPage} + {MetaShopInfoTag} +{/block:NotItemPage} +{block:ItemPage} + {MetaItemInfoTag} +{/block:ItemPage} +{HeadLinkNextPrevTag} + {FaviconTag} -{CanonicalTag} -{block:IndexPage}{HeadLinkNextPrevTag}{/block:IndexPage} -{block:ItemPage}{MetaItemInfoTag}{/block:ItemPage} -{block:NotItemPage}{MetaShopInfoTag}{/block:NotItemPage} + + + + + + + {JQueryTag} + + - - - - - {PageTitle} -{GoogleAnalyticsTag} - - - - - - - - {block:Hidden} - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + {/block:Hidden} {BackgroundTag} + + + - - -
- -
- {block:ShopPublic} - {block:IndexPage} - {block:NoIndexPageCategory} - {block:NoIndexPageSearch} -
-
-
-
-
- {block:if-ShowPickup} -
-
-

- いち押し商品 - Pickup items -

-
- {block:if-Pickup_item1} -
-
- -
-
-

- {block:text-Pickup_item1_ttl}{text:Pickup_item1_ttl}{/block:text-Pickup_item1_ttl} -

-

- {block:text-Pickup_item1_desc}{text:Pickup_item1_desc}{/block:text-Pickup_item1_desc} -

- -
-
- {/block:if-Pickup_item1} - {block:if-Pickup_item2} -
-
- -
-
-

- {block:text-Pickup_item2_ttl}{text:Pickup_item2_ttl}{/block:text-Pickup_item2_ttl} -

-

- {block:text-Pickup_item2_desc}{text:Pickup_item2_desc}{/block:text-Pickup_item2_desc} -

- -
-
- {/block:if-Pickup_item2} - {block:if-Pickup_item3} -
-
- -
-
-

- {block:text-Pickup_item3_ttl}{text:Pickup_item3_ttl}{/block:text-Pickup_item3_ttl} -

-

- {block:text-Pickup_item3_desc}{text:Pickup_item3_desc}{/block:text-Pickup_item3_desc} -

- -
-
- {/block:if-Pickup_item3} -
-
-
- {/block:if-ShowPickup} - {block:if-ShowRecommend} -
- -
- {/block:if-ShowRecommend} - {block:if-ShowInfo} -
-
-

- お知らせ - Information -

-
- {block:if-ShowInfo_item1} - {block:text-ShowInfo_item1_url}{/block:text-ShowInfo_item1_url} - {block:not_text-ShowInfo_item1_url}
{/block:not_text-ShowInfo_item1_url} -
{block:text-ShowInfo_item1_date}{text:ShowInfo_item1_date}{/block:text-ShowInfo_item1_date}
-

{block:text-ShowInfo_item1_ttl}{text:ShowInfo_item1_ttl}{/block:text-ShowInfo_item1_ttl}

- {block:not_text-ShowInfo_item1_url}
{/block:not_text-ShowInfo_item1_url} - {block:text-ShowInfo_item1_url}
{/block:text-ShowInfo_item1_url} - {/block:if-ShowInfo_item1} - {block:if-ShowInfo_item2} - {block:text-ShowInfo_item2_url}{/block:text-ShowInfo_item2_url} - {block:not_text-ShowInfo_item2_url}
{/block:not_text-ShowInfo_item2_url} -
{block:text-ShowInfo_item2_date}{text:ShowInfo_item2_date}{/block:text-ShowInfo_item2_date}
-

{block:text-ShowInfo_item2_ttl}{text:ShowInfo_item2_ttl}{/block:text-ShowInfo_item2_ttl}

- {block:not_text-ShowInfo_item2_url}
{/block:not_text-ShowInfo_item2_url} - {block:text-ShowInfo_item2_url}
{/block:text-ShowInfo_item2_url} - {/block:if-ShowInfo_item2} - {block:if-ShowInfo_item3} - {block:text-ShowInfo_item3_url}{/block:text-ShowInfo_item3_url} - {block:not_text-ShowInfo_item3_url}
{/block:not_text-ShowInfo_item3_url} -
{block:text-ShowInfo_item3_date}{text:ShowInfo_item3_date}{/block:text-ShowInfo_item3_date}
-

{block:text-ShowInfo_item3_ttl}{text:ShowInfo_item3_ttl}{/block:text-ShowInfo_item3_ttl}

- {block:not_text-ShowInfo_item3_url}
{/block:not_text-ShowInfo_item3_url} - {block:text-ShowInfo_item3_url}
{/block:text-ShowInfo_item3_url} - {/block:if-ShowInfo_item3} -
-
-
- {/block:if-ShowInfo} - {/block:NoIndexPageSearch} - {/block:NoIndexPageCategory} - {/block:IndexPage} - {block:HasItems} -
-
-
-

- 商品一覧 - Item lists -

- {block:AppsItemCategory} -
-

カテゴリー

- {AppsItemCategoryCategoriesTag} -
- {/block:AppsItemCategory} -
- {block:text-freeSpace}{text:freeSpace}{/block:text-freeSpace} -
-
-
- {block:IndexPageCategory} -

{IndexPageCategory}

- {block:HasAppsItemCategoryChildCategories} -
- {block:AppsItemCategoryChildCategories} - - {AppsItemCategoryChildCategoryName} - - {/block:AppsItemCategoryChildCategories} -
- {/block:HasAppsItemCategoryChildCategories} - {/block:IndexPageCategory} - - -
- {block:text-freeSpace}{text:freeSpace}{/block:text-freeSpace} -
-
-
- - - - -
- {/block:HasItems} + + - {block:NoItems} - {block:IndexPage} -
-
-
-

- 商品一覧 - Item lists -

- {block:AppsItemCategory} -
-

カテゴリー

- {AppsItemCategoryCategoriesTag} -
- {/block:AppsItemCategory} -
- {block:text-freeSpace}{text:freeSpace}{/block:text-freeSpace} -
-
-
-

{lang:ItemSearchResult}

-

{lang:NoItemsMessage}

-
-
-
- {/block:IndexPage} - {/block:NoItems} - {/block:ShopPublic} + +
+ - {block:NotShopPublic} -
- {lang:NotShopPublicMessage} -
- {/block:NotShopPublic} - {block:AboutPage} -
-
-

- お店について - About shop -

-
- -

{ShopIntroduction}

-
    - {block:ShopInstagramId} -
  • - -
  • - {/block:ShopInstagramId} - {block:ShopTwitterId} -
  • - -
  • - {/block:ShopTwitterId} - {block:ShopFacebookId} -
  • - -
  • - {/block:ShopFacebookId} - {block:ShopAmebaId} -
  • - -
  • - {/block:ShopAmebaId} -
-
-
-
- {/block:AboutPage} +
+{block:NoAppsBaseEraser} +{BASEMenuTag} +{/block:NoAppsBaseEraser} +{block:AppsBaseEraser} + +{BASEMenuTag} +{/block:AppsBaseEraser} +{block:AppsSearch} + + +{/block:AppsSearch} +
- {block:BlogPage} -
-
-

- 読み物 - Blog -

-
- {BlogContentsTag} -
-
-
- {/block:BlogPage} - {block:ContactPage} -
-
-

- お問い合わせ - Contact us -

-
- {ContactContentsTag} -
-
-
- {/block:ContactPage} + - {block:PrivacyPage} -
-
-

- プライバシーポリシー - Privacy policy -

-
- {PrivacyContentsTag} -
-
-
- {/block:PrivacyPage} +
- {block:LawPage} -
-
-

- 特定商取引法に基づく表記 - Act on specified commercial transactions -

-
- {LawContentsTag} -
-
-
- {/block:LawPage} + - {block:ItemPage} -
-
-
- {block:AppsItemLabel} -
{AppsItemLabelTag}
- {/block:AppsItemLabel} -

{ItemTitle}{block:ItemDigitalContent}
( {ItemDigitalContent} ){/block:ItemDigitalContent}

- {block:HasItemStock} - {block:NoItemProperPrice} -
{ItemPrice}
- {/block:NoItemProperPrice} - {block:HasItemProperPrice} -
-
{ItemProperPrice}
-
{ItemPrice}
-
{ItemDiscountRate}
-
- {/block:HasItemProperPrice} -
- {ItemSelectTag} -
-
- {/block:HasItemStock} - {block:NoItemStock} -
-
{ItemPrice}
-
SOLD OUT
-
- {lang:NoItemInquiry} - {/block:NoItemStock} +
+
-
- {ItemAttentionTag} -
-
-
-
-
- {block:NoItemImage1}{/block:NoItemImage1} - {block:ItemImage1}{/block:ItemImage1} -
-
- {block:NoItemImage1}
{/block:NoItemImage1} - {block:ItemImage1}
{/block:ItemImage1} - {block:ItemImage2}
{/block:ItemImage2} - {block:ItemImage3}
{/block:ItemImage3} - {block:ItemImage4}
{/block:ItemImage4} - {block:ItemImage5}
{/block:ItemImage5} - {block:ItemImage6}
{/block:ItemImage6} - {block:ItemImage7}
{/block:ItemImage7} - {block:ItemImage8}
{/block:ItemImage8} - {block:ItemImage9}
{/block:ItemImage9} - {block:ItemImage10}
{/block:ItemImage10} - {block:ItemImage11}
{/block:ItemImage11} - {block:ItemImage12}
{/block:ItemImage12} - {block:ItemImage13}
{/block:ItemImage13} - {block:ItemImage14}
{/block:ItemImage14} - {block:ItemImage15}
{/block:ItemImage15} - {block:ItemImage16}
{/block:ItemImage16} - {block:ItemImage17}
{/block:ItemImage17} - {block:ItemImage18}
{/block:ItemImage18} - {block:ItemImage19}
{/block:ItemImage19} - {block:ItemImage20}
{/block:ItemImage20} -
-
-
- {ItemDetail} -
-
- -
- -
-
- {EmbedWidgetTag} -
-
- {IllegalReportTag} -
-
-
-
-
- {block:AppsReview}{AppsReviewTag}{/block:AppsReview} -
-
+

+ + + +

-
- -
- {/block:ItemPage} -
+
+ +
- -
- - - - - + +
+{/block:if-showSlideImage} + + +{block:if-showInformation} +
+

{text:informationTitle}

+

+{block:text-information} +{text:information} +{/block:text-information} +

+
+{/block:if-showInformation} + + +{block:if-showInformationSub} +
+

{text:informationTitleSub}

+

+{block:text-informationSub} +{text:informationSub} +{/block:text-informationSub} +

+
+{/block:if-showInformationSub} + + +{block:if-showMovie} + + + +
+

{text:MovieTitle}

+

{text:MovieText}

+ +

{text:MovieButton}

+ +
+ +
+ +
+{/block:if-showMovie} + + +{/block:NoIndexPageSearch} +{/block:NoIndexPageCategory} +{/block:NotBlogPage} +{/block:NotAboutPage} +{/block:NotContactPage} +{/block:NotPrivacyPage} +{/block:NotLawPage} +{/block:NotItemPage} + + + +{block:IndexPage} + +{block:ShopPublic} + +
+ +

{text:itemTitle}

+{block:IndexPageSearch} +

{lang:ItemSearchResult}

+{/block:IndexPageSearch} + +{block:HasItems} + +{block:AppsItemCategory} +{block:IndexPageCategory} + +
+{BreadcrumbTag} +
+ +
+
+{/block:AppsItemCategory} +{/block:IndexPageCategory} + + + + + - function pagenation() { - var num = $(this).index('.p-detail__main__list__item'); - $('.swiper-pagination').find('span').eq(num).click(); - } +{/block:HasItems} - function navOpen() { - $('.js-hamburger, .l-nav').addClass('is-active'); - $('body').append($('
').addClass('l-overlay')); - no_scroll('.l-main'); - } +{block:NoItems} - function navClose() { - $('.js-hamburger, .l-nav').removeClass('is-active'); - $('.l-overlay').remove(); - return_scroll('.l-main'); - } +{block:AppsItemCategory} +{block:IndexPageCategory} + +
+{BreadcrumbTag} +
+ +
+
+{/block:AppsItemCategory} +{/block:IndexPageCategory} - //------------------------------------------------------------------------------ - // スクロール禁止用関数 - //------------------------------------------------------------------------------ - function no_scroll(elm){ - var scroll_event = 'onwheel' in document ? 'wheel' : 'onmousewheel' in document ? 'mousewheel' : 'DOMMouseScroll'; - $(elm).on(scroll_event,function(e){e.preventDefault();});//PC用 - $(elm).on('touchmove.noScroll', function(e) {e.preventDefault();});//SP用 - $('body').css('overflow-y', 'hidden'); - } - function return_scroll(elm){ - var scroll_event = 'onwheel' in document ? 'wheel' : 'onmousewheel' in document ? 'mousewheel' : 'DOMMouseScroll'; - $(elm).off(scroll_event);//PC用 - $(elm).off('.noScroll');//SP用 - $('body').css('overflow-y', ''); - } +
+

{lang:NoItemsMessage}

+
+{block:NotShopPublic} +
+

{lang:NotShopPublicMessage}

+
+{/block:NotShopPublic} + +{/block:NoItems} + +
+ +{/block:ShopPublic} + +{/block:IndexPage} - //------------------------------------------------------------------------------ - //slick - //------------------------------------------------------------------------------ - $('div.p-pickup__contents').slick({ - dots: true, - fade: true, - responsive: [ - { - breakpoint: 768, - settings: { - arrows: false - } - } - ] - }); - $('div.p-item__photo').on('click',function(){ - $('div.p-item__photo').removeClass('is-active'); - $(this).addClass('is-active'); - var index = $('div.p-item__photo').index(this); - var src = $(this).find('img').attr('src'); - var originSrc = $(this).attr('data-src'); - $('div.p-item__preview').html(''); - objectFitImages('img'); - }); - //------------------------------------------------------------------------------ - // ipad表示用 - //------------------------------------------------------------------------------ - var ua = navigator.userAgent.toLowerCase(); - var isAndroidTablet = (ua.indexOf('android') > -1) && (ua.indexOf('mobile') == -1); - var isiPad = (ua.indexOf('ipad') > -1); - function setZoom(){ - var scale = $(window).width() / HTML_WIDTH * 100 + "%"; - $('body').css({'zoom' : scale, width: '100%' }); - } - var HTML_WIDTH = "1200"; + - if(isAndroidTablet || isiPad) $(window).resize(function(){ setZoom() }); - if(isAndroidTablet || isiPad) setZoom(); - - -
- - - + +{block:ItemPage} +
+
+
+ +
+
+{block:AppsItemLabel} +{AppsItemLabelTag} +{/block:AppsItemLabel} +
+
    +{block:NoItemImage1} +
  • {ItemTitle}
  • +{/block:NoItemImage1} +{block:ItemImage1} +
  • {ItemTitle}
  • +{/block:ItemImage1} +{block:ItemImage2} +
  • {ItemTitle}
  • +{/block:ItemImage2} +{block:ItemImage3} +
  • {ItemTitle}
  • +{/block:ItemImage3} +{block:ItemImage4} +
  • {ItemTitle}
  • +{/block:ItemImage4} +{block:ItemImage5} +
  • {ItemTitle}
  • +{/block:ItemImage5} +{block:ItemImage6} +
  • {ItemTitle}
  • +{/block:ItemImage6} +{block:ItemImage7} +
  • {ItemTitle}
  • +{/block:ItemImage7} +{block:ItemImage8} +
  • {ItemTitle}
  • +{/block:ItemImage8} +{block:ItemImage9} +
  • {ItemTitle}
  • +{/block:ItemImage9} +{block:ItemImage10} +
  • {ItemTitle}
  • +{/block:ItemImage10} +{block:ItemImage11} +
  • {ItemTitle}
  • +{/block:ItemImage11} +{block:ItemImage12} +
  • {ItemTitle}
  • +{/block:ItemImage12} +{block:ItemImage13} +
  • {ItemTitle}
  • +{/block:ItemImage13} +{block:ItemImage14} +
  • {ItemTitle}
  • +{/block:ItemImage14} +{block:ItemImage15} +
  • {ItemTitle}
  • +{/block:ItemImage15} +{block:ItemImage16} +
  • {ItemTitle}
  • +{/block:ItemImage16} +{block:ItemImage17} +
  • {ItemTitle}
  • +{/block:ItemImage17} +{block:ItemImage18} +
  • {ItemTitle}
  • +{/block:ItemImage18} +{block:ItemImage19} +
  • {ItemTitle}
  • +{/block:ItemImage19} +{block:ItemImage20} +
  • {ItemTitle}
  • +{/block:ItemImage20} +
+
+
+ + + +{block:ItemImage2}{/block:ItemImage2} +{block:ItemImage3}{/block:ItemImage3} +{block:ItemImage4}{/block:ItemImage4} +{block:ItemImage5}{/block:ItemImage5} +{block:ItemImage6}{/block:ItemImage6} +{block:ItemImage7}{/block:ItemImage7} +{block:ItemImage8}{/block:ItemImage8} +{block:ItemImage9}{/block:ItemImage9} +{block:ItemImage10}{/block:ItemImage10} +{block:ItemImage11}{/block:ItemImage11} +{block:ItemImage12}{/block:ItemImage12} +{block:ItemImage13}{/block:ItemImage13} +{block:ItemImage14}{/block:ItemImage14} +{block:ItemImage15}{/block:ItemImage15} +{block:ItemImage16}{/block:ItemImage16} +{block:ItemImage17}{/block:ItemImage17} +{block:ItemImage18}{/block:ItemImage18} +{block:ItemImage19}{/block:ItemImage19} +{block:ItemImage20}{/block:ItemImage20} +
+ +
+
+ + + + +
+
+
+ +

{ItemTitle}{block:AppsDownload}{block:ItemDigitalContent}({ItemDigitalContent}){/block:ItemDigitalContent}{/block:AppsDownload}

+{block:NoItemProperPrice} +
{ItemPrice}
+{/block:NoItemProperPrice} +{block:HasItemProperPrice} +
+
{ItemDiscountRate}
+
{ItemPrice}
+
(通常価格:{ItemProperPrice})
+
+{/block:HasItemProperPrice} + +{block:NoItemStock} +{block:ItemWatingForSale}

COMING SOON

{/block:ItemWatingForSale} +{block:ItemNowOnSale}

SOLD OUT

{/block:ItemNowOnSale} +{block:ItemEndOfSale}

SOLD OUT

{/block:ItemEndOfSale} +{/block:NoItemStock} + +{block:HasItemStock} +{block:ItemWatingForSale}

COMING SOON

{/block:ItemWatingForSale} +{block:ItemEndOfSale}

SOLD OUT

{/block:ItemEndOfSale} +{/block:HasItemStock} + +{ItemAttentionTag} + +{block:PurchaseForm} + {ItemSelectTag} + {PurchaseButton} +{/block:PurchaseForm} + +
+{ItemDetail} +{block:AppsReview} +{AppsReviewTag} +{/block:AppsReview} +
+ + +
+
+ +
+{EmbedWidgetTag} +
+
+ + +
+{IllegalReportTag} +
+ +
+
+ + +
+ +
+ +
+
+ + + +{block:if-showRelated} + +{block:HasRelatedItems} +
+

{text:relatedTitle}

+ + + +
+{/block:HasRelatedItems} + +{/block:if-showRelated} + + + +{/block:ItemPage} + + + + + +{block:AboutPage} +
+{block:if-showAboutImage} +
+ +
+{/block:if-showAboutImage} +
+
+

{text:about-text}

+

{ShopIntroduction}

+
+
+
    +{block:ShopFacebookId} +
  • +{/block:ShopFacebookId} +{block:ShopTwitterId} +
  • +{/block:ShopTwitterId} +{block:ShopInstagramId} +
  • +{/block:ShopInstagramId} +{block:ShopAmebaId} +
  • +{/block:ShopAmebaId} +
+
+
+
+{/block:AboutPage} + + + + +{block:ContactPage} +
+
+
+{ContactContentsTag} +
+
+
+{/block:ContactPage} + + + + +{block:PrivacyPage} +
+
+
+{PrivacyContentsTag} +
+
+
+{/block:PrivacyPage} + + + + +{block:LawPage} +
+
+
+{LawContentsTag} +
+
+
+{/block:LawPage} + + + + +{block:BlogPage} +
+
+
+{BlogContentsTag} +
+
+
+{/block:BlogPage} + + + + + +{block:if-showHeaderImage} + +
+
+{block:if-showInformation02} +
+

{text:informationTitle02}

+

{text:information02}

+
+{/block:if-showInformation02} +
+
+{/block:if-showHeaderImage} + + + + +
+ + + + + + +

+ + + + + + + + + + + + + + + + + + + + +{GoogleAnalyticsTag} {/block:NotLoadItemsPage} + {block:LoadItemsPage} - {block:Items} - -
- {block:ItemImage1} - {ItemTitle} - {/block:ItemImage1} - {block:NoItemImage1} - - {/block:NoItemImage1} -
-
-

{ItemTitle}

- {block:HasItemStock} - {block:NoItemProperPrice} -
{ItemPrice}
- {/block:NoItemProperPrice} - {block:HasItemProperPrice} -
-
{ItemPrice}
-
{ItemDiscountRate}
-
- {/block:HasItemProperPrice} - {/block:HasItemStock} - {block:NoItemStock} -
-
{ItemPrice}
-
SOLD OUT
-
- {/block:NoItemStock} - -
- {block:AppsItemLabel} -
{AppsItemLabelTag}
- {/block:AppsItemLabel} -
- {/block:Items} -{/block:LoadItemsPage} \ No newline at end of file +{block:Items} +
  • + +{block:AppsItemLabel} +{AppsItemLabelTag} +{/block:AppsItemLabel} +
    +{block:ItemImage1} +{ItemTitle} +{/block:ItemImage1} +{block:NoItemImage1} +{ItemTitle} +{/block:NoItemImage1} +{block:HasItemStock} +{block:ItemWatingForSale}

    COMING SOON

    {/block:ItemWatingForSale} +{block:ItemNowOnSale} +{block:ItemPreOrder}

    予約商品

    {/block:ItemPreOrder} +{/block:ItemNowOnSale} +{/block:HasItemStock} +{block:NoItemStock} +{block:ItemWatingForSale}

    COMING SOON

    {/block:ItemWatingForSale} +{/block:NoItemStock} +
    +
    +

    {ItemTitle}

    +{block:NoItemProperPrice} +
    +{block:HasItemStock} +{block:ItemEndOfSale}

    SOLD OUT

    {/block:ItemEndOfSale} +{/block:HasItemStock} +{block:NoItemStock} +{block:ItemNowOnSale}

    SOLD OUT

    {/block:ItemNowOnSale} +{block:ItemEndOfSale}

    SOLD OUT

    {/block:ItemEndOfSale} +{/block:NoItemStock} +{ItemPrice}
    +{/block:NoItemProperPrice} +{block:HasItemProperPrice} +
    +
    {ItemPrice}
    +
    {ItemDiscountRate}
    +
    +{/block:HasItemProperPrice} +
    +
    +
  • +{/block:Items} +{/block:LoadItemsPage} + \ No newline at end of file diff --git a/base.html b/base.html index 6f480c3..2cd2769 100644 --- a/base.html +++ b/base.html @@ -1,991 +1,1180 @@ {block:NotLoadItemsPage} - + - - - - - - + + + + +{block:NotItemPage} + {MetaShopInfoTag} +{/block:NotItemPage} +{block:ItemPage} + {MetaItemInfoTag} +{/block:ItemPage} +{HeadLinkNextPrevTag} + {FaviconTag} -{CanonicalTag} -{block:IndexPage}{HeadLinkNextPrevTag}{/block:IndexPage} -{block:ItemPage}{MetaItemInfoTag}{/block:ItemPage} -{block:NotItemPage}{MetaShopInfoTag}{/block:NotItemPage} + + + + + + + {JQueryTag} + + - - - - - {PageTitle} -{GoogleAnalyticsTag} - - - - - - - - {block:Hidden} - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + {/block:Hidden} {BackgroundTag} + + + - - -
    - -
    - {block:ShopPublic} - {block:IndexPage} - {block:NoIndexPageCategory} - {block:NoIndexPageSearch} -
    -
    -
    -
    -
    - {block:if-ShowPickup} -
    -
    -

    - いち押し商品 - Pickup items -

    -
    - {block:if-Pickup_item1} -
    -
    - -
    -
    -

    - {block:text-Pickup_item1_ttl}{text:Pickup_item1_ttl}{/block:text-Pickup_item1_ttl} -

    -

    - {block:text-Pickup_item1_desc}{text:Pickup_item1_desc}{/block:text-Pickup_item1_desc} -

    - -
    -
    - {/block:if-Pickup_item1} - {block:if-Pickup_item2} -
    -
    - -
    -
    -

    - {block:text-Pickup_item2_ttl}{text:Pickup_item2_ttl}{/block:text-Pickup_item2_ttl} -

    -

    - {block:text-Pickup_item2_desc}{text:Pickup_item2_desc}{/block:text-Pickup_item2_desc} -

    - -
    -
    - {/block:if-Pickup_item2} - {block:if-Pickup_item3} -
    -
    - -
    -
    -

    - {block:text-Pickup_item3_ttl}{text:Pickup_item3_ttl}{/block:text-Pickup_item3_ttl} -

    -

    - {block:text-Pickup_item3_desc}{text:Pickup_item3_desc}{/block:text-Pickup_item3_desc} -

    - -
    -
    - {/block:if-Pickup_item3} -
    -
    -
    - {/block:if-ShowPickup} - {block:if-ShowRecommend} -
    - -
    - {/block:if-ShowRecommend} - {block:if-ShowInfo} -
    -
    -

    - お知らせ - Information -

    -
    - {block:if-ShowInfo_item1} - {block:text-ShowInfo_item1_url}{/block:text-ShowInfo_item1_url} - {block:not_text-ShowInfo_item1_url}
    {/block:not_text-ShowInfo_item1_url} -
    {block:text-ShowInfo_item1_date}{text:ShowInfo_item1_date}{/block:text-ShowInfo_item1_date}
    -

    {block:text-ShowInfo_item1_ttl}{text:ShowInfo_item1_ttl}{/block:text-ShowInfo_item1_ttl}

    - {block:not_text-ShowInfo_item1_url}
    {/block:not_text-ShowInfo_item1_url} - {block:text-ShowInfo_item1_url}
    {/block:text-ShowInfo_item1_url} - {/block:if-ShowInfo_item1} - {block:if-ShowInfo_item2} - {block:text-ShowInfo_item2_url}{/block:text-ShowInfo_item2_url} - {block:not_text-ShowInfo_item2_url}
    {/block:not_text-ShowInfo_item2_url} -
    {block:text-ShowInfo_item2_date}{text:ShowInfo_item2_date}{/block:text-ShowInfo_item2_date}
    -

    {block:text-ShowInfo_item2_ttl}{text:ShowInfo_item2_ttl}{/block:text-ShowInfo_item2_ttl}

    - {block:not_text-ShowInfo_item2_url}
    {/block:not_text-ShowInfo_item2_url} - {block:text-ShowInfo_item2_url}
    {/block:text-ShowInfo_item2_url} - {/block:if-ShowInfo_item2} - {block:if-ShowInfo_item3} - {block:text-ShowInfo_item3_url}{/block:text-ShowInfo_item3_url} - {block:not_text-ShowInfo_item3_url}
    {/block:not_text-ShowInfo_item3_url} -
    {block:text-ShowInfo_item3_date}{text:ShowInfo_item3_date}{/block:text-ShowInfo_item3_date}
    -

    {block:text-ShowInfo_item3_ttl}{text:ShowInfo_item3_ttl}{/block:text-ShowInfo_item3_ttl}

    - {block:not_text-ShowInfo_item3_url}
    {/block:not_text-ShowInfo_item3_url} - {block:text-ShowInfo_item3_url}
    {/block:text-ShowInfo_item3_url} - {/block:if-ShowInfo_item3} -
    -
    -
    - {/block:if-ShowInfo} - {/block:NoIndexPageSearch} - {/block:NoIndexPageCategory} - {/block:IndexPage} - {block:HasItems} -
    -
    -
    -

    - 商品一覧 - Item lists -

    - {block:AppsItemCategory} -
    -

    カテゴリー

    - {AppsItemCategoryCategoriesTag} -
    - {/block:AppsItemCategory} -
    - {block:text-freeSpace}{text:freeSpace}{/block:text-freeSpace} -
    -
    -
    - {block:IndexPageCategory} -

    {IndexPageCategory}

    - {block:HasAppsItemCategoryChildCategories} -
    - {block:AppsItemCategoryChildCategories} - - {AppsItemCategoryChildCategoryName} - - {/block:AppsItemCategoryChildCategories} -
    - {/block:HasAppsItemCategoryChildCategories} - {/block:IndexPageCategory} - - -
    - {block:text-freeSpace}{text:freeSpace}{/block:text-freeSpace} -
    -
    -
    - - - - -
    - {/block:HasItems} + + - {block:NoItems} - {block:IndexPage} -
    -
    -
    -

    - 商品一覧 - Item lists -

    - {block:AppsItemCategory} -
    -

    カテゴリー

    - {AppsItemCategoryCategoriesTag} -
    - {/block:AppsItemCategory} -
    - {block:text-freeSpace}{text:freeSpace}{/block:text-freeSpace} -
    -
    -
    -

    {lang:ItemSearchResult}

    -

    {lang:NoItemsMessage}

    -
    -
    -
    - {/block:IndexPage} - {/block:NoItems} - {/block:ShopPublic} + +
    + - {block:NotShopPublic} -
    - {lang:NotShopPublicMessage} -
    - {/block:NotShopPublic} - {block:AboutPage} -
    -
    -

    - お店について - About shop -

    -
    - -

    {ShopIntroduction}

    -
      - {block:ShopInstagramId} -
    • - -
    • - {/block:ShopInstagramId} - {block:ShopTwitterId} -
    • - -
    • - {/block:ShopTwitterId} - {block:ShopFacebookId} -
    • - -
    • - {/block:ShopFacebookId} - {block:ShopAmebaId} -
    • - -
    • - {/block:ShopAmebaId} -
    -
    -
    -
    - {/block:AboutPage} +
    +{block:NoAppsBaseEraser} +{BASEMenuTag} +{/block:NoAppsBaseEraser} +{block:AppsBaseEraser} + +{BASEMenuTag} +{/block:AppsBaseEraser} +{block:AppsSearch} + + +{/block:AppsSearch} +
    - {block:BlogPage} -
    -
    -

    - 読み物 - Blog -

    -
    - {BlogContentsTag} -
    -
    -
    - {/block:BlogPage} - {block:ContactPage} -
    -
    -

    - お問い合わせ - Contact us -

    -
    - {ContactContentsTag} -
    -
    -
    - {/block:ContactPage} + - {block:PrivacyPage} -
    -
    -

    - プライバシーポリシー - Privacy policy -

    -
    - {PrivacyContentsTag} -
    -
    -
    - {/block:PrivacyPage} +
    - {block:LawPage} -
    -
    -

    - 特定商取引法に基づく表記 - Act on specified commercial transactions -

    -
    - {LawContentsTag} -
    -
    -
    - {/block:LawPage} + - {block:ItemPage} -
    -
    -
    - {block:AppsItemLabel} -
    {AppsItemLabelTag}
    - {/block:AppsItemLabel} -

    {ItemTitle}{block:ItemDigitalContent}
    ( {ItemDigitalContent} ){/block:ItemDigitalContent}

    - {block:HasItemStock} - {block:NoItemProperPrice} -
    {ItemPrice}
    - {/block:NoItemProperPrice} - {block:HasItemProperPrice} -
    -
    {ItemProperPrice}
    -
    {ItemPrice}
    -
    {ItemDiscountRate}
    -
    - {/block:HasItemProperPrice} -
    - {ItemSelectTag} -
    -
    - {/block:HasItemStock} - {block:NoItemStock} -
    -
    {ItemPrice}
    -
    SOLD OUT
    -
    - {lang:NoItemInquiry} - {/block:NoItemStock} +
    +
    -
    - {ItemAttentionTag} -
    -
    -
    -
    -
    - {block:NoItemImage1}{/block:NoItemImage1} - {block:ItemImage1}{/block:ItemImage1} -
    -
    - {block:NoItemImage1}
    {/block:NoItemImage1} - {block:ItemImage1}
    {/block:ItemImage1} - {block:ItemImage2}
    {/block:ItemImage2} - {block:ItemImage3}
    {/block:ItemImage3} - {block:ItemImage4}
    {/block:ItemImage4} - {block:ItemImage5}
    {/block:ItemImage5} - {block:ItemImage6}
    {/block:ItemImage6} - {block:ItemImage7}
    {/block:ItemImage7} - {block:ItemImage8}
    {/block:ItemImage8} - {block:ItemImage9}
    {/block:ItemImage9} - {block:ItemImage10}
    {/block:ItemImage10} - {block:ItemImage11}
    {/block:ItemImage11} - {block:ItemImage12}
    {/block:ItemImage12} - {block:ItemImage13}
    {/block:ItemImage13} - {block:ItemImage14}
    {/block:ItemImage14} - {block:ItemImage15}
    {/block:ItemImage15} - {block:ItemImage16}
    {/block:ItemImage16} - {block:ItemImage17}
    {/block:ItemImage17} - {block:ItemImage18}
    {/block:ItemImage18} - {block:ItemImage19}
    {/block:ItemImage19} - {block:ItemImage20}
    {/block:ItemImage20} -
    -
    -
    - {ItemDetail} -
    -
    - -
    - -
    -
    - {EmbedWidgetTag} -
    -
    - {IllegalReportTag} -
    -
    -
    -
    -
    - {block:AppsReview}{AppsReviewTag}{/block:AppsReview} -
    -
    +

    + + + +

    -
    - -
    - {/block:ItemPage} -
    +
    + +
    - -
    - - - - - + +
    +{/block:if-showSlideImage} + + +{block:if-showInformation} +
    +

    {text:informationTitle}

    +

    +{block:text-information} +{text:information} +{/block:text-information} +

    +
    +{/block:if-showInformation} + + +{block:if-showInformationSub} +
    +

    {text:informationTitleSub}

    +

    +{block:text-informationSub} +{text:informationSub} +{/block:text-informationSub} +

    +
    +{/block:if-showInformationSub} + + +{block:if-showMovie} + + + +
    +

    {text:MovieTitle}

    +

    {text:MovieText}

    + +

    {text:MovieButton}

    + +
    + +
    + +
    +{/block:if-showMovie} + + +{/block:NoIndexPageSearch} +{/block:NoIndexPageCategory} +{/block:NotBlogPage} +{/block:NotAboutPage} +{/block:NotContactPage} +{/block:NotPrivacyPage} +{/block:NotLawPage} +{/block:NotItemPage} + + + +{block:IndexPage} + +{block:ShopPublic} + +
    + +

    {text:itemTitle}

    +{block:IndexPageSearch} +

    {lang:ItemSearchResult}

    +{/block:IndexPageSearch} + +{block:HasItems} + +{block:AppsItemCategory} +{block:IndexPageCategory} + +
    +{BreadcrumbTag} +
    + +
    +
    +{/block:AppsItemCategory} +{/block:IndexPageCategory} + + + + + - function pagenation() { - var num = $(this).index('.p-detail__main__list__item'); - $('.swiper-pagination').find('span').eq(num).click(); - } +{/block:HasItems} - function navOpen() { - $('.js-hamburger, .l-nav').addClass('is-active'); - $('body').append($('
    ').addClass('l-overlay')); - no_scroll('.l-main'); - } +{block:NoItems} - function navClose() { - $('.js-hamburger, .l-nav').removeClass('is-active'); - $('.l-overlay').remove(); - return_scroll('.l-main'); - } +{block:AppsItemCategory} +{block:IndexPageCategory} + +
    +{BreadcrumbTag} +
    + +
    +
    +{/block:AppsItemCategory} +{/block:IndexPageCategory} - //------------------------------------------------------------------------------ - // スクロール禁止用関数 - //------------------------------------------------------------------------------ - function no_scroll(elm){ - var scroll_event = 'onwheel' in document ? 'wheel' : 'onmousewheel' in document ? 'mousewheel' : 'DOMMouseScroll'; - $(elm).on(scroll_event,function(e){e.preventDefault();});//PC用 - $(elm).on('touchmove.noScroll', function(e) {e.preventDefault();});//SP用 - $('body').css('overflow-y', 'hidden'); - } - function return_scroll(elm){ - var scroll_event = 'onwheel' in document ? 'wheel' : 'onmousewheel' in document ? 'mousewheel' : 'DOMMouseScroll'; - $(elm).off(scroll_event);//PC用 - $(elm).off('.noScroll');//SP用 - $('body').css('overflow-y', ''); - } +
    +

    {lang:NoItemsMessage}

    +
    +{block:NotShopPublic} +
    +

    {lang:NotShopPublicMessage}

    +
    +{/block:NotShopPublic} + +{/block:NoItems} + +
    + +{/block:ShopPublic} + +{/block:IndexPage} - //------------------------------------------------------------------------------ - //slick - //------------------------------------------------------------------------------ - $('div.p-pickup__contents').slick({ - dots: true, - fade: true, - responsive: [ - { - breakpoint: 768, - settings: { - arrows: false - } - } - ] - }); - $('div.p-item__photo').on('click',function(){ - $('div.p-item__photo').removeClass('is-active'); - $(this).addClass('is-active'); - var index = $('div.p-item__photo').index(this); - var src = $(this).find('img').attr('src'); - var originSrc = $(this).attr('data-src'); - $('div.p-item__preview').html(''); - objectFitImages('img'); - }); - //------------------------------------------------------------------------------ - // ipad表示用 - //------------------------------------------------------------------------------ - var ua = navigator.userAgent.toLowerCase(); - var isAndroidTablet = (ua.indexOf('android') > -1) && (ua.indexOf('mobile') == -1); - var isiPad = (ua.indexOf('ipad') > -1); - function setZoom(){ - var scale = $(window).width() / HTML_WIDTH * 100 + "%"; - $('body').css({'zoom' : scale, width: '100%' }); - } - var HTML_WIDTH = "1200"; + - if(isAndroidTablet || isiPad) $(window).resize(function(){ setZoom() }); - if(isAndroidTablet || isiPad) setZoom(); - - -
    - - - + +{block:ItemPage} +
    +
    +
    + +
    +
    +{block:AppsItemLabel} +{AppsItemLabelTag} +{/block:AppsItemLabel} +
    +
      +{block:NoItemImage1} +
    • {ItemTitle}
    • +{/block:NoItemImage1} +{block:ItemImage1} +
    • {ItemTitle}
    • +{/block:ItemImage1} +{block:ItemImage2} +
    • {ItemTitle}
    • +{/block:ItemImage2} +{block:ItemImage3} +
    • {ItemTitle}
    • +{/block:ItemImage3} +{block:ItemImage4} +
    • {ItemTitle}
    • +{/block:ItemImage4} +{block:ItemImage5} +
    • {ItemTitle}
    • +{/block:ItemImage5} +{block:ItemImage6} +
    • {ItemTitle}
    • +{/block:ItemImage6} +{block:ItemImage7} +
    • {ItemTitle}
    • +{/block:ItemImage7} +{block:ItemImage8} +
    • {ItemTitle}
    • +{/block:ItemImage8} +{block:ItemImage9} +
    • {ItemTitle}
    • +{/block:ItemImage9} +{block:ItemImage10} +
    • {ItemTitle}
    • +{/block:ItemImage10} +{block:ItemImage11} +
    • {ItemTitle}
    • +{/block:ItemImage11} +{block:ItemImage12} +
    • {ItemTitle}
    • +{/block:ItemImage12} +{block:ItemImage13} +
    • {ItemTitle}
    • +{/block:ItemImage13} +{block:ItemImage14} +
    • {ItemTitle}
    • +{/block:ItemImage14} +{block:ItemImage15} +
    • {ItemTitle}
    • +{/block:ItemImage15} +{block:ItemImage16} +
    • {ItemTitle}
    • +{/block:ItemImage16} +{block:ItemImage17} +
    • {ItemTitle}
    • +{/block:ItemImage17} +{block:ItemImage18} +
    • {ItemTitle}
    • +{/block:ItemImage18} +{block:ItemImage19} +
    • {ItemTitle}
    • +{/block:ItemImage19} +{block:ItemImage20} +
    • {ItemTitle}
    • +{/block:ItemImage20} +
    +
    +
    + + + +{block:ItemImage2}{/block:ItemImage2} +{block:ItemImage3}{/block:ItemImage3} +{block:ItemImage4}{/block:ItemImage4} +{block:ItemImage5}{/block:ItemImage5} +{block:ItemImage6}{/block:ItemImage6} +{block:ItemImage7}{/block:ItemImage7} +{block:ItemImage8}{/block:ItemImage8} +{block:ItemImage9}{/block:ItemImage9} +{block:ItemImage10}{/block:ItemImage10} +{block:ItemImage11}{/block:ItemImage11} +{block:ItemImage12}{/block:ItemImage12} +{block:ItemImage13}{/block:ItemImage13} +{block:ItemImage14}{/block:ItemImage14} +{block:ItemImage15}{/block:ItemImage15} +{block:ItemImage16}{/block:ItemImage16} +{block:ItemImage17}{/block:ItemImage17} +{block:ItemImage18}{/block:ItemImage18} +{block:ItemImage19}{/block:ItemImage19} +{block:ItemImage20}{/block:ItemImage20} +
    + +
    +
    + + + + +
    +
    +
    + +

    {ItemTitle}{block:AppsDownload}{block:ItemDigitalContent}({ItemDigitalContent}){/block:ItemDigitalContent}{/block:AppsDownload}

    +{block:NoItemProperPrice} +
    {ItemPrice}
    +{/block:NoItemProperPrice} +{block:HasItemProperPrice} +
    +
    {ItemDiscountRate}
    +
    {ItemPrice}
    +
    (通常価格:{ItemProperPrice})
    +
    +{/block:HasItemProperPrice} + +{block:NoItemStock} +{block:ItemWatingForSale}

    COMING SOON

    {/block:ItemWatingForSale} +{block:ItemNowOnSale}

    SOLD OUT

    {/block:ItemNowOnSale} +{block:ItemEndOfSale}

    SOLD OUT

    {/block:ItemEndOfSale} +{/block:NoItemStock} + +{block:HasItemStock} +{block:ItemWatingForSale}

    COMING SOON

    {/block:ItemWatingForSale} +{block:ItemEndOfSale}

    SOLD OUT

    {/block:ItemEndOfSale} +{/block:HasItemStock} + +{ItemAttentionTag} + +{block:PurchaseForm} + {ItemSelectTag} + {PurchaseButton} +{/block:PurchaseForm} + +
    +{ItemDetail} +{block:AppsReview} +{AppsReviewTag} +{/block:AppsReview} +
    + + +
    +
    + +
    +{EmbedWidgetTag} +
    +
    + + +
    +{IllegalReportTag} +
    + +
    +
    + + +
    + +
    + +
    +
    + + + +{block:if-showRelated} + +{block:HasRelatedItems} +
    +

    {text:relatedTitle}

    + + + +
    +{/block:HasRelatedItems} + +{/block:if-showRelated} + + + +{/block:ItemPage} + + + + + +{block:AboutPage} +
    +{block:if-showAboutImage} +
    + +
    +{/block:if-showAboutImage} +
    +
    +

    {text:about-text}

    +

    {ShopIntroduction}

    +
    +
    +
      +{block:ShopFacebookId} +
    • +{/block:ShopFacebookId} +{block:ShopTwitterId} +
    • +{/block:ShopTwitterId} +{block:ShopInstagramId} +
    • +{/block:ShopInstagramId} +{block:ShopAmebaId} +
    • +{/block:ShopAmebaId} +
    +
    +
    +
    +{/block:AboutPage} + + + + +{block:ContactPage} +
    +
    +
    +{ContactContentsTag} +
    +
    +
    +{/block:ContactPage} + + + + +{block:PrivacyPage} +
    +
    +
    +{PrivacyContentsTag} +
    +
    +
    +{/block:PrivacyPage} + + + + +{block:LawPage} +
    +
    +
    +{LawContentsTag} +
    +
    +
    +{/block:LawPage} + + + + +{block:BlogPage} +
    +
    +
    +{BlogContentsTag} +
    +
    +
    +{/block:BlogPage} + + + + + +{block:if-showHeaderImage} + +
    +
    +{block:if-showInformation02} +
    +

    {text:informationTitle02}

    +

    {text:information02}

    +
    +{/block:if-showInformation02} +
    +
    +{/block:if-showHeaderImage} + + + + +
    + + + + + + +

    + + + + + + + + + + + + + + + + + + + + +{GoogleAnalyticsTag} {/block:NotLoadItemsPage} + {block:LoadItemsPage} - {block:Items} - -
    - {block:ItemImage1} - {ItemTitle} - {/block:ItemImage1} - {block:NoItemImage1} - - {/block:NoItemImage1} -
    -
    -

    {ItemTitle}

    - {block:HasItemStock} - {block:NoItemProperPrice} -
    {ItemPrice}
    - {/block:NoItemProperPrice} - {block:HasItemProperPrice} -
    -
    {ItemPrice}
    -
    {ItemDiscountRate}
    -
    - {/block:HasItemProperPrice} - {/block:HasItemStock} - {block:NoItemStock} -
    -
    {ItemPrice}
    -
    SOLD OUT
    -
    - {/block:NoItemStock} - -
    - {block:AppsItemLabel} -
    {AppsItemLabelTag}
    - {/block:AppsItemLabel} -
    - {/block:Items} -{/block:LoadItemsPage} \ No newline at end of file +{block:Items} +
  • + +{block:AppsItemLabel} +{AppsItemLabelTag} +{/block:AppsItemLabel} +
    +{block:ItemImage1} +{ItemTitle} +{/block:ItemImage1} +{block:NoItemImage1} +{ItemTitle} +{/block:NoItemImage1} +{block:HasItemStock} +{block:ItemWatingForSale}

    COMING SOON

    {/block:ItemWatingForSale} +{block:ItemNowOnSale} +{block:ItemPreOrder}

    予約商品

    {/block:ItemPreOrder} +{/block:ItemNowOnSale} +{/block:HasItemStock} +{block:NoItemStock} +{block:ItemWatingForSale}

    COMING SOON

    {/block:ItemWatingForSale} +{/block:NoItemStock} +
    +
    +

    {ItemTitle}

    +{block:NoItemProperPrice} +
    +{block:HasItemStock} +{block:ItemEndOfSale}

    SOLD OUT

    {/block:ItemEndOfSale} +{/block:HasItemStock} +{block:NoItemStock} +{block:ItemNowOnSale}

    SOLD OUT

    {/block:ItemNowOnSale} +{block:ItemEndOfSale}

    SOLD OUT

    {/block:ItemEndOfSale} +{/block:NoItemStock} +{ItemPrice}
    +{/block:NoItemProperPrice} +{block:HasItemProperPrice} +
    +
    {ItemPrice}
    +
    {ItemDiscountRate}
    +
    +{/block:HasItemProperPrice} +
    +
    +
  • +{/block:Items} +{/block:LoadItemsPage} + \ No newline at end of file diff --git a/style.css b/style.css index d160dbb..76d461b 100644 --- a/style.css +++ b/style.css @@ -1,2590 +1,2181 @@ -@import url("https://fonts.googleapis.com/css?family=Roboto:900");.slick-slider { - position: relative; - display: block; - box-sizing: border-box; - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -ms-touch-action: pan-y; - touch-action: pan-y; - -webkit-tap-highlight-color: transparent -} +@charset "UTF-8"; -.slick-list { - position: relative; - overflow: hidden; - display: block; - margin: 0; - padding: 0 -} - -.slick-list:focus { - outline: none -} - -.slick-list.dragging { - cursor: pointer; - cursor: hand -} - -.slick-slider .slick-track,.slick-slider .slick-list { - -webkit-transform: translate3d(0, 0, 0); - -moz-transform: translate3d(0, 0, 0); - -ms-transform: translate3d(0, 0, 0); - -o-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0) -} - -.slick-track { - position: relative; - left: 0; - top: 0; - display: block; - margin-left: auto; - margin-right: auto -} - -.slick-track:before,.slick-track:after { - content: ""; - display: table -} - -.slick-track:after { - clear: both -} - -.slick-loading .slick-track { - visibility: hidden -} - -.slick-slide { - float: left; - height: 100%; - min-height: 1px -} - -[dir="rtl"] .slick-slide { - float: right -} - -.slick-slide img { - display: block -} - -.slick-slide.slick-loading img { - display: none -} - -.slick-slide.dragging img { - pointer-events: none -} - -.slick-loading .slick-slide { - visibility: hidden -} - -.slick-vertical .slick-slide { - display: block; - height: auto; - border: 1px solid transparent -} - -.slick-arrow.slick-hidden { - display: none -} - -.slick-loading .slick-list { - background: #fff url("./ajax-loader.gif") center center no-repeat -} - -@font-face { - font-family: "slick"; - src: url("./fonts/slick.eot"); - src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"),url("./fonts/slick.woff") format("woff"),url("./fonts/slick.ttf") format("truetype"),url("./fonts/slick.svg#slick") format("svg"); - font-weight: normal; - font-style: normal -} - -.slick-prev,.slick-next { - position: absolute; - display: block; - height: 20px; - width: 20px; - line-height: 0px; - font-size: 0px; - cursor: pointer; - background: transparent; - color: transparent; - top: 50%; - -webkit-transform: translate(0, -50%); - -ms-transform: translate(0, -50%); - transform: translate(0, -50%); - padding: 0; - border: none; - outline: none -} - -.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus { - outline: none; - background: transparent; - color: transparent -} - -.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before { - opacity: 1 -} - -.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before { - opacity: .25 -} - -.slick-prev:before,.slick-next:before { - font-family: "slick"; - font-size: 20px; - line-height: 1; - color: #fff; - opacity: .75; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale -} - -.slick-prev { - left: -25px -} - -[dir="rtl"] .slick-prev { - left: auto; - right: -25px -} - -.slick-prev:before { - content: "←" -} - -[dir="rtl"] .slick-prev:before { - content: "→" -} - -.slick-next { - right: -25px -} - -[dir="rtl"] .slick-next { - left: -25px; - right: auto -} - -.slick-next:before { - content: "→" -} - -[dir="rtl"] .slick-next:before { - content: "←" -} - -.slick-dotted.slick-slider { - margin-bottom: 30px -} - -.slick-dots { - position: absolute; - bottom: -25px; - list-style: none; - display: block; - text-align: center; - padding: 0; - margin: 0; - width: 100% -} - -.slick-dots li { - position: relative; - display: inline-block; - height: 20px; - width: 20px; - margin: 0 5px; - padding: 0; - cursor: pointer -} - -.slick-dots li button { - border: 0; - background: transparent; - display: block; - height: 20px; - width: 20px; - outline: none; - line-height: 0px; - font-size: 0px; - color: transparent; - padding: 5px; - cursor: pointer -} - -.slick-dots li button:hover,.slick-dots li button:focus { - outline: none -} - -.slick-dots li button:hover:before,.slick-dots li button:focus:before { - opacity: 1 -} - -.slick-dots li button:before { - position: absolute; - top: 0; - left: 0; - content: "•"; - width: 20px; - height: 20px; - font-family: "slick"; - font-size: 6px; - line-height: 20px; - text-align: center; - color: #000; - opacity: .25; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale -} - -.slick-dots li.slick-active button:before { - color: #000; - opacity: .75 -} - -* { - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -webkit-tap-highlight-color: rgba(0,0,0,0); - -webkit-touch-callout: none; - -webkit-font-smoothing: antialiased; - padding: 0; - margin: 0; - border: 0; - list-style: none; - word-break: break-all -} - -a { - display: block; - cursor: pointer; - text-decoration: none; - color: inherit -} - -img { - width: 100%; - height: auto; - vertical-align: middle; - object-fit: cover; - font-family: 'object-fit: cover;' -} - -svg { - width: inherit; - height: inherit -} - -html { - font-size: 14px -} - -@media screen and (max-width: 767px) { - html { - width:100vw; - overflow-x: hidden - } -} - -input,textarea,select,button { - font-family: inherit; - font-size: inherit; - background: transparent; - outline: none; - -webkit-appearance: none; - -moz-appearance: none -} - +/*==================================================================== +common +====================================================================*/ body { - color: #6A5249; - font-family: 'Crimson Text',"Yu Mincho Regular", "游明朝体", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; - opacity: 0; - animation: fadeIn .4s ease forwards + margin: 0; + color: #333; + font-size: 13px; + font-family: Roboto, Arial, Helvetica, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", Meiryo, sans-serif; + letter-spacing: 0.06em; + -webkit-text-size-adjust: 100%; +} +figure, h1, h2, h3, h4, h5, h6, li, p, ul { + margin: 0; + padding: 0; +} +h3 { + font-size: 16px; +} +li, ul { + list-style: none; +} +a, a:active, a:hover, a:link, a:visited { + color: #333; + text-decoration: none!important; +} +a img { + border: none; +} +.blockLink, .btn { + display: block; +} +.itemCb, .searchForm__ico:focus, .searchForm__key:focus { + outline: 0; +} +.clearfix { + zoom: 1; +} +.clearfix:after { + content: ""; + display: block; + clear: both; +} +.center { + text-align: center !important; +} +.left { + text-align: left !important; +} +select { + font-size: 16px; +} +.itemCb, select { + border: 1px solid #ddd; + background-color: #fff; +} +.hide { + display: none !important; +} +.itemCb { + border-radius: 4px; +} +.itemCb .btn-danger { + background-image: none; + background-color: #E95F5B; + display: block!important; + margin: 20px auto 0; +} +.itemCb #cboxClose { + display: none; +} +.btn { + text-align: center; + appearance: none; + border: none; + border-radius: 12px; + -webkit-appearance: none; + -moz-appearance: none; + cursor: pointer; } -@media screen and (max-width: 767px) { - body { - width:100vw; - overflow-x: hidden - } + + +/*==================================================================== +.onlyPC, .onlySP +====================================================================*/ +@media screen and (min-width: 1025px) { + .onlySP { + display: none!important; + } +} +@media screen and (max-width: 1024px) { + .onlyPC { + display: none!important; + } } -@media all and (-ms-high-contrast: none) { - body { - font-family: "メイリオ", 'Crimson Text',"Yu Mincho Regular", "游明朝体", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif - } -} -@keyframes fadeIn { - 0% { - opacity: 0 - } - 100% { - opacity: 1 - } -} - -.obj-cover img,.p-keyvisual img,.p-pickup__thumb img,.p-recommend__thumb img,.p-products__thumb img,.p-item__photo img,#about .blog_head_image img { - width: 100%; - height: 100%; - object-fit: cover -} - -.obj-contain img,.p-item__preview img { - width: 100%; - height: 100%; - object-fit: contain -} - -.c-contentblock { - display: flex; - justify-content: space-between -} - -@media screen and (max-width: 767px) { - .c-contentblock { - flex-direction:column - } -} - -@media screen and (min-width: 768px) { - .c-contentblock__headline,.c-contentblock__headline--large { - width:160px - } - - .c-contentblock__headline .c-headline,.c-contentblock__headline--large .c-headline { - max-height: 240px - } -} - -@media screen and (min-width: 768px) { - .c-contentblock__headline--large { - width:72px - } -} - -@media screen and (min-width: 768px) { - .c-contentblock__main,.c-contentblock__main--large { - width:784px - } -} - -@media screen and (min-width: 768px) { - .c-contentblock__main--large { - width:888px - } -} - -.c-categorysmall { - display: flex -} - -.c-categorysmall__item { - color: #EFB39C; - margin-right: 16px -} - -.c-button,.c-button--right { - display: flex; - align-items: center -} - -@media screen and (min-width: 768px) { - .c-button--right { - justify-content:flex-end - } -} - -@media screen and (max-width: 767px) { - .c-button--right { - justify-content:center - } -} - -.c-button__anchor { - min-width: 140px; - font-size: 16px; - border-radius: 20px; - padding: 7px; - text-align: center; - background: #EFB39C; - color: #fff -} - -.c-headline { - -webkit-writing-mode: vertical-rl; - -ms-writing-mode: tb-rl; - writing-mode: vertical-rl; - white-space: nowrap; - display: flex; - flex-direction: column; - justify-content: flex-end; - font-weight: normal; - line-height: 1 -} - -@media screen and (max-width: 767px) { - .c-headline { - margin:0 auto; - margin-bottom: 5vw - } -} - -.c-headline__main { - font-size: 30px; - letter-spacing: 0.2em -} - -@media screen and (max-width: 767px) { - .c-headline__main { - font-size:20px - } -} - -.c-headline__sub { - font-size: 18px; - opacity: 0.5; - margin-top: 6px; - margin-right: 8px -} - -@media screen and (max-width: 767px) { - .c-headline__sub { - font-size:10px; - margin-top: 3px; - margin-right: 4px - } -} - -.c-headlineA { - border-radius: 0 16px 0 16px; - padding: 6px 16px; - position: relative; - overflow: hidden; - z-index: 10 -} - -.c-headlineA::before { - content: ""; - width: 100%; - height: 100%; - background: #EFB39C; - opacity: 0.1; - z-index: -1; - position: absolute; - top: 0; - left: 0 -} - -.l-wrap { - font-size: 1rem -} - -@media screen and (max-width: 767px) { - .l-header { - position:fixed; - top: 0; - left: 0; - z-index: 100 - } -} - -.l-nav { - height: inherit; - margin-left: auto -} - -@media screen and (max-width: 767px) { - .l-nav { - padding:0 !important; - z-index: 100; - width: 80%; - height: calc(100vh - 64px); - position: fixed; - top: 64px; - right: 0; - transform: translate3d(100%, 0, 0) - } - - .l-nav.is-active { - transform: translate3d(0, 0, 0); - box-shadow: 0 4px 8px rgba(0,0,0,0.3) - } -} - -@media screen and (max-width: 767px) { - .l-nav--footer { - display:none - } -} - -@media screen and (max-width: 767px) { - .l-main { - padding-top:80px - } -} - -.l-section { - padding-top: 120px; - padding-bottom: 120px -} - -@media screen and (max-width: 767px) { - .l-section { - padding-top:8vw; - padding-bottom: 8vw - } -} - -.l-mainTop { - width: 100%; - height: 100vh -} - -.l-pickup { - width: 100%; - max-width: 1400px; - margin: 0 auto 128px auto -} - -@media screen and (max-width: 767px) { - .l-pickup { - margin:0 auto 32px auto - } -} - -.l-inner,.p-header.is-home .p-header__inner { - max-width: 1000px; - margin: 0 auto -} - -@media screen and (max-width: 767px) { - .l-inner,.p-header.is-home .p-header__inner { - padding-left:4vw; - padding-right: 4vw - } -} - -.l-sideLeft { - width: 230px -} - -.l-sideRight { - width: calc(100% - 230px) -} - -@media screen and (max-width: 767px) { - .l-sideRight { - width:100% - } -} - -.l-btnMore { - width: 240px; - line-height: 48px; - height: 48px -} - -.l-footer { - margin-top: 64px -} - -.l-detail { - width: 1200px; - margin: 0 auto; - padding: 64px -} - -@media screen and (max-width: 767px) { - .l-detail { - width:100%; - padding: 0 - } -} - -.l-detail__main,.l-detail__info { - width: 50% -} - -@media screen and (max-width: 767px) { - .l-detail__main,.l-detail__info { - width:100% - } -} - -.l-shopReview { - width: 1200px; - margin: 0px auto 128px auto; - padding: 0 64px -} - -@media screen and (max-width: 767px) { - .l-shopReview { - width:100%; - padding: 0 16px; - margin: 0 auto 32px auto - } -} - -.l-ready { - text-align: center; - padding: 64px 0 -} - -.l-overlay { - width: 100%; - height: 100vh; +/*==================================================================== +.headerFixed +====================================================================*/ +.headerFixed { position: fixed; + z-index: 9960 !important; + height: 56px; + width: 100%; top: 0; - left: 0; +} +.headerFixed #baseMenu { + float: right; + padding: 7px 6px 0; +} +.headerFixed #baseMenu li.base { + margin-right: 10px; + float: left; +} +.headerFixed #baseMenu li.cart { + float: left; +} +.headerFixed #baseMenu li.cart img { + display: inline-block; + margin: 2px 4px 0 0; +} +.headerFixed #baseMenu a { + display: table-cell; + background-color: rgb(255, 255, 255); + border-radius: 25px; + height: 32px; + text-align: center; + width: 32px; + padding: 5px; + vertical-align: middle; +} +.headerFixed #baseMenu a img { + height: 25px; + width: 25px; + border: none; +} +@media screen and (max-width: 1024px) { + .headerFixed { + z-index: 2 !important; + } +} + + + +/*==================================================================== +#searchBox +====================================================================*/ +#searchBox { + box-sizing: border-box; + padding: 13px 8px 0 0; + z-index: 100; + float: right; +} +#searchBox form { + overflow: hidden; +} +#searchBox input { + float: left; + border-style: none; + -webkit-appearance: none; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + display: inline-block; + color: #a7a7a7; + vertical-align: middle; + font-family: Roboto, Arial, Helvetica, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", Meiryo, sans-serif; + height: 25px; + padding: 0 10px; + margin: 0; + background: transparent; + width: 140px; + border: 1px solid #c3c3c3; + font-size: 12px; + letter-spacing: 0.06em; + border-radius: 2px; + line-height: 16px; +} +input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { + -moz-box-shadow: none; + -moz-transition: border linear 0s,box-shadow linear -1s; + -o-transition: border linear 0s,box-shadow linear .0s; +} +select, input[type="file"] { + height: 30px; + line-height: 30px; +} +#searchBox button { + border-style: none; + float: left; + padding: 4px 7px; + color: #5e5e5e; + background: rgba(255, 255, 255, 0); cursor: pointer; - z-index: 50 + height: 27px; +} +#searchBox input::-webkit-input-placeholder { + font-size: 12px; +} +#searchBox input:-moz-placeholder { + font-size: 12px; +} +#searchBox input::-moz-placeholder { + font-size: 12px; +} +#searchBox input:-ms-input-placeholder { + font-size: 12px; +} +@media screen and (max-width: 1024px) { + #searchBox { + box-sizing: border-box; + padding: 30px 0 20px 15px; + float: none; + border-bottom: 1px solid #fff; + margin: 0; + } + #searchBox input { + font-size: 16px !important; + height: 30px; + width: 160px; + letter-spacing: 0.06em; + padding: 0 10px; + -webkit-appearance: none; + border: 1px solid #e2e2e2; + line-height: 16px; + } + #searchBox button { + height: 32px; + } + #searchBox input::-webkit-input-placeholder { + padding-top: 1px; + } + #searchBox input:-moz-placeholder { + padding-top: 1px; + } + #searchBox input::-moz-placeholder { + padding-top: 1px; + } + #searchBox input:-ms-input-placeholder { + padding-top: 1px; + } } -.p-header { + + +/*==================================================================== +#spNav +====================================================================*/ +@media screen and (max-width: 1024px) { + #spNav__btn, #spNav__btn span { + position: absolute; + } + #spNav__btn { + left: 20px; + top: 19px; + height: 17px; + width: 22px; + position: fixed; + z-index: 2 !important; + cursor: pointer; + } + #spNav__btn span { + background-color: #5e5e5e; + height: 2px; + left: 0; + width: 100%; + border-radius: 25px; + } + #spNav__btn span:nth-of-type(1) { + top: 0; + } + #spNav__btn span:nth-of-type(2) { + top: 7px; + } + #spNav__btn span:nth-of-type(3) { + bottom: 0px; + } + #spNav__btn.active span:nth-of-type(1) { + transform: translateY(9px) rotate(-315deg); + } + #spNav__btn.active span:nth-of-type(2) { + opacity: 0; + } + #spNav__btn.active span:nth-of-type(3) { + transform: translateY(-9px) rotate(315deg); + } +} + + + +/*==================================================================== +.topHeaderBlock +====================================================================*/ +.topHeaderBlock { + height: auto; + position: relative; + width: 100%; + padding: 100px 0 60px; +} +.topHeader__wrapper { + margin: 0 auto; + max-width: 1140px; width: 100%; - height: 114px; - width: 100%; - background: #fff; - padding: 0 24px; - margin-bottom: 32px + display: table; } - -@media screen and (max-width: 767px) { - .p-header { - width:100vw; - height: 64px; - padding: 0 4vw - } +.topHeader__wrapper.full { + max-width: 1140px; } - -.p-header .p-header__sitename { - font-weight: bold; - padding-top: 32px +.shopName__link { + display: inline-block; } - -@media screen and (max-width: 767px) { - .p-header .p-header__sitename { - padding-top:0 - } +.shopLogo>span { + display: inline-block; } - -.p-header .p-header__sitename img { - width: auto; +.shopName-center { + text-align: center; +} +.shopName-float { + text-align: left; + vertical-align: bottom; + display: table-cell; + line-height: 0; +} +.shopName-center .shopLogo img, .shopName-float .shopLogo img { + width: 255px; height: auto; - max-height: 48px + vertical-align: bottom; +} +.shopLogo>span .logoText { + word-break: break-all; + letter-spacing: 0.25em; + line-height: 1.0; +} +@media screen and (max-width: 1210px) { + .topHeader__wrapper.w1140, .topHeader__wrapper.full { + max-width: 94% !important; + } +} +@media screen and (max-width: 1140px) { + .topHeader__wrapper.w1070 { + max-width: 94% !important; + } +} +@media screen and (max-width: 1024px) { + .topHeaderBlock { + padding: 80px 0 56px; + } + .shopName-float { + display: block; + text-align: center; + } + .shopName-center .shopLogo img, .shopName-float .shopLogo img { + width: 210px; + } + .shopLogo>span .logoText { + max-width: 100%; + font-size: 26px !important; + } +} +@media screen and (max-width:360px) { + .shopName-center .shopLogo img, .shopName-float .shopLogo img { + width: 180px; + } +} +@media screen and (max-width:320px) { + .shopName-center .shopLogo img, .shopName-float .shopLogo img { + width: 150px; + } } -@media screen and (max-width: 767px) { - .p-header .p-header__sitename img { - max-height:40px - } -} -.p-header.is-home { - height: 140px -} -.p-header.is-home .p-header__sitename { - padding-top: 40px +/*==================================================================== +.menus +====================================================================*/ +.sp_menu-center { + margin: 50px 0 0 0; } - -.p-header.is-home .p-header__sitename img { - max-height: 60px +.sp_menu-float { + vertical-align: bottom; + display: table-cell; + text-align: right; } - -.p-header.is-home .is-basemenu { - display: none +.sp_menu-float .menus { + padding: 0; } - -.p-header__inner { - width: 100% +.sp_menu-center .menus { + text-align: center; } - -@media screen and (min-width: 768px) { - .p-header__inner { - justify-content:space-between; - flex-wrap: wrap - } +.menuList { + letter-spacing: 0.1em; } - -@media screen and (max-width: 767px) { - .p-header__inner { - height:inherit; - align-items: center - } +.menuList__item { + display: inline-block; + text-align: center; } - -.p-nav { - display: flex; - height: inherit +.menuList__item a:hover, .mainHeaderNavColor:hover { + opacity: .5; } - -@media screen and (min-width: 768px) { - .p-nav { - padding-top:32px - } +.menuList__item:not(:last-child) { + margin-right: 30px; } - -@media screen and (max-width: 767px) { - .p-nav { - height:100%; - flex-direction: column; - background: #f9f9f9; - overflow-y: scroll; - -webkit-overflow-scrolling: touch - } +.menuList__item .current { + font-weight: bold; } - -.p-nav__item { +#cateMenu { position: relative; - min-width: 22px; - overflow: visible } - -@media screen and (min-width: 768px) { - .p-nav__item { - margin-left:32px; - height: inherit - } +.category-list { + display: none; } - -@media screen and (max-width: 767px) { - .p-nav__item:last-child { - padding-bottom:88px - } +.on .category-list { + position: absolute; + top: 12px; + color: #fff; + font-size: 13px; + text-align: left; + font-weight: normal; + z-index: 54; + display: block; + padding: 17px 0 0; } - -@media screen and (min-width: 768px) { - .p-nav__item>a { - display:inline-block; - position: relative; - z-index: 10; - -webkit-writing-mode: vertical-rl; - -ms-writing-mode: tb-rl; - writing-mode: vertical-rl; - white-space: nowrap - } - - .p-nav__item>a::before { - content: ""; - width: 100%; - height: 120%; - background: #fff; - position: absolute; - top: -10%; - left: 0; - display: block; - z-index: -1; - border-radius: 10px - } +.mainHeaderNavColor { + display: block; + cursor: pointer; + color: #a2a2a2; } - -@media screen and (max-width: 767px) { - .p-nav__item>a { - padding:10px 16px; - border-bottom: 1px solid rgba(0,0,0,0.1) - } +.category__list { + font-size: 14px; + text-align: left; } - -.p-nav__item .p-nav__item__hover { - display: none +.category__list--medium { + font-size: 12px; } - -@media screen and (min-width: 768px) { - .p-nav__item .p-nav__item__hover { - box-shadow:0px 0px 6px rgba(0,0,0,0.2) - } +.category__list--medium .category__item { + padding: 0 0 0 12px; + border-bottom: none; } - -@media screen and (max-width: 767px) { - .p-nav__item .p-nav__item__hover { - display:block - } +.category__item { + line-height: 2; } - -@media screen and (min-width: 768px) { - .p-nav__item:hover .p-nav__item__hover { - background:#fff; - position: absolute; - top: auto; - left: 0; - display: block; - z-index: 15; - border-radius: 10px; - overflow-x: auto; - overflow-y: auto - } -} - -.p-products__body h3 { +.category__item a { + box-sizing: border-box; + display: block; width: 100%; + height: 100%; + overflow: hidden; text-overflow: ellipsis; white-space: nowrap; - overflow: hidden } - -.p-hamburger { - width: 64px; - height: 64px; - position: absolute; - top: 0; - right: 0; - cursor: pointer +#appsItemCategoryTag .category__item a, #appsItemCategoryTag .category__item a:link, #appsItemCategoryTag .category__item a:visited, #appsItemCategoryTag .category__item a:hover, #appsItemCategoryTag .category__item a:active { + color: #ffffff; } - -.p-hamburger p { - content: ""; - display: block; - width: 24px; - height: 1px; - position: absolute; - left: 20px; - transition: all .4s ease; - top: 50% +.on .category-list.w250 { + left: -85px; } - -.p-hamburger p::before,.p-hamburger p::after { - content: ""; - width: 100%; - height: 100%; - position: absolute; - top: 0; - left: 0; - background: #6A5249; - transition: transform 0.3s ease, margin-top 0.3s ease 0.3s +.on .category-list.w250 #appsItemCategoryTag { + width: 250px; + height: 250px; + border-radius: 250px; + padding: 60px; + box-sizing: border-box; } - -.p-hamburger p::before { - margin-top: -6px +.on .category-list.w300 { + left: -105px; } - -.p-hamburger p::after { - margin-top: 6px +.on .category-list.w300 #appsItemCategoryTag { + width: 300px; + height: 300px; + border-radius: 300px; + padding: 60px; + box-sizing: border-box; } - -.p-hamburger.is-active p::before,.p-hamburger.is-active p::after { - margin-top: 0; - transition: margin-top 0.3s ease, transform 0.3s ease 0.3s +.on .category-list.wSikaku { + left: -25px; } - -.p-hamburger.is-active p:before { - transform: rotate(45deg) -} - -.p-hamburger.is-active p:after { - transform: rotate(-45deg) -} - -.p-subheadline { - font-size: 1.42857rem; - font-size: 1.25rem; - text-align: center; - border-top: 1px solid #6A5249; - border-bottom: 1px solid #6A5249; - padding: 16px; - margin: 0 24px 24px 24px -} - -.p-smallCategory { - justify-content: center; - align-items: flex-start; - flex-wrap: wrap; - margin-bottom: 24px -} - -.p-smallCategory a { - border: 1px solid #6A5249; - padding: 2px 4px; - margin: 0 8px 4px 8px -} - -@media screen and (max-width: 767px) { - .p-smallCategory { - justify-content:flex-start - } -} - -.p-footer { - position: relative; - z-index: 10 -} - -.p-footer::before { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: -1; - background: #EFB39C; - opacity: 0.1 -} - -.p-footer .p-nav { - padding-top: 0; - display: flex; - justify-content: center -} - -.p-footer .p-nav .p-nav__item a { - font-size: 18px -} - -.p-footer .p-nav .p-nav__item a::before { - display: none -} - -.p-footer .p-nav__item:hover .p-nav__item__hover { - bottom: 100%; - left: 0; - right: auto; - max-width: 50vw; - overflow-x: auto -} - -.p-footer__information { - background: #EFB39C; - color: #fff; - padding: 16px; - align-items: center; - display: flex -} - -@media screen and (max-width: 767px) { - .p-footer__information { - flex-direction:column; - padding-bottom: 17vw; - padding-top: 10vw - } -} - -.p-footer__information .p-footer__copyright { - display: flex -} - -@media screen and (max-width: 767px) { - .p-footer__information .p-footer__copyright { - flex-direction:column; - text-align: center; - line-height: 32px; - margin-top: 16px - } -} - -.p-footer__information .p-footer__link { - font-size: .85714rem; - margin: 0 8px -} - -.p-keyvisual { - width: 100%; - height: 600px; - border-radius: 32px; - overflow: hidden; - margin-bottom: 120px -} - -@media screen and (max-width: 767px) { - .p-keyvisual { - width:100%; - height: 40vh; - border-radius: 5vw; - margin-bottom: 10vw - } -} - -.p-pickup { - padding-top: 0 !important -} - -.p-pickup .slick-dots { - width: 10px; - bottom: 0; - left: -56px; - z-index: 10 -} - -@media screen and (max-width: 767px) { - .p-pickup .slick-dots { - left:0 - } -} - -.p-pickup .slick-dots li { - width: 10px; - height: 10px; - display: block; - margin: 6px 0 -} - -.p-pickup .slick-dots li button { - width: inherit; - height: inherit; - padding: 0 -} - -.p-pickup .slick-dots li button::before { - content: ""; - position: absolute; - top: 0; - left: 0; - width: inherit; - height: inherit; - line-height: 1; - opacity: .25; - background: #EFB39C -} - -.p-pickup .slick-dots li.slick-active button::before { - opacity: 1 -} - -@media screen and (min-width: 768px) { - .p-pickup__contents { - width:776px - } -} - -.p-pickup__item { - display: flex; - justify-content: space-between -} - -@media screen and (min-width: 768px) { - .p-pickup__item { - align-items:center - } -} - -@media screen and (max-width: 767px) { - .p-pickup__item { - flex-direction:column - } -} - -.p-pickup__thumb { - width: 320px; - height: 240px; - border-radius: 32px; - overflow: hidden -} - -@media screen and (max-width: 767px) { - .p-pickup__thumb { - width:100%; - height: 56vw; - border-radius: 10vw; - margin-bottom: 4vw - } -} - -@media screen and (min-width: 768px) { - .p-pickup__body { - width:400px - } -} - -@media screen and (max-width: 767px) { - .p-pickup__body { - text-align:center - } -} - -.p-recommend { - position: relative; - z-index: 10 -} - -.p-recommend::before { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: -1; - background: #EFB39C; - opacity: 0.1 -} - -.p-recommend__contents { - display: flex; - justify-content: space-between -} - -@media screen and (max-width: 767px) { - .p-recommend__contents { - flex-direction:column - } -} - -@media screen and (min-width: 768px) { - .p-recommend__item { - width:280px - } -} - -@media screen and (max-width: 767px) { - .p-recommend__item { - margin-bottom:4vw; - text-align: center - } -} - -.p-recommend__thumb { - width: 280px; - height: 210px; - border-radius: 28px; - overflow: hidden -} - -@media screen and (max-width: 767px) { - .p-recommend__thumb { - width:100%; - height: 56vw; - border-radius: 10vw - } -} - -.p-news { - border-bottom: 1px solid #EFB39C -} - -.p-news__contents { - display: flex; - flex-wrap: wrap -} - -.p-news__item { - width: 280px; - margin-right: 24px; - padding: 32px; - box-shadow: 0px 0px 3px rgba(0,0,0,0.3); - border-radius: 0px 28px 0px 28px -} - -@media screen and (max-width: 767px) { - .p-news__item { - width:100%; - margin-right: 0; - padding: 4vw; - margin-bottom: 4vw - } -} - -.p-news__item:nth-child(3n) { - margin-right: 0 -} - -.p-categoy__title { - font-size: 14px; - border-radius: 0px 12px 0px 12px; - height: 32px; - line-height: 32px; - padding: 0 16px; - font-weight: normal; - overflow: hidden; - position: relative; - z-index: 10 -} - -.p-categoy__title::before { - content: ""; - width: 100%; - height: 100%; - background: #EFB39C; - opacity: 0.4; - position: absolute; - top: 0; - left: 0; - z-index: -1 -} - -.p-menu { - width: 400px; - height: inherit; - padding: 48px; - display: flex; - flex-direction: column; - justify-content: space-between; - align-items: center -} - -.p-menu__sitename { - font-size: 2.85714rem; - font-family: 'Roboto', sans-serif; - font-weight: bold; - text-align: center -} - -.p-menu__sitename img { +.on .category-list.wSikaku #appsItemCategoryTag { width: auto; height: auto; - max-height: 64px + padding: 20px; + box-sizing: border-box; +} +@media screen and (max-width: 1024px) { + #mask { + display: none; + opacity: .8; + background: #333; + z-index: 9962 !important; + width: 100%; + position: fixed; + top: 0; + right: 0; + bottom: 0; + cursor: pointer; + } + .sp_menu-center, .sp_menu-float { + margin: 0; + top: 0; + left: 0; + width: 100%; + position: fixed; + z-index: 9970 !important; + } + .menus { + background: #efefef; + width: 300px; + left: -300px; + display: block; + bottom: 0; + -webkit-overflow-scrolling: touch; + overflow-y: auto; + position: fixed; + top: 0; + transition: .5s; + padding: 0; + + } + .menus_open { + -webkit-transform: translateZ(0); + transition: .5s; + left: 0!important; + } + .menus_sp { + width: 300px; + height: 100%; + overflow-y: auto; + } + .menuList { + margin: 0; + padding: 0 0 50px; + } + .menuList__item { + display: block; + padding: 0; + margin: 0!important; + font-size: 12px; + border-bottom: 1px solid #fff; + text-align: left; + } + .sp_center { + border-bottom: none; + } + .menuList__item a, .mainHeaderNavColor { + color: #111; + display: block; + line-height: 50px; + width: auto; + padding: 0 0 0 25px; + font-family: 'Gill sans', 'Gill sans MT', 'Lato', Calibri, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, sans-serif; + } + .mainHeaderNavColor { + cursor: default; + } + .menuList__item .category__item a { + line-height: 20px; + margin: 0; + } + .category-list { + background-color: #fbfbfb !important; + display: block; + padding: 0 0 0 25px; + width: 100%; + height: auto; + box-sizing: border-box; + } + .on .category-list { + position: static; + background-color: #fbfbfb !important; + border-top: 0; + margin: 0; + max-width: 100%; + border-radius: 0; + display: block; + padding: 0 0 0 25px; + width: 100%; + height: auto; + box-sizing: border-box; + } + .category__item { + margin: 0; + border-bottom: 1px dotted #d2d2d2; + display: block; + padding: 16px 0; + } + .category__item:last-child { + border-bottom: none; + } + .category__list--medium .category__item { + border-bottom: none; + padding: 12px 0 0px 12px; + } + .on .category-list.w250, .on .category-list.w300, .on .category-list.wSikaku { + left: 0; + } + .on .category-list.w250 #appsItemCategoryTag, .on .category-list.w300 #appsItemCategoryTag, .on .category-list.wSikaku #appsItemCategoryTag { + width: 100%; + height: auto; + border-radius: 0; + padding: 0; + background-color: #fbfbfb !important; + } + #appsItemCategoryTag .category__item a, #appsItemCategoryTag .category__item a:link, #appsItemCategoryTag .category__item a:visited, #appsItemCategoryTag .category__item a:hover, #appsItemCategoryTag .category__item a:active { + color: #111; + font-size: 12px; + padding: 0; + display: block; + width: auto; + margin: 0; + font-weight: normal; + } + .drawer-form__search { + width: 86%; + margin: 12px auto; + padding: 1% 2%; + display: block; + border: 1px solid #e5e5e5; + -webkit-appearance: none!important; + border-radius: 0 + } + .drawer-category { + border-top: 1px solid #e5e5e5 + } + .drawer-category__list { + width: 100%; + border-bottom: 1px solid #e5e5e5 + } +} +@media only screen and (max-width:320px) { + .menus { + width: 264px; + left: -264px; + } } -.p-menu__nav { + + +/*==================================================================== +.menuList__item a.offiS +====================================================================*/ +.menuList__item a.offiS { + border-bottom: 1px dotted #a2a2a2; +} +@media screen and (max-width: 1024px) { + .menuList__item a.offiS { + font-style: italic; + border-bottom: 0; + } +} + + + +/*==================================================================== +.topNotice +====================================================================*/ +.topNotice { + font-size: 14px; + margin: 30px 0; + background-color: #fff; + border-radius: 6px; + padding: 7% 4%; + text-align: center; + display: inline-block; +} + + + +/*==================================================================== +.mainBLock +====================================================================*/ +.mainBLock { + padding: 0; +} + + + +/*==================================================================== +.mainImage +====================================================================*/ +.mainImage { + max-width: 1140px; + margin: 0 auto; + padding: 0 0 40px; + display: table; + width: 100%; + position: relative; +} +.mainImage a img:hover { + opacity: .8; +} +@media screen and (max-width: 1140px) { + .mainImage { + max-width: 100%; + } +} +@media screen and (max-width: 518px) { + .mainImage { + max-width: 100%; + padding: 0 0 30px; + } +} + + + +/*==================================================================== +.headerWrapper +====================================================================*/ +.headerWrapper { + position: relative; + max-width: 1140px; + margin: 0 auto; + clear: both; + min-height: 100px; +} +.contentHeader { + min-height: 100px; + background-repeat: no-repeat; + background-size: cover; + background-attachment: fixed; + background-position: center center; +} +.contentHeader.loaded { + opacity: 1; + transition: opacity .8s; +} + + + +/*==================================================================== +.memoBlock +====================================================================*/ +.memoBlock { + margin: 0 auto; + padding: 0 20px 40px; + +} +.infoBlock { + padding: 10px 20px; text-align: center; - padding: 48px 0 + max-width: 1070px; + margin: 0 auto; +} +.infoBlock__title, .infoBlock__titleSub { + padding: 0 0 5px; + font-family: 'Gill sans', 'Gill sans MT', 'Lato', Calibri, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, sans-serif; + letter-spacing: 0.15em; + text-align: center; + line-height: 2.0em; + margin: 0 auto; +} +.infoBlock__content, .infoBlock__contentSub { + font-size: 13px; + letter-spacing: 0.12em; + line-height: 2.0em; +} +.memoBlock.left .infoBlock__content, .memoBlock.left .infoBlock__contentSub { + max-width: 800px; + margin: 0 auto; +} +.infoBlock__title02 { + font-family: 'Gill sans', 'Gill sans MT', 'Lato', Calibri, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, sans-serif; + letter-spacing: 0.15em; + text-align: center; + line-height: 2.0; + margin: 10px 0; +} +.infoBlock__content02 { + font-size: 13px; + letter-spacing: 0.15em; + line-height: 2.0; + margin: 10px 0; +} +@media screen and (max-width: 518px) { + .memoBlock { + padding: 0 20px 30px; + } } -.p-menu__nav .p-menu__nav__list__item { - position: relative + + +/*==================================================================== +#movie +====================================================================*/ +:focus { + outline: none; +} +.movie { + margin: 0 0 20px; +} +.movie a.btn { + display: inline-block; + padding: 10px 70px; + border: 1px solid #333333; + background: rgba(255, 255, 255, 0.5); + text-align: center; + line-height: 1; + transition: .3s; + border-radius: 0px; + cursor: pointer; + white-space: nowrap; + font-size: 14px; +} +.movie a.btn:hover { + border: 1px solid rgba(0,0,0,.1); + background: rgba(255,255,255,.5); +} +p.movie .waku { +} +#movie { + margin: 0 auto; + padding: 0 20px 40px; + text-align: center; +} +#movie h3 { + padding: 0 0 5px; + font-family: 'Gill sans', 'Gill sans MT', 'Lato', Calibri, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, sans-serif; + letter-spacing: 0.15em; + text-align: center; + line-height: 2.0em; + margin: 0 auto; +} +#movie .sub { + padding: 0 0 12px; + line-height: 2.0em; +} +#movie .thumb { + width: 373px; + margin: 0 auto; +} +#movie .thumb img { + width: 100%; +} +#movie .thumb a:hover img { + opacity: 0.8; + -moz-opacity: 0.8; + -webkit-opacity: 0.8; +} +@media screen and (max-width: 518px) { + #movie { + padding: 0 20px 30px; + } +} +@media screen and (max-width : 400px) { + #movie .thumb { + width: 100%; + text-align: center; + } + #movie .thumb img { + width: 90%; + } +} +@media screen and (max-width : 300px) { + .movie a.btn { + padding: 10px 10px; + width: 100%; + box-sizing: border-box; + } } -.p-menu__nav .p-menu__nav__list__item a { - font-size: 1.14286rem; - font-family: 'Georgia', serif; - padding: 16px 0 -} -.p-menu__nav .p-menu__nav__list__item .p-menu__nav__list__item__hover { - display: none -} -.p-menu__nav .p-menu__nav__list__item:hover .p-menu__nav__list__item__hover { - width: 230px; - border: 1px solid #6A5249; +/*==================================================================== +.whiteArea-item +====================================================================*/ +.whiteArea-item { background: #fff; - position: absolute; - top: 0; - right: 80%; - display: block; - z-index: 1 + padding: 0; + margin: 0 auto 50px; + clear: both; + display: table; + width: 100%; + max-width: 1140px; +} +@media screen and (max-width: 1100px) { + .whiteArea-item { + display: inline-block; + margin: 0 2% 50px; + width: 96%; + } +} +@media screen and (max-width: 640px) { + .whiteArea-item { + background: #fff; + padding: 0; + margin: 0 2% 30px; + display: block; + width: initial; + } } -@media screen and (max-width: 767px) { - .p-menu__nav__icon { - padding-left:16px; - padding-right: 16px; - align-items: center; - justify-content: center - } -} -.p-menu__nav__icon__item { - padding: 16px 0 -} -.p-menu__nav__icon__item a { - width: 32px; - height: 32px; - margin: 0 8px; +/*==================================================================== +.mainBLockWrapper +====================================================================*/ +.mainBLockWrapper { + max-width: 100%; + margin: 0 auto; + width: 100%; background-color: #fff; - border-radius: 16px; - padding: 4px 6px 0 6px } - -.p-menu__nav__icon__item img { - opacity: 0.6 -} - -.p-menu__scroll { - width: 48px; - height: 48px; - cursor: pointer -} - -.p-menu__scroll p { - width: 24px; - height: 24px; - border-bottom: 1px solid #6A5249; - border-right: 1px solid #6A5249; - transform: rotate(45deg); - margin: 4px auto 0 auto -} - -.p-search,.p-search--header { - border: 1px solid #6A5249; - border-radius: 7px; - overflow: hidden -} - -@media screen and (min-width: 768px) { - .p-search,.p-search--header { - max-width:320px - } -} - -@media screen and (max-width: 767px) { - .p-search--header { - margin:16px; - background: #fff; - overflow: visible - } -} - -.p-search__form { - width: 100%; - display: flex; - padding: 4px; - background: #fff -} - -@media screen and (max-width: 767px) { - .p-search__form { - align-items:center; - background: none - } -} - -.p-search__input { - padding: 0 8px; - width: calc(100% - 24px) -} - -.p-search__submit { - width: 24px; - height: 24px; - line-height: 24px; - text-align: center; +.mainBLockWrapper.staticWrapper { + max-width: 970px; + margin: 0 auto 100px; display: block; - border-radius: 6px +} +.mainBLockWrapper.staticWrapper.full { + max-width: 1140px !important; +} +@media screen and (max-width: 1210px) { + .mainBLockWrapper.staticWrapper.w1140 { + max-width: 94% !important; + margin: 0 auto 50px; + box-sizing: border-box; + } + .mainBLockWrapper.staticWrapper.full { + + max-width: 94% !important; + } +} +@media screen and (max-width: 1140px) { + .mainBLockWrapper.staticWrapper.w1070 { + max-width: 94% !important; + margin: 0 auto 50px; + box-sizing: border-box; + } } -.p-search__submit img { - width: 15px; - vertical-align: sub + + +/*==================================================================== +.searchResult +====================================================================*/ +.searchResult { + padding: 40px 10px; + text-align: center; +} +@media screen and (max-width:1070px) { + .searchResult { + padding: 20px 10px; + text-align: center; + } } -.p-products__list { - display: flex; - flex-wrap: wrap + + +/*==================================================================== +.itemCat +====================================================================*/ +.itemCat { + padding: 40px 10px; + text-align: center; +} +.itemCat .breadcrumb__child { + display: inline; + font-size: 11px; +} +.itemCat .breadcrumb__child:not(:last-child):after { + content: " > "; + padding: 0 5px; +} +.itemCat .childrenList { + margin-top: 4px; +} +.itemCat .childrenList__li { + border-radius: 100px; + box-sizing: border-box; + display: inline-block; + font-size: 11px; + min-height: 14px; + padding: 10px 15px; + margin: 8px 4px 0; +} +@media screen and (max-width:1024px) { + .itemCat { + padding: 20px 10px 30px; + } } -.p-products__item { - width: 240px; - margin-right: 32px; - margin-bottom: 40px; - position: relative + + +/*==================================================================== +.itemBlock +====================================================================*/ +.itemBlock { + max-width: 1070px; + margin: 20px auto 100px; + display: block; } - -.p-products__item:nth-child(3n) { - margin-right: 0 +.itemBlock__title { + padding: 0 0 20px; + font-family: 'Gill sans', 'Gill sans MT', 'Lato', Calibri, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, sans-serif; + letter-spacing: 0.15em; + text-align: center; + line-height: 2.0em; } - -.p-products__item:nth-last-child(-n+3) { - margin-bottom: 0 +.itemList { + padding: 0; + list-style: none; + width: 100%; + display: flex; + flex-wrap: wrap; } - -@media screen and (max-width: 767px) { - .p-products__item { - text-align:center; - width: 100%; - margin-right: 0; - margin-bottom: 8vw - } - - .p-products__item:nth-last-child(-n+3) { - margin-bottom: 8vw - } -} - -.p-products__thumb { - width: 240px; - /* height: 180px; */ - height: auto; - border-radius: 24px; - overflow: hidden; -} - -@media screen and (max-width: 767px) { - .p-products__thumb { - width:100%; - /* height: 56vw; */ - height: auto; - border-radius: 10vw - } -} - -.p-products__label { - position: absolute; - width: 88px; - top: -24px; - left: -24px -} - -@media screen and (max-width: 767px) { - .p-products__label { - top:-4vw; - left: -4vw; - width: 70px - } -} - -.p-price { - color: #EF9C9C; - display: flex; - flex-wrap: wrap; - align-items: center -} - -.p-price__rate,.p-price__rate--soldout { - background: #EF9C9C; - color: #fff; +.itemList__item { + margin: 0 1% 20px; + width: 31.3%; + float: left; + background-color: rgba(255, 255, 255, 0.92); border-radius: 6px; - line-height: 1.4; - padding: 0 8px -} - -.p-price__proper { - color: rgba(0,0,0,0.3); - margin-right: 8px; - text-decoration: line-through -} - -.p-price__rate--soldout { - background: rgba(0,0,0,0.2) -} - -.p-price__num,.p-price__num--soldout,.p-price__num--per { - margin-right: 12px -} - -.p-price__num--soldout { - color: rgba(0,0,0,0.3) -} - -.p-price__num--per { - text-decoration: line-through -} - -.lb-image { - font-family: none -} - -.p-about__text { - padding: 64px 0; - margin: 0 auto -} - -@media screen and (max-width: 767px) { - .p-about__text { - width:100%; - padding: 32px 0 - } -} - -@media screen and (max-width: 767px) { - .p-item { - padding-top:0 !important - } -} - -.p-item__title { - margin-bottom: 8px -} - -.p-item__price { - margin-bottom: 8px -} - -.p-item__block { + padding: 35px 0 15px; position: relative; - display: flex + transition: all 0.25s ease; + -webkit-transition: all 0.25s ease; + box-sizing: border-box; } - -@media screen and (min-width: 768px) { - .p-item__block { - justify-content:space-between - } +.itemList__imgbox { + border-radius: 154px; + overflow: hidden; + vertical-align: middle; + width: 280px; + height: 280px; + position:relative; + margin: 0 auto; } - -@media screen and (max-width: 767px) { - .p-item__block { - flex-direction:column-reverse - } +.itemList__imgbox img { + object-fit: cover; + object-position: center center; + font-family: 'object-fit: cover; object-position: center center;'; + width: 100%; + height: 100%; } - -@media screen and (min-width: 768px) { - .p-item__addcart { - width:288px - } +.itemList__imgbox img:hover { + opacity: .5; } - -@media screen and (min-width: 768px) { - .p-item__details { - width:680px - } -} - -.p-item__preview { - width: 100%; - height: 360px; - border-radius: 14px; - overflow: hidden -} - -.p-item__preview a { - width: inherit; - height: inherit -} - -@media screen and (max-width: 767px) { - .p-item__preview { - width:100%; - height: 80vw; - margin-bottom: 2vw - } -} - -.p-item__photos { - display: flex; - flex-wrap: wrap; - margin-top: 16px -} - -@media screen and (max-width: 767px) { - .p-item__photos { - margin-top:4vw - } -} - -.p-item__photo { - width: calc((100% - 4px * 9) / 10); - height: 54px; - margin-bottom: 4px; - margin-right: 4px; - cursor: pointer; - overflow: hidden -} - -@media screen and (max-width: 767px) { - .p-item__photo { - width:calc((100% - 2vw * 9) / 10); - height: 8vw; - margin-right: 2vw !important; - margin-bottom: 2vw - } -} - -.p-item__photo:nth-child(10n) { - margin-right: 0 -} - -@media screen and (max-width: 767px) { - .p-item__photo:nth-child(10n) { - margin-right:0 !important - } -} - -.p-item__photo.is-active { - opacity: 0.5 -} - -.p-item__label { - max-width: 80px; - margin-bottom: 8px -} - -.p-item__body { - margin: 32px 0 -} - -.p-item__buttons { - display: flex; - flex-wrap: wrap; +.itemInfo { + padding: 20px 20px; text-align: center; - align-items: center +} +.itemInfo__title { + font-size: 13px; + font-weight: normal; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + -webkit-text-overflow: ellipsis; + -o-text-overflow: ellipsis; + line-height: 15px; +} +.itemInfo__price { + padding-top: 8px; +} +.itemInfo__price span { + display: block; + font-size: 14px; + color: #999; +} +@media screen and (max-width: 1300px){ + .itemList__imgbox { + width: 260px; + height: 260px; + } +} +@media screen and (max-width: 1200px){ + .itemList__imgbox { + width: 240px; + height: 240px; + } +} +@media screen and (max-width: 1100px){ + .itemList__imgbox { + width: 220px; + height: 220px; + } +} +@media screen and (max-width: 1024px) { + .itemBlock { + margin: 0px auto 50px; + } +} +@media screen and (max-width: 1000px){ + .itemList__imgbox { + width: 210px; + height: 210px; + } +} +@media screen and (max-width: 970px) { + .itemList__item { + margin: 0 1% 15px; + } + .itemInfo { + padding: 20px 10px; + } +} +@media screen and (max-width: 900px){ + .itemList__imgbox { + width: 200px; + height: 200px; + } +} +@media screen and (max-width: 800px){ + .itemList__imgbox { + width: 180px; + height: 180px; + } +} +@media screen and (max-width: 700px) { + .itemList__imgbox { + width: 160px; + height: 160px; + } +} +@media screen and (max-width: 640px) { + .itemList__item { + width: 48%; + margin: 0 1% 10px; + } + .itemList__imgbox { + width: 180px; + height: 180px; + } +} +@media screen and (max-width: 540px) { + .itemList__imgbox { + width: 160px; + height: 160px; + } +} +@media screen and (max-width: 440px) { + .itemList__item { + padding: 20px 0 5px; + } + .itemList__imgbox { + width: 150px; + height: 150px; + } +} +@media screen and (max-width: 360px) { + .itemList__item { + width: 96%; + float: none; + padding: 35px 0 15px; + margin: 0 2% 10px; + } + .itemList__imgbox { + width: 210px; + height: 210px; + } +} +@media screen and (max-width: 270px) { + .itemList__imgbox { + width: 170px; + height: 170px; + } +} +@media screen and (max-width: 200px) { + .itemList__imgbox { + width: 100px; + height: 100px; + } } -@media screen and (max-width: 767px) { - .p-item__buttons { - margin-bottom:4vw - } -} -.p-item__buttons #twitter-widget-0 { - position: relative; - top: 2px -} -.p-item__buttons .widgetLink { +/*==================================================================== +.itemList__item.soldout +====================================================================*/ +.itemList__item.soldout .itemInfo__price span { + text-decoration: line-through; + line-height: 15px; +} +.itemList__item.soldout .itemInfo__price:before { + content: "SOLD OUT"; + color: #ffffff; + font-size: 11px; + text-decoration: none; + background: #a2a2a2; + padding: 4px 10px; + margin: 0 0 5px 0; + border-radius: 2px; + box-sizing: border-box; display: inline-block; - background: rgba(0,0,0,0.4); - color: #fff; - padding: 0 8px; - border-radius: 4px +} +@media screen and (min-width: 1025px) { + .itemList__item.soldout .itemList__imgbox:hover { + position: relative; + } + .itemList__item.soldout .itemList__imgbox:hover img { + opacity: 0.3; + } + .itemList__item.soldout .itemList__imgbox:hover:after { + color: #000000; + content: "SOLD OUT"; + font-size: 16px; + display: block; + height: 100px; + line-height: 100px; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 0; + margin: auto; + text-align: center; + z-index: 1; + } } -@media screen and (max-width: 767px) { - .p-item__buttons .widgetLink { - display:block - } + + +/*==================================================================== +.itemList__item .label_image +====================================================================*/ +.itemList__item .label_image { + position: absolute; + width: 65px; + z-index: 2; + top: 24px; + left: 0; + right: 0; + margin: auto; +} +@media screen and (max-width: 1000px) { + .itemList__item .label_image { + width: 50px; + z-index: 1; + top: 26px; + } +} +@media screen and (max-width: 440px) { + .itemList__item .label_image { + top: 11px; + } +} +@media screen and (max-width: 360px) { + .itemList__item .label_image { + top: 26px; + } } -.p-item__button { - height: 22px; - margin-right: 8px + + +/*==================================================================== +.item +====================================================================*/ +.itemPhotoBlock { + position: relative; + margin-right: 20px; +} +.itemPhotoBlock .label_image { + position: absolute; + left: -12px; + top: -12px; + width: 70px; + z-index: 52; +} +.itemSlideWrapper { + margin: 0 auto; + position: relative; +} +.itemSlideWrapper .bx-wrapper { + margin-bottom: 30px; +} +.itemSlideWrapper .bx-wrapper .bx-viewport { + background-color: transparent; + border: none; + box-shadow: none; + left: 0; +} +.itemSlideWrapper .mainImg__item { + text-align: center; +} +.itemSlideWrapper .mainImg__item img { + width: 100%; +} +#itemSlidePager { + text-align: center; + margin: 0; + padding: 0 0 30px; +} +#itemSlidePager.noslide { + padding-top: 20px; +} +#itemSlidePager a { + display: inline-block; + opacity: .7; + margin: 0 10px 10px 0; + padding: 0; + text-align: center; +} +#itemSlidePager a.active { + opacity: 1; +} +#itemSlidePager a img { + max-width: 80px; + max-height: 80px; +} +.itemInfoBlock .itemInfoWrapper { + padding: 0 0 25px; +} +.itemInfoBlock .itemDetail__title { + font-size: 16px; + font-weight: normal; + margin-bottom: 15px; +} +.itemInfoBlock .itemDetail__price { + font-size: 16px; + margin-bottom: 25px; +} +.itemInfoBlock #itemAttention { + font-size: 11px; + margin-bottom: 20px; +} +#postageOpen { + color: #1d96f7 !important; +} +.itemInfoBlock #itemSelect { + margin: 40px 0 20px; +} +.itemInfoBlock #itemSelect>div { + margin: 0 0 10px; } -.p-item__note { - margin-top: 24px; - font-size: .85714rem +.itemInfoBlock #itemSelect label { + display: inline-block; + line-height: 30px; + width: 50px; +} +.itemInfoBlock #itemSelect select { + height: 30px; + width: 150px; + cursor: pointer; +} +.itemInfoBlock .addCartBtn { + background-color: #ff7d7d; + color: #fff; + font-size: 16px; + line-height: 45px; + width: 100%; +} +.itemInfoBlock .addCartBtn.soldout { + background-color: #a2a2a2; + color: #ffffff; + cursor: default; +} +.itemInfoBlock .itemExplain { + border-top: 1px dotted #ddd; + margin: 30px 0; + padding: 30px 0; + word-break: break-all; +} +.itemInfoBlock #widget { + margin: 0px 0 0 10px!important; +} +.itemInfoBlock .widgetLink { + background-color: #3a3a3a!important; + border-radius: 2px!important; + color: #fff!important; + height: auto!important; + font-size: 10px!important; + padding: 0.5px 5px!important; + text-align: center!important; +} +.itemInfoBlock .itemSocial { + margin-top: 20px; + text-align: center; +} +.itemInfoBlock .itemSocial>div { + display: inline-block; + vertical-align: top; +} +.itemInfoBlock .itemSocial>div:first-child { + margin: 0 10px 10px 0; +} +.itemInfoBlock .illegalReportBlock { + border-top: 1px dotted #ddd; + font-size: 11px; + margin-top: 30px; + padding-top: 20px; + text-align: right; +} +.itemDetailCol { + width: 50%; + float: left; +} +.itemDetailCol:last-child { + width: 50%; + float: left; +} +.itemPhotoBlock { + margin: 30px 0 30px 30px; +} +.itemInfoBlock { + margin: 30px; +} +@media screen and (max-width:1300px) { + .itemSlideWrapper { + padding: 0; + } +} +@media screen and (max-width: 1024px) { + #itemSlidePager { + padding: 5px 0 10px; + } + #itemSlidePager a { + } + #itemSlidePager a:last-child { + margin-right: 0; + } + #itemSlidePager a.active { + } + #itemSlidePager a img { + max-width: 45px; + max-height: 45px; + } + .itemSlideWrapper .bx-wrapper { + margin-bottom: 10px; + } + .itemInfoBlock .itemInfoWrapper { + padding: 0; + } + .itemPhotoBlock .label_image { + left: -9px; + top: -9px; + width: 50px; + z-index: 1; + } +} +@media screen and (max-width: 1024px) { + .itemSlideWrapper { + padding: 0; + } + .itemSlideWrapper .mainImg__item img { + border-radius: 0; + margin: 0 auto; + width: auto; + max-height: 640px; + max-width: 100%; + } +} +@media screen and (max-width: 640px) { + .itemBLock { + padding: 15px 15px; + } + .itemDetailCol { + width: 100%; + float: none; + margin: 0 0 10px; + } + .itemDetailCol:last-child { + margin: 0 auto; + width: 100%; + float: none; + } + .itemPhotoBlock { + margin: 0; + } + .itemInfoBlock { + margin: 0; + } } -.p-detail { - justify-content: center; - align-items: flex-start; - position: relative + + +/*==================================================================== +.staticContainer +====================================================================*/ +.staticContainer { + padding: 30px 60px; +} +@media screen and (max-width: 1024px) { + .staticContainer { + padding: 30px 20px; + } } -@media screen and (max-width: 767px) { - .p-detail { - flex-direction:column - } + + +/*==================================================================== +.sBlock +====================================================================*/ +.sBlock h1, .sBlock h2 { + border-bottom: 1px dotted #ddd; + font-size: 22px; + letter-spacing: 0.1em; + margin: 0 0 35px; + padding-bottom: 25px; + text-align: center; + font-weight: normal; + font-family: 'Gill sans', 'Gill sans MT', 'Lato', Calibri, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, sans-serif; +} +.sBlock p { + font-size: 13px; + line-height: 2.0; + word-wrap: break-word; +} +.sBlock .inquirySection p { + font-weight: 700; + text-align: center; + margin: 50px 0 30px; +} +.sBlock .inquirySection form dl { + margin: 0 auto; + width: 80%; +} +.sBlock .inquirySection form dt { + margin: 0 0 10px +} +.sBlock .inquirySection form span { + color: #E95F5B; + font-size: 12px; +} +.sBlock .inquirySection form span:before { + content: ' '; +} +.sBlock .inquirySection form dd { + margin: 0 0 30px; +} +.sBlock .inquirySection form dd input, .sBlock .inquirySection form dd textarea { + border: 1px solid #ddd; + border-radius: 3px; + height: 40px; + padding: 0 2%; + width: 96%; +} +.sBlock .inquirySection form dd textarea { + height: 70px; + padding: 2%; +} +.sBlock .inquirySection form .control-panel { + padding: 30px 0 10px; + text-align: center; +} +.sBlock .inquirySection form .control-panel input { + -webkit-appearance: button; + background-color: #666; + border: none; + border-radius: 5px; + color: #fff; + line-height: 40px; + display: inline-block; + font-size: 16px; + width: 60%; +} +.sBlock .inquirySection#inquiryConfirmSection dd { + background-color: #f4f4f4; + border-radius: 3px; + padding: 15px 10px; +} +.sBlock .inquirySection#inquiryCompleteSection>p { + padding: 40px 0 80px; +} +.sBlock .inquirySection#inquiryCompleteSection>a { + display: block; + margin: 50px 0 0; + text-align: center; +} +@media screen and (max-width: 1024px) { + .sBlock h1, .sBlock h2 { + font-size: 18px; + margin: 0 0 30px; + padding-bottom: 20px; + } + .sBlock .inquirySection form dl { + width: 94%; + } + .sBlock .inquirySection form .control-panel { + padding: 10px 0; + } + .sBlock .inquirySection#inquiryCompleteSection>a { + text-align: center; + } + .sBlock .inquirySection form dd input, .sBlock .inquirySection form dd textarea { + font-size: 16px; + -webkit-appearance: none; + } } -.p-detail__main { - position: relative + + +/*==================================================================== +#law, #privacy +====================================================================*/ +.sBlock #law h3 { + margin-top: 20px; + font-size: 14px; +} +.sBlock #privacy h3 { + margin-bottom: 20px; +} +.sBlock #privacy dl dt { + font-weight: 700; + margin: 0 0 5px; +} +.sBlock #privacy dl dd { + margin: 0 0 15px; } -.p-detail__main__photo { - position: relative + + +/*==================================================================== +.blog +====================================================================*/ +.sBlock.blogBlock .blog_title h2 { + word-wrap: break-word; + font-weight: normal; + border-bottom: none; + font-size: 20px; + letter-spacing: .1em; + line-height: 2.0 !important; + margin: 0; + padding-bottom: 10px; + text-align: left; } - -.p-detail__main__photo .p-detail__main__photo__img { - width: 536px; - height: 536px; - object-fit: cover +.main #about.blogListMain > .blog_inner { + padding: 0 0 40px 0 !important; + margin: 0 auto 40px; } - -@media screen and (max-width: 767px) { - .p-detail__main__photo .p-detail__main__photo__img { - width:100vw; - height: 100vw - } +.main #about.blogDetail > .blog_inner { + padding: 0 0 40px !important; } - -.p-detail__main__photo__prev,.p-detail__main__photo__next { - width: 32px; - height: 32px; - background: rgba(255,255,255,0.5); - display: none +.main #about.blogListMain .blog_publish { + margin: 0 0 20px !important; } - -.p-detail__main__photo__prev:before,.p-detail__main__photo__next:before { - content: ""; - display: block; - width: 9px; - height: 9px; - border-top: 2px solid #000; - border-right: 2px solid #000; - margin-top: 11px +.main #about.blogDetail .blog_publish { + margin: 0 0 20px !important; } - -.p-detail__main__photo__prev:before { - transform: rotate(-135deg); - margin-left: 11px +.main #about.blogListMain .publish_date, .main #about.blogDetail .publish_date { + color: #999; + font-size: 11px !important; + margin: 0 !important; } - -@media screen and (max-width: 767px) { - .p-detail__main__photo__prev { - left:0 - } +.main #about > .blog_inner .blog_contents { + line-height: 2.0; + height: auto !important; } - -.p-detail__main__photo__next:before { - transform: rotate(45deg); - margin-left: 8px +.main #about .blog_contents img { + max-width: 100%; + height: auto; } - -@media screen and (max-width: 767px) { - .p-detail__main__photo__next { - right:0 - } -} - -.p-detail__main__list { - width: 100%; - justify-content: flex-start; - align-items: flex-start; - flex-wrap: wrap; - padding: 4px 0 -} - -.p-detail__main__list .p-detail__main__list__item { - width: 10%; - padding-right: 4px; - margin-bottom: 4px; - position: relative -} - -.p-detail__main__list .p-detail__main__list__item:nth-child(10n) { - padding-right: 0 -} - -.p-detail__main__list .p-detail__main__list__item.js-active a { - position: relative -} - -.p-detail__main__list .p-detail__main__list__item.js-active a:after { - content: ""; - display: block; - width: 100%; - height: 100%; - position: absolute; - top: 0; - left: 0; - border: 2px solid #000; - box-sizing: border-box -} - -@media screen and (max-width: 767px) { - .p-detail__main__list .p-detail__main__list__item { - width:20vw; - padding-left: 4px - } - - .p-detail__main__list .p-detail__main__list__item:nth-child(5n) { - padding-right: 4px - } - - .p-detail__main__list .p-detail__main__list__item:nth-child(10n) { - padding-right: 4px - } -} - -.p-detail__main__list .p-detail__main__list__img { - height: 50px; - object-fit: cover -} - -@media screen and (max-width: 767px) { - .p-detail__main__list .p-detail__main__list__img { - height:calc(20vw - 4px) - } -} - -.p-detail__main__desc { - margin: 32px 0 -} - -@media screen and (max-width: 767px) { - .p-detail__main__desc { - margin:8px 16px - } -} - -.p-btnIllegal a { - width: 80px; - height: 24px; - line-height: 24px; +.main #about.blogListMain .read_more { text-align: center; + position: static !important; + padding-top: 25px !important; +} +.main #about.blogListMain .read_more a { + background-color: #999; + border-radius: 2px; + box-sizing: border-box; + color: #fff !important; + font-size: 11px; + padding: 6px 30px; + text-align: center; + font-weight: normal !important; + display: inline-block; +} +.sBlock.blogBlock .blog_inner .blog_head_image { + margin: 0 0 16px; +} +.sBlock.blogBlock .blog_inner .blog_head_image img { + max-width: 100%; +} +.sBlock.blogBlock .blog_inner .social ul { + text-align: center; +} +.sBlock.blogBlock .blog_inner .social li { + display: inline-block; + margin-right: 8px; +} +.paginate li { + line-height: 10px !important; +} +@media screen and (max-width:1024px) { + .sBlock.blogBlock .blog_title h2 { + font-size: 18px; + } +} +@media screen and (max-width:650px) { + .youtube, .vimeo { + width: 100%; + height: 22em; + } +} +@media screen and (max-width:414px) { + .youtube, .vimeo { + height: 15em; + } +} +@media screen and (max-width:375px) { + .youtube, .vimeo { + height: 13em; + } +} +@media screen and (max-width:320px) { + .youtube, .vimeo { + height: 12em; + } +} + + + +/*==================================================================== +.about +====================================================================*/ +.aboutImage { + text-align: center; + max-width: 1140px; + margin: 0 auto; +} +.aboutImage.full { + max-width: 1140px; +} +.aboutImage img { + width: 100%; + vertical-align: top; +} +.aboutBlock p { + text-align: center; +} +.aboutBlock a, .aboutBlock a:active, .aboutBlock a:hover, .aboutBlock a:link, .aboutBlock a:visited { + border-bottom: 1px dotted #a2a2a2!important; +} +@media screen and (max-width: 970px) { + .aboutImage.full { + max-width: 100%; + } + .aboutImage { + max-width: 100%; + } + .aboutImage img { + width: 100%; + } +} + + + +/*==================================================================== +.shopSNS +====================================================================*/ +.shopSNS { + padding: 20px 0 30px; +} +.shopSNSList { + text-align: center; +} +.shopSNSList__item { + display: inline-block; + margin: 0 4px; +} +.shopSNSList__link { + background-color: #d8d8d8; + border-radius: 17px; + box-sizing: border-box; + display: block; + height: 34px; + padding: 8px 0 0; + text-align: center; + width: 34px; +} +.shopSNSList__icon { + color: #fff; + font-size: 18px; +} + + +/*==================================================================== +.footer +====================================================================*/ +.footer { + margin-top: 5%; + width: 100%; +} +.footer .footerMenu { + display: inline-block; + font-size: 12px; + text-align: center; +} +.footer .footerMenu__item { + display: inline-block; + margin: 10px 15px 0; +} +.footer .footerMenu__item #i18>div, .footerWrapper { + position: relative; +} +.footer .footerMenu__item #i18 .currency, .footer .footerMenu__item #i18 .lang { + display: inline-block; +} +.footer .footerMenu__item #i18 select { + border: 1px solid #ddd; + cursor: pointer; + font-size: 11px; + min-width: inherit; + background-color: #fff; + padding: 4px 10px; + margin: 0; +} +.footer .footerSocial>div { + display: inline-block; + margin: 0 5px; + vertical-align: top; +} +.footer .copy { + color: #a2a2a2; + font-size: 12px; + margin-top: 40px; + vertical-align: bottom; + text-align: center; +} +.footerWrapper { + height: auto; + padding: 30px 20px; + max-width: 1070px; + margin: 0 auto; +} +.footerMenu { + width: 100%; +} +.footer .rBlock { + display: inline-block; + width: 100%; +} +.footerSocial { + padding: 20px 0 0; + text-align: center; +} +@media screen and (max-width: 1024px) { + .footer .footerMenu__item { + display: block; + text-align: center; + margin: 0; + } + .footer .footerMenu__item:not(:last-child) { + margin: 0 0 15px; + } + #i18 .controlGroup { + display: table; + margin: 0 auto 10px; + } + #i18 .controlLabel, #i18 .controls { + display: table-cell; + } + #i18 .controlLabel { + padding: 0 20px 0 0; + } + #i18 .input.select, .catContainer { + position: relative; + } +} + + + +/*==================================================================== +#page-top, html,body(-scroll) +====================================================================*/ +#page-top { + display: block; + position: fixed; + bottom: 30px; + right: 30px; + width: 35px; + z-index: 50; + margin: 0px; +} +#page-top img { + width: 100%; + border: none; +} + + + +/*==================================================================== +.full .w1140 .w1070 +====================================================================*/ +.full { + max-width: 100%; +} +.itemBlock.full, .memoBlock.full, .whiteArea-item.full { + max-width: 1140px !important; +} +.w1140 { + max-width: 1140px !important; +} +.w1070 { + max-width: 1070px !important; +} +@media screen and (max-width: 1140px) { + .full { + max-width: 100%; + } + .itemBlock.full, .memoBlock.full, .whiteArea-item.full { + max-width: 100% !important; + } + .w1140 { + max-width: 100% !important; + } +} +@media screen and (max-width: 1070px) { + .w1070 { + max-width: 100% !important; + } +} + + + +/*==================================================================== +design Layout +====================================================================*/ +.Roboto { +} +.MSMincho { + font-family: "MS P明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, serif; + letter-spacing: 0.06em; + line-height: 1.5; +} +.HiraKaku { + font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro,"メイリオ", Meiryo, Osaka,"MS Pゴシック", MS PGothic,"sans-serif"; + letter-spacing: 0.06em; +} +.MSGothic { + font-family: "MS ゴシック", MS Gothic,"Osaka−等幅","Osaka-mono", monospace; + letter-spacing: 0.06em; + line-height: 1.5; +} +.non { +} +.maru { + background: url(https://basefile.s3.amazonaws.com/125naroom-theshop-jp/58254e3551022/bg-maru.jpg); + background-repeat: repeat; +} +.sikaku { + background: url(https://basefile.s3.amazonaws.com/125naroom-theshop-jp/58254e50ea5c3/bg-sikaku.jpg); + background-repeat: repeat; +} +.sima { + background: url(https://basefile.s3.amazonaws.com/125naroom-theshop-jp/58254e6938581/bg-sima.jpg); + background-repeat: repeat; +} +.maruWaku { + border-radius: 154px; +} +.sikakuWaku { + border-radius: 0; +} +.onT { +} +.onI { + display: none !important; +} +.selonT { + display: none !important; +} +.selonI { +} + + + +/*==================================================================== +sale app +====================================================================*/ +.sale .itemInfo__price span { + color: #c70e00; + font-weight: bold; + font-size: 14px; +} +.sale .off-text { + border-radius: 2px; + display: inline-block; + padding: 4px 10px; font-size: 11px; color: #fff; - background: #ddd; - margin-left: auto + margin: 5px 0 0; + background: #c70e00; } - -@media screen and (max-width: 767px) { - .p-btnIllegal a { - margin-right:16px - } +.sale .normal-price { + color: #999; + font-size: 11px; } - -.p-detail__info { - margin-left: 64px; - position: sticky; - position: -webkit-sticky; - top: 128px; - z-index: 1 +.itemInfoBlock .sale-itemDetail { + margin-bottom: 20px; } - -@media screen and (max-width: 767px) { - .p-detail__info { - margin-left:0; - padding: 16px - } +.itemInfoBlock .sale-itemDetail .itemDetail__price { + font-size: 26px; + margin-bottom: 0; + color: #c70e00; + font-weight: bold; } - -.p-detail__info__main__title { - font-size: 1rem -} - -.p-detail__info__main__price { - margin: 8px 0 32px 0 -} - -.p-detail__info__main__price .p-detail__info__main__price__normal { - font-size: 1.42857rem; - font-weight: bold -} - -.p-detail__info__main__price .p-detail__info__main__price__discount { - color: #aaa; - font-size: 1.14286rem; - font-weight: bold; - text-decoration: line-through; - display: block -} - -.p-detail__info__main__price .p-detail__info__main__price__rate { - width: 64px; - padding: 2px; - text-align: center; - color: #fff; - background: #e53935; - margin-right: 8px; - display: inline-block -} - -.p-detail__info__main__price .p-detail__info__main__price__cale { - color: #e53935; - font-size: 1.42857rem; - font-weight: bold; - display: inline-block -} - -.p-detail__info__main__price .p-detail__info__main__soldout { - color: #EF9C9C; - margin-right: 8px; - font-weight: bold -} - -.p-detail__info__main__price .p-detail__info__main__soldoutPrice { - color: #aaa; - font-size: 1.42857rem; - font-weight: bold; - text-decoration: line-through -} - -.p-detail__info__main__attention { - font-size: .85714rem; - border-bottom: 1px solid #000; - margin-bottom: 32px; - padding-bottom: 32px; - position: relative; - display: flex; - justify-content: flex-start; - align-items: center -} - -.p-detail__info__main__attention__label { - width: 70px; - height: 70px; - position: absolute; - top: -16px; - left: -16px; - z-index: 3 -} - -.p-btnBuy { - width: 240px; - height: 48px; - line-height: 48px; - text-align: center; - color: #fff; - font-weight: bold; - background: #EFB39C; - margin-top: 16px; - border-radius: 24px; - cursor: pointer; - font-size: 1.42857rem; - font-family: 'Crimson Text',"Yu Mincho Regular", "游明朝体", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif -} - -@media screen and (max-width: 767px) { - .p-btnBuy { - width:calc(100% - 32px); - margin: 16px auto; - display: block - } -} - -.p-detail__info__sub { - border-top: 1px solid #000; - margin-top: 32px; - padding-top: 32px -} - -.p-detail__info__sub .p-detail__info__sub__list__item { - margin-right: 8px; - min-width: 72px -} - -.p-btnShare { - width: 120px; - height: 24px; - line-height: 24px; - color: #fff; - text-align: center; - position: relative; - cursor: pointer -} - -.p-btnShare--t { - background: #1b95e0 -} - -.p-btnShare--t i { - position: relative; - top: 2px; +.itemInfoBlock .sale-itemDetail .off-text { + border-radius: 2px; display: inline-block; - width: 14px; - height: 14px; - background: transparent 0 0 no-repeat; - background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg…-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E) + padding: 4px 10px; + font-size: 12px; + color: #fff; + margin: 0 0 4px; + background: #c70e00; +} +.itemInfoBlock .sale-itemDetail .normal-price { + color: #999; + font-size: 11px; } -.p-btnShare--f { - background: #4267b2 -} -a:hover { - opacity: 0.8 -} -@media screen and (max-width: 767px) { - a:hover { - opacity:1 - } -} - -.u-flex { - display: -webkit-box; - display: -ms-flexbox; - display: flex -} - -.u-btnBuy--noItem { - color: #333; - font-weight: normal; - font-size: .85714rem; - border: 1px solid #6A5249; - background: #fff; - color: #6A5249 -} - -.u-wideinner--related { - margin: 0 auto -64px auto -} - -@media screen and (max-width: 767px) { - .u-recommend .p-products__item:nth-child(odd),.u-recommend .p-products__item:nth-child(even),.u-recommend .p-products__item:nth-child(3n) { - width:100%; - margin-left: 0; - margin-right: 0 - } -} - -.u-recommend .p-products__item__photo { - width: 270px; - height: 270px -} - -.u-sp { - display: none -} - -@media screen and (max-width: 767px) { - .u-sp { - display:block - } -} - -@media screen and (max-width: 767px) { - .u-pc { - display:none - } -} - -.u-font16 { - font-size: 16px -} - -.u-font18 { - font-size: 18px -} - -.u-font20 { - font-size: 20px -} - -.u-mb8 { - margin-bottom: 8px -} - -@media screen and (max-width: 767px) { - .u-mb8 { - margin-bottom:1vw - } -} - -.u-mb16 { - margin-bottom: 16px -} - -@media screen and (max-width: 767px) { - .u-mb16 { - margin-bottom:2vw - } -} - -.u-mb24 { - margin-bottom: 24px -} - -@media screen and (max-width: 767px) { - .u-mb24 { - margin-bottom:3vw - } -} - -.u-mb32 { - margin-bottom: 32px -} - -@media screen and (max-width: 767px) { - .u-mb32 { - margin-bottom:4vw - } -} - -.u-mb40 { - margin-bottom: 40px -} - -@media screen and (max-width: 767px) { - .u-mb40 { - margin-bottom:vw - } -} - -.u-fontno { - font-weight: normal -} - -.u-colorMain { - color: #EFB39C -} - -#baseMenu { - position: static -} - -#baseMenu>ul>li { - float: none; - margin: 0 -} - -#baseMenu>ul>li a,#baseMenu>ul>li a:hover { - background: transparent; - box-shadow: none; - margin: 0; - padding: 0; - width: 32px; - height: 32px; - background-color: #fff; - border-radius: 16px; - padding: 4px 6px 0 6px -} - -#baseMenu ul { - display: flex; - justify-content: center; - align-items: center -} - -@media screen and (max-width: 767px) { - #baseMenu li { - margin:0 8px !important - } -} - -#baseMenu li:last-child { - margin-left: 16px -} - -@media screen and (max-width: 767px) { - #baseMenu li:last-child { - margin-left:0 - } -} - -#baseMenu img { - width: 100% -} - -#appsItemCategoryTag .appsItemCategoryTag_child { - padding: 8px; - border-bottom: 1px solid #dbdbdb -} - -#appsItemCategoryTag .appsItemCategoryTag_child>a { - min-width: 30px -} - -#appsItemCategoryTag .appsItemCategoryTag_child>a:before { - content: "-"; - display: inline-block -} - -#appsItemCategoryTag .appsItemCategoryTag_lowerchild { - padding: 8px -} - -#appsItemCategoryTag .appsItemCategoryTag_lowerchild li { - padding: 4px -} - -#appsItemCategoryTag .appsItemCategoryTag_lowerchild li>a:before { - content: "-"; - display: inline-block -} - -.p-categoy #appsItemCategoryTag .appsItemCategoryTag_child { - position: relative; - padding: 0 -} - -.p-categoy #appsItemCategoryTag .appsItemCategoryTag_child::after { - content: ""; - width: 100%; - height: 1px; - background: #6A5249; +/*==================================================================== +販売期間設定App +====================================================================*/ +.itemList__item .waitingForSale { + color: #0076d7; + font-size: 13px; + font-weight: bold; + background: #ffffff; + border: 2px solid #0076d7; + border-radius: 2px; + height: 40px; + z-index: +1; position: absolute; - bottom: 0; - opacity: 0.2 -} - -.p-categoy #appsItemCategoryTag .appsItemCategoryTag_child>a { - padding: 8px -} - -.p-categoy #appsItemCategoryTag .appsItemCategoryTag_child>a:before { - margin-bottom: 0; - display: none -} - -.p-categoy #appsItemCategoryTag .appsItemCategoryTag_lowerchild { - padding: 0 -} - -.p-categoy #appsItemCategoryTag .appsItemCategoryTag_lowerchild li { - padding: 0 -} - -.p-categoy #appsItemCategoryTag .appsItemCategoryTag_lowerchild li>a { - position: relative; - z-index: 10; - padding: 8px -} - -.p-categoy #appsItemCategoryTag .appsItemCategoryTag_lowerchild li>a::after { - content: ""; - width: 100%; - height: 100%; - background: #6A5249; - opacity: 0.1; - position: absolute; - top: 0; - left: 0; - z-index: -1 -} - -nav #appsItemCategoryTag { - width: 100% -} - -@media screen and (min-width: 768px) { - nav #appsItemCategoryTag { - width:160px - } -} - -@media screen and (max-width: 767px) { - nav #appsItemCategoryTag { - border-bottom:1px solid rgba(0,0,0,0.1) - } -} - -nav #appsItemCategoryTag .appsItemCategoryTag_child a { - font-size: 1rem -} - -@media screen and (max-width: 767px) { - nav #appsItemCategoryTag .appsItemCategoryTag_child a { - padding:10px 16px - } -} - -@media screen and (max-width: 767px) { - nav #appsItemCategoryTag .appsItemCategoryTag_child { - background:#fff; - padding: 8px 4px - } -} - -.p-menu #appsItemCategoryTag { - text-align: left; - padding-left: 8px; - max-height: 400px; - overflow: auto; - -webkit-overflow-scrolling: touch -} - -#about { - display: flex; - flex-wrap: wrap -} - -#about .blog_inner { - width: 372px; - margin-right: 40px; - margin-bottom: 40px; - box-shadow: 0px 0px 4px rgba(0,0,0,0.1); - border-radius: 0 48px 0 48px; - padding: 46px !important -} - -@media screen and (max-width: 767px) { - #about .blog_inner { - width:100%; - margin-right: 0; - padding: 4vw; - border-radius: 0 7vw 0 7vw - } - - #about .blog_inner iframe { - width: 100%; - height: 51vw - } -} - -#about .blog_inner:nth-child(2n) { - margin-right: 0 -} - -#about .blog_title h2 { - font-size: 1.28571rem; - font-weight: normal -} - -#about .blog_publish { - font-size: .85714rem; - color: #EFB39C -} - -#about .blog_head_image { - margin-top: 16px; - max-width: 100%; - max-height: 210px; - overflow: hidden -} - -#about .blog_head_image a { - width: inherit; - height: inherit; - overflow: inherit -} - -#about .blog_contents { - margin-top: 16px -} - -#about .paginate-wrp { - width: 100% -} - -.main #about>.blog_inner .blog_contents { - height: auto !important -} - -.main #about>.blog_inner .blog_contents .read_more { - margin-top: 8px -} - -.main #about>.blog_inner .blog_contents .read_more a { - text-decoration: underline -} - -.main #about.blogDetail>.blog_inner { - border-bottom: 0; - width: 100%; - margin-right: 0; - margin-bottom: 0; - box-shadow: 0 0 0 rgba(0,0,0,0); - border-radius: 0; - padding: 0 !important -} - -.main #about .social { - margin-top: 64px !important; - margin-bottom: -64px !important -} - -.main #about .blog_contents .social img { - width: 32px; - margin: 0 16px; - opacity: 0.8 -} - -.paginate li { - margin: 0 4px !important; - float: none !important; - border: none !important; - background: transparent !important -} - -.paginate a { - float: none; - padding: 0 -} - -.paginate { - width: 100%; - display: flex; - display: -webkit-flex; - justify-content: center; - -webkit-justify-content: center; - align-items: center; - -webkit-align-items: center -} - -.paginate li { - margin: 0 4px !important; - float: none !important; - border: none !important; - background: transparent !important -} - -.paginate li a { - float: none !important; - color: #6A5249 !important; - padding: 0px 12px !important; - font-weight: normal !important; - background: #fff !important; - font-size: 1.14286rem !important; - min-width: 48px; - height: 48px; - line-height: 48px; - text-align: center -} - -.paginate li.current a { - color: #aaa !important; - border: none !important -} - -.paginate li:not(.current) a { - border: 1px solid #ddd !important -} - -#i18 { - display: flex; - justify-content: center; - align-items: center; - position: relative -} - -#i18 .select-dropdown { - display: none -} - -#i18 .input.select { - width: 80px; - margin: 0 8px; - position: relative -} - -#i18 .input.select:after { - content: ""; - width: 0; - height: 0; - border-style: solid; - border-width: 6px 4px 0 4px; - border-color: #6A5249 transparent transparent transparent; - position: absolute; - right: 8px; top: 50%; - margin-top: -6px + left: 0; + right: 0; + width: 140px; + margin: -20px auto 0; + letter-spacing: 0.12em; + display: flex; + justify-content: center; + align-items: center; + font-family: "Quicksand", "Arial", "Helvetica", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo, sans-serif", "serif"; + box-sizing: border-box; } - -#i18 .input.select select { +.itemList__item .endOfSale { + display: flex; + justify-content: center; + align-items: center; + background: #a2a2a2; + border-radius: 2px; + color: #ffffff; + font-size: 11px; + width: 80px; + height: 20px; + margin: 0 auto 5px; +} +.itemInfoBlock .waitingForSale { + color: #ffffff; + font-size: 14px; + background: #0076d7; + border-radius: 2px; + height: 42px; width: 100%; - height: 100%; - text-indent: 8px; - background: #fff + margin: 20px 0; + letter-spacing: 0.12em; + display: flex; + justify-content: center; + align-items: center; } - -#itemSelect select { - width: 100px; - height: 32px; - line-height: inherit; - text-indent: 8px; - background: url("https://basefile.akamaized.net/magnet-official-ec/5c7f51c7406f0/select.png") no-repeat,#fff; - background-size: 8px auto; - background-position: center right 10px; - background-position-x: 93%; - background-position-y: 50%; - border: 1px solid #ddd; - margin: 8px; - appearance: none; - -webkit-appearance: none +.itemInfoBlock .endOfSale { + color: #ffffff; + font-size: 14px; + background: #a2a2a2; + border-radius: 4px; + height: 50px; + width: 100%; + margin: 20px 0; + letter-spacing: 0.12em; + display: flex; + justify-content: center; + align-items: center; } - -#irContainer { - position: fixed; - top: 64px !important -} - -#irContainer select { - line-height: 24px -} - -#irContainer .btn.btn-danger { - height: 32px; - line-height: 26px -} - -#widget { - margin: 0 !important -} - -#widgetLoading img { - width: auto -} - -#selectWidgetSize { - height: 32px !important; - line-height: 32px !important; - padding: 0 !important; - border: 1px solid #ddd !important; - text-indent: 8px !important; - appearance: menulist !important; - -webkit-appearance: menulist !important -} - -#inquiryCompleteSection a { - width: 240px; - height: 56px; - line-height: 56px; - background: #6A5249; - color: #fff; - display: block; - font-size: 1.14286rem; +.itemInfoBlock .salesPeriod--term, .itemInfoBlock .salesPeriod--willStart { + color: #0076d7; + font-size: 15px; + font-weight: bold; + background: #ffffff; + border: 3px solid #0076d7; + border-radius: 2px; + padding: 15px 10px; + margin: -24px 0 20px; + letter-spacing: 0.03em; + display: flex; + justify-content: center; + align-items: center; text-align: center; - margin: 32px 0; - cursor: pointer; - border-radius: 28px } - +.itemInfoBlock .salesPeriod--finish { + color: #787878; + font-size: 15px; + font-weight: bold; + background: #ffffff; + border: 3px solid #a2a2a2; + border-radius: 2px; + padding: 15px 10px; + margin: -24px 0 20px; + letter-spacing: 0.03em; + display: flex; + justify-content: center; + align-items: center; + text-align: center; +} +.itemInfoBlock .purchaseButton__btn { + display: block; + text-align: center; + appearance: none; + border: none; + border-radius: 2px; + -webkit-appearance: none; + -moz-appearance: none; + cursor: pointer; +} +.itemInfoBlock .purchaseButton__btn { + background-color: #333; + color: #fff; + font-size: 14px; + line-height: 40px; + width: 100%; +} +.itemInfoBlock .purchaseButton__btn:hover { + opacity: 0.7; + transition: all 0.25s ease; + -webkit-transition: all 0.25s ease; +} +.itemInfoBlock .purchaseButton__btn.purchaseButton__btn--comingSoonStay { + cursor: default; + background: #ffffff; + border-top: 3px solid #0076d7; + border-bottom: 3px solid #0076d7; + border-radius: 0; + color: #0076d7; + font-weight: bold; +} +.itemInfoBlock .purchaseButton__btn.purchaseButton__btn--comingSoonStay:hover { + opacity: 1; +} +#salesPeriodModal .salesPeriodModal__btn--submit { + background: #000000 !important; +} @media screen and (max-width: 767px) { - #inquiryCompleteSection a { - margin-left:auto; - margin-right: auto + .itemInfoBlock .salesPeriod--term { + font-size: 13px; + padding: 15px 7px; } } -#privacy,#law { + + +/*==================================================================== +予約販売App +====================================================================*/ +.preOrder .preOrder__label { + color: #ffffff; + font-size: 14px; + background: #0076d7; + border-radius: 2px; + height: 42px; width: 100%; - padding: 16px; - background: none + margin: 20px 0; + letter-spacing: 0.12em; + display: flex; + justify-content: center; + align-items: center; } - -#privacy img,#law img { - background-color: #fff; - width: auto +.preOrder .preOrder__data { + color: #0076d7; + font-size: 15px; + font-weight: bold; + background: #ffffff; + border: 3px solid #0076d7; + border-radius: 2px; + padding: 15px 10px; + margin: -24px 0 20px; + letter-spacing: 0.03em; + display: flex; + justify-content: center; + align-items: center; + text-align: center; } - -.inquirySection h1 { - display: none -} - -.inquirySection dt { - margin-top: 16px; - margin-bottom: 4px -} - -.inquirySection dd input { - width: 100%; - background: #fff; - border: 1px solid #ddd; - padding: 8px; - border-radius: 4px -} - -.inquirySection dd textarea { - width: 100%; - height: 200px; - background: #fff; - border: 1px solid #ddd; - padding: 8px; - resize: vertical; - border-radius: 4px -} - -.inquirySection .error { - color: #EF9C9C; - font-size: .85714rem -} - -.inquirySection #buttonLeave { - width: 240px; - height: 56px; - background: #6A5249; - color: #fff; - display: block; - font-size: 1.42857rem; - margin: 32px 0; - cursor: pointer; - border-radius: 28px -} - @media screen and (max-width: 767px) { - .inquirySection #buttonLeave { - margin-left:auto; - margin-right: auto - } -} - -#inquiryConfirmSection dd { - border-bottom: 1px solid #6A5249; - padding-bottom: 8px -} - -#law img { - width: initial -} - -#x_reviewAccordion img { - width: initial -} - -#x_reviewAccordion .review01__list { - overflow-y: auto !important -} - -.NoItemInquiry { - padding-top: 16px -} - - -.msg_startButton { - background-color: #000!important; -} - -.msg_startButton > span { - color: #fff!important; -} - -.p-products__thumb { - height: auto; -} + .preOrder .preOrder__data { + font-size: 13px; + padding: 15px 7px; + } +} \ No newline at end of file