@charset "UTF-8";
@import "reset5.css";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap');

body { color:#1f2a68; line-height:1; padding: 0; position: relative; min-height: 100%; }
html { min-height: 100%; }

* {word-wrap: break-word; }
img { -ms-interpolation-mode: bicubic; }
/* !font-size 14px default setting */
body { font-size: 14px; letter-spacing: 0.08em; font-family: AvenirNextLTPro-Regular, 'Noto Sans JP', Helvetica, Arial, Sans-Serif }
p, th, td, li, dt, dd, span { line-height: 2.0; }
h1, h2, h3, h4, h5 { font-family: AvenirNextLTPro-Medium, 'Noto Sans JP', Helvetica, Arial, Sans-Serif; letter-spacing: 0.16em; font-weight: 700; font-style: normal }

.mincho { font-family: YuMincho, 'Yu Mincho', serif;}

/* !clearfix */
hr { display: none; }

.cfix { zoom:1; }
.cfix:after{
    content:"";
    clear:both;
    display:block;
    height:0;
}

/* スクロールバーの有無によるズレ対策 */
html {
	overflow-y: scroll;
}

img { vertical-align: bottom; }

.tx9 { font-size: 9px }
.tx10 { font-size: 10px }
.tx11 { font-size: 11px }
.tx12 { font-size: 12px }
.tx13 { font-size: 13px }
.tx14 { font-size: 14px }
.tx15 { font-size: 15px }
.tx16 { font-size: 16px }
.tx18 { font-size: 18px }
.tx20 { font-size: 20px }
.tx24 { font-size: 24px }

.ts-larger { font-size: 1.12em !important }
.ts-smaller { font-size: 0.88em !important }

.fltR { float: right; }
.fltL { float: left; }

.txtR { text-align: right; }
.txtL { text-align: left; }
.txtC { text-align: center; }

.pc_none { display: none }
.sp_none { display: block }


/* !Links */
a { cursor: pointer }
a:link { color: #1f2a68; text-decoration: none }
a:visited { color: #1f2a68; text-decoration: none }
a:hover { color: #a7a7a7; text-decoration: underline }
a:active { color: #af9c5e; text-decoration: none }


html {  }
#loader { position: fixed; left: 50%; top: 50%; z-index: 10000 }
#wrapper { position: relative; width: 100%; text-align: left; min-height: 100%; overflow: hidden }
/* リストの高さ揃える */
.list-flex { display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

/* effects */
.fd { position: relative; opacity: 0; transition: opacity 1.2s linear }
.fd .fd-inner { position: relative; transform: translateY(6vw); transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1); /* easeOutExpo */ }
.fd.active { opacity: 1 }
.fd.active .fd-inner { transform: translateY(0); }
.zm { transform: scale(1.24); }
.txtl, .txtl-t { opacity: 0 }


.gr { color: #a5aac6 }
img.gray {
opacity: 0.33;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}


.lines { position: relative; }
.lines span { position: absolute; left: 50%; top: 0; margin-left: 0/*-100%*/; display: block; width: 0/*200%*/; height: 1px; background: #565f8d; }
.lines span:nth-child(1) { transform: rotate(11deg) }
.lines span:nth-child(2) { transform: rotate(12deg); opacity: 0.66 }
.lines span:nth-child(3) { transform: rotate(10.5deg); opacity: 0.5 }


/* header */
#header { background: #1f2868; width: 100%; padding: 18px 0; position: fixed; z-index: 100; }
#header .header-inner { border-left: 5px solid #c9ccdd; border-right: 5px solid #c9ccdd; padding: 7px 55px; position: relative; }
#header .globalNav { position: absolute; top: 6px; right: 55px; }
#header .globalNav ul { font-size: 0; }
#header .globalNav ul li { display: inline-block; }
#header .globalNav ul li a { color: #fff; font-size: 14px; margin: 0  0 0 50px; display: block; }
#header .globalNav ul li.current a { color: #aaafc6; }

#btn-menu { display: none }

/* main */
#top-main { position: relative; padding: 0 0 1.5vw; margin-top: 72px; z-index: 0 }
#top-main h1 { position: absolute; display: block; left: 5%; bottom: 33.33%; width: 90%; font-size: 24px; font-weight: 500; color: #fff; letter-spacing: 0.24em; z-index: 10; transform: rotate(-5.5deg) }
#top-main h1::after { content: ""; clear: both }
#top-main h1 span { display: inline-block; }
#top-main h1 span.mt { float: right; font-size: 20px; margin-top: 1em }
#top-main .top-slider { position: relative; background: #a5aac6 }
#top-main .top-slider .slide { position: absolute; left: 0; top: 0; opacity: 0 }
#top-main .bot { position: absolute; left: 0; bottom: 1.5vw; z-index: 1 }
#top-main .top-nav { position: absolute; left: 6vw; top: 40%; z-index: 1 }
#top-main .top-nav ul { margin: 2em 0 0 }
#top-main .top-nav ul li:nth-child(3), #top-main .top-nav ul li:nth-child(4) { display: none }
#top-main .top-nav ul li a { font-size: 20px; font-family: AvenirNextLTPro-MediumIt, Sans-Serif; }
#top-main .top-nav ul li a:link, #top-main .top-nav ul li a:visited { color: #fff }
#top-main .lines { top: -6vw; z-index: 9 }
#top-main .lines span { left: 42% }


/* bnr */
.bnr { position: relative }
.bnr .bnr-inner { background: #c9ccdd; padding: 1.47vw 0; }
.bnr ul li { width: 50%; float: left; background: #fff; }
.bnr ul li a { display: block; overflow: hidden; transition: all 0.2s; }
.bnr ul li a img { transition: all 0.2s ease-out; }
.bnr ul li a:hover { opacity: 0.8; }
.bnr ul li a:hover img { transform: scale(1.05) }
.lines.bnr-ln { top: -5vw; }
.lines.bnr-ln span { left: 40%; }
.lines.bnr-ln span:nth-child(1) { transform: rotate(-8.5deg); opacity: 0.66 }
.lines.bnr-ln span:nth-child(2) { transform: rotate(-10deg); opacity: 1 }
.lines.bnr-ln span:nth-child(3) { transform: rotate(-6deg); opacity: 0.33 }


#contents { padding: 0 0 15vw; }


/* top */
.top-concept { position: relative; margin: 6.6vw 0 11.5vw; }
.top-concept .conts { position: relative }
.top-concept .conts .slogan { position: absolute; left: 50%; top: 50%; margin: -8.8vw 0 0 -10vw; width: 20vw; height: 20vw; text-align: center; /*border: solid 2px #1f2a68;*/ z-index: 10 }
.top-concept .conts .slogan h2 { display: inline-block; font-size: 16px; line-height: 3em; padding: 4.5vw 0; text-align: left; }
.top-concept .conts .slogan .ln-tl { position: absolute; left: 0; top: 0; width: 0; height: 2px; background: #1f2a68 }
.top-concept .conts .slogan .ln-tr { position: absolute; right: 0; top: 0; width: 2px; height: 0; background: #1f2a68 }
.top-concept .conts .slogan .ln-bl { position: absolute; left: 0; bottom: 0; width: 2px; height: 0; background: #1f2a68 }
.top-concept .conts .slogan .ln-br { position: absolute; right: 0; bottom: 0; width: 0; height: 2px; background: #1f2a68 }
.top-concept .cont-1, .top-concept .cont-2 { margin-bottom: 11.25vw }
.top-concept .cont-1 .txt { position: relative; float: left; width: 39.5vw; padding: 14vw 0 0 6vw; font-size: 16px; letter-spacing: 0.24em }
.top-concept .cont-1 .vis { position: relative; float: right; width: 45.5vw; }
.top-concept .cont-2 .txt { position: relative; float: right; width: 39.5vw; padding: 12.5vw 6vw 0 0; font-size: 16px; letter-spacing: 0.24em  }
.top-concept .cont-2 .vis { position: relative; float: left; width: 45.5vw; }
.top-concept .cont-3 { position: relative; width: 72vw; margin: 0 auto; z-index: 10 }
.top-concept .cont-3 .txt { position: relative; position: absolute; left: 0; top: 0; font-size: 16px; letter-spacing: 0.24em  }
.top-concept .cont-3 .vis { position: relative; float: right; width: 55vw; padding: 10vw 0 0; }
.top-concept .lines { top: -6vw; z-index: 0 }

.top-collection .btit { padding: 0 5.8vw; margin: 0 0 2.9vw; }
.top-collection .btit h2 { font-size: 80px; font-family: AvenirNextLTPro-DemiIt, 'Noto Sans JP', Sans-Serif; }
.top-collection h3 { font-size: 40px; font-style: italic; padding: 0 5.8vw; }
.top-collection h3 span { font-size: 32px; font-weight: 400; }
.top-collection .lead { padding: 0 5.8vw; line-height: 1em; }
.top-collection .thumb-list ul { margin: 4.4vw 0 0 }
.top-collection .thumb-list ul li { width: calc(33.333% - 1px); float: left; }
.top-collection .thumb-list ul li { border: solid #c9ccdd; border-width: 0 1px 1px 0; box-sizing: border-box; }
.top-collection .thumb-list ul li a { padding: 3.6vw; display: block; position: relative; }
.top-collection .thumb-list ul li a .pic { transition: all 0.2s; mix-blend-mode: multiply }
.top-collection .thumb-list ul li a:hover .pic { transform: scale(1.06); }
.top-collection .thumb-list ul li a:hover { background: #f7f7f7 }
.top-collection .thumb-list ul li:nth-of-type(3n){ border-width: 0 0 1px; }
.top-collection .thumb-list ul li h4 { padding: 0 2vw; }
.top-collection .thumb-list ul li .new { color: #fb010f; font-size: 14px; font-weight: 600; font-style: italic; padding: 0 2vw; line-height: 1em; margin-top: -1em; }
.top-collection .block02 { margin: 6.6vw 0 0; }


/* footer */
#footer { position: relative; background: #fff; opacity: 0 }
#footer .foot-inner { position: relative; padding: 4.4vw 0 3vw; text-align: center; top: 6vw }
#footer .foot-inner p { margin-top: 1em }
#footer .foot-inner p.copy { font-weight: 600; letter-spacing: 0.3em; }
#footer .foot-inner p.company { padding: 2em 0 1em; }



/* Lower Contents */
.cont-tit { position: relative; padding: calc(20px + 5.8vw) 0 4.5vw 5.8vw; }
.cont-tit h1 { position: relative; font-size: 80px; font-family: AvenirNextLTPro-DemiIt, 'Noto Sans JP', Sans-Serif; }
.lines.cont-tit-ln { top: 7.6vw; }
.lines.cont-tit-ln span { left: 37% }
.lines.cont-tit-ln span:nth-child(1) { transform: rotate(16deg) }
.lines.cont-tit-ln span:nth-child(2) { transform: rotate(17.5deg); opacity: 0.66 }


/* 製品詳細ページ */
#collection-detail .page-header { padding: 0 11.6vw; position: relative; }
#collection-detail .page-header h2 { font-size: 40px; font-family: AvenirNextLTPro-DemiIt, 'Noto Sans JP', Sans-Serif; position: absolute; top: 0; left: 11.6vw; }
#collection-detail .page-header h2 span { font-size: 32px; font-weight: 300; font-style: italic; margin: 0.5vw 0 0; display: inline-block; }
#collection-detail .page-header .overview { font-size: 16px; padding: 0 0 0 300px; }
#collection-detail .page-header .spec { padding: 30px 0 0 300px;  }
#collection-detail .page-header .spec span { font-weight: 600 }
#collection-detail .page-header .spec .height { position: relative; padding: 0 0 0 10px; font-weight: normal !important }
#collection-detail .page-header .spec .height_mrk { position: absolute; top: 5.5px; left: 0 }

#collection-detail .item-list ol { padding: 8vw 25vw 1.5vw; margin: -5.6vw 0 0; }
#collection-detail .item-list ol li { margin: 5.6vw 0 0 }
#collection-detail .item-list .pic { padding: 0 1vw; position: relative; }
#collection-detail .item-list .pic .mrk { color: #ee8e06; font-weight: 600; font-style: italic; line-height: 1; border: 1px solid #a5aac6; border-radius: 40px; padding: 8px 16px; display: inline-block; font-family: AvenirNextLTPro-DemiIt, 'Noto Sans JP', Sans-Serif; position: absolute; bottom: 2vw; right: 0; }
#collection-detail .item-list  h3 { font-size: 16px; font-weight: normal; }
#collection-detail .item-list  h3 span { font-weight: 600; font-style: italic }
#collection-detail .item-list .item-info { font-size: 13px; }

#collection-detail .feature-area { padding: 5.8vw 25vw 5.8vw; text-align: center; }
#collection-detail .feature-area .pic { padding: 0 1vw 0.5vw; }
#collection-detail .feature-area .CP-008_img01 { margin: 2.2vw 0 0; }
#collection-detail .feature-area .CP-008_img01 img { width: 24vw; border-bottom: 1px solid #d2d4e2; padding: 0 0 0.8vw; margin: 0 0 0.5vw }

#collection-detail .feature-list { margin: 0 auto; max-width: 1480px }
#collection-detail .feature-list ul { padding: 5.8vw 5.8vw 0; margin: -2.2vw 0 0 -2.9vw }
#collection-detail .feature-list ul li { width: calc( 33.333% - 2.9vw); float: left; margin: 2.2vw 0 0 2.9vw; }
#collection-detail .feature-list ul li .pic { margin: 0 0 1vw; box-sizing: border-box; }
#collection-detail .feature-list ul li:nth-child(3n) h4 { padding: 0 0 0 2.9vw; }
#collection-detail .feature-list ul li:nth-child(3n) p { padding: 0 0 0 2.9vw; }
#collection-detail .feature-list ul li .border-left { border-left: 1px solid #c9ccdd; }
#collection-detail .feature-list ul li .border-right { border-right: 1px solid #c9ccdd; }

#collection-detail .other-models { margin: 7.3vw 0 0; border-bottom: 1px solid #d4a070; }
#collection-detail .other-models h4 { font-size: 28px; font-style: italic; padding: 0 5.8vw; }
#collection-detail .other-models h4 span { font-size: 18px; font-weight: 400; }
#collection-detail .other-models ul li { width: 25%; float: left; border-right: 1px solid #c9ccdd; box-sizing: border-box; margin: 2.2vw 0 0; }
#collection-detail .other-models ul li:nth-child(4n) { border: none; }
#collection-detail .other-models ul li a {  padding: 3.6vw 1.5vw; display: block; transition: all 0.2s; }
#collection-detail .other-models ul li a:hover { transform: scale(1.06) }

.stores .stores-inner { padding: 0 11.6vw; position: relative; }
.stores .stores-inner { font-size: 24px; font-family: AvenirNextLTPro-DemiIt, 'Noto Sans JP', Sans-Serif; margin-bottom: 1em }
.stores .stores-inner table { font-size: 14px; margin-top: 3.3vw }
.stores .stores-inner th { font-size: 16px; font-weight: 500; padding: 1.5em; border-bottom: solid 1px #aaafc6; vertical-align: top; white-space: nowrap }
.stores .stores-inner td { padding: 1.5em; border-bottom: solid 1px #aaafc6 }


.btn-goto { width: 280px; margin: 2.6vw auto 10vw; }
.btn-goto a { position: relative; display: block; font-size: 22px; font-weight: 800; font-style: italic; font-family: AvenirNextLTPro-BoldIt, Sans-Serif; text-align: center; line-height: 1em; }
.btn-goto a .arw { display: inline-block; margin: 0 1em 0.5em 0; transition: all 0.2s; transform-origin: left }
.btn-goto a .ln { position: absolute; left: 0; bottom: -4px; width: 0; height: 4px; display: block; background: #a5aac6; transition: all 0.2s }
.btn-goto a:hover .arw { transform: scale(1.25) }
.btn-goto a:hover .ln { width: 100% }
.btn-goto a:hover { color: #a5aac6 !important }




@media screen and (max-width: 1220px) {
} 

@media screen and (max-width: 1080px) {
}




@media screen and (max-width: 780px) {
	
    body { font-size: 13px; line-height: 1.6; letter-spacing: 0.04em; -webkit-text-size-adjust: none; overflow: hidden }
    h2, h3, h4, h5 { letter-spacing: 0.08em; font-weight: 700; }
	
    a { text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none; }

    .pc_none { display: block }
    .sp_none { display: none }
    
    /* effects */
    .zm { transform: scale(1.24); }
    .txtl, .txtl-t { opacity: 0; display: inline-block }
    
    
    
    /* header */
    #header { background: #1f2868; width: 100%; padding: 8px 0; position: fixed; z-index: 100; }
    #header .header-inner { border-left: 5px solid #c9ccdd; border-right: 4px solid #c9ccdd; padding: 4px 4.4vw; position: relative; }
    #header .logo img { width: auto; height: 16px }
    #header .globalNav { position: absolute; top: 40px; right: 0; width: 100%; background: rgba(86,95,141,0.9); border-radius: 8px; display: none }
    #header .globalNav ul { font-size: 0; }
    #header .globalNav ul li { display: block; border-bottom: solid 1px #aaafc6 }
    #header .globalNav ul li:last-child { border-bottom: none }
    #header .globalNav ul li a { color: #fff; font-size: 14px; margin: 0; padding: 3.3vw 6.6vw; display: block; }
    
    #btn-menu { position: fixed; right: 4px; top: 1px; width: 60px; height: 42px; display: block; z-index: 101; cursor: pointer }
    #btn-menu span { position: absolute; display: block; width: 30px; height: 2px; background: #aaafc6; transition: all 0.2s }
    #btn-menu span:nth-child(1) { left: 15px; top: 16px }
    #btn-menu span:nth-child(2) { left: 15px; bottom: 16px }
    #btn-menu:hover span { width: 30px; }
    #btn-menu:not(.active):hover span:nth-child(1) { left: 15px; top: 16px }
    #btn-menu:not(.active):hover span:nth-child(2) { left: 15px; bottom: 16px }
    #btn-menu.active:hover span:nth-child(1) { left: 15px; top: 16px }
    #btn-menu.active:hover span:nth-child(2) { left: 15px; bottom: 16px }
    #btn-menu.active span:nth-child(1) { transform: rotate(45deg) scaleX(0.6) translate(10px, 0); }
    #btn-menu.active span:nth-child(2) { transform: rotate(-45deg) scaleX(0.6) translate(10px, 0); }
    
    #top-main { position: relative; padding: 0 0 6vw; z-index: 0; margin-top: 42px; }
    #top-main h1 { position: absolute; display: block; left: 5%; bottom: 20%; width: 90%; font-size: 15px; color: #fff; letter-spacing: 0.16em; line-height: 1.5; z-index: 10; transform: rotate(-5.5deg) }
    #top-main h1 span.mt { font-size: 13px; margin-top: 1em; text-align: right }
    #top-main .bot { position: absolute; left: 0; bottom: 6vw; z-index: 1 }
    #top-main .top-nav { position: absolute; left: 6vw; top: 33.33%; z-index: 1 }
    #top-main .top-nav .logo img { width: 140px }
    #top-main .top-nav ul { margin: 1em 0 0 }
    #top-main .top-nav ul li a { font-size: 12px; }
    #top-main .lines { top: -6vw; z-index: 9 }
    #top-main .lines span { left: 42% }
	
	
	/* bnr */
	.bnr .bnr-inner { padding: 2.8vw 0; }
	.bnr ul li { width: 100%; margin: 0 0 1.4vw; }
	.bnr ul li:last-child { margin-bottom: 0; }
	.lines.bnr-ln { top: -3vw; }	


    #contents { padding: 0 0 20vw; }

    
    .top-concept { position: relative; margin: 0 0 18vw; }
    .top-concept .conts .slogan { position: absolute; left: 50%; top: calc(50% + 1.5em); margin: -25vw 0 0 -25vw; width: 50vw; height: 50vw; text-align: center; }
    .top-concept .conts .slogan h2 { display: inline-block; font-size: 14px; line-height: 2.5em; padding: 6vw 0; text-align: left; }
    .top-concept .cont-1 { margin-bottom: 0 }
    .top-concept .cont-2 { margin-bottom: 6vw }
    .top-concept .cont-1 .txt { position: relative; float: none; width: auto; padding: 14vw 6vw 6vw; font-size: 14px; }
    .top-concept .cont-1 .vis { position: relative; float: none; width: auto; }
    .top-concept .cont-2 .txt { position: relative; float: right; width: auto; padding: 6vw 6vw 0; font-size: 14px;  }
    .top-concept .cont-2 .vis { position: relative; float: left; width: auto; }
    .top-concept .cont-3 { position: relative; width: auto; margin: 0 auto; z-index: 10 }
    .top-concept .cont-3 .txt { position: relative; left: inherit; top: inherit; font-size: 14px; padding: 6vw }
    .top-concept .cont-3 .vis { position: relative; float: none; width: auto; padding: 6vw 0 0; }
    .top-concept .lines { top: 9vw; z-index: 0 }
    
	.top-collection .btit { padding: 0 6vw; margin: 0 0 4vw; }
	.top-collection .btit h2 { font-size: 50px; }
	.top-collection h3 { font-size: 32px; padding: 0 6vw; }
	.top-collection h3 span { font-size: 24px; }
	.top-collection .lead { padding: 0 6vw; line-height: 1.6em; }
    .top-collection .thumb-list ul { margin-top: 6vw }
	.top-collection .thumb-list ul li { width: 50%; }
	.top-collection .thumb-list ul li { margin: 0; }
	.top-collection .thumb-list ul li a { padding: 4vw; }
	.top-collection .thumb-list ul li a:hover .pic { transform: scale(1.0); }
	.top-collection .thumb-list ul li:nth-of-type(3n){ border-right: 1px solid #c9ccdd; }
	.top-collection .thumb-list ul li:nth-of-type(2n){ border-right: none; }	
    .top-collection .thumb-list ul li .pic { margin-bottom: 4vw }
	.top-collection .thumb-list ul li h4 { padding: 0 4vw; }
	.top-collection .thumb-list ul li .new { font-size: 10px; padding: 0 4vw; }
	.top-collection .block02 { margin: 12vw 0 0; }	
	
    
    /* footer */
    #footer .foot-inner { padding: 10vw 0 3vw; }
    #footer .foot-inner .logo img { width: 160px }
    #footer .foot-inner p { font-size: 12px }
	#footer .foot-inner p.copy { letter-spacing: 0.2em; }	
	

    
    /* Lower Contents */
	.cont-tit { padding: calc(40px + 12vw) 0 6vw 6vw; }
	.cont-tit h1 { font-size: 50px; }
	.lines.cont-tit-ln { top: 5vw; }
	
	
	/* 製品詳細ページ */
	#collection-detail .page-header { padding: 0 6vw; }
	#collection-detail .page-header h2 { font-size: 32px; position: static; line-height: 0.8em; margin: 0 0 2vw; }
	#collection-detail .page-header h2 span { font-size: 20px; margin: 5px 0 0; }
	#collection-detail .page-header .overview { font-size: 14px; padding: 0; }
	#collection-detail .page-header .spec { padding: 10px 0 0; }
	#collection-detail .item-list ol { padding: 16vw 6vw 4vw; margin: -12vw 0 0 }
	#collection-detail .item-list ol li { margin: 12vw 0 0 }
	#collection-detail .item-list .pic { padding: 0; }
	#collection-detail .item-list .pic .mrk { font-size: 11px; padding: 6px 12px 8px; position: absolute; bottom: 4vw; right: 0; }
	#collection-detail .item-list  h3 { font-size: 15px; }
	#collection-detail .item-list .item-info { font-size: 11px; }	
	
	#collection-detail .feature-area { padding: 12vw 6vw 0; }
	#collection-detail .feature-area .CP-008_img01 { margin: 4.4vw 0 0; }
	#collection-detail .feature-area .CP-008_img01 img { width: 48vw; padding: 0 0 1.6vw; margin: 0 0 1vw }
	
	#collection-detail .feature-list ul { padding: 12vw 6vw 0; margin: -6vw 0 0; }
	#collection-detail .feature-list ul li { width: 100%; margin: 6vw 0 0; }
  	#collection-detail .feature-list ul li .border-left { border-left: none; }
 	#collection-detail .feature-list ul li .border-right { border-right: none; }	
	#collection-detail .feature-list ul li .pic { margin: 0 0 2vw;  border-left: 1px solid #c9ccdd; border-right: 1px solid #c9ccdd; }
	#collection-detail .feature-list ul li:nth-child(3n) h4 { padding: 0; }
	#collection-detail .feature-list ul li:nth-child(3n) p { padding: 0; }
	
	#collection-detail .other-models { margin: 20vw 0 0; }
	#collection-detail .other-models h4 { font-size: 26px; padding: 0 6vw; }
	#collection-detail .other-models h4 span { font-size: 16px; }
	#collection-detail .other-models ul li { width: 50%; }
	#collection-detail .other-models ul li:nth-child(2n) { border-right: none; }	
	#collection-detail .other-models ul li a { padding: 5vw 4vw; }
	#collection-detail .other-models ul li a:hover { transform: scale(1.0) }
    
    .stores .stores-inner { padding: 0 6vw; position: relative; }
    .stores .stores-inner { font-size: 18px; font-family: AvenirNextLTPro-DemiIt, 'Noto Sans JP', Sans-Serif; margin-bottom: 1em }
    .stores .stores-inner table { font-size: 12px; margin: 3.3vw -6vw 0; width: calc(100% + 12vw ) }
    .stores .stores-inner th { font-size: 13px; padding: 1em 6vw 0; border-bottom: none; display: block }
    .stores .stores-inner td { padding: 0.5em 6vw 0; border-bottom: none; display: block }
    .stores .stores-inner tr td:last-child { padding: 0.5em 6vw 1em; border-bottom: solid 1px #aaafc6; }

	.btn-goto { width: auto; margin: 6vw auto; }
	.btn-goto a { font-size: 18px; }
}




@media screen and (max-width: 320px) {

}

/* margin-bottom
=========================================*/
.mb0 { margin-bottom:0 !important; }
.mb3 { margin-bottom:3px !important; }
.mb4 { margin-bottom:4px !important; }
.mb5 { margin-bottom:5px !important; }
.mb7 { margin-bottom:7px !important; }
.mb10 { margin-bottom:10px !important; }
.mb12 { margin-bottom:12px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.mb60 { margin-bottom:60px !important; }
.mb80 { margin-bottom:80px !important; }

.mb1em { margin-bottom: 1em !important; }


/* margin-top
=========================================*/
.mt0 { margin-top:0 !important; }
.mt3 { margin-top:3px !important; }
.mt4 { margin-top:4px !important; }
.mt5 { margin-top:5px !important; }
.mt7 { margin-top:7px !important; }
.mt10 { margin-top:10px !important; }
.mt12 { margin-top:12px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }
.mt60 { margin-top:60px !important; }

.ml30 { margin-left:30px !important; }

.mr5 { margin-right:5px !important; }
.mr10 { margin-right:10px !important; }
.mr20 { margin-right:20px !important; }
.mr40 { margin-right:40px !important; }
.mr80 { margin-right:80px !important; }



/* padding-top
=========================================*/
.pt0 { padding-top:0 !important; }
.pt3 { padding-top:3px !important; }
.pt4 { padding-top:4px !important; }
.pt5 { padding-top:5px !important; }
.pt7 { padding-top:7px !important; }
.pt10 { padding-top:10px !important; }
.pt12 { padding-top:12px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }
.pt35 { padding-top:35px !important; }
.pt40 { padding-top:40px !important; }
.pt50 { padding-top:50px !important; }
.pt60 { padding-top:60px !important; }


/**
 * ==============================================
 * Dot Typing
 * ==============================================
 */
.dot-typing {
  position: relative;
  left: -9999px;
  width: 5px;
  height: 5px;
  border-radius: 2.5px;
  background-color: #e9cbce;
  color: #e9cbce;
  box-shadow: 9986px 0 0 0 #1f2a68, 9999px 0 0 0 #8f94b3, 10012px 0 0 0 #c7cad9;
  -webkit-animation: dot-typing 1s infinite linear;
  animation: dot-typing 1s infinite linear;
}

@-webkit-keyframes dot-typing {
  0% {
    box-shadow: 9986px 0 0 0 #1f2a68, 9999px 0 0 0 #8f94b3, 10012px 0 0 0 #c7cad9;
  }
  16.667% {
    box-shadow: 9986px -8px 0 0 #1f2a68, 9999px 0 0 0 #8f94b3, 10012px 0 0 0 #c7cad9;
  }
  33.333% {
    box-shadow: 9986px 0 0 0 #1f2a68, 9999px 0 0 0 #8f94b3, 10012px 0 0 0 #c7cad9;
  }
  50% {
    box-shadow: 9986px 0 0 0 #1f2a68, 9999px -10px 0 0 #8f94b3, 10012px 0 0 0 #c7cad9;
  }
  66.667% {
    box-shadow: 9986px 0 0 0 #1f2a68, 9999px 0 0 0 #8f94b3, 10012px 0 0 0 #c7cad9;
  }
  83.333% {
    box-shadow: 9986px 0 0 0 #1f2a68, 9999px 0 0 0 #8f94b3, 10012px -8px 0 0 #c7cad9;
  }
  100% {
    box-shadow: 9986px 0 0 0 #1f2a68, 9999px 0 0 0 #8f94b3, 10012px 0 0 0 #c7cad9;
  }
}

@keyframes dot-typing {
  0% {
    box-shadow: 9986px 0 0 0 #1f2a68, 9999px 0 0 0 #8f94b3, 10012px 0 0 0 #c7cad9;
  }
  16.667% {
    box-shadow: 9986px -8px 0 0 #1f2a68, 9999px 0 0 0 #8f94b3, 10012px 0 0 0 #c7cad9;
  }
  33.333% {
    box-shadow: 9986px 0 0 0 #1f2a68, 9999px 0 0 0 #8f94b3, 10012px 0 0 0 #c7cad9;
  }
  50% {
    box-shadow: 9986px 0 0 0 #1f2a68, 9999px -10px 0 0 #8f94b3, 10012px 0 0 0 #c7cad9;
  }
  66.667% {
    box-shadow: 9986px 0 0 0 #1f2a68, 9999px 0 0 0 #8f94b3, 10012px 0 0 0 #c7cad9;
  }
  83.333% {
    box-shadow: 9986px 0 0 0 #1f2a68, 9999px 0 0 0 #8f94b3, 10012px -8px 0 0 #c7cad9;
  }
  100% {
    box-shadow: 9986px 0 0 0 #1f2a68, 9999px 0 0 0 #8f94b3, 10012px 0 0 0 #c7cad9;
  }
}