@charset "UTF-8";*{box-sizing:border-box}:after,:before{box-sizing:inherit}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0}main{display:block}h1,h2,h3,h4,h5,h6{font-size:inherit;line-height:inherit;font-weight:inherit;margin:0}address,blockquote,dl,figure,form,iframe,ol,p,pre,table,ul{margin:0}ol,ul{padding:0;list-style:none}dt{font-weight:700}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border:0;border-top:1px solid;margin:0;clear:both;color:inherit}pre{font-family:monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{border-bottom:0;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;vertical-align:bottom}embed,iframe,object{border:0;vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;border:0;background:transparent;padding:0;margin:0;outline:0;border-radius:0;text-align:inherit}[type=checkbox]{-webkit-appearance:checkbox;appearance:checkbox}[type=radio]{-webkit-appearance:radio;appearance:radio}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{cursor:pointer;-webkit-appearance:none;appearance:none}[type="button"][disabled],[type="reset"][disabled],[type="submit"][disabled],button[disabled]{cursor:default}[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}select::-ms-expand{display:none}fieldset,option{padding:0}fieldset{margin:0;border:0;min-width:0}legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]{outline:0}le{border-collapse:collapse;border-spacing:0}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}[hidden],template{display:none}
/*---------------------------------

all

---------------------------------*/
body{
font-family: "UD Reimin Medium" , serif;
}
article{
padding: 1em 0;
}
footer{
margin-bottom: 90px;
text-align: center;
padding: 1em;
font-size: .9em;
}
img{
width: 100%;
}
p{
line-height: 1.6;
}
.note_flex{
margin: .5em 0;
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
}
.note_flex_inner{
width: 160px;
height: 140px;
object-fit: cover;
}
.btn{
background-size: contain;
background-position-x: calc(100% / 2 - 15%);
background-repeat: no-repeat;
position: fixed;
bottom: 0;
width: 100%;
z-index: 444;
}
.btn_inner{
max-width: 960px;
margin: 0 auto;
}
h2.subttl_a img{
display: block;
margin-bottom: -.5em;
z-index: 1;
}
h2.subttl_b{
padding: 0 !important;
background: none;
}
h2.subttl_c{
background:none;
display: block;
margin: 0 auto;
margin-top: -0.5em;
padding: 0;
width: 80%;
}
h2.subttl_d{
background:none;
display: block;
margin: 0 auto;
width: 80%;
margin-top: 1em;
}
h2.subttl_e{
background:none;
display: block;
margin: 0 auto;
width: 80%;
margin-top: 1em;
margin-bottom: 1.5em;
}
h2.subttl_f{
margin-bottom: -2em;
display: block;
z-index: 1;
position: relative;
}
.pad1{
z-index: 1;
position: relative;
}
.pad2{
margin-top: -2em;
z-index: -1;
display: block;
}
.pad2.plus_pad{
margin-bottom: -1em;
}
.pad3{
padding-top: 2em;
}
.zi-1{
z-index:-1; 
}
.bg{
background: #f8f8f8;
}
.bg02{
background: #eb6ea5;
color:#fff ;
}
.bg03{
box-sizing: border-box;
background:#413329;
}
.bg04{
box-sizing: border-box;
background-image: linear-gradient(-45deg, #544338 50%, #413329 50%, #413329);
}
h2.separation{
padding: .5em 0;
}
.price{
width: 100%;
padding: 1em 0;
background: url("../img/bg_price.jpg") center / cover  no-repeat;
}
.multiplication{
display: block;
margin: 0 auto;
padding: 1em 0;
width: 20%;
}
.price img{
width: 90%;
display: block;
margin: 0 auto;
}
.pad{
padding: 2em;
}
.dis_padding{
padding: 0;
}
.voice{
padding-top: 1em;
}
.voice img{
padding: .5em 0;
}

/* header
--------------------------*/ 
#header {
	position: relative;
	padding: 60px 0 0;
}
header {
	position: fixed;
  background: #fff;
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
  margin: -60px 0 0;
  width: 432px;
  /*height: 62px;*/
  z-index: 10000;
}
@media screen and (max-width: 768px) {
  header {
  	height: auto;
  }
}

header.over .hd-menu {
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
  padding-top: 1.3rem;
  padding-bottom: 1.3rem;
}

header .hd-menu {
	display: flex;
  /*background: #B29B71;*/
  padding-top: 7px;
  padding-bottom: 7px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  /*height: 45px;*/
}

@media screen and (max-width: 1200px) {
  header .hd-menu {
  }
}

@media screen and (max-width: 768px) {
  header .hd-menu {
    /*height: auto;*/
  }
}

header .hd-menu h1.hd_logo {
	background-color: transparent;
  position: relative;
  margin: 0;
  padding: 0;
  /*width: 35%;*/
  z-index: 10000;
}

