/*ここか member */
.bg_motion_member {
transform:scale(1.3);
}
.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;
}
.mem_h2{
position:absolute;
top:70px;
margin:auto;
left:0;
right:0;
z-index:4;
}
.mem_h2 p{
display:block;
font-size:1.7rem;
letter-spacing:1.7px;
line-height:200%;
color:#CCCCCC;
text-align:center;
}
.mem_gold{
color:#C49F37;
font-weight:bold;
}
.mem_black{
position:relative;
margin-top:-21px;
background: #030303;
z-index:3;
}
.mem_black_width{
max-width:600px;
margin:auto;
overflow:hidden;
}
.touka_img_left {
position: relative;
max-width: 100%;
width: 300px;
height: 200px;
}
.touka_img_left::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 300px;
height: 200px;
/* 上、右、下、左*/
background-image: linear-gradient(0deg, transparent 0 60%, #030303 100%),linear-gradient(90deg, transparent 0 20%, #030303 100%),linear-gradient(180deg, transparent 0 60%, #030303 100%),linear-gradient(270deg, transparent 90% 60%, #030303 100%);
}
.touka_img_right {
position: relative;
max-width: 100%;
width: 300px;
height: 200px;
margin-left:auto;
}
.touka_img_right::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 300px;
height: 200px;
/* 上、右、下、左*/
background-image: linear-gradient(0deg, transparent 0 60%, #030303 100%),linear-gradient(90deg, transparent 0 100%, #030303 100%),linear-gradient(180deg, transparent 0 60%, #030303 100%),linear-gradient(270deg, transparent 0% 20%, #030303 100%);
}
.touka_img_center{
background:url("./img/tops11.png")no-repeat;
background-size: cover;
max-width: 100%;
overflow:hidden;
}
.touka_img_center::after {
content: '';
position: absolute;
top: 0;
left: 0;
right:0;

/* 上、右、下、左*/
background-image: linear-gradient(0deg, transparent 0 90%, #030303 100%),linear-gradient(90deg, transparent 0 90%, #030303 100%),linear-gradient(180deg, transparent 0 90%, #030303 100%),linear-gradient(270deg, transparent 0% 90%, #030303 100%);
}
.mem_ab{
position:absolute;
left:0;
right:0;
top:13%;
margin:0px -7px 0 auto;
text-align:right;
}
.mem_ab_left{
position:absolute;
left:0;
right:0;
top:13%;
margin:0px auto 0 3px;
text-align:left;
}
.mem_ab_center{
padding:30px 0 8px 0;
z-index:5;
position:relative;
margin:3% auto 0px auto;
text-align:center;
}
.mem_ab h2, .mem_ab_left h2, .mem_ab_center h2{
display:block;
font-size:2.1rem;
letter-spacing:1.5px;
line-height:150%;
color:#CCCCCC;
}
.mem_ab span, .mem_ab_left span, .mem_ab_center span{
display:block;
font-size:1.6rem;
letter-spacing:1.7px;
line-height:170%;
color:#A5A197;
margin:0 3px 3px 3px;
}
.mem_ab_left span{
color:#D8BC75;
}
.mem_ab_left center{
color:#C7B299;
}
.mem_ab p, .mem_ab_left p, .mem_ab_center p{
display:block;
font-size:1.3rem;
letter-spacing:1px;
line-height:190%;
color:#CCCCCC;
display:inline-block;
}
.mem_ab_left em, .mem_ab_center em{
display:inline-block;
color:#FF1D25;
font-size:1.3rem;
letter-spacing:1px;
line-height:190%;
}
.me_mt10{
margin:10px 0;
}
.me_mt20{
margin:20px 0;
}
.me_mt30{
margin:30px 0;
}
.mt50{
margin:40px 0;
}
.mt60{
margin:60px 0;
}
.mem_div_left{
margin-top:8px;
}
.mem_div_center{
margin-top:15px;
}
.mem_ab_center p{
display:inline-block;
font-size:1.3rem;
letter-spacing:1px;
line-height:190%;
color:#e6e6e6;
}

.demo-box{
  display: flex;
  justify-content: center;
}
.demo-text{
margin:4px 0 6px 0;
  display:block;
font-size:1.8rem;
letter-spacing:1.5px;
line-height:150%;
  color: transparent;
  background-color: #1f84c1;
  background-image: radial-gradient(circle, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 75%);
  background-repeat: no-repeat;
  background-size: 0em 0em;
  background-position: 0% 0%;
  -webkit-background-clip: text;
  background-clip: text;
  animation-name: demo_kirari;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
@keyframes demo_kirari{
  0% {
    background-size: 0em 0em;
    background-position: 0% 50%;
  }
  50% {
    background-size: 2em 2em;
  }
  100% {
    background-size: 0em 0em;
    background-position: 100% 50%;
  }
}
/* form*/
.design_div4{
width:80%;
margin:0px auto 10px auto;
padding:65px 0px 5px 0px;
}
.design_div4 h2{
margin:19px 0 20px 0;
display:block;
font-size:1.9rem;
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:130px;
}
.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.3rem;
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_div{
margin:50px auto;
position:relative;
}
.form_div h3{
font-size:1.8rem;
letter-spacing:1.3px;
line-height:100%;
text-align:center;
color:#E6E6E6;
font-family: 'Noto Serif JP', serif;
}
.mem_contact_form{
width:100%;
margin:15px auto;
border:0px;
background:white;
height:45px;
border-radius:1px;
font-size:1.6rem;
line-height:45px;
opacity:1;
color:black;
padding:0 7px;
}
.contact{
max-width:80%;
width:165px;
margin:30px auto 0px auto;
background:#666666;
padding:13px 0;
text-align:center;
color:#e6e6e6;
font-size:1.5rem;
border-radius:30px;
cursor:pointer;
}
.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;
}
.mem_ab, .mem_ab_left, .mem_ab_center{
opacity:0;
transition:opacity 0.8s ease-out,transform 0.8s ease-out;
}
.mem_on_left {
opacity:1;
visibility: visible;
transform:translate(30px,0);
}
.mem_on_right {
opacity:1;
visibility: visible;
transform:translate(-30px,0);
}
.mem_on_center {
opacity:1;
visibility: visible;
transform:translate(0px,-20px);
}
.entry_error_mem {
display:inline-block;
padding:5px 8px;
background-color:#666666;
text-align:center;
vertical-align: middle;
margin:0% 0% 2% 0%;
font-size:1.3rem;
letter-spacing:0.1px;
color:white;
border-radius: 12px;
position:relative;
}
.entry_error_mem:after {
  border:10px solid transparent;
  border-bottom-color:#666666;
  border-top-width:0;
  width:0;
  top:-9px;
  content:"";
  display:block;
 right:70%;
  position:absolute;
}

/* 内容確認 */
.kakunin{
position:fixed;
top:0;
left:0;
right:0;
width:88%;
max-width:500px;
margin:auto;
background:#f9f9f9;
padding:25px 15px;
}
.kakunin h1{
display:block;
font-size:2.1rem;
letter-spacing:0.5px;
line-height:100%;
font-weight:bold;
color:#4d4d4d;
text-align:center;
margin:5px 0;
}
.kakunin p{
font-size:1.3rem;
padding:15px 0px 5px 0;
line-height:180%;
letter-spacing: 0.1px;
}
.kakunin span{
font-size:1.4rem;
padding:0px 0px 2px 0;
line-height:170%;
letter-spacing: 0.1px;
text-align:center;
display:inline-block;
border-bottom:3px solid #bde6ff;
font-weight:bold;
color:#4d4d4d;
}
.kakunin pre{
font-size:1.2rem;
padding:15px 0px 5px 0;
line-height:190%;
letter-spacing: 0.1px;
text-align:center;
display:block;
}
.kakunin h2{
font-size:1.3rem;
padding:15px 0px 5px 0;
line-height:190%;
letter-spacing: 0.1px;
text-align:center;
display:block;
}

.kakunin ul{
text-align:center;
}
.kakunin li{
max-width:400px;
width:100%;
margin:3px auto;
padding:12px 5px;
border:1px solid white;
background:white;
font-size:1.3rem;
line-height:140%;
letter-spacing: 0.1px;
text-align:center;
border-radius:15px;
border:2px solid #d8d8d8;
}
.kakunin em{
font-size:1.1rem;
padding:35px 0px 0px 0;
line-height:170%;
letter-spacing: 0.1px;
text-align:center;
display:block;
font-weight:bold;
color:#4d4d4d;
}
.conf_div{
display:flex;
align-items:flex-start;
justify-content:center;
width:90%;
max-width:400px;
margin:32px auto 15px auto;
}
.conf_div a{
display:block;
height:100%;
width:100%;
}
.conf1{
width:46%;
margin-right:4%;
text-align:center;
font-weight:bold;
background:#3fa9f5;
border-radius:2px;
border:1px solid #37a6dd;
}
.conf2{
width:46%;
margin-left:4%;
text-align:center;
font-weight:bold;
background:#999999;
border-radius:2px;
border:1px solid #959596;
}
.conf_div b{
display:block;
font-size:1.3rem;
color:white;
line-height:100%;
padding:15px 0px;
}
.comp{
display:inline-block;
margin:32px auto 15px auto;
background:#3fa9f5;
}
.comp a{
display:block;
height:100%;
width:100%;
}
.comp p{
text-align:center;
display:block;
font-size:1.3rem;
color:white;
line-height:100%;
padding:18px 30px;
font-weight:bold;
}
.kakunin2{
position:fixed;
top:0;
left:0;
right:0;
width:88%;
max-width:500px;
margin:auto;
background:#f9f9f9;
padding:25px 15px;
}
.kakunin2 h1{
display:block;
font-size:2.1rem;
letter-spacing:0.5px;
line-height:100%;
font-weight:bold;
color:#4d4d4d;
text-align:center;
margin:5px 0;
}
.kakunin2 p{
font-size:1.3rem;
padding:16px 0px 14px 0;
line-height:180%;
letter-spacing: 0.5px;
text-align:center;
display:block;
}
.conf3{
width:55%;
max-width:200px;
margin:32px auto 11px auto;
text-align:center;
font-weight:bold;
background:#3fa9f5;
border-radius:2px;
border:1px solid #37a6dd;
color:white;
height:45px;
line-height:44px;
font-size:1.5rem;
cursor:pointer;
}
.new_pass{
margin:10px auto 10px auto;
}
.id_form {
  margin:1px auto;
width: 95%;
max-width:350px;
background: white;
border-radius: 5px;
padding: 0px 10px;
line-height: 45px;
height: 45px;
border: 1px solid #999999;
font-size: 1.4rem;
}
.kakunin2 em{
width: 90%;
max-width:350px;
  margin:auto;
font-size:1.4rem;
padding:0px 0px 1px 2px;
line-height:170%;
letter-spacing: 0.5px;
text-align:left;
display:block;
font-weight:bold;
color:#4d4d4d;
}
.kakunin2 span{
color:white;
font-size:1.2rem;
padding:9px 15px;
line-height:160%;
text-align:left;
font-weight:normal;
letter-spacing: 0.1px;
}
.comp5{
display:inline-block;
margin:32px auto 15px auto;
background:#3fa9f5;
cursor:pointer;
}
.comp5 a{
display:block;
height:100%;
width:100%;
}
.comp5 p{
text-align:center;
display:block;
font-size:1.3rem;
color:white;
line-height:100%;
padding:15px 20px;
font-weight:bold;
}
/* login */

/*  ログインフォーム */
.login_div {
position: absolute;
left: 0;
right: 0;
width: 89%;
margin: 0 auto;
background: white;
padding: 30px 5px 31px 5px;
border-radius: 10px;
}
.login_div h1 {
font-size: 1.6rem;
display: block;
text-align: center;
padding: 0px 0 3px 0;
color: #333333;
font-weight:bold;
}
.login_div h2 {
font-size: 1.6rem;
display: block;
text-align: center;
padding: 0px 0 3px 0;
color: #333333;
}
.login_ul {
position: relative;
width: 100%;
margin: 0px auto 8px auto;
}
.login_li1 {
position: relative;
z-index: 1;
width: 100%;
height: 47px;
}
.id_form_mem {
width: 90%;
margin:auto;
background: white;
border-radius: 5px;
padding: 0px 10px;
line-height: 42px;
height: 42px;
border: 1px solid #999999;
font-size: 1.4rem;
}
.comment_form {
width: 100%;
background: white;
border-radius: 5px;
padding: 5px 10px;
height: 100px;
line-height: 155%;
border: 1px solid #999999;
font-size: 1.3rem;
}
.comment_form_corce {
width: 100%;
background: white;
border-radius: 5px;
padding: 5px 10px;
height: 60px;
line-height: 145%;
border: 1px solid #999999;
font-size: 1.4rem;
margin:2px 0 15px 0;
}

.id_form2 {
width: 90%;
margin:auto;
background: white;
border-radius: 5px;
padding: 0px 10px;
line-height: 47px;
height: 47px;
border: 1px solid #999999;
font-size: 1.4rem;
opacity:1;
}
.id_botan {
width: 80%;
display: block;
text-align: center;
background: white;
font-size: 1.4rem;
font-weight: normal;
height: 46px;
line-height: 46px;
border-radius: 15px;
margin: 30px auto 0 auto;
border: 1px solid #3fa9f5;
color: white;
background: #3fa9f5 url(./img/admin_back.png)no-repeat;
background-position:92% 52%;
background-size:10px;
cursor: pointer;
}
.id_on {
width:100%;
text-align:center;
margin:18px 0 16px 0;
}
.id_on p {
font-size: 1.4rem;
letter-spacing: 0.2px;
font-weight: bold;
color: #666666;
}
.id_on input[type=checkbox] {
  display: none;
}
.id_on input[type=checkbox]:checked + .check_css:before {
  opacity: 1;
}
.check_css {
  margin:0% 0% 0% 0%;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  padding: 3px 0 0 24px;
  vertical-align: middle;
  cursor: pointer;
  color:#3fa9f5;
font-size:1.3rem;
  line-height: 120%;
  letter-spacing: 0.5px;
}
.check_css:hover:after {
  border-color: #3fa9f5;
}
.check_css:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 0px;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #3fa9f5;
  border-radius: 6px;
  content: '';
}
.check_css:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 6px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #3fa9f5;
  border-bottom: 3px solid #3fa9f5;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.a_id {
