/* =========================
top
========================= */
.hero_absolute_frame{
position:absolute;
top:8%;
bottom:8%;
left:5%;
right:5%; /* 追加 */
z-index:3;
width:auto; /* 100%をやめる */
padding:0 1rem;
box-sizing:border-box;
}
.hero_absolute_frame{
background:linear-gradient(
90deg,
rgba(0,0,0,.18),
rgba(0,0,0,.04),
rgba(0,0,0,0)
);
}

/* 上下＋左ラインの装飾枠 */
.hero_absolute_frame::before{
content:"";
position:absolute;
inset:0;
border-left:1px solid rgba(199,178,153,.9);
border-top:1px solid rgba(199,178,153,.55);
border-bottom:1px solid rgba(199,178,153,.55);
border-right:0;
transform:scaleY(0);
transform-origin:bottom;
animation:frameGrowY 1.4s cubic-bezier(.22,.61,.36,1) forwards;
}
.hero_absolute_frame::after{
content:"";
position:absolute;
right:0;
bottom:0;
width:55px;
height:55px;
border-right:1px solid rgba(199,178,153,.55);
border-bottom:1px solid rgba(199,178,153,.55);
}
/* 右側に短いアクセント線 */
@keyframes frameGrowY{
to{
transform:scaleY(1);
}
}

@keyframes frameGrowX{
to{
transform:translateY(-50%) scaleX(1);
}
}

.hero_absolute_frame h1 span,
.hero_absolute_frame p span,
.hero_absolute_frame em span{
display:inline-block;
vertical-align:top;
opacity:0;
animation-duration:.7s;
animation-timing-function:ease;
animation-fill-mode:forwards;
}
.hero_absolute_frame p,
.hero_absolute_frame p span{
font-size:0.9rem;
letter-spacing:.18em;
line-height:1.6;
color:white;
text-align:left;
margin:0rem 0 0.1rem 0.1rem;
}
.hero_absolute_frame h1,
.hero_absolute_frame h1 span{
font-size:1.8rem;
letter-spacing:.06em;
line-height:1.4;
color:white;
text-align:left;
margin:0rem 0 0.2rem 0;
}
.hero_absolute_frame em,
.hero_absolute_frame em span{
margin:1rem 0 0 0rem;
font-size:1.1rem;
line-height:1.4;
color:white;
text-align:left;
letter-spacing:.15em;
}


/* =========================
ここからmember
========================= */
.member_login{
position:absolute;
right:2%;
bottom:4%;
z-index:9;
}
.member_login a{
display:inline-block;
border:1px solid rgba(229,213,195,0.7);
padding:1rem 1.3rem 0.8rem 1.6rem;
border-radius:26px;
background:rgba(0,0,0,0.7);
}
.member_login p{
color:white;
display:block;
font-size:1.2rem;
text-align:center;
line-height:1;
}


.next_icon{
position:relative;
display:block;
padding-right:1rem;
}
.next_icon::after{
content:"";
position:absolute;
right:3px;
top:45%;
width:6px;
height:6px;
border-top:1px solid #c7b299;
border-right:1px solid #c7b299;
transform:translateY(-50%) rotate(45deg);
}

.member_width{
width:100%;
max-width:650px;
margin:0rem auto 0rem;
padding:0rem 0 0.5rem;
}
.member_text_width{
width:84%;
padding:0 1rem;
margin:auto;
text-align:center;
}
/* =========================
title
========================= */
.wrap {
position:relative;
overflow: hidden;
}
.content01 {
background: #030303;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
height: 180px;
margin-left: -100px;
margin-right: -100px;
padding-left: 100px;
padding-right: 100px;
margin-top:20px;
}

.member_back{
background:#030303;
}
.mem_black{
position:relative;
margin-top:-6rem;
background:#030303;
z-index:3;
}

.member_top {
position:absolute;
top:55px;
margin:auto;
left:0;
right:0;
z-index:4;
}
.member_top_h2{
display:block;
font-size:1.8rem;
text-align:center;
color:#cccccc;
letter-spacing:0.15em;
line-height:1.8;
}

