@charset "UTF-8";
/*---------------------------------

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: 4;
}
.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;
}
/*---------------------------------

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;
}
summary::before {
display: inline-block;
content: "▶";
margin: 0 .3em 0 0;
transform: rotate(0deg);
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{
color: #fff;
text-align: center;
padding:0.5em;
background:#7bbcf5;
}
.note-area{
padding:1em;
background:#fff;
}
.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%;
}
}