position: relative;
z-index: 2;
margin: 4px 0 0 0;
}
.a_pass {
position: relative;
z-index: 2;
margin: 4px 0 0 0;
}
.login_div img {
width: 116px;
margin: 0 auto 22px auto;
}
.login_a{
display:inline-block;
}
.pass_on {
text-align: center;
margin: 20px auto 0 auto;
}
.pass_on p{
font-size: 1.3rem;
letter-spacing: 0.2px;
}
.pass_on a {
display: inline-block;
}
.remind_div {
margin: 15px 5px 8px 5px;
}
.remind_div span{
font-size: 1.7rem;
color:red;
display:block;
text-align:center;
font-weight:bold;
margin:0 0 20px 0;
}
.remind_div p{
display:block;
width:95%;
padding:0 5px;
margin:auto;
font-size: 1.3rem;
letter-spacing:0.1px;
}
.id_botan2 {
width: 80%;
display: block;
text-align: center;
background: white;
font-size: 1.5rem;
font-weight: normal;
height: 46px;
line-height: 46px;
border-radius: 15px;
margin: 5px auto 10px auto;
border: 1px solid #3fa9f5;
color: white;
background: #3fa9f5 url(./img/admin_back.png)no-repeat;
background-position:92% 52%;
background-size:10px;
cursor: pointer;
}
.a_address {
position: relative;
z-index: 2;
margin: 4px 0 0 0;
}
.login_back {
text-align: center;
margin: 34px auto 0 auto;
}
.login_back p {
font-size: 1.7rem;
color: #3fa9f5;
font-weight: bold;
}
.login_back a {
display: inline-block;
}
.entry_error_all {
display: block;
position: relative;
margin: -1px auto 6px auto;
font-size: 1.5rem;
color: red;
text-align: center;
}
/*  main  */
.metop_h2{
position:absolute;
top:57px;
margin:auto;
left:0;
right:0;
z-index:4;
}
.metop_h2 p{
display:block;
font-size:1.4rem;
letter-spacing:1.5px;
line-height:150%;
color:#E6E6E6;
text-align:center;
}
.metop_h2 strong{
display:block;
font-size:1.3rem;
letter-spacing:0.5px;
line-height:100%;
color:#B3B3B3;
text-align:center;
font-weight:normal;
}
.metop_h2 em{
display:inline-block;
font-size:1.6rem;
letter-spacing:0.5px;
line-height:100%;
color:#B3B3B3;
text-align:center;
font-weight:normal;
margin:0 3px 0 2px;
}
.metop_span{
text-align:center;
line-height:125%;
margin:2px 0 1px 0;
letter-spacing:1.7px;
display:block;
color:#e6e6e6;
font-size:5rem;
}
.metop_rank{
width:95%;
margin:auto;
}

.mem_black2{
position:relative;
margin-top:-20px;
background: #030303;
z-index:3;
}
.demo-text1{
margin:4px 0 3px 0;
  display:block;
font-size:1.8rem;
letter-spacing:1.5px;
line-height:150%;
  color: transparent;
  background-color: #808080;
  background-image: radial-gradient(circle, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 75%);
  background-repeat: no-repeat;
  background-size: 0em 0em;
  background-position: 0% 0%;
  -webkit-background-clip: text;
  background-clip: text;
  animation-name: demo_kirari;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

.demo-text2{
margin:4px 0 3px 0;
  display:block;
font-size:1.8rem;
letter-spacing:1.5px;
line-height:150%;
  color: transparent;
  background-color: #D8BC75;
  background-image: radial-gradient(circle, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 75%);
  background-repeat: no-repeat;
  background-size: 0em 0em;
  background-position: 0% 0%;
  -webkit-background-clip: text;
  background-clip: text;
  animation-name: demo_kirari;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
.demo-text3{
margin:4px 0 3px 0;
  display:block;
font-size:1.8rem;
letter-spacing:1.5px;
line-height:150%;
  color: transparent;
  background-color: #1f84c1;
  background-image: radial-gradient(circle, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 75%);
  background-repeat: no-repeat;
  background-size: 0em 0em;
  background-position: 0% 0%;
  -webkit-background-clip: text;
  background-clip: text;
  animation-name: demo_kirari;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
.mem_div_top{
margin-top:4px;
}
.metop_next{
width:96%;
margin:22px 4% 0px 0;
text-align:right;
vertical-align:middle;
}
.metop_next h2{
display:inline-block;
color:#999999;
font-size:1.2rem;
line-height:170%;
letter-spacing:2px;
}
.metop_next img{
display:inline-block;
width:13px;
margin:0 4px 0 3px;
}
.metop_next span{
display:inline-block;
color:#C49F37;
font-size:1.2rem;
line-height:170%;
letter-spacing:2px;
}
.metop_next strong{
display:inline-block;
color:#1f84c1;
font-size:1.2rem;
line-height:170%;
letter-spacing:2px;
}
.metop_next em{
display:inline-block;
color:#999999;
font-size:1.1rem;
line-height:170%;
letter-spacing:1px;
margin-right:4px;
padding-top:4px;
}
.metop_next p{
display:inline-block;
color:#999999;
font-size:1.1rem;
line-height:170%;
letter-spacing:0.5px;
}
.mem_ab_center_top{
padding:22px 0 3px 0;
z-index:5;
position:relative;
margin:20px auto 0px auto;
text-align:center;
}
.mem_ab_center_top h2{
display:block;
font-size:2.1rem;
letter-spacing:1.5px;
line-height:150%;
color:#CCCCCC;
}
.mem_ab_center_top span{
display:block;
font-size:1.6rem;
letter-spacing:1.7px;
line-height:170%;
color:#A5A197;
margin:0 3px 3px 3px;
}

.mem_ab_center_top em{
display:inline-block;
color:#FF1D25;
font-size:1.3rem;
letter-spacing:1px;
line-height:190%;
}
.mem_ab_center_top p{
display:inline-block;
font-size:1.3rem;
letter-spacing:1px;
line-height:190%;
color:#e6e6e6;
}
.mem_ab_center_top strong{
display:block;
margin-top:5px;
font-size:1.2rem;
letter-spacing:0.1px;
line-height:190%;
color:#999999;
font-weight:normal;
}
.mem_ab_center_top{
opacity:0;
transition:opacity 0.8s ease-out,transform 0.8s ease-out;
}
.mem_on_center_top {
opacity:1;
visibility: visible;
transform:translate(0px,-20px);
}
.metel_div{
width:80%;
margin:25px auto 0 auto;
background:#1a1a1a;
border-radius:1px;
border:1px solid #333333;
}
.metel_div p{
display:block;
font-size:1.4rem;
letter-spacing:0.2px;
line-height:165%;
padding:20px;
color:#e6e6e6;
}
.metel_tel{
width:75%;
margin:0 auto 23px auto;
}
.metel_tel em{
display:block;
text-align:center;
font-size:1.3rem;
letter-spacing:0.1px;
color:#cccccc;
padding-bottom:3px;
}
.tel_form {
  margin:1px auto;
width: 100%;
max-width:350px;
background: white;
border-radius: 5px;
padding: 0px 10px;
line-height: 45px;
letter-spacing:0.5px;
height: 45px;
font-size: 1.6rem;
opacity:1;
}
.tel_botan{
max-width:90%;
width:180px;
margin:25px auto 0px auto;
background:#666666;
padding:9px 15px 9px 10px;
text-align:center;
color:#e6e6e6;
font-size:1.5rem;
border-radius:30px;
cursor:pointer;
font-weight:normal;
position:relative;
}
.tel_botan::before {
  content: '';
  position: absolute;
  top: calc(50% - 2px);
  right: 1em;
  transform: translateY(calc(-50% - 2px)) rotate(45deg);
  width: 10px;
  height: 1px;
  background: #b3b3b3;
}
.tel_botan::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translateY(-50%);
  width: 20px;
  height: 1px;
  background-color: #b3b3b3;
}
.me_tel_ok{
width:280px;
max-width:90%;
margin:20px auto 10px auto;
background:#3fa9f5;
border-radius:40px;
}
.me_tel_ok p{
font-size:1.5rem;
display:block;
text-align:center;
color:white;
padding:15px;
}
.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;
}
.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;
}
.meku_div{
width:90%;
margin:auto;
}
.metel_div2{
width:90%;
margin:0px auto 0 auto;
background:#1a1a1a;
border-radius:1px;
border:1px solid #333333;
padding:23px 3px 26px 3px;
}