.member_top_p{
display:block;
font-size:1.3rem;
text-align:center;
color:#cccccc;
letter-spacing:0.08em;
line-height:1.8;
margin:0.5rem;
}
.form_desc{
display:inline-block;
font-size:1.3rem;
text-align:left;
color:#cccccc;
letter-spacing:0.08em;
line-height:1.8;
margin:0 auto 0.7rem;
}
.member_padding05{
padding:0.3rem 0;
}
.member_padding_top{
margin:6rem 0;
}
/* =========================
photo text
========================= */
.member_item{
padding:2rem 0 0;
width:100%;
margin:-9rem auto 0;
max-width:900px;
}


/* img */
.member_item_left{
position:relative;
}





/* text */
.member_left_text{
position:absolute;
top:50%;
transform:translateY(-58%);
width:86%;
left:0;
right:0;
margin:auto;
}
.member_img_left {
width:90%;
margin:0 auto 0 0;
display: block;
}


.member_flex_left{
display:flex;
align-items:center;
justify-content:flex-end;
margin:0rem 0 0rem 0;
}
.member_left_text span{
display:block;
font-size:1.4rem;
letter-spacing:0.1em;
line-height:1.3;
color:#999999;
margin-bottom:0.5rem;
}
.member_left_text img{
width:20px;
margin:0rem 0.4rem 0.3rem 0;
}
.member_left_text h3{
display:block;
font-size:1.8rem;
letter-spacing:0.1em;
line-height:1.8;
color:#CCCCCC;
text-align:right;
}
.member_left_text p{
text-align:right;
display:block;
font-size:1.25rem;
letter-spacing:0.1em;
line-height:1.8;
color:#CCCCCC;
}





/* img */
.member_item_right{
position:relative;
margin-top:1rem;
}
.member_img_right {
width:90%;
margin:0 0 0 auto;
display: block;
}

/* text */
.member_right_text{
position:absolute;
top:50%;
transform:translateY(-58%);
width:86%;
left:0;
right:0;
margin:auto;
}

.member_flex_right{
display:flex;
align-items:center;
justify-content:flex-start;
margin:0rem 0 0rem 0;
}
.member_right_text span{
display:block;
font-size:1.4rem;
letter-spacing:0.1em;
line-height:1.4;
color:#D8BC75;
margin-bottom:0.5rem;
}
.member_right_text img{
width:20px;
margin:0rem 0.4rem 0.3rem 0;
}
.member_right_text h3{
display:block;
font-size:1.8rem;
letter-spacing:0.1em;
line-height:1.8;
color:#CCCCCC;
text-align:left;
}
.member_right_text p{
text-align:left;
display:block;
font-size:1.25rem;
letter-spacing:0.1rem;
line-height:1.8;
color:#CCCCCC;
}
.mem_div_left{
margin-top:0.3rem
}

/* pratinum */
.member_item_pratinum{
padding:3rem 0 3rem;
margin:2.7rem 0 4.9rem;
width:100%;
overflow:hidden;
background:
linear-gradient(
rgba(0,0,0,0.2),
rgba(0,0,0,0.2)
),
url("../img/member/member_back.jpg") center center / cover no-repeat;
}
.member_pratinum_div{
width:90%;
margin:auto;
text-align:center;
}
.member_padding{
margin-top:1rem;
}
.member_item_pratinum h3{
display:block;
font-size:1.8rem;
letter-spacing:0.1em;
line-height:1.8;
color:#CCCCCC;
text-align:center;
margin-bottom:0rem;
}
.member_item_pratinum p{
display:inline-block;
text-align:left;
font-size:1.25rem;
letter-spacing:0.08em;
line-height:1.9;
color:#CCCCCC;
margin-top:1.2rem;
}
.demo-box{
  display: flex;
  justify-content: center;
}
.platina-text{
font-size:1.8rem;
}

/* ご利用案内 */
.member_guidance{
width:90%;
margin:4.5rem auto 3.5rem;
padding:1.4rem 2.7rem 2rem;
border-radius:40px;
background:#1A1A1A;
border:1px solid #333333;
}
.member_guidance h2{
display:block;
font-size:1.8rem;
letter-spacing:0.1em;
line-height:1.8;
color:#CCCCCC;
text-align:center;
margin-bottom:0rem;
font-weight:bold;
}

.member_guidance h3{
display:block;
font-size:1.4rem;
letter-spacing:0.06em;
line-height:1.8;
color:white;
margin-top:1.5rem;
font-weight:bold;
color:#C7B299;
}
.member_guidance p{
display:block;
font-size:1.25rem;
letter-spacing:0.06em;
line-height:1.8;
color:white;
margin:0.5rem 0;
}
.member_padding2{
margin-top:2.6rem;
}
.member_padding7{
margin-top:.6rem;
}
.member_padding4{
margin:3rem 0 5.5rem;
}
.card_sample{
width:80%;
margin:auto;
}
.card_sample img{
width:100%;
}
.card_sample span{
display:block;
font-size:1.3rem;
letter-spacing:0.06em;
line-height:1.8;
color:white;
margin:1.5rem auto 0.3rem;

color:#C7B299;
text-align:center;
}
/* =========================
会員登録手順
========================= */
.design_div4{
width:80%;
margin:0px auto 1rem auto;
padding:1rem 0px 0.5rem 0px;
}
.design_div4 h2{
margin:1rem 0 1.6rem 0;
display:block;
font-size:1.8rem;
letter-spacing:1.3px;
line-height:100%;
text-align:center;
color:#E6E6E6;
}
.form_ul{
position:relative;
display:flex;
justify-content:center;
align-items:center;
background:white;
margin:10px auto;
height:90px;
}
.form_li1{
width:40%;
padding:10px 0 0px 20px;
}
.form_li1 img{
max-width:110px;
width:100%;
}
.form_li2{
width:60%;
padding:0 15px;
}
.form_li3{
text-align:center;
padding:0 20px 0 20px;
}
.form_ab{
position:absolute;
left:-20px;
top:27px;
width:40px;
}
.form_li2 p{
display:block;
font-size:1.2rem;
color:#4d4d4d;
letter-spacing:0.1px;
line-height:175%;
font-weight:bold;
}
.form_li3 p{
display:block;
font-size:1.3rem;
color:#4d4d4d;
letter-spacing:0.1px;
line-height:185%;
font-weight:bold;
text-align:center;
}
.shita{
width:15px;
margin:0px auto;
}



/* =========================
form
========================= */
.form_div{
text-align:center;
width:100%;
display:block;
}
.form_div h2{
font-size:1.7rem;
letter-spacing:1.3px;
line-height:100%;
text-align:center;
color:#E6E6E6;
margin:2.8rem auto 1rem;
}
.mem_contact_form{
width:85%;
max-width:330px;
margin:0.5rem auto 1rem;
border:0px;
background:white;
height:45px;
border-radius:1px;
font-size:1.6rem;
line-height:45px;
opacity:1;
color:black;
padding:0 7px;
box-sizing:border-box;
}
.mem_check{
display:flex;
}
.mem_check span{
font-size:1.4rem;
color:#FF1D25;
padding-right:3px;
}
.mem_check p{
display:block;
font-size:1.3rem;
letter-spacing:0.3px;
line-height:160%;
color:#CCCCCC;
}
.mem_login{
display:inline-block;
max-width:80%;
margin:25px auto 25px 8px;
border-radius:18px;
background: #0071bc;
}
.mem_flex{
display:flex;
align-items:center;
padding:9px 13px 9px 19px;
}
.mem_login img{
width:22px;
margin-left:4px;
}
.mem_login p{
display:block;
text-align:center;
font-size:1.4rem;
color:#e6e6e6;
letter-spacing:0.4px;
font-weight:bold;
}
.member_padding3{
margin:2.5rem auto 6rem auto;
display:block;
}
.next_padding{
margin:2rem 1rem 1.5rem;
display:block;
}
.next_page{
width:100%;
margin:0rem auto 0;
text-align:right;
}
.next_page a{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:180px;
height:42px;
padding:0rem 1.8rem;
border:1px solid rgba(199,178,153,.55);
border-radius:30px;
background:none;
color:white;
}
.next_page span{
position:relative;
display:block;
font-size:1.2rem;
letter-spacing:.08em;
line-height:1.5;
color:#d3c5b6;
font-weight:bold;

line-height:42px;
padding:0rem 1.3rem 0rem 1.3rem;
}
.next_page span::after{
content:"";
position:absolute;
right:0;
top:49%;
width:7px;
height:7px;
border-top:1px solid #d3c5b6;
border-right:1px solid #d3c5b6;
transform:translateY(-50%) rotate(45deg);
}

/* login pass設定 */
.new_pass {
margin-top:1.5rem;
text-align:center;
}
.new_pass em{
display:block;
text-align:center;
font-size:1.4rem;
color:#cccccc;
margin-bottom:0.7rem;
}
.conf3{
display:inline-block;
border-radius:20px;
background:#B29A80;
color:white;
height:46px;
min-width:200px;
font-size:1.3rem;
line-height:46px;
position:0 2rem;
margin:1rem auto 4rem;
cursor:pointer;
}

/* =========================
パスワード表示
========================= */
.pass_box{
display:flex;
width:100%;
gap:1%;
align-items:center;
justify-content:center;
margin:1rem auto 0;
max-width:330px;
width:85%;
margin:auto;
}
.pass_form{
width:78%;
border:0px;
background:white;
height:45px;
border-radius:1px;
font-size:1.6rem;
line-height:45px;
opacity:1;
color:black;
padding:0 7px;
box-sizing:border-box;
}

.pass_view{
border:1px solid #cccccc;
padding:1rem;
width:20%;
height:45px;
background:white;
font-size:1.2rem;
cursor:pointer;
text-align:center;
color:#3A3A3A;
box-sizing:border-box;
}
.hidden_username{
position:absolute;
left:-9999px;
width:1px;
height:1px;
opacity:0;
pointer-events:none;
}
/* encode not */
.no_hit{
width:85%;
border:1px solid #cccccc;
margin:1.8rem auto;
padding:2rem 0.3rem;
background:rgba(255,255,255,0.2);
background:white;
}
.no_hit em{
display:block;
text-align:center;
font-size:1.3rem;
line-height:1.7;
}

.no_hit p{
display:block;
text-align:center;
font-size:1.2rem;
color:#5b401b;
line-height:1;
letter-spacing:0.08em;
line-height:90px;
}

/* ログイン */
.login_form_wrap{
margin:-1.5rem 0 0 0;
}
.login_field{
text-align:center;
margin:1rem auto 1.2rem;

}
.login_field em{
display:block;
text-align:center;
font-size:1.5rem;
line-height:1.7;
color:white;
margin-bottom:0.3rem;
}

.login_save{
margin:3rem auto 3rem;
}
.memail_now{
text-align:center;
margin:0 auto 2.5rem;
}
.memail_now em{
display:block;
font-size:1.3rem;
color:#999999;
margin-bottom:0.4rem;
}
.memail_now p{
font-size:1.5rem;
color:#cccccc;
letter-spacing:0.03em;
}

/* member_top */
.member_menu{
padding:2rem 0 0;
width:100%;
margin:-14rem auto 0;
max-width:900px;
}

.card{
position:relative;
width:85%;
max-width:500px;
margin:auto;
}
.card img{
width:100%;
}
.card_absolute{
position:absolute;
top:4%;
right:4%;
}
.card_absolute span{
display:block;
text-align:center;
font-size:2.2rem;
color:#cccccc;
}
.card_absolute h2{
display:block;
text-align:center;
font-size:1.25rem;
color:#cccccc;
}
.span_silver{

}
.h2_silver{

}
.card_absolute_point{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
}
.card_div h3{
display:block;
text-align:center;
font-size:1.3rem;
color:#cccccc;
}

.card_div em{
display:block;
text-align:center;
font-size:5.5rem;
line-height:1.1;
letter-spacing:0.02em;
color:#cccccc;
}

.card_div ol{
display:inline-block;
text-align:center;
font-size:1.9rem;
margin:1.6rem 0 0 0.3rem;
color:#cccccc;
}

.card_absolute_point2{
position:absolute;
bottom:5%;
right:5%;
}
.card_div2{
display:flex;
align-items:center;
justify-content:center;
margin-top:0.2rem;
color:#cccccc;
}
.card_div2 h3{
display:block;
text-align:center;
font-size:1.3rem;
padding-top:1rem;
padding-right:0.3rem;
letter-spacing:0.06em;
background:linear-gradient(
180deg,
#fff8e7 0%,
#e9d7a6 25%,
#c7b299 55%,
#9c8563 100%
);
-webkit-background-clip:text;
background-clip:text;
-webkit-text-fill-color:transparent;
text-shadow:
0 1px 0 rgba(255,255,255,.1),
0 2px 8px rgba(199,178,153,.25);
}

.card_div2 ol{
display:inline-block;
text-align:center;
font-size:1.5rem;
margin:.5rem 0 0 0.3rem;
background:linear-gradient(
180deg,
#fff8e7 0%,
#e9d7a6 25%,
#c7b299 55%,
#9c8563 100%
);
-webkit-background-clip:text;
background-clip:text;
-webkit-text-fill-color:transparent;
text-shadow:
0 1px 0 rgba(255,255,255,.1),
0 2px 8px rgba(199,178,153,.25);
}


.card_div2 span{
display:block;
text-align:center;
font-size:3.6rem;
line-height:1.1;
letter-spacing:0.03em;
font-weight:bold;
background:linear-gradient(
180deg,
#fff8e7 0%,
#e9d7a6 25%,
#c7b299 55%,
#9c8563 100%
);
-webkit-background-clip:text;
background-clip:text;
-webkit-text-fill-color:transparent;
text-shadow:
0 1px 0 rgba(255,255,255,.1),
0 2px 8px rgba(199,178,153,.25);
}


/* tel*/
.metel_div{
width:85%;
margin:2.5rem auto 0 auto;
background:#1a1a1a;
border-radius:1px;
border:1px solid #333333;
}
.metel_div span{
display:block;
font-size:1.4rem;
letter-spacing:0.05em;
line-height:1.7;
padding:2rem;
color:#e6e6e6;
}
.delete_warn{
text-align:center;
margin:0 auto 2rem;
}
.delete_warn p{
font-size:1.4rem;
color:#cccccc;
letter-spacing:0.05em;
}
.delete_warn em{
color:#C1272D;
font-style:normal;
}
.google_step{
width:88%;
margin:0 auto;
}
.google_step_item{
padding:1.5rem 0;
}
.google_step_num{
display:inline-block;
width:2.4rem;
height:2.4rem;
line-height:2.4rem;
text-align:center;
border-radius:50%;
background:#C7B299;
color:#1a1a1a;
font-size:1.4rem;
font-style:normal;
font-weight:bold;
margin-bottom:0.8rem;
}
.google_step_item p{
font-size:1.3rem;
color:#cccccc;
line-height:1.8;
letter-spacing:0.05em;
margin-bottom:1rem;
}
.google_link_btn{
background:#1a1a1a;
border:1px solid #C7B299;
border-radius:30px;
padding:1rem 1.5rem;
text-align:center;
display:block;
margin:0 auto;
max-width:280px;
}
.google_link_btn p{
color:#C7B299;
font-size:1.4rem;
letter-spacing:0.08em;
}
.google_step_arrow{
text-align:center;
color:#555555;
font-size:1.8rem;
padding:0.5rem 0;
}
.google_note{
width:88%;
margin:2rem auto 1rem;
}
.google_note p{
font-size:1.2rem;
color:#666666;
line-height:1.8;
letter-spacing:0.03em;
}
.metel_div2{
width:90%;
margin:0 auto;
background:#1a1a1a;
border-radius:1px;
border:1px solid #333333;
padding:23px 3px 26px 3px;
}
.meku_div{
width:90%;
margin:auto;
}
.meku_div p{
text-align:center;
display:block;
font-size:1.4rem;
letter-spacing:0.06em;
line-height:1.7;
color:#cccccc;
}
.kuchi_back{
width:210px;
max-width:90%;
margin:15px auto 0;
display:flex;
justify-content:center;
align-items:center;
background:#2780b7;
border-radius:20px;
}
.kuchi_back p{
padding:15px 0;
color:#cccccc;
font-size:1.5rem;
line-height:1;
display:block;
letter-spacing:0.01em;
margin-right:6px;
font-weight:bold;
}
.kuchi_back img{
width:22px;
height:10px;
}
.kuchi_shita{
width:19px;
margin:22px auto;
display:block;
}
.kuchi_div{
width:90%;
margin:auto;
text-align:center;
}
.kuchi_div span{
display:inline-block;
font-size:1.4rem;
letter-spacing:0.06em;
line-height:1.7;
color:#cccccc;
margin-bottom:18px;
text-align:left;
}
.kuchi_width{
width:210px;
max-width:90%;
margin:auto;
}
.kuchi_form{
margin:1px auto;
width:210px;
max-width:90%;
background:white;
border-radius:5px;
padding:0 10px;
line-height:45px;
height:45px;
font-size:1.6rem;
display:block;
box-sizing:border-box;
}
.kuchi_botan{
width:210px;
max-width:90%;
margin:25px auto 0;
background:#666666;
padding:9px 15px;
text-align:center;
color:#e6e6e6;
font-size:1.5rem;
border-radius:30px;
cursor:pointer;
display:block;
}
.kuchi_top_h2{
display:block;
font-size:1.5rem;
text-align:center;
color:#cccccc;
letter-spacing:0.05em;
line-height:1.9;
}
.kuchi_mt30{
margin:40px 0;
}
.kuchi_ul{
display:flex;
align-items:flex-start;
width:90%;
margin:auto;
}
.kuchi_ul p{
display:block;
font-size:1.4rem;
letter-spacing:0.06em;
line-height:1.7;
color:#cccccc;
}
.kuchi_ul span{
display:block;
font-size:1.4rem;
line-height:1.7;
color:#ff1d25;
margin-right:3px;
}
.google_name_error{
text-align:center;
margin-top:0.5rem;
}
.delete_botan{
max-width:90%;
min-width:220px;
margin:0 auto;
background:#5a1a1a;
border:1px solid #C1272D;
padding:1.2rem 1.5rem;
text-align:center;
color:#e6e6e6;
font-size:1.5rem;
border-radius:30px;
cursor:pointer;
display:block;
}
.me_tel_ok{
width:88%;
margin:2rem auto;
border:1px solid #eae9e8;
text-align:center;
}
.me_tel_ok p{
font-size:1.4rem;
display:inline-block;
text-align:center;
padding:2rem 1.5rem;
color:#cccccc;
text-align:left;
line-height:1.8;
}
.metel_tel{
width:75%;
margin:0 auto 2.3rem auto;
}
.metel_tel em{
display:block;
text-align:center;
font-size:1.3rem;
letter-spacing:0.01em;
color:#cccccc;
padding-bottom:0.5rem;
}
.tel_form {
margin:0 auto 2rem;
width:100%;
max-width:300px;
background: white;
border-radius: 5px;
padding: 0px 10px;
line-height: 45px;
letter-spacing:0.5px;
height: 45px;
font-size: 1.6rem;
opacity:1;
box-sizing:border-box;
display:block;

}
.member_padding5{
margin:3rem 0 3.5rem;
}
.google_comment{
width:88%;
margin:auto;
display:block;
text-align:center;
padding-bottom:0.5rem;
}
.google_comment p{
display:inline-block;
text-align:left;
}
/* edit */
.metop_edit{
width:85%;
margin:4.5rem auto 0rem auto;
background:#1a1a1a;
border-radius:1px;
border:1px solid #333333;
}
.metop_edit h2{
display:block;
font-size:1.8rem;
letter-spacing:0.05em;
line-height:1.7;
padding:1rem;
color:#e6e6e6;
text-align:center;
border-bottom:1px solid #333333;
}














/* 旧member_top*/

.metop_top {
margin:40px 0 0 0;
}
.metop_div{
position:relative;
height:160px;
overflow:hidden;
width:80%;
margin:20px auto;
}
.metop_img{
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
margin: auto;
display: block;
}
.black05{
background: rgba(0,0,0,0.65);
width:100%;
height:100%;
z-index:1;
position: absolute;
top:0;
}
.black04{
background: rgba(0,0,0,0.45);
width:100%;
height:100%;
z-index:1;
position: absolute;
top:0;
}
.metop_come{
position:absolute;
top:10%;
left:5%;
padding-right:5%;
z-index:2;
}
.metop_come h2{
display:inline-block;
font-size:1.7rem;
font-weight:bold;
letter-spacing:0.3px;
line-height:150%;
color:#b3b3b3;
border-bottom:1px solid #b3b3b3;
}
.metop_come p{
display:block;
font-size:1.3rem;
letter-spacing:0.6px;
line-height:170%;
color:#cccccc;
padding-top:9px;
}
.metop_come span{
font-weight:bold;
font-size:1.4rem;
color:#cea641;
line-height:100%;
border-bottom:0px solid #cccccc;
}
.metop_back{
position:absolute;
bottom:6%;
right:5%;
z-index:3;
display:flex;
justify-content:flex-end;
align-items:flex-end;
}

.metop_back p{
color:#cccccc;
font-size:1.4rem;
line-height:100%;
display:inline-block;
letter-spacing:0.1px;
margin-right:3px;
}
.metop_back img{
width:28px;
height:12px;
}

.metop_black{
position:absolute;
top:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.6);
z-index:8;
text-align:center;
border:1px solid #1a1a1a;
}
.metop_black h2{
position:absolute;
top:40%;
left:0;
right:0;
margin:auto;
line-height:100%;
display:inline-block;
font-size:2rem;
letter-spacing:0.3px;
line-height:150%;
color:#f2f2f2;
}







/* 口コミ */
.kuchitop_h2{
position:absolute;
top:70px;
margin:auto;
left:0;
right:0;
}
.kuchitop_h2 strong{
display:block;
font-size:2rem;
letter-spacing:0.5px;
color:#E6E6E6;
text-align:center;
}
.kuchitop_h2 span{
text-align:center;
display:block;
font-size:1.2rem;
letter-spacing:0.1px;
line-height:170%;
color:#cccccc;
}
/* 登録情報*/
.medit_div{
width:80%;
margin:0px auto 0 auto;
position:relative;
background:#1a1a1a;
border-radius:1px;
border:1px solid #333333;
}
.medit_div2{
border-bottom:1px solid #333333;
position:relative;
}
.medit_div2::before {
  content: '';
  position: absolute;
  top: calc(50% - 2px);
  right: 1em;
  transform: translateY(calc(-50% - 2px)) rotate(45deg);
  width: 10px;
  height: 1px;
  background: #b3b3b3;
}
.medit_div2::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translateY(-50%);
  width: 20px;
  height: 1px;
  background-color: #b3b3b3;
}
.medit_div2 p{
padding:15px;
display:block;
font-size:1.4rem;
letter-spacing:0.6px;
line-height:170%;
color:#cccccc;
}
.medit_div3{
width:80%;
margin:0px auto 0 auto;
text-align:right;
}
.medit_div3 p{
margin-top:15px;
display:inline-block;
font-size:1.7rem;
letter-spacing:0.6px;
line-height:170%;
color:#cccccc;
}
.medit_div3 a{
display:inline-block;
}
.medit_width{
width:300px;
max-width:90%;
margin:auto;
}
.medit_form {
margin:1px auto;
width:300px;
max-width:90%;
background: white;
border-radius: 5px;
padding: 0px 10px;
line-height: 45px;
letter-spacing:0.5px;
height: 45px;
font-size: 1.6rem;
opacity:1;
}
.mem_back{
width:92%;
margin:0px auto 0 auto;
text-align:right;
}
.mem_back a{
display:inline-block;
}
.mem_back p{
margin-top:42px;
display:inline-block;
font-size:1.5rem;
font-weight:bold;
letter-spacing:0.1px;
line-height:10%;
color:#666666;
}



/* edit*/
.memail_new_address{
margin:.5rem auto 2rem;
}
.memail_new_address em{
display:block;
font-size:1.4rem;
letter-spacing:0.6px;
line-height:170%;
color:#cccccc;
text-align:center;
}
.memail_new_address p{
display:block;
font-size:1.4rem;
letter-spacing:0.6px;
line-height:170%;
color:#c69c6d;
text-align:center;
}