https://www.theanswer-official.com/_nuxt/BFtmB0Gv.js

1import{O as E,u as j}from"./D53UlDKK.js";import{_ as w}from"./DMubJhSV.js";import{e as h,c as m,o as r,n as l,a as s,b as _,t as d,_ as f,E as L,x as W,r as N,s as $,B as y,i as R,f as C,F as k,k as v,g as n,d as S,j as A,D as I}from"./C0tVlpXB.js";const M={class:"b-product-tab__image"},O={class:"b-product-tab__info"},P={class:"b-product-tab__brand"},B=["innerHTML"],H=h({__name:"ProductTab",props:{id:{},brand:{},name:{},img:{},isActive:{type:Boolean}},emits:["click"],setup(b){return(e,o)=>{const u=w;return r(),m("div",{class:l(["b-product-tab",{"is-active":e.isActive}]),onClick:o[0]||(o[0]=p=>e.$emit("click"))},[s("div",M,[s("div",{class:l(["b-product-tab__image-inner",`b-product-tab__image-inner--${e.id}`])},[_(u,{src:e.img,alt:e.name},null,8,["src","alt"])],2)]),s("div",O,[s("p",P,d(e.brand),1),s("p",{class:"b-product-tab__name",innerHTML:e.name},null,8,B)])],2)}}}),x=f(H,[["__scopeId","data-v-e5977cd7"]]),q=["href"],F=["innerHTML"],J=h({__name:"StoreButton",props:{text:{},href:{default:"#"},isWide:{type:Boolean,default:!1},className:{default:""}},setup(b){return(e,o)=>(r(),m("div",{class:l(["b-store-button-wrapper",[{"b-store-button-wrapper--wide":e.isWide},e.className]])},[s("a",{href:e.href,target:"_blank",class:l(["b-store-button",[{"b-store-button--wide":e.isWide},e.className]])},[s("span",{class:"b-store-button__text",innerHTML:e.text},null,8,F)],10,q)],2))}}),U=f(J,[["__scopeId","data-v-cdd26332"]]),V={class:"b-shoplist"},D={class:"b-shoplist-inner"},G={class:"b-shoplist-tabs"},X={class:"b-shoplist-tabs-grid"},z={key:0,class:"b-shoplist-content"},K={class:"b-shoplist-content-grid"},Q={class:"b-shoplist-content-image"},Y={class:"b-shoplist-content-info"},Z={class:"b-shoplist-content-info-header"},ee={class:"b-shoplist-content-info-ja"},se={class:"b-shoplist-content-shops"},te={class:"b-shoplist-content-shops-grid"},ae=h({__name:"Onlineshop",setup(b){const e=[{id:"shampoo",brand:"シーズナルケア SS",name:'スーパーラメラシャンプー　<br class="u-is-sp">400ml',enTitleAlt:"SEASONAL CARE SS SUPER LAMELLAR SHAMPOO",enTitleImage:"common/text_seasonal_care_ss_super_lamellar_shampoo_pc.svg",image:"seasonal_care_ss/card_product_ss.png",nameJa:"スーパーラメラシャンプー",subTitle:"400ml",shops:[{name:"イオン",href:"https://aeonretail.com/product/0/P-4901301463678/?utm_source=maker&utm_medium=website&utm_campaign=b_theanswer_202604_04"},{name:"ツルハ<br>ドラッグ",href:"https://shop.tsuruha.co.jp/17040.html"},{name:"ウエルシア<br>薬局",href:"https://www.e-welcia.com/product/207308"},{name:"くすりの福太郎",href:"https://item.rakuten.co.jp/kusurinofukutaro/10184073/",isWide:!0},{name:"スーパードラッグひまわり",href:"https://soko.rms.rakuten.co.jp/pupuhima/h4901301463678/",isWide:!0,className:"is-himawari"},{name:"レデイ薬局",href:"https://search.rakuten.co.jp/search/mall/4901301463678/?sid=244562",isWide:!0},{name:"コクミン",href:"https://e-shop.kokumin.co.jp/view/item/000000044072",isWide:!0}]},{id:"treatment",brand:"シーズナルケア SS",name:'ＥＸトリートメント　<br class="u-is-sp">220g',enTitleAlt:"SEASONAL CARE SS EX TREATMENT",enTitleImage:"common/text_seasonal_care_ss_ex_treatment_pc.svg",image:"seasonal_care_ss/card_product_ss_ex.png",nameJa:"ＥＸトリートメント",subTitle:"220g",shops:[{name:"イオン",href:"https://aeonretail.com/product/0/P-4901301463579/?utm_source=maker&utm_medium=website&utm_campaign=b_theanswer_202604_04"},{name:"ツルハ<br>ドラッグ",href:"https://shop.tsuruha.co.jp/17040.html"},{name:"ウエルシア<br>薬局",href:"https://www.e-welcia.com/product/207310"},{name:"くすりの福太郎",href:"https://item.rakuten.co.jp/kusurinofukutaro/10184072/",isWide:!0},{name:"スーパードラッグひまわり",href:"https://soko.rms.rakuten.co.jp/pupuhima/h4901301463579/",isWide:!0,className:"is-himawari"},{name:"レデイ薬局",href:"https://search.rakuten.co.jp/search/mall/4901301463579/?l-9id=shoptop_shopmenu_search_bar&sid=244562",isWide:!0},{name:"コクミン",href:"https://e-shop.kokumin.co.jp/view/item/000000044071",isWide:!0}]},{id:"refill",brand:"シーズナルケア SS",name:'スーパーラメラシャンプー　<br class="u-is-sp">320ml（つめかえ用）',enTitleAlt:"SEASONAL CARE SS SUPER LAMELLAR SHAMPOO REFILL",enTitleImage:"common/text_seasonal_care_ss_super_lamellar_shampoo_pc.svg",image:"seasonal_care_ss/card_product_ss_refill.png",nameJa:"スーパーラメラシャンプー",subTitle:"320ml（つめかえ用）",shops:[{name:"イオン",href:"https://aeonretail.com/product/0/P-4901301463678/?utm_source=maker&utm_medium=website&utm_campaign=b_theanswer_202604_04"},{name:"ツルハ<br>ドラッグ",href:"https://shop.tsuruha.co.jp/17040.html"},{name:"ウエルシア<br>薬局",href:"https://www.e-welcia.com/product/207309"},{name:"くすりの福太郎",href:"https://item.rakuten.co.jp/kusurinofukutaro/10184074/",isWide:!0},{name:"スーパードラッグひまわり",href:"https://soko.rms.rakuten.co.jp/pupuhima/h4901301463685/",isWide:!0,className:"is-himawari"},{name:"レデイ薬局",href:"https://search.rakuten.co.jp/search/mall/4901301463685/?sid=244562",isWide:!0},{name:"コクミン",href:"https://e-shop.kokumin.co.jp/view/item/000000044073",isWide:!0}]}],o=L(),u=W(),p=N(e[0].id);$(()=>{const a=o.query.type;a&&e.some(c=>

1c.id===a)&&(p.value=a)}),y(()=>o.query.type,a=>{a&&e.some(c=>c.id===a)&&(p.value=a)});const T=a=>{u.replace({path:o.path,query:{...o.query,type:a}})},i=R(()=>e.find(a=>a.id===p.value)||e[0]);return(a,c)=>{const g=w;return r(),m("div",V,[s("div",D,[s("nav",G,[s("div",X,[(r(),m(k,null,v(e,t=>_(x,{key:t.id,id:t.id,brand:t.brand,name:t.name,img:t.image,"is-active":n(p)===t.id,onClick:ie=>T(t.id)},null,8,["id","brand","name","img","is-active","onClick"])),64))])]),n(i)?(r(),m("section",z,[s("div",K,[s("div",Q,[s("div",{class:l(["b-shoplist-content-image-inner",`b-shoplist-content-image-inner--${n(i).id}`])},[_(g,{src:n(i).image,alt:n(i).name},null,8,["src","alt"])],2)]),s("div",Y,[s("div",Z,[s("div",{class:l(["b-shoplist-content-info-en",`b-shoplist-content-info-en--${n(i).id}`])},[_(g,{src:n(i).enTitleImage,alt:n(i).enTitleAlt},null,8,["src","alt"])],2),s("h2",ee,[S(d(n(i).brand),1),c[0]||(c[0]=s("br",null,null,-1)),S(" "+d(n(i).nameJa)+"　"+d(n(i).subTitle),1)])]),s("div",se,[s("div",te,[(r(!0),m(k,null,v(n(i).shops,t=>(r(),A(U,{key:t.name,text:t.name,href:t.href,"is-wide":t.isWide,"class-name":t.className},null,8,["text","href","is-wide","class-name"]))),128))])])])])])):C("",!0)])])}}}),ne=f(ae,[["__scopeId","data-v-d1cf7425"]]),me=h({__name:"index",setup(b){const e={title:"シーズナルケア SS スーパーラメラシャンプー/EXトリートメント SHOP一覧ページ ｜ 【公式】THE ANSWER",description:"うねり・広がり・ベタつき。季節の湿度変化を特に受けやすい髪に。高湿度下で、髪内部の水の動きを抑えるマンニトール（補修）配合シャンプー＆トリートメント。購入店舗一覧ページ。",url:j("/seasonal_care_ss/onlineshop/"),image:E};return I({title:e.title,ogTitle:e.title,description:e.description,ogDescription:e.description,ogUrl:e.url,ogImage:e.image,twitterCard:"summary_large_image"}),(o,u)=>(r(),A(ne))}});export{me as default};