.meku_div p{
text-align:center;
display:block;
font-size:1.4rem;
letter-spacing:0.6px;
line-height:170%;
color:#cccccc;
}
.kuchi_back{
width:210px;
max-width:90%;
margin:15px auto 0 auto;
display:flex;
justify-content:center;
align-items:center;
background:#808080;
border-radius:20px;
}

.kuchi_back p{
padding:15px 0;
color:#cccccc;
font-size:1.5rem;
line-height:100%;
display:block;
letter-spacing:0.1px;
margin-right:6px;
font-weight:bold;
}
.kuchi_back img{
width:22px;
height:10px;
}
.kuchi_shita{
width:19px;
margin:22px auto 22px auto;
display:block;
}
.kuchi_div p{
display:block;
font-size:1.4rem;
letter-spacing:0.6px;
line-height:170%;
color:#cccccc;
margin-bottom:10px;
text-align:center;
}
.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: 0px 10px;
line-height: 45px;
letter-spacing:0.5px;
height: 45px;
font-size: 1.6rem;
opacity:1;
}
.kuchi_botan{
width:210px;
max-width:90%;
margin:25px auto 0px auto;
background:#666666;
padding:9px 15px 9px 10px;
text-align:center;
color:#e6e6e6;
font-size:1.5rem;
border-radius:30px;
cursor:pointer;
}
.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.6px;
line-height:170%;
color:#cccccc;
}
.kuchi_ul span{
display:block;
font-size:1.4rem;
letter-spacing:0.6px;
line-height:170%;
color:#ff1d25;
margin-right:3px;
}
/* 登録情報*/
.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;
}














































/* ーーーーーーーーーーーーーー　ipad  ーーーーーーーーーーーーーーーーー*/
@media (min-width: 600px) {


.touka_img_left {
width: 600px;
height: 400px;
}
.touka_img_left::after {
width: 600px;
height: 400px;
/* 上、右、下、左*/
background-image: linear-gradient(0deg, transparent 0 60%, #030303 100%),linear-gradient(90deg, transparent 0 20%, #030303 100%),linear-gradient(180deg, transparent 0 60%, #030303 100%),linear-gradient(270deg, transparent 0% 80%, #030303 100%);
}
.touka_img_right {
width: 600px;
height: 400px;
}
.touka_img_right::after {
width: 600px;
height: 400px;
/* 上、右、下、左*/
background-image: linear-gradient(0deg, transparent 0 60%, #030303 100%),linear-gradient(90deg, transparent 0 90%, #030303 100%),linear-gradient(180deg, transparent 0 60%, #030303 100%),linear-gradient(270deg, transparent 0% 20%, #030303 100%);
}

.mem_ab{
top:30%;
}
.mem_ab_left{
top:30%;
}







.login_div {
position: absolute;
left: 0;
right: 0;
max-width: 430px;
width: 50%;
margin: 0 auto;
background: white;
padding: 30px 32px 31px 32px;
border-radius: 10px;
}











}