window.addEventListener('load', function () {
const options = {
type: "loop", // ループさせる
arrows: false, // 矢印ボタンを非表示
pagination: false, // ページネーションを非表示
drag: false, // ドラッグ無効
gap: 0, // スライド間の余白
perPage: 5, // 表示するスライドの枚数
breakpoints: {
500: {
perPage: 3, // 画面幅500px未満で表示枚数1枚
gap: 0, // 画面幅500px未満でスライド間の余白0
},
},
autoScroll: {
speed: 0.5, // スクロール速度
pauseOnHover: false, // カーソルが乗ってもスクロールを停止させない
},
};
const splide = new Splide(".slider1", options);
splide.mount(window.splide.Extensions);
});
window.addEventListener('load', function () {
new Splide( '.slider2', {
type : 'loop',
perPage: 3,
perMove: 1,
autoplay: true,
breakpoints: {
650: {
perPage: 1, // 画面幅500px未満で表示枚数1枚
gap: 0, // 画面幅500px未満でスライド間の余白0
},
},
})
.mount()
});
window.addEventListener('load', function () {
new Splide( '.slider3', {
type : 'loop',
perPage: 1,
perMove: 1,
autoplay: true,
})
.mount()
});
//スムーススクロール
const links = document.querySelectorAll('a[href^="#"]');
links.forEach((link) ={
link.addEventListener('click', (e) ={
e.preventDefault();
const href = link.getAttribute('href');
const targetSection = document.querySelector(href);
const sectionTop = targetSection.getBoundingClientRect().top;
const currentPos = window.scrollY;
const gap = 84;
const target = sectionTop + currentPos - gap;
window.scrollTo({
top: target,
behavior: 'smooth',
});
});
});
html { font-size: 62.5%; }
#contents {
width: 100%;
}
.full {
position: relative;
width: 100%;
min-height: 100vh;
background: url("https://www.rasin.co.jp/shop/img/shinsaibashi_bg.jpg?ver=1.0.2")
center / cover;
}
.FV-wrap {
margin: 0;
width: 100%;
}
@media screen and (min-width: 651px) {
.full::before {
content: "";
display: block;
position: relative;
z-index: 1;
width: 100%;
height: 100vh;
background: #000;
opacity: 0.5;
clip-path: polygon(0 0, 80% 0, 40% 100%, 0 150%);
}
.FV-wrap {
margin: 0;
position: absolute;
top: 50%;
left: 70px;
transform: translateY(-50%);
width: 100%;
z-index: 2;
}
}
@media screen and (max-width: 650px) {
.full {
position: relative;
width: 100%;
min-height: 400px;
background: url("https://www.rasin.co.jp/shop/img/shinsaibashi_bg.jpg?ver=1.0.2")
center / cover;
}
.full::before {
content: "";
display: block;
position: relative;
z-index: 1;
width: 100%;
height: 400px;
background: #000;
opacity: 0.2;
}
.FV-wrap {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
width: 100%;
z-index: 2;
}
.FV-wrap {
margin: 0;
padding: 0 15px;
box-sizing: border-box;
width: 100%;
}
}
.FV-wrap p {
color: #fff;
font-size: 20px;
margin-bottom: 5px;
}
.FV-wrap span {
color: #fff;
font-size: 20px;
font-weight: 600;
margin-bottom: 5px;
}
.FV-wrap h1 {
line-height: 1;
font-size: 50px;
font-weight: 600;
color: #FFFFFF;
font-family: "Montserrat", sans-serif;
margin-bottom: 5px;
}
.FV-wrap .FV-wrap-box {
width: 500px;
display: flex;
flex-flow: column;
margin-top: 25px;
}
@media screen and (max-width: 650px) {
.FV-wrap p {
color: #fff;
font-size: 1.2rem;
font-weight: 600;
margin-bottom: 5px;
}
.FV-wrap h1 {
line-height: 1;
font-size: 4rem;
color: #fff;
font-weight: 600;
font-family: "Montserrat", sans-serif;
}
.FV-wrap h1 span {
line-height: 1;
display: block;
font-size: 3.5rem;
color: #fff;
font-family: "Montserrat", sans-serif;
margin-bottom: 5px;
}
.FV-wrap .FV-wrap-box {
width: 100%;
display: flex;
flex-flow: column;
margin-top: 5px;
}
}
@media screen and (min-width: 651px) {
.FV-wrap .FV-wrap-box p {
background: #07166b;
padding: 3px 15px;
color: #fff;
font-size: 1.5rem;
margin-bottom: 15px;
border-radius: 9999px;
text-align: center;
display: inline-block;
}
}
.FV-wrap .FV-wrap-box a {
display: inline-block;
border: solid 1px #fff;
text-align: center;
box-sizing: border-box;
padding: 15px;
font-size: 1.8rem;
margin-top: 15px;
}
.FV-wrap .FV-wrap-box a:link, .FV-wrap .FV-wrap-box a:visited {
text-decoration: none;
color: #fff;
}
.FV-wrap .FV-wrap-box a:hover {
background: #fff;
color: #000;;
}
.shop-design-wrap {
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.shop-design-wrap img {
vertical-align:top;
}
.siteOverview {
margin-bottom: 100px!important;
}
.siteOverview p {
font-size: 1.6rem;
line-height: 1.7;
text-align: center;
}
@media screen and (max-width: 650px) {
.FV-wrap .FV-wrap-box{
color: #fff;
}
.siteOverview {
width: 100%;
box-sizing: border-box;
padding: 0 15px;
}
}
腕時計の知識豊富なスタッフによる心のこもったおもてなし
GINZA RASIN大阪・心斎橋店
「なんば駅」25番出口より徒歩約5分
資格を持ったプロスタッフが在中
専門知識豊富な査定員が丁寧に査定！即日換金！
アクセスはこちら
あなたの運命の1本に寄り添います！
2008年に東京・銀座に開業して以来、多くの時計愛好家のお客様に愛されてまいりました。
関西圏では今よりももっとお客様に愛される時計店を目指し、精進いたします。
大阪市営地下鉄御堂筋線の心斎橋駅となんば駅の中間に位置するGINZA RASIN大阪心斎橋店は、メジャーブランドはもちろん腕時計“通”の心を虜にする希少モデルを取り扱い予定です。
ぜひ、お近くにお越しの際はぜひお立ち寄りください。心よりお待ちしております。
時計の専門知識を持ったプロフェッショナルによる心のこもったサービス
時計の激戦区銀座の街で長年培ってきた時計の知識や接客スキルと、親しみのある大阪の接客を融合し、時計愛好家の皆さんに愛してもらえるお店作りを心がけています。
近年、フェイストゥフェイスの接客に触れる機会が減っている中、GINZA RASINではお客様に時計だけでなくサービスを通して感動していただけるよう、日々接遇能力向上に努めています。
時計経験豊富な査定員による高価買取
GINZA RASINは時計専門店として、メジャーモデルから知る人ぞ知るレアなモデルまで、その時計の価値を最大限評価した高価買取を行なっております。
.store-overview {
width: 100%;
}
.store-overview-inner {
background: #07156b;
width: 100%;
box-sizing: border-box;
padding: 30px;
}
@media screen and (max-width: 650px) {
.store-overview-inner {
padding: 50px 15px;
margin-bottom: 50px;
}
}
@media screen and (min-width: 651px) {
.store-overview-inner {
margin-bottom: 50px;
}
.store-overview {
position: relative;
height: 500px;
margin-bottom: 50px;
}
.overview1 {
background: url(https://www.rasin.co.jp/shop/img/shinsaibashi/topic_bg1.jpg) no-repeat;
background-size: contain;
}
.overview2 {
background: url(https://www.rasin.co.jp/shop/img/shinsaibashi/topic_bg2.jpg) no-repeat;
background-size: contain;
}
.store-overview-inner {
background: #07156b;
width: 400px;
height: 350px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
}
.store-overview-inner h3, .store-overview-inner p {
color: #fff;
}
.store-overview-inner h3 {
font-size: 1.8rem;
font-weight: 600;
line-height: 1.5;
margin-bottom: 20px;
}
@media screen and (max-width: 650px) {
.store-overview-inner h3 {
margin-bottom: 1.8rem
}
}
.store-overview-inner p {
text-align: left;
font-size: 1.4rem;
line-height: 1.7;
}
/*以下スタッフ紹介ページ*/
.staff-introduction {
width: 100%;
}
@media screen and (min-width: 651px) {
.staff-introduction ul.Manager-introduction {
display: flex;
width: 100%;
}
.staff-introduction ul.Manager-introduction li {
width: 50%;
}
.staff-introduction ul.Manager-introduction li img {
width: 100%;
}
}
.staffExplanation {
background: #07156b;
box-sizing: border-box;
padding: 50px;
}
@media screen and (max-width: 650px) {
.staff-introduction {
padding-bottom: 0!important;
}
.staff-introduction ul.Manager-introduction {
display: flex;
width: 100%;
flex-direction: column-reverse;
}
.staff-introduction ul.Manager-introduction:nth-of-type(2) {
display: flex;
width: 100%;
flex-direction: column-reverse;
}
.staff-introduction ul.Manager-introduction li {
width: 100%;
}
.staff-introduction ul.Manager-introduction:nth-of-type(2) li:first-child {
order: 2;
}
.staff-introduction ul.Manager-introduction:nth-of-type(2) li:last-child {
order: 1;
}
.staff-introduction ul.Manager-introduction li img {
width: 100%;
}
.staffExplanation {
background: #07156b;
box-sizing: border-box;
padding: 30px 15px;
}
}
.staff-introduction-inner h3, .staff-introduction-inner p, .staff-introduction-inner span {
color: #FFFFFF;
}
.staff-introduction-inner h3 {
font-size: 40px;
text-align: left;
border-bottom: 1px solid #fff;
line-height: 1;
margin-bottom: 5px;
padding-bottom: 5px;
}
.staff-introduction ul.Manager-introduction li:nth-child(1) .staff-introduction-inner h3::before {
content: "店長";
color: #fff;
font-size: 1.3rem;
display: block;
margin-bottom: 10px;
}
.staff-introduction ul.Manager-introduction li:nth-child(2) .staff-introduction-inner h3::before {
content: "副店長";
color: #fff;
font-size: 1.3rem;
display: block;
margin-bottom: 10px;
}
.staff-introduction-inner span {
display: block;
margin-bottom: 20px;
}
.staff-introduction-inner p, .staff-introduction-inner span {
font-size: 1.4rem;
text-align: left;
line-height: 1.7;
}
.staff-watch {
margin-top: 15px;
}
/*スタッフスライダー*/
.staff-introduction-slider {
width: 100%;
background: #d7dce2;
box-sizing: border-box;
padding: 30px 15px;
}
.staff-introduction-slider ul.splide__list {
width: 100%;
}
.staff-introduction-slider ul.splide__list li.splide__slide {
padding: 10px 10px 40px;
box-sizing: border-box;
}
.staff-coment {
width: 90%;
margin: -10px auto 0;
background: #fff;
padding: 20px;
box-sizing: border-box;
box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.26);
position: relative;
z-index: 5;
}
.staff-coment p {
text-align: left;
}
.staff-introduction-slider ul.splide__list li.splide__slide p.staff-name {
text-align: center;
font-size: 1.8rem;
font-weight: 600;
line-height:
