@charset "utf-8";


/*reset*/
/*******************************************************************/
html{box-sizing:border-box;overflow-y:scroll;-webkit-text-size-adjust:100%}*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{padding:0;margin:0}audio:not([controls]){display:none;height:0}hr{overflow:visible}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}summary{display:list-item}small{font-size:80%}[hidden],template{display:none}abbr[title]{border-bottom:1px dotted;text-decoration:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}input{border-radius:0}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer}[disabled]{cursor:default}[type=number]{width:auto}[type=search]{-webkit-appearance:textfield}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:0;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,select{text-transform:none}button,input,select,textarea{background-color:transparent;border-style:none;color:inherit}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;max-width:100%;white-space:normal}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}img{width:auto;max-width:100%;height:auto;border-style:none;vertical-align:middle}i{vertical-align:middle}progress{vertical-align:baseline}svg:not(:root){overflow:hidden}audio,canvas,progress,video{display:inline-block}@media screen{[hidden~=screen]{display:inherit}[hidden~=screen]:not(:active):not(:focus):not(:target){position:absolute!important;clip:rect(0 0 0 0)!important}}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}::-moz-selection{background-color:#b3d4fc;color:#000;text-shadow:none}::selection{background-color:#b3d4fc;color:#000;text-shadow:none}ul,ol{list-style:none}i{font-style:normal}
a { color: #A3A3A3; text-decoration: none;}
@media only screen and (min-width: 769px){ a { transition: all .3s ease-out;} a:hover { color: #150E14;}}
*:focus { outline: none;}


/*LAYOUT*/
/*******************************************************************/
html { font-size: 62.5%;}
body { -webkit-text-size-adjust: 100%; -webkit-overflow-scrolling: touch; font-family: YuGothic, '游ゴシック', 'Yu Gothic Medium', 'Yu Gothic', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', sans-serif; font-size: 1.8rem; font-weight: 500; line-height: 1.4; letter-spacing: 0.1em; -webkit-font-smoothing: antialiased; word-break: normal; color: #150E14;}
#container { position: relative; width: 100%; overflow: hidden;}


/*HEADER*/
/*******************************************************************/
#header { position: fixed; top: 0; left: 0; display: flex; align-items: center; width: 100%; height: 90px; background: #FFF; z-index: 1000;}
#logo { background: #fff; position: absolute; top: 0; left: 0; display: block; padding: 41px 25px; transition: .2s ease-out;     width: 200px; height: 200px; z-index: 10;}
/* #logo img { height: 119px;} */
#header > .btn { margin-left: auto;}
#header > .btn a { width: 200px; height: 50px;}
#open { position: relative; width: 40px; height: 39px; margin: 0 50px 0 40px; text-align: center; cursor: pointer;}
#open span { position: absolute; left: 6px; display: block; width: 40px; height: 5px; background: #A3A3A3; transition: .3s ease-out;}
#open span:nth-child(1) { top: 0px;}
#open span:nth-child(2) { top: 17px;}
#open span:nth-child(3) { top: 34px;}
.open #nav { pointer-events: auto; transform: translateX(0);}
#close { position: relative; text-align: right; margin-bottom: 100px; padding-right: 20px;; font-size: 1.6rem; font-weight: 700; color: #A3A3A3; cursor: pointer; transition: .3s ease-out;}
#close::after { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%) rotate(45deg); width: 13px; height: 13px; border-right: 2px solid #A3A3A3; border-top: 2px solid #A3A3A3; transition: .3s ease-out;}
#nav { pointer-events: none; position: fixed; top: 0; right: 0; transform: translateX(100%); display: block; height: 100vh; padding: 50px 60px; background: #EDF0F7; overscroll-behavior-y: contain; overflow: auto; z-index: 50;}
body.start #nav { transition: 1s cubic-bezier(.23,1,.32,1);}
body.start #logo img { transition: .2s ease-out; position: relative; top: 21px;}
.menu li { margin-bottom: 30px;}
.menu li > a { font-weight: 700;}
#nav .btn { margin: 40px 0;}
.sns { display: flex;}
.sns li:not(:first-child) { margin-left: 30px;}
.sns li a { display: block; padding-left: 30px; background-position: left center; background-repeat: no-repeat;}
.sns li a.instagram { background-image: url("../img/instagram.svg");}
.sns li a.facebook { background-image: url("../img/facebook.svg");}
@media only screen and (min-width: 751px){
.is-fixed #logo { padding:0 50px; height: 90px;}
body.start .is-fixed #logo img { top: 18px;}
}


/*FOOTER*/
/*******************************************************************/
#footer { padding: 20px; text-align: center; background: #EDF0F7; font-size: 1.1rem; color: #A3A3A3;}
#floating { position: fixed; top: 50%; right: 25px; transform-origin: right top; transform: rotate(90deg) translateX(50%);}
#reserve { position: relative; max-width: 1720px; margin: 0 auto; padding: 120px 90px 50px; background: #FFF; overflow: hidden;}
#reserve .deco { position: absolute; top: 0; left: 30px; width: 40%;}
#reserve section > p { text-align: center;}
.mfp-content { padding: 90px;}
.mfp-close { margin: 20px; font-size: 5.6rem;}


/*CONTENTS*/
/*******************************************************************/
article { position: relative; max-width: calc(1280px + 180px); margin: 0 auto; padding: 90px;}
article header { margin-bottom: 35px; text-align: center;}
article header h2 { font-size: 3.6rem; font-weight: 500;}
article header i { display: block; margin-top: 20px; font-size: 1.6rem; font-weight: 700; color: #A3A3A3;}
section { position: relative;}
section h2 { line-height: 1.6; letter-spacing: 0.1em;}
section h3 { line-height: 2; letter-spacing: 0.1em;}
section p { line-height: 2;}
.btn a, .btn span { display: flex; justify-content: center; align-items: center; width: calc(100% - 60px); max-width: 280px; height: 70px; padding: 5px 30px; text-align: center; background: #150E14; border: 2px solid #150E14; font-size: 1.6rem; font-weight: 700; letter-spacing: 0; color: #FFF; transition: .3s ease-out;}
.btn a.invertion { max-width: 360px; height: 60px; margin: 40px auto 0;}
.btn a.invertion { background: #FFF; border-color: #EEEEEE; color: #A3A3A3;}
.sp { display: none;}
.fadeInUp{ animation-name: fadeInUp;}
@keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 10px, 0);} to { opacity: 1; transform: translate3d(0, 0, 0);}}
.animated { opacity: 0; animation-duration: 0.9s; animation-fill-mode: both;}
.delay0 { animation-delay: 0.3s;}
.delay1 { animation-delay: 0.6s;}
.delay2 { animation-delay: 0.9s;}
.delay3 { animation-delay: 1.2s;}
.delay4 { animation-delay: 1.5s;}
.delay5 { animation-delay: 1.8s;}
.delay6 { animation-delay: 2.1s;}

#mv { width: auto; max-width: initial; padding: 90px;}
#movie { position: relative; width: 100%; height: calc(100vh - 180px); overflow: hidden;}
#movie::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10;}
#video { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: calc(560 / 315 * 120vh); min-width: calc(100vw - 180px); min-height: 120vh; border: none; opacity: 0;}
.mv_bgimg { object-fit: cover; height: 100%; }
body.start #video { opacity: 1; transition: opacity .9s ease; will-change: opacity;}
#headline { position: absolute; bottom: 40px; left: 90px; display: flex; align-items: center; width: calc(100% - 90px); max-width: 730px; height: 100px; padding: 10px 40px; background: rgb(70,70,70); background: linear-gradient(45deg, rgba(70,70,70,1) 0%, rgba(139,139,139,1) 100%); box-shadow: 0 10px 20px rgba(0,0,0,.16); color: #FFF; z-index: 20;}
#headline h2 { margin-right: 16px; font-size: 1.8rem; letter-spacing: 0.2em;}
#headline .swiper-container { display: flex; margin-right: 16px; overflow: hidden;}
#headline a { display: block; width: 100%; text-decoration: underline; color: #FFF; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.count { display: flex; justify-content: space-between; align-items: center; text-align: center; margin: 0 5px;}
.numerator, .denominator { width: 20px;}
.denominator { order: 1;}
.count::after { content: '/'; display: inline-block;}
.count-nav { display: flex; align-items: center;}
.count-prev, .count-next { position: relative; display: block; cursor: pointer;}
.count-prev::after, .count-next::after { content: '▶︎'; display: block; z-index: 2;}
.count-prev { transform: scaleX(-1);}

.welcome .deco { position: relative; margin: -140px 0 -80px -110px; z-index: 10;}
.welcome .welcometext { position: relative; flex: 1; z-index: 2; margin-right: -160px;}
.welcome h2 { position: relative; margin-bottom: 30px; font-size: 5.5rem; font-weight: 500; letter-spacing: 0.1em; z-index: 10;}
.welcome p { position: relative; width: 40%;}
.welcome figure { position: absolute; bottom: 0; right: 0; width: 25%; max-width: 320px; text-align: right; z-index: -1;}
.welcome figure:first-of-type { right: calc(25% + 4%); bottom: 40px;}
.feature { margin-top: 50px; padding: 50px 25px; border: 1px solid #EDF0F7;}
.feature ul { display: flex; margin-bottom: -25px;}
.feature li { flex: 1; margin: 0 25px 25px;}
.feature li i { font-weight: 700; letter-spacing: 0.2em; color: #A3A3A3;}
.feature li i span { font-size: 1.6rem;}
.feature li h3 { position: relative; margin: 20px 0 30px; font-size: 1.8rem;}
.feature li h3::before { content: ''; position: absolute; top: 15px; left: 10px; width: 100%; height: 100%; background: rgb(186,220,235); background: linear-gradient(45deg, rgba(186,220,235,1) 0%, rgba(239,159,224,1) 100%); opacity: .3; z-index: -1;}

#menu { padding-top: 0;}
.pickupmenu .swiper-container { margin-bottom: 80px; overflow: visible;}
.pickupmenu .swiper-slide { height: auto; opacity: 0;}
.pickupmenu .swiper-slide-active, .pickupmenu .swiper-slide-next { opacity: 1;}
.pickupmenu .swiper-slide-prev { opacity: 0; transition: opacity .2s ease .5s;}
.pickupmenu .swiper-pagination { bottom: -50px; width: 100%;}
.menubox { position: relative; display: flex; flex-direction: column; height: calc(100% - 100px); padding: 48px; background: #FFF; border: 2px solid #EDF0F6; box-shadow: 0 30px 20px rgba(204,210,222,.3); }
.menubox i { position: absolute; top: 48px; right: 48px; transform-origin: right bottom; transform: rotate(90deg) translateX(100%); font-weight: 700; color: #E0ABC7;}
.menubox i span { font-size: 1.6rem;}
.menubox h2 { margin-bottom: 30px; font-size: 2rem;}
.menubox .meta { display: flex; flex-wrap: wrap; margin-bottom: 30px; font-weight: 700;}
.menubox .meta li:first-child { margin-right: 20px;}
.menubox p { margin-bottom: 30px; font-size: 1.6rem; line-height: 1.4;}
.menubox .attention { margin-bottom: 30px;}
.menubox .attention li { padding-left: 1em; text-indent: -1em; font-size: 1.6rem;}
.menubox .attention li::before { content: '※';}
.menubox .btn { margin: auto auto 0;}
.swiper-prev, .swiper-next { position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; z-index: 10;}
.swiper-prev::after, .swiper-next::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%) rotate(45deg); width: 35px; height: 35px; border-right: 6px solid #A3A3A3; border-top: 6px solid #A3A3A3; transition: .3s ease-out;}
.swiper-prev { left: -10px; transform: translateY(-50%) scaleX(-1);}
.swiper-next { right: -10px;}
.scrollhint { display: none;}

#style::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 86vw; min-width: 1480px; height: 100%; background: rgb(239,159,224); background: linear-gradient(45deg, rgba(239,159,224,1) 0%, rgba(186,220,235,1) 100%); opacity: .3; z-index: -2;}
#style .deco { position: absolute; top: 50%; left: 50%; transform: translateX(-50%); min-width: 1480px; z-index: -1;}
#style .deco img { transform-origin: left top; transform: rotate(-90deg) translate(-50%,-50%);}
.style { position: relative;}
#style .swiper-pagination { position: relative; bottom: 0; margin: 25px 0;}
.swiper-pagination-bullet { width: 30px; height: 10px; margin: 5px; border-radius: 0; vertical-align: middle; background: #A3A3A3; opacity: 1;}
.swiper-pagination-bullet-active { background: #E0ABC7;}
.hair { display: flex; align-items: center;}
.hair h2 { position: relative; display: inline-block; margin-bottom: 30px; font-size: 5.5rem; font-weight: 500; line-height: 1.4;}
.hair h2::before { content: ''; position: absolute; top: 0.8em; left: 0.5em; width: 100%; height: 100%; background: #FFF; z-index: -1;}
.hair > div { flex: 1; padding: 0 40px 0 80px;}

#staff ul { display: flex; justify-content: center; flex-wrap: wrap; margin: -28px;}
#staff li { width: calc(25% - 56px); margin: 28px;}
#staff li a { display: flex; flex-direction: column; height: 100%;}
#staff li figure { display: flex; flex-direction: row-reverse; margin-bottom: 20px;}
#staff li figure span { display: block; width: 100%; height: 100%; overflow: hidden;}
#staff li a figure span img { transition: .3s ease-out;}
#staff li figcaption { margin-left: 10px; letter-spacing: 0.2em; color: #A3A3A3;}
#staff li .btn { margin: auto 10px 0;}
#staff li .btn span { width: 100%; max-width: initial;}

#banner { padding-top: 0; padding-bottom: 0; text-align: center;}

#shop .deco { position: absolute; top: 0; right: 0; transform-origin: right top; transform: rotate(90deg) translateX(100%); font-size: 1.6rem; letter-spacing: 0.2em; color: #A3A3A3;}
#shop h2 { display: flex; align-items: center; margin-bottom: 20px; padding-left: 55%; font-size: 3rem;}
#shop h2 img { width: 86px; margin-right: 40px;}
#shop .info { display: flex;}
#shop .info > div { flex: 1; padding: 0 5%;}
#shop figure { width: 50%;}
#shop dt { margin-bottom: 20px;  font-size: 2rem; font-weight: 500;}
#shop dd { margin-bottom: 20px; line-height: 2;}
#shop dd.img { display: none;}
#shop dd a { font-size: 2rem; color: #150E14;}
#shop h3 { font-size: 1.8rem; line-height: 2;}
#shop .btn a { margin-left: 0;}




@media only screen and (max-width: 1620px){
#style .deco { display: none;}
#style::before { width: 100vw;}
.pickupmenu, .style { margin: 0 60px;}
}




@media only screen and (max-width: 960px){
.welcome h2 { font-size: 4rem;}
.feature ul { display: block;}
.hair { display: block;}
.hair h2 { margin-bottom: 60px; font-size: 4rem;}
#staff li { width: calc(50% - 56px);}
#shop .deco { display: none;}
#shop .info { display: block;}
#shop .info > div { padding: 0;}
#shop h2 { padding-left: 0;}
#shop figure { width: auto; margin-bottom: 20px;}
.pickupmenu, .style { margin: 0;}
.pickupmenu .swiper-container { margin-bottom: 20px; overflow: hidden;}
.pickupmenu .swiper-slide { height: auto; opacity: 1;}
.pickupmenu .swiper-slide-prev { opacity: 1;}
.pickupmenu .swiper-pagination { position: relative; bottom: 0; width: auto; margin: 0 10px;}
.menubox { height: 100%; padding: 0; border: none; box-shadow: none;}
.menubox i { position: relative; top: 0; right: 0; transform: rotate(0deg) translateX(0); margin-bottom: 15px; font-size: 1.5rem;}
.menubox i span { font-size: 1.5rem;}
.menubox h2 { margin-bottom: 15px; font-size: 1.8rem;}
.menubox .meta { margin-bottom: 15px; font-size: 1.6rem;}
.menubox .btn { margin: auto 5px 0;}
.menubox .btn a { max-width: initial;}
.swiper-nav { display: flex; justify-content: space-between; margin: 0 30px}
.swiper-prev, .swiper-next { position: relative; top: 0; transform: translateY(0);}
.swiper-prev::after, .swiper-next::after { width: 18px; height: 18px; border-width: 3px;}
.swiper-prev { left: 0; transform: translateY(0) scaleX(-1);}
.swiper-next { right: 0;}
.scrollhint { opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: flex; flex-direction: column; justify-content: center; align-items: center; width: 230px; height: 220px; background: rgba(0,0,0,.5); border-radius: 20px; pointer-events: none; z-index: 10;}
.scrollhint span { display: block; margin-top: 10px; font-size: 1.3rem; font-weight: 700; letter-spacing: 0.05em; color: #FFF;}
.inview .scrollhint { animation: btn_scroll 3.2s ease-in-out 0.5s forwards;}
}
@keyframes btn_scroll { 0% { opacity: 0; transform: translate(-40%,-50%);} 15.6% { opacity: 1; transform: translate(-40%,-50%);} 21.9% { opacity: 1; transform: translate(-40%,-50%);} 37.5% { opacity: 1; transform: translate(-60%,-50%);} 43.8% { opacity: 1; transform: translate(-60%,-50%);} 59.4% { opacity: 1; transform: translate(-40%,-50%);} 65.6% { opacity: 1; transform: translate(-40%,-50%);} 81.3% { opacity: 1; transform: translate(-60%,-50%);} 100% { opacity: 0; transform: translate(-60%,-50%);}}





@media only screen and (min-width: 751px){
#staff li figcaption { -ms-writing-mode: tb-rl; writing-mode: vertical-rl;}
#open:hover span { background: #150E14;}
#close:hover { color: #150E14;}
#close:hover::after { border-color: #150E14;}
.sns li a.instagram:hover { background-image: url("../img/instagram_on.svg");}
.sns li a.facebook:hover { background-image: url("../img/facebook_on.svg");}
.btn a:hover, a:hover .btn span { background: #FFF; color: #150E14;}
.btn a.invertion:hover { color: #150E14;}
.swiper-prev:hover::after, .swiper-next:hover::after { border-color: #150E14;}
#staff li a:hover figure span img { transform: scale(1.1);}
}

@media only screen and (max-width: 750px){
body { letter-spacing: 0;}
#header { position: absolute; background: none;}
#logo { position: absolute; top: 20px; left: 20px; padding: 21px 15px; width: 100px; height: 100px;}
body.start #logo img { width: 70px; top: 0px; right: 0px;}
#header > .btn { position: fixed; bottom: 0px; width: 100%; padding: 15px; background-color: rgba(255, 255, 255, 1);}
#header > .btn a { width: auto; max-width: 100%; height: 70px;}
#open { position: fixed; top: 20px; right: 20px; width: 60px; height: 60px; margin: 0; background: #FFF;}
#open span { left: 15px; width: 30px;}
#open span:nth-child(1) { top: 15px;}
#open span:nth-child(2) { top: 27px;}
#open span:nth-child(3) { top: 39px;}
#nav { width: 100%; padding: 50px 50px 140px;}
#nav::before { content: ''; position: absolute; top: 41px; left: 43px; display: block; width: 120px; height: 58px; background: url("../img/logo.png") center no-repeat; background-size: auto 58px;}
.menu li { margin-bottom: 20px;}

#footer { padding: 20px 30px 140px;}
#floating { display: none;}
#reserve { padding: 100px 45px; overflow: hidden;}
#reserve .deco { left: 0; width: 250px;}
#reserve header > p { font-size: 1.5rem;}
.mfp-container { padding: 0;}
.mfp-content { padding: 0;}

article { padding: 90px 30px;}
article header { margin-bottom: 30px;}
article header h2 { font-size: 3rem;}
article header i { margin-top: 10px; font-size: 1.5rem;}
section h2 { letter-spacing: 0;}
section h3 { letter-spacing: 0;}
.btn a, .btn span { width: auto; max-width: initial; padding: 5px}
.btn a.invertion { max-width: initial; margin: 30px auto 0;}
.sp { display: block;}
.pc { display: none;}

#mv { padding: 15px;}
#movie { height: calc(100vh - 180px);}
#video { width: calc(560 / 315 * (100vh - 30px)); min-width: calc(100vw - 30px);}
#headline { position: relative; bottom: 0; left: 0; display: block; width: auto; height: auto; margin-top: 30px; padding: 20px;}
#headline h2 { margin-bottom: 15px;}
#headline .swiper-container { margin-right: 0;}
.count-nav { justify-content: flex-end; margin-top: 15px;}

.welcome .deco { position: relative; margin: -90px 0 0;}
.welcome .welcometext { margin-right: 0;}
.welcome h2 { margin: 10px 0; font-size: 7vw;}
.welcome p { width: auto;}
.welcome .img { display: flex; justify-content: space-between; align-items: flex-end; margin: 30px -30px 0;}
.welcome figure { position: relative; width: calc(50% - 15px); max-width: initial;}
.welcome figure:first-of-type { right: 0; bottom: 0; margin-bottom: 30px;}
.feature { margin: 40px -15px 0; padding: 0; border: none;}
.feature li { margin: 0 0 25px; padding: 25px; border: 1px solid #EDF0F7;}
.feature li i { font-size: 1.5rem;}
.feature li i span { font-size: 1.5rem;}
.feature li h3 { font-size: 1.7rem;}

#menu { overflow: hidden;}
#menu header p { font-size: 1.5rem;}

#style { padding-top: 0; margin-top: 50px;}
#style .deco { position: relative; top: 0; left: 0; display: block; transform: translateX(0); min-width: initial;}
#style .deco img { transform: rotate(0deg) translate(0,-50%);}
.swiper-pagination-bullet { width: 15px; height: 5px;}
.hair h2 { margin: 20px 0 40px; font-size: 7.2vw;}
.hair > div { padding: 0;}

#staff ul { margin: -16px -12px;}
#staff li { width: calc(50% - 24px); margin: 16px 12px;}
#staff li figure { display: block; margin-bottom: 15px;}
#staff li figcaption { margin: 0 0 10px; font-size: 1.5rem; letter-spacing: 0;}
#staff li .btn { margin: 0;}
#staff li .btn span { font-size: 1.4rem;}

#banner { margin: 0 -30px;}

#shop h2 { padding: 0; font-size: 2.5rem;}
#shop h2 img { width: 57px; margin-right: 25px;}
#shop dt { font-size: 1.8rem;}
#shop dd { margin-bottom: 15px; font-size: 1.5rem; line-height: 1.8;}
#shop h3 { font-size: 1.6rem;}
#shop p { font-size: 1.5rem;}
}
#shop figure { margin-left: unset;}





@media print {
#container { width: 1024px;}
}