@media screen and (max-width: 768px) {
  header .hd-menu h1.hd_logo a {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

header .hd-menu .txt {
	padding: 5px 0 0;
	color: #707070;
  font-size: 0.7rem;
  line-height: 1.6;
  z-index: 1111;
}

header .hd-menu h1.hd_logo img {
  margin: 0 20px 0 10px;
  width: auto;
  height: 44px;
}

@media screen and (max-width: 900px) {
  header .hd-menu h1.hd_logo a img {
    /*width: 34%;*/
  }
}

@media screen and (max-width: 768px) {
  header .hd-menu h1.hd_logo a img {
    margin-left: 0.5rem;
  }
}

header .hd-menu h1.hd_logo a .t p:first-of-type {
  margin-top: 0.5rem;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  header .hd-menu h1.hd_logo a .t p:first-of-type {
    margin-top: 0.5rem;
    font-size: 0.9rem;
  }
}

header .hd-menu h1.hd_logo a .t p:last-of-type {
  margin-top: 0.5rem;
  font-family: YuGothicB;
  font-weight: 700;
  font-size: 2rem;
  line-height: 1;
  letter-spacing: 2.5px;
}

@media screen and (max-width: 1200px) {
  header .hd-menu h1.hd_logo a .t p:last-of-type {
    font-size: 1.9rem;
  }
}

@media screen and (max-width: 1000px) {
  header .hd-menu h1.hd_logo a .t p:last-of-type {
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 900px) {
  header .hd-menu h1.hd_logo a .t p:last-of-type {
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 768px) {
  header .hd-menu h1.hd_logo a .t p:last-of-type {
    margin-top: 0.5rem;
    font-size: 1.7rem;
  }
}

@media screen and (max-width: 768px) {
  header .hd-menu ul.hd-nav {
    display: none;
  }
}

header .hd-menu ul.hd-nav li {
  position: relative;
  margin-left: 3.8rem;
}

@media screen and (max-width: 1200px) {
  header .hd-menu ul.hd-nav li {
    margin-left: 2rem;
  }
}

@media screen and (max-width: 1000px) {
  header .hd-menu ul.hd-nav li {
    margin-left: 1.5rem;
  }
}

@media screen and (max-width: 900px) {
  header .hd-menu ul.hd-nav li {
    margin-left: 1rem;
  }
}

header .hd-menu ul.hd-nav li:first-of-type {
  margin-left: 0;
}

header .hd-menu ul.hd-nav li a {
  position: relative;
  width: 100%;
  text-align: center;
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1;
  letter-spacing: 1px;
}

@media screen and (max-width: 1200px) {
  header .hd-menu ul.hd-nav li a {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 1000px) {
  header .hd-menu ul.hd-nav li a {
    font-size: 1.1rem;
  }
}

@media screen and (max-width: 900px) {
  header .hd-menu ul.hd-nav li a {
    font-size: 1rem;
  }
}

header .hd-menu ul.hd-nav li a img {
  margin: auto;
}

header .hd-menu ul.hd-nav li.active::after {
  content: "";
  position: absolute;
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  left: 50%;
  bottom: -1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-self: center;
  border-radius: 100%;
  background: #59cadc;
  z-index: 1;
  opacity: 1;
  width: 0.8rem;
  height: 0.8rem;
}

header .navToggle {
  display: inline-block;
  border-radius: 5px;
  background: #DCBF7B;
  position: absolute;
  right: 10px;
  top: 7px;
  width: 44px;
  height: 44px;
  padding: 9px;
  cursor: pointer;
  z-index: 10010;
}
header .navToggle div {
  position: relative;
}
header .navToggle span {
  display: block;
  position: absolute;
  width: 100%;
  height: 3px;
  background: #fff;
  left: 0;
  -webkit-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
}
header .navToggle span:nth-child(1) {
  top: 0;
}
header .navToggle span:nth-child(2) {
  top: 0.65rem;
}
header .navToggle span:nth-child(3) {
  top: 1.4rem;
}
header .navToggle p {
  font-family: 'Montserrat';
  font-weight: 500;
  font-size: 0.9rem;
  line-height: 1;
  color: #59cadc;
  position: absolute;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  left: 50%;
  bottom: 1rem;
}
@media screen and (max-width: 768px) {
  header .navToggle {
    position: fixed;
/*    width: 2rem;
    height: 1.7rem;*/
  }
}

header nav.sp-nav {
  display: none;
  width: 600px;
}

header nav.sp-nav {
  display: block;
  position: absolute;
  width: 100%;
  height: 100vh;
  overflow-y: scroll;
  top: 0;
  left: 0;
  background: #fff;
  padding: 4.5rem 0 0;
  z-index: 9000;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-transition: opacity 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s;
  transition: opacity 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s;
  transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
  transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s;
  width: 600px;
  z-index: 111;
}
  header nav.sp-nav a {
    display: block;
    color: #707070;
    font-size: 1.2rem;
    text-decoration: none;
  }
  header nav.sp-nav a* {
    -webkit-transition: 0s;
    transition: 0s;
  }
  header nav.sp-nav .logo {
    width: 100%;
    padding: 7.5rem 0 0;
  }
  header nav.sp-nav .logo img {
    margin: 0;
    text-align: left;
  }
  header nav.sp-nav ul.l_menu {
    display: block;
    padding: 0 0.6rem;
    list-style: none;
    text-align: left;
  }
  header nav.sp-nav ul.l_menu li.sub-menu-li {
    position: relative;
    border-bottom: 1px solid #DCBF7B;
    padding: 0.7rem;
  }
  header nav.sp-nav ul.l_menu li:first-child {
    border-top: 1px solid #DCBF7B;
  }
  header nav.sp-nav ul.l_menu li:last-child {
  	border: none;
    padding: 1rem 0.7rem 0.7rem;
  }
  header nav.sp-nav ul.l_menu li.sub-menu-li.btn {
    border: none;
    padding: 0.8rem 0;
  }
  header nav.sp-nav ul.l_menu li.sub-menu-li span {
    position: relative;
    font-weight: normal;
    font-size: 1.3rem;
  }
  header nav.sp-nav ul.l_menu li.sub-menu-li span::after {
    position: absolute;
    -webkit-transform: translate(100%, -50%);
            transform: translate(100%, -50%);
    content: '';
    width: 3rem;
    height: 2rem;
    background: center center/contain no-repeat url(../images/arrow-right-sp.png);
    right: -1rem;
    top: 50%;
  }
  header nav.sp-nav ul.l_menu li.sub-menu-oli {
    margin-top: 1rem;
    font-size: 1.4rem;
  }
@media screen and (max-width: 768px) {
  header nav.sp-nav {
    position: fixed;
    width: auto;
  }
}

header.open nav.sp-nav {
  display: block;
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
  width: 100%;
}

header.open .navToggle span:nth-child(1) {
  top: 0.7rem;
  -webkit-transform: rotate(315deg);
          transform: rotate(315deg);
}

header.open .navToggle span:nth-child(2) {
  width: 0;
  left: 50%;
}

header.open .navToggle span:nth-child(3) {
  top: 0.7rem;
  -webkit-transform: rotate(-315deg);
          transform: rotate(-315deg);
}

/*---------------------------------

MAP

---------------------------------*/
.ginza iframe,
.omotesando iframe{
display:block;
height: 350px;
}
.shop_name{
text-align: center;
font-size: 2em;
color: #413329;
font-weight: bold;
padding: 1em 0;
letter-spacing: 2px;
}
.ginza ul,
.omotesando ul{
padding: 1em;
}
.ginza ul li,
.omotesando ul li{
font-size: 1em;
letter-spacing: 1px;
padding-bottom:.5em;
}
.head-border {
display: flex;
align-items: center;
}

.head-border:before,
.head-border:after {
content: "";
height: 1px;
flex-grow: 1;
background-color: #413329;
}

.head-border:before {
margin-right: 1rem;
}

.head-border:after {
margin-left: 1rem;
}
/*---------------------------------

ウイルス注意書き

---------------------------------*/
dateils,summary {
list-style: none;
cursor: pointer;
margin: 0 auto 2em;
font-weight: bold;
}
details summary::-webkit-details-marker {
display: none;
}
details summary {
cursor: pointer;
}
summary{
outline: none;
margin:0;
}
.note {
	margin: 0;
}
.note img {
  width: 90%;
}
/*summary::after {
  content: "▶";
	display: inline-block;
  margin: 0 0.3em 0 0;
  color: #7bbcf5;
  transform: rotate(90deg);
  transition: .2s transform ease;
}*/
details[open] summary::before {
transform: rotate(90deg);
}
.details_content {
background: #f5f5f5;
padding: 16px;
border-radius: 2px;
}
details[open] .details_content{
animation: .8s details_content ease;
}
.note-in{
	padding: 0.5rem 0.5rem 1rem;
	color: #7bbcf5;
	text-align: center;
}
.note-area {
  border: 2px solid #7bbcf5;
  background: #fff;
  padding: 0.5rem;
  height: 170px;
  overflow: scroll;
}
.note-area p{
line-height: 1.8;
font-size:1em;
color:#333;
}
.note-area ul {
margin: 1em 0;
padding-left: 3px;
}
.note-area ul li {
padding-left:1em;
line-height: 1.6;
list-style-type: none;
text-align: left;
color:#ff87a3;
font-size:.9em;
}
.note-area ul li:before {
position: relative;
top: -2px;
left: -10px;
display: inline-block;
width: 4px;
height: 4px;
content: '';
border-radius: 100%;
background: #ff87a3;
}
/*---------------------------------

すごいところ

---------------------------------*/
.great{
text-align: center;
padding-bottom: 1em;
}
.grate_name{
font-size: 1.8em;
letter-spacing: 3px;
position: relative;
margin-top:1em;
margin-bottom:-0.25em;
}
.grate_name img{
width:100%;
margin-top: .5em;
}
.great_img img{
width:100%;
object-fit: cover;
margin: 0 auto;
display: block;
margin-top: 1em;
}
.great_ttltxt{
margin: 0 auto;
position: relative;
}
.great_ttltxt .here{
position: absolute;
content: '';
top: -50px;
left: 0;
background: #FFF799;
height: 60px;
width: 60px;
border-radius: 200px;
color: #EB6EA5;
text-align: center;
line-height: 1.4;
padding-top: 14px;
font-size: .8em;
z-index: 1;
}
.great_ttltxt .here p{
transform: rotateZ(-10deg);
font-weight: bold;
}
.great_ttltxt p{
line-height: 1.2;
}
.great_ttltxt .number{
position: absolute;
left: 0;
top: -12px;
font-size: 5.2em;
z-index: 2;
text-shadow:2px 2px 0 #EB6EA5, -2px -2px 0 #EB6EA5,
-2px 1px 0 #EB6EA5, 1px -1px 0 #EB6EA5,
0px 1px 0 #EB6EA5,  0-1px 0 #EB6EA5,
-1px 0 0 #EB6EA5, 1px 0 0 #EB6EA5;
}
.min_txt{
font-size: 1em;
}
.min_txt_dot{
font-size: .4em;
margin-left: -8px;
text-shadow: none;
}
.big_txt{
font-size: 2.7em;
letter-spacing: 3px;
margin-top: 2px;
color: #FFF799;
position: relative;
}
.big_txt .min_txt{
font-size: .5em;
}
.great_intxt{
margin: 0 auto;
margin-top: 2px;
text-align:justify;
}
.great_intxt p:first-child{
text-decoration:underline;
letter-spacing: .5px;
text-align: center;
}
.great_intxt p:last-child{
margin-top: 2px;
font-size: .9em;
}
.supermin_txt{
font-size: .5em;
position: absolute;
top: 12px;
}
.left-negative{
padding-left: 16px;
white-space: nowrap;
}
.ba{
padding: 1em 0;
width: 90%;
margin: 0 auto;
display: block;
}
/*---------------------------------

Before&After

---------------------------------*/

@media screen and (min-width: 600px){
footer{
margin-bottom: 140px;
}
.note_flex_inner{
width: 210px;
height: 200px;
}
.contents{
width: 30%;
margin: 0 auto; 
}
.grate_name img {
display: block;
margin: 0 auto;
}
.btn{
width: 100%;
display: inline-block;
}
.btn_inner{
width: 30%;
}
}

/*-----------インスタ-----------*/
#insta {
	content: "";
	display: flex;
	padding: 1rem 2rem;
}
.instagram-media {
	padding: 0 1rem;
}
@media screen and (max-width: 768px) {
	.instagram-media {
		min-width: initial !important;
	}
}

#inlineblock1{
width: 100%;
}

#inlineblock2{
width: 100%;
padding-bottom: 5%;
}
.insta{
padding-top: 3%;
width: 100%;
display: flex; 
/*justify-content: center;*/
margin: 0 auto;
}
.righttxt {
text-align: center;
font-size: .6em;
}

.kiran {
  opacity: 1;
  overflow: hidden;
  position: relative;
}
.kiran::before {
  background-color: #fff;
  content: "";
  display: block;
  position: absolute;
  top: -100px;
  left: 0;
  width: 30px;
  height: 100%;
  opacity: 0;
  transition: cubic-bezier(0.32, 0, 0.67, 0);
  animation: kiran 1.5s linear infinite;
}
@keyframes kiran {
  0% {
    transform: scale(2) rotate(45deg);
    opacity: 0;
  }
  20% {
    transform: scale(20) rotate(45deg);
    opacity: 0.6;
  }
  40% {
    transform: scale(30) rotate(45deg);
    opacity: 0.4;
  }
  80% {
    transform: scale(45) rotate(45deg);
    opacity: 0.2;
  }
  100% {
    transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}

.poyo {
  animation: poyopoyo 2s ease-out infinite;
  opacity: 1;
}
@keyframes poyopoyo {
  0%, 40%, 60%, 80% {
    transform: scale(1.0);
  }
  50%, 70% {
    transform: scale(0.95);
  }
}