@import url('https://fonts.googleapis.com/css2?family=Anton&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Londrina+Sketch&display=swap');
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption,tfoot, thead{
   border: 0;
   font-family: 'Zen Kurenaido', sans-serif;
   font-size: 100%;
   font-style: inherit;
   font-style: inherit;
   font-weight: inherit;
   margin: 0;
   outline: 0;
   padding: 0;
   vertical-align: baseline;
   list-style:none;
   text-decoration:none;
}
*, *:before, *:after {
   -webkit-box-sizing: border-box;
   -o-box-sizing: border-box;
   -ms-box-sizing: border-box;
   box-sizing: border-box;
}
p,a,h1,h2,h3,h4,h5{color:black}
p{line-height:200%}
button,
input[type='submit'] {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   padding: 0;
   border: none;
   outline: none;
   background: transparent;
cursor: pointer;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  opacity: 1;
}
table{
   border-collapse: collapse;
   border-spacing: 0;
}
.mpWay_m_body{
    text-align: center;
    padding: 30px 0;
}
.mpWay_m_body h4{
    font-size: 25px;
    margin: 0 0 20px 0;
}
.mpWay_m_body ul{
    margin: 20px 0;
    display: flex;
    justify-content:space-around;
    flex-wrap: wrap;
}
.mpWay_m_body ul li.no:after{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#7c7c7ccf;
}
.mpWay_m_body ul li{
	width:35%;
	margin:0 20px 30px 20px;
	position:relative;
}
.mpWay_m_body ul li .imgInner{
	height:250px;
	overflow:hidden;
}
.mpWay_m_body ul li p{
	text-align:justify;
}
.mpWay_m_body ul li img{
	width:100%;
	object-fit:cover;
	min-height:100%;
}
.mpWay_m_body ul li .rightBox{
	width:100%;
	padding:20px;
}
.mpWay_m_body ul li .rightBox h4{
	text-align:center;
	font-size:20px;
	margin:0 0 20px 0;
}
.f_ditailBody h5{
    font-size: 20px;
    margin: 0 0 20px 0;
}
.f_ditailBody .hash{
	margin:20px 0 0 0;
}
.f_ditailBody .hash em{
    padding: 5px 20px;
    background: black;
    display: inline-block;
    margin: 10px 0 0 0;
    border-radius: 50px;
    color: white;
    background: #d15252;
    font-weight: bold;
}
#facebookChallenge .c_facebook h3{
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 5px 0;
}
#facebookChallenge .c_facebook table{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    background: white;
}
#facebookChallenge .c_facebook table td{
    border-bottom: 1px dotted #bebebe;
    padding: 10px;
	font-size:13px;
}
#facebookChallenge .c_facebook table td span{
	font-size:10px;
}
#facebookChallenge .c_facebook table tr:nth-last-child(1) td{
	border-bottom:unset;
}
#facebookChallenge .c_facebook table a{
    border-radius: 50px;
    background: #1a76f2;
    color: white;
    padding: 3px 10px;
    border: 1px solid #1a76f2;
    transition: .3s;
	font-size:12px;
}
#facebookChallenge .c_facebook table a:hover{
	background:white;
	color:#1a76f2;
}
#facebookChallenge .c_facebook table th:nth-child(1){
	border-radius:5px 0 0 0;
}
#facebookChallenge .c_facebook table th:nth-last-child(1){
	border-radius:0px 5px 0 0;
}
#facebookChallenge .c_facebook table th{
	padding:10px;
	text-align:center;
	background: #00bbd4;
    color: white;
}
#facebookChallenge .c_facebook .yourPoint{
	margin:0 0 20px 0;
}
#facebookChallenge .c_facebook .yourPoint i{
	margin:0 5px 0 0;
}
#facebookChallenge .c_facebook .yourPoint span{
	font-size:10px;
}
#facebookChallenge h2{
	font-size:25px;
	margin:0 0 30px 0;
	position:relative;
	font-weight:bold;
}
#facebookChallenge .f_entry{
    display: flex;
	justify-content:space-between;
	max-width:1000px;
	margin:0 auto 60px auto;
}
#facebookChallenge .f_entry .leftBox{
    width: 70%;
    padding: 30px;
    text-align: left;
    background: #edfbff;
}
#facebookChallenge .f_entry .f_loginBox{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
#facebookChallenge .f_entry .rightBox{
    width: 30%;
    text-align: center;
    background: white;
    position: relative;
}
#facebookChallenge .f_entry .rightBox .logOut{
	color:#c33a3a;
}
#facebookChallenge .f_entry .rightBox .logOut button{
    color: #c33a3a;
    font-weight: bold;
	white-space: nowrap;
}
.facebookLogin_m_body h2{
    text-align: center;
    font-size: 25px;
    margin: 0 0 20px 0;
}
.facebookLogin_m_body .inner{
    width: 500px;
    margin: 30px auto;
    text-align: justify;
}
.facebookLogin_m_body h3{
    margin: 30px 0 00px 0;
}
.facebookLogin_m_body h5{
	color: #c43b3a;
    font-weight: bold;
}
.facebookLogin_m_body a{
    display: inline-block;
    margin: 30px 0 20px 0;
    background: #2d5ead;
    border-radius: 50px;
    color: white;
    padding: 5px 20px;
    border: 1px solid #2d5ead;
    transition: .3s;
}
.facebookLogin_m_body{
	text-align:center;
}
.facebookLogin_m_body a:hover{
	background:white;
	color:#2d5ead;
}
#facebookChallenge .f_entry .rightBox .logOut i{
	margin:0 5px 0 0;
}
#facebookChallenge .logOutBody h3{
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 20px 0;
    color: #b05050;
}
#facebookChallenge .logOutBody strong{
	background: linear-gradient(transparent 60%, #ff6 60%);
}
#facebookChallenge .loginBody .endTime{
    color: #c43b3a;
    font-weight: bold;
}
#facebookChallenge .loginBody,#facebookChallenge .logOutBody{
	display:none;
}
#facebookChallenge .loginBody.on,#facebookChallenge .logOutBody.on{
	display:block;
}
#facebookChallenge .intro{
	margin: 0 auto 60px auto;
    background: #ffffffb0;
    padding: 30px;
    position: relative;
    max-width: 1000px;
}
#facebookChallenge em{
	display:block;
	font-size:15px;
}
#facebookChallenge{
    background: #e1f5ff;
    padding: 180px 60px;
    position: relative;
	text-align:center;
}
#facebookChallenge .b_img1{
	position:absolute;
	    left: 30px;
    top: 46px;
	width:300px;
}
#menber #challent .yourStatus{
    margin: 0 auto 30px auto;
    justify-content: center;
}
#menber #challent .about ul li.no .inner:after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #7c7c7ccf;
    position: absolute;
    top: 0;
    left: 0;
}
.menberSubwrapper .typedBody{
	position:fixed;
	z-index:1;
}
#menber #challent .intro .mpWay{
    padding: 3px 20px;
    background: #00bbd4;
    border-radius: 50px;
    color: white;
    border: 1px solid #00bbd4;
    transition: .3s;
    display: inline-block;
    margin: 20px 0 0 0;
}
#menber #challent .intro .mpWay:hover{
	background:white;
	color:#00bbd4;
}
#menber #challent .yourStatus li{
	margin:0 10px;
}
#menber #challent .yourStatus li .chipBox{
	font-size:13px;
}
#menber #challent .yourStatus li em{
	padding:0;
	color:black;
}
#menber #challent h3{
	font-size:20px;
	font-weight:bold;
	position:relative;
	display:inline;
}
.challenge_m_ditail{
	position: relative;
}
.modaal-content-container .designImg{
    position: absolute;
    width:auto;
    top: 0;
    height:100%;
    object-fit: contain;
    left: 0px;
}
.challengeModaalBody .modaal-content-container{
	padding:0;
}
.challenge_m_ditail{
	padding:30px 30px 90px 30px;
	background:rgb(255 255 255 / 80%);
}
.challenge_m_ditail h4{
    text-align: center;
    padding: 60px 0 30px 0;
    font-size: 25px;
}
.challenge_m_ditail a{
    border: 1px solid #00BCD4;
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translate(-50%,0);
    transition: .3s;
    padding: 5px 20px;
    background: #00BCD4;
    border-radius: 50px;
    color: white;
}
.challenge_m_ditail a:hover{
	background:white;
	color:#00BCD4;
}
.challenge_m_ditail .inner{
    font-size: 15px;
    text-align: justify;
}
.challenge_m_ditail .inner img{
    float: right;
    width: 300px;
    margin: 8px 0px 20px 20px;
    border: 2px solid black;
}
#menber #challent h3:after{
	content:"";
	display:block;
	position:absolute;
	width:21px;
	height:2px;
	background:#878787;
	top:14px;
	left:-33px;
}
#menber #challent h3:before{
	content:"";
	display: block;
    position: absolute;
    width: 21px;
    height: 2px;
    background: #878787;
    top: 14px;
    right: -33px;
}
#menber #challent .about ul{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 30px auto 60px auto;
	max-width:1000px;
}
#menber #challent .about ul li{
	width: 270px;
    margin: 0 30px 60px 30px;
}
#menber #challent .about ul li h4{
    font-size: 18px;
    font-weight: bold;
    margin:10px 0;
}
#menber #challent .about ul li .inner{
    padding: 10px 10px 42px 10px;
	background:white;
	position:relative;
}
#menber #challent .about ul li .inner a{
    padding: 3px 10px;
    font-size: 13px;
    border-radius: 50px;
    background: #00bbd4;
    color: white;
    border: 1px solid #00bbd4;
    transition: .3s;
    position: absolute;
    bottom: 10px;
}
#menber #challent .about ul li .inner a:hover{
	background:white;
	color:#00bbd4;
}
#menber #challent .about ul li:nth-child(1) .inner,#menber #challent .about ul li:nth-child(4) .inner{
	height:216px;
}
#menber #challent .about ul li .inner p{
	line-height:150%;
	font-size:13px;
	text-align:justify;
}
#menber #challent .about ul li .imgInner{
	width:100%;
	height:210px;
	overflow:hidden;
}
#menber #challent .about ul li img{
	width: 80%;
	min-height:216px;
    object-fit: cover;
}
#menber #challent .b_img1{
    position: absolute;
    top: 90px;
    left: 60px;
    width: 220px;
}
#menber #challent .b_img2{
    position: absolute;
    top: 120px;
    right: 30px;
}
#menber #challent{
    padding: 180px 60px;
    background: #f3f9e7;
	text-align:center;
	position:relative;
}
#menber #challent .intro{
	margin: 0 auto 60px auto;
    background: #ffffffb0;
    padding: 30px;
    position: relative;
	max-width:1000px;
}
#menber #challent h2{
	font-size:25px;
	margin:0 0 15px 0;
}
#menber #challent h2 em{
	display:block;
	font-size:15px;
}
#menber{
	min-width:1000px;
}
#menber header{
	position: fixed;
    z-index: 10;
    padding: 5px 30px;
	top:30px;
	right:30px;
}
#menber header .left .userInfo{
		padding:8px 10px;
}
#menber header .left li{
	font-size:15px;
}
#menber header .left .mpInfo a{
    border-radius: 50px;
    background: white;
    padding: 5px 20px;
}
#menber .typedBody em{
	display:none;
    position: absolute;
    top: 35px;
    left: 30px;
    width: 15px;
    height: 15px;
    line-height: 13px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid black;
    font-size: 10px;
	cursor:pointer;
}
#menber .namPlate.yourName{
	white-space: pre; 
    position: fixed;
    top: 30px;
    z-index: 3;
    margin: 0 0 0 46px;
	width:80%;
	word-wrap: break-word;
}
#menber .new_mMenuBody .chipBox{
color: #555050;
    padding: 5px;
    background: #f6f6f6;
    position: absolute;
    font-size: 12px;
    line-height: 100%;
    white-space: nowrap;
		top: -27px;
    left: 4px;
}
#menber .new_mMenuBody .chipBox.menberLevelChip{
	left:-2px;
}
#menber .new_mMenuBody .chipBox:after{
content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #f6f6f6 transparent transparent transparent;
	left:0;
}
#menber header .left .mpInfo a em{
    font-weight: bold;
    color: #dd484e;
    display: inline-block;
    margin: 0 10px 0 3px;
}
#menber header .left .mpInfo a span{
    color: #dc484e;
    font-weight: bold;
    display: inline-block;
    margin: 0 0px 0 3px;
}
#menber header .left img{
	width:150px;
}
#menber header .right div{
	font-size:15px;
	color:white;
}
#menber header .right div span{
    position: relative;
    top: 6px;
}
#menber .new_mMenuBody .yourLevel li.menberLevelChipli{
	position:relative;
	top:1px;
}
#menber header .right div em{
	 position: relative;
    font-weight: bold;
    padding: 5px 10px;
    border-radius: 20px;
    margin: 0 5px 0 0;
    color: white;
    top: 1px;
}
#menber header .right .menberLevelImg{
	width: 30px;
	vertical-align: middle;
	position: relative;
    top: -1px;
}
#menber .font_lato{
    font-family: 'Lato', sans-serif;
    font-family: 'Noto Serif JP', serif;
}
#menber .new_mMenu .logo{
	width:80%;
	margin:10px 0 0 0;
}
#menber .new_mMenu .navBody{
	text-align:left;
	padding:0 0 120px 0;
}
#menber .new_mMenu li .inner{
	color:white;
}
#menber .new_mMenu{
	text-align:center;
 width: 230px;
    position: fixed;
    left: 0;
    top: 0;
    padding: 10px;
    line-height: 50px;
    transition: .3s;
    z-index: 2;
    box-shadow: 0px 0px 5px #8d8d8d;
    background: #00BCD4;
    border: 8px solid white;
}
#menber .new_mMenu .new_mMenuBody{
	height:100vh;
	overflow:scroll;
}
#topCoution{
    position: fixed;
    top: 20px;
    width: 100%;
    text-align: center;
    z-index: 10;
    padding: 0 0 0 230px;
    font-size: 15px;
}
#topCoution a{
    color: white;
    padding: 5px 20px;
    background: #3889ea;
    border-radius: 10px;
    font-weight: bold;
}
.m_allCoutionBody h3{
    color: red;
    margin: 0 0 10px 0;
}
.m_allCoutionBody p{
	font-size:13px;
}
.menuReleseMoodalBox h3{
    font-size: 30px;
    font-weight: bold;
    margin: 0 0  20px 0;
}
.menuReleseMoodalBox .flex{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
	 align-items: center;
}
.menuReleseMoodalBox .leftBox{
	width:45%;
}
.menuReleseMoodalBox .rightBox{
	width:50%;
    padding: 20px;
    background: #ededed;
}
.menuReleseMoodalBox .rightBox .youtube{
  width: 100%;
  aspect-ratio: 16 / 9;
}
.menuReleseMoodalBox .modaalentry{
	color:red;
}
.menuReleseMoodalBox .modaalentry a{
    padding: 5px 20px;
    border-radius: 50px;
    background: #a60505;
    color: white;
    display: inline-block;
    margin: 20px 0 0 0;
    border: 1px solid #a60505;
    transition: .3s;
}
.menuReleseMoodalBox .modaalentry a:hover{
	background:white;
	color:#a60505;
}
.menuReleseMoodalBox .rightBox .youtube iframe {
  width: 100%;
  height: 100%;
}
#menber .new_mMenu.on{
	left:-200px;
}
#menber .new_mMenu li{
	position:relative;
}
#menber .new_mMenu .yourLevel li a{
	font-size:15px;
}
#menber .new_mMenuBody .yourLevel{
    display: flex;
    justify-content: space-around;
    font-size: 14px;
    margin: 0 0 30px 0;
	line-height:100%;
}
#menber .new_mMenuBody .yourLevel li{
	color:white;
}
#menber .new_mMenuBody .yourLevel li .fa-mountain-sun{
	color: #58ee50;
}
#menber .new_mMenuBody .yourLevel li .gold i{
	color:#fffc44;
}
#menber .new_mMenuBody .yourLevel li .silver i{
	color:#e7e7e7;
}
#menber .new_mMenuBody .yourLevel li .bronze i{
	color:#41f48a;
}
#menber .new_mMenuBody .yourLevel li .diamond i{
	color:#ffffff;
}
#menber .new_mMenuBody .yourLevel li .standard i{
    color: #00fff2;
}
#menber .new_mMenu li .arrow{
	position:absolute;
	top:17px;
	left:8px;
	transition:.3s;
}
#menber .menuNewsrelese{
	position:relative;
}
#menber .menuNewsrelese span{
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 80px;
    left: 0;
    top: 108px;
    font-weight: bold;
    color: #000000;
    text-shadow: 0px 2px 0px #ffffff;
	font-family: "Mochiy Pop One", sans-serif;
    font-style: normal;
}
#menber .menuNewsrelese span.near{
	color:#ff1818;
}
#menber .menuNewsrelese img{
    width: 100%;
    border-radius: 10px;
    border: 2px solid white;
}
#menber .new_mMenu li ul{
	display:none;
}
#menber .new_mMenu li .inner.on + ul{
	display:block;
}
#menber .new_mMenu li .on .arrow{
	transform:rotate(90deg);
}
#menber .new_mMenu li .inner{
	padding:0 0 0 30px;
	cursor:pointer;
	font-size:14px;
   display: block;
   border-radius: 0 50px 50px 0;
}
#menber .new_mMenu li .inner:hover{
	background:rgb(200 200 200 / 63%);
	border-radius:0 30px 30px 0;
}
#menber .new_mMenu li .inner.now{
	background:rgb(219 219 219 / 64%);
	border-radius:0 30px 30px 0;
	color:black;
}
#menber .new_mMenu li .inner.now.sub{
	background:rgb(225 247 225 / 82%);
}
#menber .new_mMenu li .inner.now a{
	color:black;
}
#menber .new_mMenu.on .menuOpner{
	transform: rotate(0deg);
}
#menber .new_mMenu .menuOpner{
position: absolute;
    top: 40%;
    right: -21px;
    background: white;
    border-radius: 50%;
    border: 2px solid #00bbd4;
    transform: rotate(180deg);
    cursor: pointer;
    transition: .3s;
    width: 35px;
    height: 35px;
    font-size: 20px;
	    color: #00bbd4;
	z-index:1;
}
#menber .new_mMenu .menuOpner i{
    position: relative;
    top: -10px;
    right: -1px;
}
#menber .yourStatus{
    display: flex;
    justify-content: space-around;
	margin:0 0 15px 0;
	line-height:100%;
}
#menber .yourStatus li em{
    font-size: 15px;
    padding: 0px 21px 1px 5px;
    font-weight: bold;
	color:white;
}
#menber .yourStatus li em span{
    margin: 0;
    font-size: 24px;
    color: #d7bf24;
}
#menber .yourStatus li em .fa-star{
	color:#ffe36b;
}
#menber .yourStatus li em .fa-heart{
	color:#ff502c;
}
#menber .yourStatus li::after{
content: "mp";
    display: inline;
    position: absolute;
    bottom: -1px;
    right: 4px;
    font-size: 13px;
	color:white;
}
#menber .yourLevel li:nth-child(1)::after{
content: "zap";
    display: inline;
    position: absolute;
    bottom: -1px;
    right: -18px;
    font-size: 13px;
	color:white;
}
#menber .new_mMenu li a{
	color:white;
	font-size:13px;
}
#menber .new_mMenu li{
	color:#333333;
}
#menber .new_mMenu li .acordion{
    position: relative;
}
#menber .new_mMenu li .acordion.new:after,#menber .new_mMenu li.new:after{
    content: "新着";
    display: block;
    padding: 4px 8px;
    text-align: center;
    color: white;
    background: #ee438e;
    position: absolute;
    top: 16px;
    right: 6px;
    font-size: 10px;
    line-height: 100%;
}
#menber .new_mMenu li span{
    position: relative;
    top: 5px;
    margin: 0 10px 0 0;
}
#menber .menberSubwrapper{
	padding-left:230px;
	transition:.3s;
}
#menber #yamazap.yamazapResult{
	background: rgb(50 50 50 / 40%);
    position: relative;
    z-index: 1;
}
#menber #yamazap.yamazapResult h2{
	font-size:30px;
	margin:60px 0 30px 0;
	color:#ffdd0c;
}
#menber #yamazap.yamazapResult p{
	color:white;
}
#menber #yamazap.yamazapResult a span{
	vertical-align:top;
	color:white;
	font-weight:bold;
}
#menber #yamazap.yamazapResult a{
	color:white;
	font-weight:bold;
	display:inline-block;
	margin:30px 0 0 0;
}
#menber #yamazap{
	background:#9bd4d7;
	padding:120px 60px;
	text-align:center;
	min-height:100vh;
}
#menber #yamazap.yamazapMypage h3,#menber #yamazap.yamazapMypage h4{
	color:white;
}
#menber #yamazap form h2{
font-size: 25px;
    margin: 0 0 10px;
    color: #f9f9f9;
}
#menber #yamazap h2 em{
    color: #ffe53f;
    margin: 0 10px;
	font-family: 'DM Serif Display', serif;
	font-weight:bold;
	font-size:30px;
}
#menber #yamazap form .intro p{
	color: #cbcbcb;
    line-height: 150%;
	margin:0 0 30px 0;
}
#menber #yamazap form{
background:#4f4f4f;
    width: 600px;
    margin: 30px auto;
    padding: 50px 30px;
    border-radius: 10px;
    box-shadow: 10px 10px 30px #504e4e;
    border: 1px solid black;
    border-radius: 10px;
}
#menber #yamazap form th{
    padding: 0px;
    text-align: left;
    vertical-align: top;
	width:130px;
}
#menber #yamazap form table{
	width:100%;
}
#menber #yamazap form input[type="submit"]{
font-size: 16px;
    padding: 5px 30px;
    border-radius: 50px;
    background: #4b4b4b;
    color: #e3e3e3;
    border: 2px solid #777777;
    transition: .3s;
    box-shadow: 1px 1px 9px #979393;
	border: 2px solid #FFEB3B;
}
#menber #yamazap.yamazapMypage span.my_season{
	color:white;
}
#menber #yamazap form input[type="submit"]:hover{
color: #ffffff;
    background: #aeaeae;
    border: 2px solid #8f8f8f;
}
#menber #yamazap form td.select{
	text-align:right;
}
#menber #yamazap form select{
    width: 50%;
    padding: 10px;
}
#menber #yamazap textarea{
	width:100%;
	padding:10px;
	font-size:15px;
	border-radius:5px;
	border:1px solid black;
	resize: vertical;
}
#menber #yamazap td{
	padding:0 0 20px 0;
}
#menber #yamazap td.sche{
	font-size:13px;
}
#menber #yamazap td.sche .flex{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}
#menber #yamazap td.sche div{
	margin:0 0 5px 0;
	width:33%;
	color:white;
}
#menber #yamazap form th label{
    padding: 5px 10px 5px 20px;
    color: white;
    border-radius: 10px;
    font-size: 13px;
	position:relative;
}
#menber #yamazap form th label::after{
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fe103d;
    position: absolute;
    top: 7px;
    left: 5px;
}
#menber .menberSubwrapper.on{
	padding-left:0px;
}
#menber #new_challeng_present h2{
    text-align: center;
    font-size: 30px;
    font-weight: bold;
}
#menber #new_challeng_present .intro{
	text-align:center;
	margin:30px 0;
}
#menber #new_challeng_present h2 span{
    font-size: 35px;
    margin: 0 0 0 10px;
    position: relative;
    top: 5px;
}
#menber #new_challeng_present h3{
    text-align: center;
    margin: 20px 0 0 0;
}
#menber #new_challeng_present h3 em{
    color: #e84242;
    border-radius: 50px;
    padding: 10px 20px;
    letter-spacing: 2px;
	border:2px solid #e84242;
	font-weight:bold;
}
#new_challeng_present .presentList{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	margin:30px 0;
}
#new_challeng_present .presentList li.itemBody{
	width: 45%;
    margin: 0 0 60px 0;
    position: relative;
    box-shadow: 5px 5px 10px #d8d8d8;
    border-radius: 5px;
}
#new_challeng_present .presentList li .imgBox img{
	width:100%;
	height: 22vw;
    object-fit: cover;
    min-height: 200px;
	border-radius:5px 5px 0 0;
}
#new_challeng_present .presentList li .spendpoint{
	position:absolute;
	top:20px;
	left:0px;
	z-index:1;
	background:rgb(41 120 220 / 72%);
    padding: 5px 20px;
    color: white;
    border-radius: 0 30px 30px 0;
}
#new_challeng_present .presentList li em.limit{
	position:absolute;
	top:20px;
	right:0px;
	z-index:1;
	background: rgb(34 34 35 / 47%);
    padding: 5px 20px;
    color: white;
    border-radius: 30px 0px 0 30px;
}
#menber .new_mMenu li .inner.sub a{
	margin:0 0 0 33px;
}
.sp_menu{
	display:none;
}
.sp{
	display:none;
}
.pc{
	display:block;
}
#menber #yamazap.yamazapMypage{
	background:rgb(33 33 33 / 58%);
	z-index: 1;
    position: relative;
}
#menber #yamazap.yamazapMypage h2{
	color:white;
	font-size:20px;
}
#menber #yamazap.yamazapMypage .inner{
	margin: 30px auto;
    background: white;
    border-radius: 10px;
    padding: 30px;
	text-align:left;
}
#menber #yamazap.yamazapMypage .inner h3 em{
	padding: 3px 10px;
    border-radius: 10px;
    background: #646361;
    color: white;
	font-size:13px;
}
#menber #yamazap.yamazapMypage .inner p{
	margin: 0px 0 20px 15px;
	font-size:13px;
}
#menber #yamazap.yamazapMypage .ditail a:nth-child(1){
    padding: 1px 20px;
    background: #f3950c;
    border-radius: 10px;
    color: white;
    display: inline-block;
    margin: 0 20px 0 0;
    transition: .3s;
    border: 2px solid #f3950c;
}
#menber #yamazap.yamazapMypage .ditail a:nth-child(1):hover{
	color:#f3950c;
	background:white;
}
#menber #yamazap.yamazapMypage .ditail a:nth-child(2){
	 padding: 1px 20px;
    background: #1472d7;
    border-radius: 10px;
    color: white;
    display: inline-block;
    margin: 0 20px 0 0;
    transition: .3s;
    border: 2px solid #1472d7;
}
#menber #yamazap.yamazapMypage h2.fc-toolbar-title{
	color:black;
	font-size:20px;
}
#menber #yamazap.yamazapMypage .ditail a:nth-child(2):hover{
	color:#1472d7;
	background:white;
}
#menber #yamazap.yamazapMypage .rightBox{
	margin:60px 0;
	background:white;
	padding:20px;
}
.yamazap_moddalBody{
	text-align:center;
}
#menber #yamazap.yamazapMypage .otherInfo .inner{
    background: unset;
    text-align: center;
    margin: 0;
}
#menber #yamazap.yamazapMypage .otherInfo .inner p{
	color:white;
}
#menber #yamazap.yamazapMypage .otherInfo ul{
	display:flex;
	justify-content:space-around;
	flex-wrap:wrap;
}
#menber #yamazap.yamazapMypage .otherInfo ul li .ue{
	text-align:left;
	margin:0 0 10px 0;
}
#menber #yamazap.yamazapMypage .otherInfo ul li .shita{
	text-align:left
}
#menber #yamazap.yamazapMypage .otherInfo ul li .shita .goal{
font-size: 13px;
    margin: 0 0 10px 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
	letter-spacing: 1px;
    text-align: justify;
}
#menber #yamazap .season{
	color: #ffe43f;
}
#menber #yamazap .attention{
    margin: 30px 0;
    color: #f32e2e;
}
#menber #yamazap.yamazapMypage .otherInfo ul li .shita em{
    font-size: 10px;
    background: #e53861;
    border-radius: 10px;
    padding: 3px 10px;
    color: white;
}
#menber #yamazap.yamazapMypage .otherInfo ul li .shita a{
    font-size: 13px;
    float: right;
    margin: 3px 0 0 0;
}
#menber #yamazap.yamazapMypage .otherInfo ul li .ue em{
background: #3688d8;
    color: white;
    padding: 1px 10px;
    border-radius: 10px;
    font-size: 10px;
    display: inline-block;
    margin: 0 5px 0 0;
    position: relative;
    top: -1px;
}
#menber #yamazap.yamazapMypage .otherInfo ul li h3{
	color:black;
	font-size:13px;
}
#menber #yamazap.yamazapMypage .otherInfo ul li{
width: 33%;
    margin: 0 0 30px 0;
    padding: 10px;
    background: white;
    border-radius: 10px;
    box-shadow: 10px 10px 8px #000000;
}
.yamazap_moddalBody h4{
	font-size:20px;
	margin:0 0 30px 0;
}
.myReportBody.yamazap_moddalBody form .reportDay{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.myReportBody.yamazap_moddalBody form .reportDay div{
	width:16%;
	margin:0 0 20px 0;
}
.myReportBody.yamazap_moddalBody input[type="submit"]{
    padding: 5px 20px;
    border-radius: 10px;
    background: #f6e338;
    /* color: white; */
    font-weight: bold;
    border: 1px solid #f6e338;
    transition: .3s;
}
.myReportBody.yamazap_moddalBody label{
    padding: 10px 20px;
    border-radius: 50px;
    background: #ffffff;
    box-shadow: 1px 2px 4px #9f9b9b;
    border: 2px solid black;
    cursor: pointer;
}
.myReportBody.yamazap_moddalBody input[type="checkbox"]{
	visibility:hidden;
}
.myReportBody.yamazap_moddalBody label.already,.myReportBody.yamazap_moddalBody label.check{
	background: #3a89e8;
   color: white;
	box-shadow:unset;
	border:unset;
}
.myReportBody.yamazap_moddalBody input[type="submit"]:hover{
	background:white;
	color: #f6e338;
}
.myChangeBody.yamazap_moddalBody form{
    width: 600px;
    margin: 0 auto;
    padding: 30px;
    background: #f8f8f8;
}
.myChangeBody.yamazap_moddalBody form table{
	width:100%;
}
.myChangeBody.yamazap_moddalBody form table th{
    width: 100px;
    font-size: 15px;
    text-align: left;
    vertical-align: top;
}
.myChangeBody.yamazap_moddalBody form input[type="submit"]{
    font-size: 15px;
    font-weight: bold;
    padding: 10px 30px;
    border-radius: 50px;
    background: #f7f53d;
    border: 2px solid;
    transition: .3s;
    display: inline-block;
    margin: 20px 0 10px 0;
}
.myChangeBody.yamazap_moddalBody form input[type="submit"]:hover{
	background:white;
}
.myChangeBody.yamazap_moddalBody form table td{
	padding:0 0 20px 0;
}
.myChangeBody.yamazap_moddalBody form table td .flex{
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    justify-content: space-around;
}
.myChangeBody.yamazap_moddalBody form table textarea,.myChangeBody.yamazap_moddalBody form table select{
	width:100%;
	padding:10px;
}
.oModdalBody h3{
	margin:0 0 10px 0;
}
.oModdalBody em{
    background: black;
    padding: 5px 10px;
    border-radius: 10px;
    color: white;
}
.oModdalBody .inner.first{
	margin:0 0 20px 0;
}
#menber #yamazap.yamazapChange a span{
	vertical-align: top;
}
#menber #yamazap.yamazapChange h2{
	font-size:20px;
}
#menber #yamazap.yamazapChange .inner{
	margin:10px 0;
}
@keyframes animate {
    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }
    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }
}

.background {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    background: #303030;
    overflow: hidden;
}
.background li {
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.2);
    animation: animate 9s linear infinite;
}




.background li:nth-child(0) {
    left: 26%;
    width: 137px;
    height: 137px;
    bottom: -137px;
    animation-delay: 1s;
}
.background li:nth-child(1) {
    left: 56%;
    width: 141px;
    height: 141px;
    bottom: -141px;
    animation-delay: 5s;
}
.background li:nth-child(2) {
    left: 58%;
    width: 151px;
    height: 151px;
    bottom: -151px;
    animation-delay: 3s;
}
.background li:nth-child(3) {
    left: 59%;
    width: 127px;
    height: 127px;
    bottom: -127px;
    animation-delay: 15s;
}
.background li:nth-child(4) {
    left: 11%;
    width: 122px;
    height: 122px;
    bottom: -122px;
    animation-delay: 11s;
}
.background li:nth-child(5) {
    left: 67%;
    width: 123px;
    height: 123px;
    bottom: -123px;
    animation-delay: 9s;
}
.background li:nth-child(6) {
    left: 43%;
    width: 159px;
    height: 159px;
    bottom: -159px;
    animation-delay: 7s;
}
.background li:nth-child(7) {
    left: 12%;
    width: 137px;
    height: 137px;
    bottom: -137px;
    animation-delay: 25s;
}
.background li:nth-child(8) {
    left: 35%;
    width: 153px;
    height: 153px;
    bottom: -153px;
    animation-delay: 19s;
}
.background li:nth-child(9) {
    left: 40%;
    width: 122px;
    height: 122px;
    bottom: -122px;
    animation-delay: 20s;
}
.background li:nth-child(10) {
    left: 84%;
    width: 114px;
    height: 114px;
    bottom: -114px;
    animation-delay: 39s;
}
.background li:nth-child(11) {
    left: 61%;
    width: 141px;
    height: 141px;
    bottom: -141px;
    animation-delay: 52s;
}
.background li:nth-child(12) {
    left: 88%;
    width: 100px;
    height: 100px;
    bottom: -100px;
    animation-delay: 36s;
}
.background li:nth-child(13) {
    left: 65%;
    width: 103px;
    height: 103px;
    bottom: -103px;
    animation-delay: 36s;
}
.background li:nth-child(14) {
    left: 43%;
    width: 155px;
    height: 155px;
    bottom: -155px;
    animation-delay: 24s;
}
.background li:nth-child(15) {
    left: 32%;
    width: 113px;
    height: 113px;
    bottom: -113px;
    animation-delay: 75s;
}
.background li:nth-child(16) {
    left: 24%;
    width: 127px;
    height: 127px;
    bottom: -127px;
    animation-delay: 31s;
}
.background li:nth-child(17) {
    left: 6%;
    width: 102px;
    height: 102px;
    bottom: -102px;
    animation-delay: 42s;
}
.background li:nth-child(18) {
    left: 61%;
    width: 130px;
    height: 130px;
    bottom: -130px;
    animation-delay: 30s;
}
.background li:nth-child(19) {
    left: 80%;
    width: 136px;
    height: 136px;
    bottom: -136px;
    animation-delay: 84s;
}
.background li:nth-child(20) {
    left: 60%;
    width: 102px;
    height: 102px;
    bottom: -102px;
    animation-delay: 21s;
}
.background li:nth-child(21) {
    left: 12%;
    width: 107px;
    height: 107px;
    bottom: -107px;
    animation-delay: 9s;
}
.background li:nth-child(22) {
    left: 68%;
    width: 140px;
    height: 140px;
    bottom: -140px;
    animation-delay: 41s;
}
.background li:nth-child(23) {
    left: 10%;
    width: 148px;
    height: 148px;
    bottom: -148px;
    animation-delay: 112s;
}
.background li:nth-child(24) {
    left: 75%;
    width: 118px;
    height: 118px;
    bottom: -118px;
    animation-delay: 113s;
}
.background li:nth-child(25) {
    left: 24%;
    width: 114px;
    height: 114px;
    bottom: -114px;
    animation-delay: 38s;
}
.background li:nth-child(26) {
    left: 58%;
    width: 120px;
    height: 120px;
    bottom: -120px;
    animation-delay: 1s;
}
.background li:nth-child(27) {
    left: 31%;
    width: 151px;
    height: 151px;
    bottom: -151px;
    animation-delay: 122s;
}
.background li:nth-child(28) {
    left: 5%;
    width: 125px;
    height: 125px;
    bottom: -125px;
    animation-delay: 95s;
}
.background li:nth-child(29) {
    left: 16%;
    width: 111px;
    height: 111px;
    bottom: -111px;
    animation-delay: 126s;
}
.background li:nth-child(30) {
    left: 24%;
    width: 143px;
    height: 143px;
    bottom: -143px;
    animation-delay: 109s;
}
.background li:nth-child(31) {
    left: 17%;
    width: 122px;
    height: 122px;
    bottom: -122px;
    animation-delay: 19s;
}
.background li:nth-child(32) {
    left: 88%;
    width: 118px;
    height: 118px;
    bottom: -118px;
    animation-delay: 62s;
}
.background li:nth-child(33) {
    left: 47%;
    width: 121px;
    height: 121px;
    bottom: -121px;
    animation-delay: 127s;
}
.background li:nth-child(34) {
    left: 75%;
    width: 124px;
    height: 124px;
    bottom: -124px;
    animation-delay: 127s;
}
.background li:nth-child(35) {
    left: 77%;
    width: 126px;
    height: 126px;
    bottom: -126px;
    animation-delay: 18s;
}
.background li:nth-child(36) {
    left: 14%;
    width: 146px;
    height: 146px;
    bottom: -146px;
    animation-delay: 53s;
}
.background li:nth-child(37) {
    left: 70%;
    width: 131px;
    height: 131px;
    bottom: -131px;
    animation-delay: 119s;
}
.background li:nth-child(38) {
    left: 12%;
    width: 101px;
    height: 101px;
    bottom: -101px;
    animation-delay: 145s;
}
.background li:nth-child(39) {
    left: 41%;
    width: 126px;
    height: 126px;
    bottom: -126px;
    animation-delay: 47s;
}
.background li:nth-child(40) {
    left: 24%;
    width: 114px;
    height: 114px;
    bottom: -114px;
    animation-delay: 109s;
}
.background li:nth-child(41) {
    left: 25%;
    width: 128px;
    height: 128px;
    bottom: -128px;
    animation-delay: 82s;
}
.background li:nth-child(42) {
    left: 19%;
    width: 126px;
    height: 126px;
    bottom: -126px;
    animation-delay: 58s;
}
.background li:nth-child(43) {
    left: 59%;
    width: 105px;
    height: 105px;
    bottom: -105px;
    animation-delay: 69s;
}
.background li:nth-child(44) {
    left: 72%;
    width: 129px;
    height: 129px;
    bottom: -129px;
    animation-delay: 25s;
}
.background li:nth-child(45) {
    left: 39%;
    width: 150px;
    height: 150px;
    bottom: -150px;
    animation-delay: 9s;
}
.background li:nth-child(46) {
    left: 21%;
    width: 141px;
    height: 141px;
    bottom: -141px;
    animation-delay: 82s;
}
.background li:nth-child(47) {
    left: 66%;
    width: 115px;
    height: 115px;
    bottom: -115px;
    animation-delay: 62s;
}
.background li:nth-child(48) {
    left: 54%;
    width: 140px;
    height: 140px;
    bottom: -140px;
    animation-delay: 96s;
}
.background li:nth-child(49) {
    left: 44%;
    width: 147px;
    height: 147px;
    bottom: -147px;
    animation-delay: 118s;
}

@keyframes move2 {
    100% {
        transform: translate3d(0, 0, 1px) rotate(360deg);
    }
}

.background2 {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background: #212121;
    overflow: hidden;
}

.background2 span {
    width: 8vmin;
    height: 8vmin;
    border-radius: 8vmin;
    backface-visibility: hidden;
    position: absolute;
    animation: move2;
    animation-duration: 50;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}


.background2 span:nth-child(0) {
    color: #FFACAC;
    top: 11%;
    left: 12%;
    animation-duration: 6s;
    animation-delay: -1s;
    transform-origin: -21vw 7vh;
    box-shadow: 16vmin 0 2.836093949197756vmin currentColor;
}
.background2 span:nth-child(1) {
    color: #FFACAC;
    top: 21%;
    left: 35%;
    animation-duration: 6s;
    animation-delay: -1s;
    transform-origin: -20vw -11vh;
    box-shadow: -16vmin 0 2.119692361992904vmin currentColor;
}
.background2 span:nth-child(2) {
    color: #FFACAC;
    top: 89%;
    left: 31%;
    animation-duration: 6s;
    animation-delay: -1s;
    transform-origin: 13vw -4vh;
    box-shadow: 16vmin 0 2.6604268559971187vmin currentColor;
}
.background2 span:nth-child(3) {
    color: #FFACAC;
    top: 79%;
    left: 64%;
    animation-duration: 6s;
    animation-delay: -1s;
    transform-origin: 13vw -22vh;
    box-shadow: -16vmin 0 2.97657588815381vmin currentColor;
}
.background2 span:nth-child(4) {
    color: #583C87;
    top: 81%;
    left: 2%;
    animation-duration: 6s;
    animation-delay: -1s;
    transform-origin: -9vw 22vh;
    box-shadow: 16vmin 0 2.2172172718421765vmin currentColor;
}
.background2 span:nth-child(5) {
    color: #FFACAC;
    top: 85%;
    left: 44%;
    animation-duration: 6s;
    animation-delay: -1s;
    transform-origin: 5vw 4vh;
    box-shadow: -16vmin 0 2.3329388259027217vmin currentColor;
}
.background2 span:nth-child(6) {
    color: #E45A84;
    top: 56%;
    left: 83%;
    animation-duration: 6s;
    animation-delay: -1s;
    transform-origin: 7vw -4vh;
    box-shadow: 16vmin 0 2.609112301504483vmin currentColor;
}
.background2 span:nth-child(7) {
    color: #FFACAC;
    top: 84%;
    left: 89%;
    animation-duration: 6s;
    animation-delay: -1s;
    transform-origin: -22vw -16vh;
    box-shadow: -16vmin 0 2.3472697102520916vmin currentColor;
}
.background2 span:nth-child(8) {
    color: #FFACAC;
    top: 2%;
    left: 59%;
    animation-duration: 6s;
    animation-delay: -1s;
    transform-origin: -7vw 24vh;
    box-shadow: -16vmin 0 2.537243981631023vmin currentColor;
}
.background2 span:nth-child(9) {
    color: #E45A84;
    top: 100%;
    left: 52%;
    animation-duration: 6s;
    animation-delay: -1s;
    transform-origin: 8vw -22vh;
    box-shadow: -16vmin 0 2.5891886051162314vmin currentColor;
}
.background2 span:nth-child(10) {
    color: #583C87;
    top: 37%;
    left: 44%;
    animation-duration: 6s;
    animation-delay: -1s;
    transform-origin: -19vw -3vh;
    box-shadow: 16vmin 0 2.4308371688062804vmin currentColor;
}
.background2 span:nth-child(11) {
    color: #583C87;
    top: 6%;
    left: 16%;
    animation-duration: 6s;
    animation-delay: -1s;
    transform-origin: -19vw 21vh;
    box-shadow: 16vmin 0 2.00787245645129vmin currentColor;
}
.background2 span:nth-child(12) {
    color: #E45A84;
    top: 43%;
    left: 73%;
    animation-duration: 6s;
    animation-delay: -1s;
    transform-origin: -9vw 24vh;
    box-shadow: -16vmin 0 2.1922983567325636vmin currentColor;
}
.background2 span:nth-child(13) {
    color: #FFACAC;
    top: 33%;
    left: 18%;
    animation-duration: 6s;
    animation-delay: -1s;
    transform-origin: 24vw 20vh;
    box-shadow: 16vmin 0 2.5295749431262697vmin currentColor;
}
.background2 span:nth-child(14) {
    color: #583C87;
    top: 74%;
    left: 31%;
    animation-duration: 6s;
    animation-delay: -1s;
    transform-origin: -8vw 16vh;
    box-shadow: 16vmin 0 2.3539253178965143vmin currentColor;
}
.background2 span:nth-child(15) {
    color: #E45A84;
    top: 43%;
    left: 70%;
    animation-duration: 6s;
    animation-delay: -1s;
    transform-origin: -3vw 23vh;
    box-shadow: 16vmin 0 2.0532291643054674vmin currentColor;
}
.background2 span:nth-child(16) {
    color: #E45A84;
    top: 3%;
    left: 76%;
    animation-duration: 6s;
    animation-delay: -1s;
    transform-origin: -14vw -24vh;
    box-shadow: 16vmin 0 2.382695235608952vmin currentColor;
}
.background2 span:nth-child(17) {
    color: #583C87;
    top: 56%;
    left: 14%;
    animation-duration: 6s;
    animation-delay: -1s;
    transform-origin: -5vw 12vh;
    box-shadow: 16vmin 0 2.5253522818552954vmin currentColor;
}
.background2 span:nth-child(18) {
    color: #FFACAC;
    top: 1%;
    left: 30%;
    animation-duration: 6s;
    animation-delay: -1s;
    transform-origin: -4vw -22vh;
    box-shadow: 16vmin 0 2.4198869526917006vmin currentColor;
}
.background2 span:nth-child(19) {
    color: #583C87;
    top: 44%;
    left: 93%;
    animation-duration: 6s;
    animation-delay: -1s;
    transform-origin: -6vw -15vh;
    box-shadow: -16vmin 0 2.311601652630449vmin currentColor;
}
.background2 span:nth-child(20) {
    color: #E45A84;
    top: 4%;
    left: 38%;
    animation-duration: 6s;
    animation-delay: -1s;
    transform-origin: 6vw -10vh;
    box-shadow: 16vmin 0 2.1292960577034883vmin currentColor;
}
.background2 span:nth-child(21) {
    color: #E45A84;
    top: 61%;
    left: 5%;
    animation-duration: 6s;
    animation-delay: -1s;
    transform-origin: 17vw 23vh;
    box-shadow: -16vmin 0 2.887392731311276vmin currentColor;
}
.background2 span:nth-child(22) {
    color: #E45A84;
    top: 40%;
    left: 91%;
    animation-duration: 6s;
    animation-delay: -1s;
    transform-origin: 16vw 25vh;
    box-shadow: 16vmin 0 2.3269124493538813vmin currentColor;
}
.background2 span:nth-child(23) {
    color: #E45A84;
    top: 52%;
    left: 68%;
    animation-duration: 6s;
    animation-delay: -1s;
    transform-origin: 4vw -21vh;
    box-shadow: -16vmin 0 2.1028459787802483vmin currentColor;
}
.background2 span:nth-child(24) {
    color: #583C87;
    top: 79%;
    left: 20%;
    animation-duration: 6s;
    animation-delay: -1s;
    transform-origin: -7vw -18vh;
    box-shadow: 16vmin 0 2.2898924360199753vmin currentColor;
}
#menber #yamazap.yamazapChange{
	position:relative;
	z-index:1;
	background: rgb(14 14 14 / 0%);
}
#menber #yamazap.yamazapChange h2{
	color:#ebd132;
	font-weight:bold;
}
#menber #yamazap.yamazapChange p{
		color:white;
}
#menber #yamazap.yamazapChange a{
	color:white;
}
@media screen and ( max-width:479px ){
	#topCoution{
		top:unset;
		bottom:30px;
		padding:unset;
	}
	.menuReleseMoodalBox .leftBox,.menuReleseMoodalBox .rightBox{
		width:100%;
	}
	.menuReleseMoodalBox .rightBox{
		padding:0;
		margin:20px 0 0 0;
	}
	.menuReleseMoodalBox h3{
		font-size:20px;
	}
	.menuReleseMoodalBox p{
		font-size:13px;
	}
	#menber .typedBody em{
		top: 15px;
    left: 15px;
	}
	#menber .typedBody em{
		    width: 20px;
    height: 20px;
    line-height: 18px;
	}
	#menber #yamazap.yamazapChange h2{
		margin:120px 0 20px 0;
	}
	#menber{
		min-width:unset;
	}
	#menber #yamazap form select{
		width:100%;
	}
	.pc{
		display:none;
	}
	.sp{
		display:block;
	}
	#menber header .left li:nth-child(1),#menber header .left li:nth-child(2),#menber header .right div em{
		display:none;
	}
	#menber header .right{
		display:flex;
	}
	#menber header .sp_menu span{
    display: block;
    width: 30px;
    height: 3px;
    background: black;
	}
	#menber header .sp_menu span:nth-child(2){
		margin:5px 0px;
	}
	.sp_menu{
		display:block;
		margin:0 0 0 10px;
		position: absolute;
    top: 15px;
    right: 20px;
	}
	#menber header .right .menberLevelImg{
		width:25px;
		top:7px;
	}
	#menber header{
		padding:13px 20px;
	}
	#menber header{
		justify-content:space-between;
		width:100%;
		top:0;
		left:0;
	}
	#menber .new_mMenu{
		width:70%;
		top:0px;
		padding:30px 10px;
		left:-70%;
		z-index:10;
		border:unset;
	}
	#menber .menuNewsrelese span{
		top:143px;
	}
	#menber .new_mMenu .menuOpner{
		display:none;
	}
	#menber .menberSubwrapper{
		padding-left:0;
	}
	#menber #yamazap{
		padding:80px 10px;
	}
	#menber #yamazap form{
		width:100%;
		padding:50px 10px;
	}
	#menber #yamazap form td.select{
		text-align:left;
	}
	#menber #yamazap form th,#menber #yamazap form td{
		display:block;
	}
	#menber .new_mMenu.on{
		left:0%;
	}
	#menber .menberSubwrapper{
		transition:.3s;
	}
	#menber .menberSubwrapper.on{
		filter:blur(5px);
	}
	.sp_menu.on span:nth-child(2){
		visibility:hidden;
	}
	.sp_menu{
		transition:.3s;
	}
	#menber header .sp_menu.on span:nth-child(1){
		transform: rotate(45deg);
    transform-origin: left;
    width: 23px
	}
	#menber header .sp_menu.on span:nth-child(3){
    transform: rotate(315deg);
    transform-origin: left;
    width: 23px;
}
	#menber #yamazap.yamazapMypage .inner p{
		margin: 0px 0 20px 0px;
	}
	#menber #yamazap.yamazapMypage .inner{
    padding: 20px 10px;
    text-align: justify;
}
	#menber #yamazap.yamazapMypage .ditail a:nth-child(1),#menber #yamazap.yamazapMypage .ditail a:nth-child(2){
		margin:0 10px;
	}
	#menber #yamazap.yamazapMypage h2.fc-toolbar-title,.fc .fc-button .fc-icon,.fc .fc-button,.fc .fc-daygrid-day-number,.fc-daygrid-block-event .fc-event-time, .fc-daygrid-block-event .fc-event-title{
		font-size:10px !important;
	}
	.fc-icon{
		width:10px !important;
		height:15px !important;
	}
	.fc .fc-button{
		padding:1px 5px !important;
	}
	#menber #yamazap.yamazapMypage .rightBox{
		padding:10px;
	}
	#menber #yamazap .fc .fc-list-day-cushion, .fc .fc-list-table td{
		padding:1px 10px;
		font-size:13px;
	}
	#menber #yamazap .fc .fc-col-header-cell-cushion{
	display: inline-block;
    padding: 1px 5px;
    font-size: 13px;
	}
	#menber #yamazap .fc .fc-list-day-cushion, .fc .fc-list-table td{
		padding:5px 10px !important;
	}
	.myReportBody.yamazap_moddalBody form .reportDay div{
		width:33%;
	}
	.myReportBody.yamazap_moddalBody label{
		padding:5px 10px;
		font-size:10px;
	}
	.myChangeBody.yamazap_moddalBody form{
		    width: 100%;
    padding: 30px 10px;
	}
	.myChangeBody.yamazap_moddalBody form table td,.myChangeBody.yamazap_moddalBody form table th{
		display:block;
	}
	#menber #yamazap.yamazapMypage .otherInfo ul li .shita .goal{
		font-size: 10px;
    -webkit-line-clamp: 5;
	}
	#menber #yamazap.yamazapMypage .otherInfo ul li{
		width:48%;
	}
	#menber #yamazap.yamazapMypage .otherInfo ul li .shita a{
		font-size:10px;
		margin: 6px 0 0 0;
	}
	#menber #yamazap.yamazapResult h2{
		margin: 200px 0 30px 0;
		font-size:25px;
	}
	#menber .yourData{
		display:flex;
		font-size:13px;
		width:100%;
	}
	#menber .yourData br{
		display:none;
	}
	#menber .typed{
		white-space:unset;
	}
	#menber .typed span{
		font-size:15px;
	}
}
/* mp present page start */
#mpPresent{
	min-width:1000px;
	padding:180px 0;
	    background-color: #efe1d7;
	position:relative;
}
#mpPresent .errorAmazon{
    text-align: center;
}
#mpPresent .errorAmazon #lottieAni{
	width:300px;
	margin:0 auto;
}
#mpPresent .errorAmazon .aboutError{
    width: 500px;
    margin: 30px auto;
    padding: 30px;
    background: white;
    border-radius: 10px;
    border: 2px solid black;
}
#mpPresent .b_img1{
    top: 50px;
    position: absolute;
    left: 50px;
}
#mpPresent .limitBox{
	position:absolute;
	top:10px;
	left:5px;
	width:50%;
	z-index:1;
}
#mpPresent .limitBox img{
	width:15px;
}
#mpPresent h2{
	text-align: center;
    font-size: 25px;
    margin: 0 0 10px 0;
}
#mpPresent h2 em{
	display:block;
	font-size:15px;
}
#mpPresent ul.itemListBody{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    width:95%;
    margin: 0px auto;
	max-width: 1000px;
}
#mpPresent li.itemList{
	position:relative;
	width:30%;
	height:300px;
	margin:0 0 60px 0;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	overflow:hidden;
}
#mpPresent li.itemList .omote{
    width: 100%;
	height:100%;
}
#mpPresent li.itemList .omote .state{
	position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    background: white;
    border-radius: 50px;
    padding: 1px 10px;
}
#mpPresent li.itemList .omote .state i{
	color:#ff502b;
}
#mpPresent li.itemList:hover .rightBox.ura{
	top:0;
	z-index:2;
}
#mpPresent ul.itemListBody li.itemList ul.m_slider{
	width: 100%;
    position: relative;
    margin: 0;
    height: 100%;
    object-fit: cover;
}
#mpPresent ul.itemListBody ul.slick-dots{
	position:absolute;
	bottom:10px;
}
#mpPresent ul.itemListBody li.itemList ul img{
	width:100%;
	object-fit:cover;
	min-height:100%;
	height:auto;
}
#mpPresent .slidCount1{
	height:100%;
}
#mpPresent .intro em.yourPoint{
	font-size:20px;
}
#mpPresent ul.itemListBody .rightBox{
	width: 100%;
    position: absolute;
    top: -100%;
    left: 0;
    height: 100%;
    padding: 20px;
	transition:.3s;
	background: rgb(169 112 87 / 93%);
}
#mpPresent ul.itemListBody li .rightBox em{
    position: absolute;
    bottom: 10px;
    border-radius: 50px;
    background: #d28636;
    padding: 1px 10px;
    color: white;
}
#mpPresent ul.itemListBody .slick-list,#mpPresent ul.itemListBody .slick-list .slick-track{
	height:100%;
}
#mpPresent ul.itemListBody .rightBox .itemForm{
	position:absolute;
	bottom:10px;
	right:10px;
	color:white;
	background:red;
	border-radius:5px;
	padding:2px 10px;
	transition:.3s;
	border:1px solid red;
}
#facebookChallenge .c_facebook table td.ditail{
    display: flex;
    flex-direction: column;
}
#facebookChallenge .c_facebook table td.ditail a{
	text-align:center;
}
#mpPresent ul.itemListBody .rightBox span{
		position:absolute;
	bottom:10px;
	right:10px;
	color:white;
	background:#cbcbcb;
	border-radius:5px;
	padding:2px 10px;
	transition:.3s;
}
#mpPresent li.itemList.noItem .m_slider::after{
	content:"";
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	background:rgb(202 202 202 / 78%);
	top:0;
	left:0;
}
#mpPresent ul.itemListBody .rightBox .itemForm:hover{
	background:white;
	color:red;
}
#mpPresent ul.itemListBody .rightBox .inner{
	font-size:15px;
	color:white;
}
#mpPresent ul.itemListBody .rightBox .state em{
	padding:5px 10px;
	border-radius:5px;
	color:white;
	font-size:12px;
	display:inline-block;
	margin:0 0 5px 0;
}
#mpPresent ul.itemListBody .rightBox .state em:nth-child(1){
	background:black;
}
#mpPresent ul.itemListBody .rightBox .state em:nth-child(2){
	background:red;
}
#mpPresent ul.itemListBody .rightBox .state em:nth-child(3){
	background:#dadada;
}
#mpPresent ul.itemListBody .rightBox .state em.comp:nth-child(3){
    background: #f3ef2b;
    color: #595858;
    font-weight: bold;
	color:white;
}
#mpPresent ul.itemListBody .rightBox .state div em{
	background:red;
}
#mpPresent ul.itemListBody .rightBox h2{
    margin: 5px 0 10px 0;
    font-size: 15px;
    font-weight: bold;
	color:white;
}
.itemFormBody{
	text-align:center;
}
.itemFormBody h2{
	font-size:20px;
	margin:0 0 30px 0;
}
.itemFormBody form{
    width: 650px;
    margin: 0 auto;
    padding: 60px 30px;
    background: #f6f6f6;
	position:relative;
}
.itemFormBody form span.close{
	position: absolute;
    right: 10px;
    top: 10px;
    font-size: 40px;
}
.itemFormBody form .formBlock.flex{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	margin:0 0 40px 0;
	border-bottom:unset;
}
.itemFormBody form input{
	padding: 5px 10px;
    font-size: 15px;
    border: unset;
    background: unset;
	-webkit-appearance: none;
}
.itemFormBody form .flex .left,.itemFormBody form .flex .right{
	width:48%;
	border-bottom: 1px solid #3f3f3f;
}
.itemFormBody form label{
	position: relative;
    padding: 1px 10px 1px 20px;
    background: lightgrey;
    border-radius: 5px;
    font-size: 15px;
}
.itemFormBody form label.need:after{
	content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: red;
    position: absolute;
    left: 10px;
    top: 10px;
}
.itemFormBody form .flex input{
	width:76%;
}
.itemFormBody form .flex input#input-3{
	width:69%;
}
.itemFormBody form .flex input#input-2{
	width:66%;
}
.itemFormBody form input#input-4{
	width:89%;
}
.itemFormBody form input#input-5{
	width:61%;
}
.itemFormBody form input#input-6{
	width:71%;
}
.itemFormBody form .flex input#m_email{
	width:71%;
}
.itemFormBody form .flex input#m_name{
	width:77%;
}
.itemFormBody form input[type="submit"]{
    padding: 10px 30px;
    border-radius: 50px;
    background: #07aeed;
    color: white;
    display: inline-block;
    margin: 10px 0 0 0;
	transition:.3s;
	border:1px solid #07aeed;
}
.itemFormBody form input[type="submit"]:hover{
	background:white;
	color:#07aeed;
}
.itemFormBody form .formBlock{
	margin:0 0 40px 0;
	border-bottom: 1px solid #3f3f3f;
}
.itemFormBody form select,.itemFormBody form input:focus{
	outline:unset;
}
.itemFormBody form select{
    width: 66%;
    padding: 5px 10px;
    font-size: 15px;
    background: unset;
    border: unset;
}
.itemFormBody .itemChice{
    padding: 30px;
    margin: 0 0 30px 0;
    background: white;
}
#mpPresent.thankyou{
	text-align:center;
}
#mpPresent.thankyou span{
	position: relative;
	top: 5px;
}
#mpPresent.thankyou .changePresent{
    padding: 30px;
    margin: 30px auto;
    width: 50%;
    background: #f6f6f6;
}
#mpPresent .intro{
    text-align: center;
    margin: 0 0 20px 0;
    font-size: 13px;
}
#mpPresent .intro em{
    font-size: 15px;
    color: #ca2525;
    font-weight: bold;
}
#mpPresent.thankyou{
position: relative;
    height: 100vh;
    margin: 0;
    padding: 120px 0;
    background: #def8ff;
    overflow: hidden;
    text-align: center;
}
#mpPresent .balloons div {
	position: absolute;
	left: 0;
	bottom: -150px;
	width: 90px;
	height: 100px;
	background: #ffa07a;
	border-radius: 50%;
	box-shadow: -6px -6px 0 rgba(0, 0, 0, 0.15) inset;
}

#mpPresent .balloons div:before {
	content: '';
	position: absolute;
	left: 38px;
	bottom: -70px;
	width: 2px;
	height: 70px;
	background: #a0a0a0;
	transform: rotate(5deg);
}
#mpPresent .balloons div:nth-of-type(1) {
	left: -5%;
	background: #9400d3;
	animation: wobbling_x 0.8s ease-in-out infinite alternate,
		wobbling_y 1.1s ease-in-out infinite alternate,
		fly_high 13s ease-in-out infinite;
}

#mpPresent .balloons div:nth-of-type(2) {
	left: 12%;
	background: #ffc0cb;
	animation: wobbling_x 0.8s ease-in-out infinite alternate,
		wobbling_y 1.1s ease-in-out infinite alternate,
		fly_high 7s ease-in-out infinite;
}

#mpPresent .balloons div:nth-of-type(3) {
	left: 18%;
	background: #ffa07a;
	animation: wobbling_x 0.8s ease-in-out infinite alternate,
		wobbling_y 1.1s ease-in-out infinite alternate,
		fly_high 16s ease-in-out infinite;
}
#mpPresent #itemForm{
	position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    background: #000000c7;
    z-index: 10;
	padding:60px;
	overflow:scroll;
}
#mpPresent .balloons div:nth-of-type(4) {
	left: 22%;
	background: #f0f8ff;
	animation: wobbling_x 0.8s ease-in-out infinite alternate,
		wobbling_y 1.1s ease-in-out infinite alternate,
		fly_high 14s ease-in-out infinite;
}

#mpPresent .balloons div:nth-of-type(5) {
	left: 36%;
	background: #ffa07a;
	animation: wobbling_x 0.8s ease-in-out infinite alternate,
		wobbling_y 1.1s ease-in-out infinite alternate,
		fly_high 7s ease-in-out infinite;
}

#mpPresent .balloons div:nth-of-type(6) {
	left: 50%;
	background: #00fa9a;
	animation: wobbling_x 0.9s ease-in-out infinite alternate,
		wobbling_y 1.2s ease-in-out infinite alternate,
		fly_high 12s ease-in-out infinite;
}

#mpPresent .balloons div:nth-of-type(7) {
	left: 62%;
	background: #ffc0cb;
	animation: wobbling_x 0.8s ease-in-out infinite alternate,
		wobbling_y 1.1s ease-in-out infinite alternate,
		fly_high 15s ease-in-out infinite;
}

#mpPresent .balloons div:nth-of-type(8) {
	left: 68%;
	background: #9400d3;
	animation: wobbling_x 0.8s ease-in-out infinite alternate,
		wobbling_y 1.1s ease-in-out infinite alternate,
		fly_high 7s ease-in-out infinite;
}

#mpPresent .balloons div:nth-of-type(9) {
	left: 78%;
	background: #ffa07a;
	animation: wobbling_x 0.9s ease-in-out infinite alternate,
		wobbling_y 1.2s ease-in-out infinite alternate,
		fly_high 9s ease-in-out infinite;
}

#mpPresent .balloons div:nth-of-type(10) {
	left: 90%;
	background: #ff0000;
	animation: wobbling_x 0.8s ease-in-out infinite alternate,
		wobbling_y 1.1s ease-in-out infinite alternate,
		fly_high 11s ease-in-out infinite;
}

#mpPresent .balloons div:nth-of-type(11) {
	left: 0%;
	background: #f0f8ff;
	animation: wobbling_x 0.8s ease-in-out infinite alternate,
		wobbling_y 1.1s ease-in-out infinite alternate,
		fly_high 9s ease-in-out infinite 7s;
}

#mpPresent .balloons div:nth-of-type(12) {
	left: 3%;
	background: #ffa07a;
	animation: wobbling_x 0.8s ease-in-out infinite alternate,
		wobbling_y 1.1s ease-in-out infinite alternate,
		fly_high 7s ease-in-out infinite 2s;
}

#mpPresent .balloons div:nth-of-type(13) {
	left: 10%;
	background: #ff0000;
	animation: wobbling_x 0.8s ease-in-out infinite alternate,
		wobbling_y 1.1s ease-in-out infinite alternate,
		fly_high 8s ease-in-out infinite 5s;
}

#mpPresent .balloons div:nth-of-type(14) {
	left: 25%;
	background: #00ced1;
	animation: wobbling_x 0.8s ease-in-out infinite alternate,
		wobbling_y 1.1s ease-in-out infinite alternate,
		fly_high 12s ease-in-out infinite 6s;
}

#mpPresent .balloons div:nth-of-type(15) {
	left: 37%;
	background: #00fa9a;
	animation: wobbling_x 0.8s ease-in-out infinite alternate,
		wobbling_y 1.1s ease-in-out infinite alternate,
		fly_high 7s ease-in-out infinite 4s;
}

#mpPresent .balloons div:nth-of-type(16) {
	left: 45%;
	background: #00ced1;
	animation: wobbling_x 0.9s ease-in-out infinite alternate,
		wobbling_y 1.2s ease-in-out infinite alternate,
		fly_high 9s ease-in-out infinite;
}

#mpPresent .balloons div:nth-of-type(17) {
	left: 55%;
	background: #ffc0cb;
	animation: wobbling_x 0.8s ease-in-out infinite alternate,
		wobbling_y 1.1s ease-in-out infinite alternate,
		fly_high 13s ease-in-out infinite 8s;
}

#mpPresent .balloons div:nth-of-type(18) {
	left: 60%;
	background: #f0f8ff;
	animation: wobbling_x 0.8s ease-in-out infinite alternate,
		wobbling_y 1.1s ease-in-out infinite alternate,
		fly_high 10s ease-in-out infinite 1s;
}

#mpPresent .balloons div:nth-of-type(19) {
	left: 75%;
	background: #00fa9a;
	animation: wobbling_x 0.9s ease-in-out infinite alternate,
		wobbling_y 1.2s ease-in-out infinite alternate,
		fly_high 15s ease-in-out infinite 7s;
}

#mpPresent .balloons div:nth-of-type(20) {
	left: 95%;
	background: #00ced1;
	animation: wobbling_x 0.8s ease-in-out infinite alternate,
		wobbling_y 1.1s ease-in-out infinite alternate,
		fly_high 11s ease-in-out infinite 6s;
}
@keyframes wobbling_x {
	0% {
		margin-left: 8px;
	}

	100% {
		margin-left: 0px;
	}
}

@keyframes wobbling_y {
	0% {
		margin-bottom: 0px;
	}

	100% {
		margin-bottom: 8px;
	}
}

@keyframes fly_high {
	100% {
		transform:translateY(-1000px);
	}
}
#mpPresent .star{
    text-align: center;
    width: 400px;
    margin: 0 auto 30px auto;
}
#mpPresent .star img{
	width:20px;
}
#mpPresent .presentComplete{
    position: absolute;
    width: 80%;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
@media screen and ( max-width:479px ){
	#mpPresent .errorAmazon .aboutError{
		width:100%;
	}
	#mpPresent h2{
		font-size:20px;
	}
	#mpPresent .errorAmazon .inner{
		font-size:13px;
		text-align:left;
	}
	#mpPresent .errorAmazon .inner .aboutError{
		text-align:center;
	}
	#mpPresent .errorAmazon img{
	width:100%;
}
	#menber .new_mMenu .logo{
		width:60%;
	}
	#mpPresent{
		min-width:unset;
		padding:60px 20px !important;
		height:100vh;
	}
	#mpPresent.thankyou .changePresent{
    padding: 30px;
    margin: 30px auto;
    width: 100%;
    background: #f6f6f6;
	}
	#mpPresent .balloons div:before{
		content: '';
    position: absolute;
    left: 25px;
    bottom: -48px;
    width: 2px;
    height: 50px;
    background: #a0a0a0;
    transform: rotate(5deg);
	}
	#mpPresent .balloons div{
		width:60px;
		height:70px;
	}
	#mpPresent li.itemList,#mpPresent ul.itemListBody li.itemList ul.m_slider,#mpPresent ul.itemListBody .rightBox{
		    width: 100%;
	}
	#mpPresent ul.itemListBody li.itemList ul img{
		min-height:100%;
		height:unset;
	}
	#mpPresent .star{
		width:70%;
		position: relative;
	}
	#mpPresent .limitBox{
		width: 100%;
    left: 0;
    padding: 0 10px;
	}
	#mpPresent .limitBox img{
		width:20px;
	}
	.itemFormBody form{
		width:100%;
		padding:10px 10px 30px 10px;;
	}
	.itemFormBody form select{
		font-size:13px;
		width: 100%;
    padding: 5px 10px;
    font-size: 15px;
    background: unset;
    border: unset;
    background: white;
    margin: 10px 0;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid black;
	}
	.itemFormBody form .flex .left, .itemFormBody form .flex .right,.itemFormBody form .formBlock{
		width:100%;
		text-align:left;
		margin:0 0 20px 0;
		border-bottom:unset;
	}
	.itemFormBody form .formBlock{
		text-align:left;
	}
	.itemFormBody form .flex input#m_name,.itemFormBody form .flex input,.itemFormBody form .flex input#m_email,.itemFormBody form .flex input#input-2,.itemFormBody form input#input-4,.itemFormBody form input#input-5,.itemFormBody form input#input-6{
		width:100%;
		font-size:13px;
		margin: 10px 0;
    border: 1px solid black;
    border-radius: 5px;
		background:white;
		padding:10px;
	}
	#menber .namPlate.yourName{
		margin:0 0 0 40px;
		top:15px;
		font-size:12px;
	}
	#mpPresent .b_img1{
		top: 110px;
    left: 27px;
    width: 150px;
	}
	#mpPresent .intro{
		position:relative;
	}
	#menber #challent{
		padding: 90px 20px;
	}
	#menber #challent .intro{
    padding: 10px 10px 20px 10px;
    font-size: 13px;
}
	#menber #challent .intro p{
		text-align:justify;
	}
	#menber #challent .b_img2{
    width: 120px;
    top: 180px;
    right: 20px;
}
	#menber #challent .b_img1{
top: 150px;
    left: 20px;
    width: 90px;
	}
	#menber #challent .yourStatus{
		position:relative;
	}
	#menber #challent .about ul li{
    width: 100%;
    margin: 0 0 60px 0;
}
	.mpWay_m_body ul li{
    width: 100%;
    margin: 0 0 60px 0;
}
	.mpWay_m_body ul li .rightBox{
		padding:20px 0 0 0;
	}
	.challenge_m_ditail .inner img{
    float: unset;
    width: 100%;
    margin: 0 0 30px 0;
}
	#menber #challent .about ul li .inner a{
    left: 50%;
    transform: translate(-50%,0);
}
	.modaal-content-container .designImg{
    width: 100%;
    bottom: 0px;
    top: unset;
    height: auto;
}
	#facebookChallenge{
		padding:60px 10px;
	}
	#facebookChallenge .intro{
		padding:20px;
		font-size: 13px;
    text-align: justify;
	}
	#facebookChallenge .b_img1{
		left: 10px;
    top: 100px;
    width: 200px;
	}
	.challenge_m_ditail a{
		font-size:13px;
	}
	#facebookChallenge .f_entry{
		flex-wrap:wrap;
	}
	#facebookChallenge .f_entry .leftBox{
    font-size: 13px;
    width: 100%;
    padding: 20px;
}
	#facebookChallenge .f_entry .rightBox{
		width:100%;
		height:150px;
	}
	#facebookChallenge .c_facebook table th,#facebookChallenge .c_facebook table td{
		font-size:10px;
		padding:5px;
	}
	#facebookChallenge em{
		font-size:10px;
	}
	.f_ditailBody h5{
    font-size: 18px;
    font-weight: bold;
}
	.f_ditailBody .inner{
		font-size:13px;
	}
	.f_ditailBody .hash{
		text-align:center;
		font-size:13px;
		padding: 10px;
    background: #f4f4f4;
	}
	.facebookLogin_m_body h2{
		font-size:20px;
	}
	.facebookLogin_m_body p{
		font-size:13px;
		text-align:justify;
	}
	.facebookLogin_m_body .inner{
		width:100%;
	}
}
/* mp present page end  */
/* new myLpseminar start */
.myLpContentHeader img{
    width: 100%;
}
#myContentLp {
    margin: 120px auto 60px auto;
    width: 75%;
    box-shadow: 1px 1px 4px 1px #c1c1c1;
    padding: 30px;
    position: relative;
    background: rgb(255 255 255 / 72%);
    z-index: 0;
}
#myContentLp img.backImg.left{
    position: absolute;
    width: 250px;
    top: -100px;
    left: -150px;
    z-index: 0;
}
#myContentLp img.backImg.right{
    position: absolute;
    width: 250px;
    top: 136px;
    right: -190px;
    z-index: 0;
}
.mtcMyLpBody{
    background: rgb(141 196 220 / 56%);
    position: relative;
    padding: 0px 0 120px 0;
	overflow:hidden;
}
.mtcMyLpErrorBody{
    height: 100vh;
    text-align: center;
    padding: 120px 20px;
}
.mtcMyLpErrorBody h2{
	font-size:20px;
	margin:0 0 20px 0;
}
#myContentForm {
    margin: 60px auto 0 auto;
    padding: 60px;
    width: 75%;
    background: #fbfbfb;
    text-align: center;
}
#myContentForm .attentionFreme {
    margin: 0 0 30px 0;
}
#myContentForm .attentionFreme h2 {
    font-size: 25px;
    margin: 0 0 30px 0;
}
#myContentForm input[name=usedPoint] {
    border: 2px solid;
    width: 200px;
    padding:5px 20px;
    font-size: 20px;
    text-align: center;
    margin: 10px 0 0px 0;
    height: 50px;
    border-radius: 50px;
    background: #ffeeee;
}
#myContentForm #submit {
    width: 70%;
    padding: 20px;
    font-size: 20px;
}
#myContentForm input[type="submit"] {
    background: #2392e3;
    border: 3px solid #2392e3;
    color: white;
    transition: .3s;
    font-weight: bold;
    box-shadow: none;
}
#myContentForm input[type="submit"]:hover {
    color: #2392e3;
    background:white;
}
/* 講座ページ　start ------------*/
#menber .menberSubwrapper header{
    position: relative;
    top: 0;
    right: 0;
    z-index: 0;
    padding:0;
}
#myContentLp img{
    width:100%;
    height:auto;
}
#myContentForm .attentionFreme h3{
    margin:0 0 30px 0;
}
#myContentForm .pointChange em.posiblePoint{
    display: block;
    margin: 10px 0;
    font-size:20px;
    font-weight: bold;
}
#myContentForm .pointChange .rate{
    line-height: 150%;
}
#myContentForm .pointChange .rate em{
    font-size:13px;
    color: #ff502b;
}
#myContentForm .pointChange .change_price{
    margin: 0 0 30px;
    font-size: 20px;
}
#myContentForm .pointChange em.posiblePoint strong{
    font-size:13px;
}
#myContentForm .pointChange em.posiblePoint i{
    position: relative;
    color: #ff502b;
    font-size: 20px;
    position: relative;
    margin: 0 5px 0 0;
}
#myContentForm .attentionFreme p{
    text-align: justify;
    margin:0 0 10px 0;
}
input:disabled {
    /* disabledのスタイルを指定する */
    opacity: 0.5; /* 例: 不透明度を下げて半透明にする */
    cursor: not-allowed; /* 例: カーソルを"not-allowed"に変更する */
    /* その他のスタイルを追加する */
  }
.shake.on{
    animation: shake 0.5s;
}
  @keyframes shake {
    0% { transform: translateX(0); }
    25% { transform: translateX(-5px) rotate(-5deg); }
    50% { transform: translateX(5px) rotate(5deg); }
    75% { transform: translateX(-5px) rotate(-5deg); }
    100% { transform: translateX(0); }
  }
.mtcMyLpErrorBody{
    height: 100vh;
    padding: 120px 20px;
    text-align: center;
}
.mtcMyLpErrorBody h2{
    font-size:20px;
    margin:0 0 20px 0;
}
.mtcMyLpErrorBody h2 em{
    display:block;
    font-size:15px;
}
@media screen and ( max-width:479px ){
    #myContentLp{
        width:100%;
        margin:60px auto;
    }
    #myContentForm{
        width:100%;
        padding:20px;
    }
    #myContentForm .attentionFreme p{
        text-align: justify;
        font-size: 13px;
    }
    #myContentForm .attentionFreme h2{
        font-size:18px;
    }
    #myContentForm input[name=usedPoint]{
        padding: 5px 20px 5px 20px;
    }
}
#koseiPre20210128 .onayami{
	position:relative;
}
#koseiPre20210128 h2{
    font-size: 30px;
    margin: 0 0 30px 0;
}
#koseiPre20210128 h2.type1{
	padding: 40px 0;
    background: #16356d;
    margin: 0 0 60px 0;
    color: white;
}
#koseiPre20210128 .body{
    padding: 0 140px;
    font-size: 20px;
    line-height: 200%;
}
#koseiPre20210128 h2.type1 em{
	color:#fbc852;
}
#koseiPre20210128 h2 em{
	font-size:35px;
	font-weight:bold;
	color:#c39835;
}
#koseiPre20210128 .reason ul{
    padding: 60px 40px;
    list-style: disc;
}
#koseiPre20210128 .reason ul li{
	list-style:disc;
}
#seminarlistSingle #koseiPre20210128 ul{
	background:white;
	box-shadow:unset;
}
#koseiPre20210128 .onayami img{
    position: absolute;
    bottom: 150px;
    width: 21%;
	left:60px;
}
#koseiPre20210128 .onayami h2{
	position:relative;
	z-index:1;
}
.postid-3146 #seminarlistSingle{
	padding:60px 0 0 0;
}
#seminarlistSingle #koseiPre20210128 .onayami .under{
    text-align: center;
    font-size: 25px;
    margin: 60px 0;
}
#seminarlistSingle #koseiPre20210128 p em{
	 font-size: 20px;
    color: #c39835;
    font-weight: bold;
}
#seminarlistSingle #koseiPre20210128 .onayami p em{
	 font-size: 30px;
    color: #c39835;
    font-weight: bold;
}
#seminarlistSingle #koseiPre20210128 .onayami ul{
    position: relative;
    z-index: 1;
    background: rgb(255 255 255 / 0%);
    font-size: 20px;
    margin: 0 0 0 260px;
}
#koseiPre20210128 .onayami ul i{
    margin: 0 10px 0 0;
    color: #c39835;
}
#seminarlistSingle #koseiPre20210128 strong{
    background: #fcff1f;
    font-size: 25px;
}
#seminarlistSingle #koseiPre20210128 span{
	font-size:25px;
	font-weight:bold;
}
#seminarlistSingle #koseiPre20210128 p{
	margin:30px 0;
	text-align:justify;
}
#seminarlistSingle #koseiPre20210128 .body h3{
    font-size: 30px;
    text-align: left;
    color: #e879cb;
    font-weight: bold;
}
#koseiPre20210128 .probody,#pe2021130 .probody{
	padding:0px;
	margin:60px 0 120px 0;
}
#koseiPre20210128 .probody .proImg,#pe2021130 .probody .proImg{
    float: right;
    width: 400px;
    box-shadow: 10px 10px 10px 3px #bfbfbf;
    border-radius: 5px;
    margin: 0 0 0 20px;
}
#koseiPre20210128 .probody h4,#pe2021130 .probody h4{
    font-size: 20px;
    margin: 0 0 10px 0;
}
#koseiPre20210128 .probody h3,#pe2021130 .probody h3{
    font-size: 30px;
    font-weight: bold;
}
#koseiPre20210128 .probody h3 em,#pe2021130 .probody h3 em{
	display:inline-block;
	margin:0 0 0 10px;
	font-size:15px;
}
#koseiPre20210128 .probody .proImg.t2,#pe2021130 .probody .proImg.t2{
    float: left;
    margin: 0 30px 30px 0;
}
#koseiPre20210128 .voice h4{
    text-align: left;
    font-size: 25px;
    font-weight: bold;
}
#seminarlistSingle #koseiPre20210128 .voice .body h3{
	margin:60px 0 0 0;
}
#seminarlistSingle #koseiPre20210128 .voice .body h3:nth-child(1){
	margin:0;
}
#koseiPre20210128 .footerAttention{
    padding: 30px 120px;
    background: #bf1010;
}
#koseiPre20210128 .footerAttention h2,#koseiPre20210128 .footerAttention p{
	color:white;
}
#koseiPre20210128 .suchedul table{
    width: 80%;
    margin: 0 auto 60px auto;
    padding: 30px;
    background: #f7f6f6;
    border-radius: 5px;
}
#koseiPre20210128 .suchedul table th,#koseiPre20210128 .suchedul table td{
	vertical-align:middle;
	background: white;
    padding: 20px;
}
@media screen and ( max-width:500px ){
	#koseiPre20210128 h2{
		font-size:20px;
	}
	#koseiPre20210128 h2 em{
		font-size:25px;
	}
	#seminarlistSingle #koseiPre20210128 .onayami ul{
		margin:0;
		font-size:13px;
	}
	#seminarlistSingle #koseiPre20210128 .onayami .under{
		font-size:20px;
		margin:30px 0;
		position:relative;
		z-index:1;
	}
	#seminarlistSingle #koseiPre20210128 .onayami p em{
		font-size:25px;
		color:#9e6d27;
	}
	#koseiPre20210128 .onayami img{
		filter: opacity(40%);
		width:80%;
		bottom:-30px;
		left:0;
	}
	#koseiPre20210128 h2.type1{
		padding:20px 10px;
	}
	#koseiPre20210128 .body{
		padding:0 20px;
		font-size:13px;
	}
	#seminarlistSingle #koseiPre20210128 strong{
		font-size:20px;
	}
	#seminarlistSingle #koseiPre20210128 ul{
		padding:0 20px;
	}
	#seminarlistSingle #koseiPre20210128 span{
		font-size:18px;
	}
	#seminarlistSingle #koseiPre20210128 .body h3{
		font-size:20px;
		line-height:200%;
		margin:30px 0;
	}
	#seminarlistSingle #koseiPre20210128 .reason{
		padding:0 0 60px 0;
	}
	#koseiPre20210128 .probody .proImg,#pe2021130 .probody .proImg{
    float: unset;
    width: 100%;
    margin: 0 0 30px 0;
}
	#koseiPre20210128 .probody,#pe2021130 .probody{
		padding:0 20px;
	}
	#koseiPre20210128 .probody h4,#pe2021130 .probody h4{
		font-size:15px;
	}
	#koseiPre20210128 .probody h3,#pe2021130 .probody h3{
		font-size:25px;
	}
	#koseiPre20210128 .voice h4{
		font-size:18px;
	}
	#koseiPre20210128 .suchedul table{
		width:95%;
		margin:30px auto;
		padding:20px;
	}
	#koseiPre20210128 .suchedul table th, #koseiPre20210128 .suchedul table td{
		display:block;
		text-align:center;
		font-size:13px;
	}
	#koseiPre20210128 .suchedul table th{
		background:#247cc7;
		color:white;
	}
	#koseiPre20210128 .footerAttention{
		padding: 30px 10px;
      background: #bf1010;
      font-size: 13px;
	}
}
/* koseishindan free end -------------*/
/* koseishindan movie start ---------*/
.postid-3153 #seminarlistSingle{
	padding:60px 0;
}
#pe2021130 .movieBody{
	width:80%;
	margin:0 auto;
}
#pe2021130 .movieBody h2{
    padding: 20px;
    font-size: 30px;
}
#pe2021130 .movieBody h2 em{
	color:#9c6d33;
}
#pe2021130 .movieBody .youtube{
	margin:0 0 120px 0;
	position: relative;
   width: 100%;
  padding-top: 56.25%;
}
#pe2021130 .movieBody .youtube iframe{
    border: 3px solid black;
    border-radius: 5px;
	position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
#pe2021130 .seminarBody{
	font-size:25px;
}
#pe2021130 .seminarBody p.type2{
	text-align:center;
	margin:30px 0 60px 0;
}
#pe2021130 .seminarBody p.type2 strong{
	color:red;
}
#pe2021130 h2.type2{
    padding: 60px 20px;
    background: #111f65;
    color: white;
    font-size: 30px;
    margin:60px 0;
}
#pe2021130 h2.type2 em{
    color: #e6b74d;
}
#pe2021130 .sche table{
    width: 80%;
    margin: 0 auto 60px auto;
    padding: 20px;
    background: #f1f1f1;
}
#pe2021130 .sche table th,#pe2021130 .sche table td{
	vertical-align:middle;
	padding:20px;
	text-align:center;
	background:white;
}
#pe2021130 .sche h3{
	font-size:30px;
}
#pe2021130 .specialBody{
    display: flex;
    padding: 30px;
    width: 80%;
    margin: 0 auto 60px auto;
    border: 2px solid black;
    border-radius: 5px;
}
#pe2021130 .specialBody p:nth-child(1){
    width: 80%;
    font-size: 30px;
}
#pe2021130 .cta p{
	font-size:30px;
	text-align:center;
}
#pe2021130 .cta p em{
    color: red;
    font-weight: bold;
	background:unset;
	padding:0;
	font-size:35px;
}
#pe2021130 .cta p i{
    display: inline-block;
    margin: 0 30px;
}
#pe2021130 .cta p.red{
	color:red;
	font-size:20px;
	text-align:center;
}
#pe2021130 .cta .attention p{
	text-align:left;
	font-size:15px;
}
#pe2021130 .cta .attention{
    padding: 20px;
    background: #f7f7f7;
    border-radius: 5px;
}
#pe2021130 .cta span{
	text-decoration: line-through;
}
#pe2021130 .cta{
	width:80%;
}
#pe2021130 .profile .proBody{
    width: 80%;
    margin: 60px auto;
}
#pe2021130 .profile .proBody img{
    width: 50%;
    float: right;
}
#pe2021130 .profile .proBody p{
	font-size:20px;
	line-height:200%;
	text-align:justify;
}
#pe2021130 p em,#pe2021130 .get p em{
    background:linear-gradient(transparent 75%, #fff799 75%);
    padding: 5px;
    font-size: 25px;
}
#pe2021130 p strong{
	font-size:25px;
}
#pe2021130 .support h2{
	margin: 0 auto;
    font-size: 25px;
    width: 80%;
    text-align: left;
}
#pe2021130 .support ul li{
	width:45%;
	text-align:center;
}
#seminarlistSingle #pe2021130 .support ul{
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin: 60px auto 0 auto;
}
#pe2021130 .supportInner img{
	width:50%;
}
#pe2021130 .supportInner .hosoku{
    margin: 0 0 0 30px;
    font-size: 20px;
    text-align: left;
}
#pe2021130 .supportInner .hosoku h3{
	color:red;
}
#pe2021130 .supportInner .hosoku p{
	color:red;
}
#pe2021130 .supportInner{
    width: 80%;
    display: flex;
    justify-content: space-between;
    margin: 60px auto 90px auto;
}
#seminarlistSingle #pe2021130 ul{
    background: unset;
    width: 80%;
    box-shadow: unset;
    margin: 0 auto;
    font-size: 20px;
}
#pe2021130 .get h3{
    font-size: 30px;
    color: #a20808;
    margin: 30px 0;
    padding: 0 0 10px 60px;
	position:relative;
	border-bottom: 1px solid #5d6871;
}
#pe2021130 .get p.attention{
	font-size:15px;
}
#pe2021130 .get h3 i{
	position:absolute;
	top:6px;
	left:20px;
}
#pe2021130 .gaiyo .proBody{
    width: 80%;
    margin: 0 auto;
    font-size: 20px;
}
#pe2021130 .gaiyo .proBody img{
    float: right;
    width: 50%;
    margin: 0 0 0 30px;
}
#seminarlistSingle #pe2021130 .gaiyo .proBody ul{
	width:100%;
}
#pe2021130 h2.type3{
    font-size: 40px;
    font-weight: bold;
    color: #1a5a88;
    padding: 10px 0;
	margin:0 0 60px 0;
}
#pe2021130 h2.type3 span{
	border-top: 2px solid;
    border-bottom: 2px solid;
}
#pe2021130 .fllow .body{
    width: 80%;
    margin: 0 auto 120px auto;
    font-size: 20px;
}
#pe2021130 .fllow .body img{
    width: 50%;
    float: right;
    margin: 0 0 0 30px;
}
#pe2021130 .sche .attentionBody{
    width: 80%;
    margin: 0  auto 60px auto;
}
#pe2021130 .specialBody .leftBox p:nth-child(1) {
	width:100%;
}
#seminarlistSingle #pe2021130 .specialBody .leftBox ul{
	width:100%;
	padding:0;
	font-size:18px;
}
#seminarlistSingle #pe2021130 .specialBody .leftBox ul em{
	font-size:20px;
	color:red;
}
#seminarlistSingle #pe2021130 .specialBody .leftBox{
	width:60%;
}
@media screen and ( max-width:500px ){
	#pe2021130 .movieBody{
		width:95%;
	}
	#pe2021130 .movieBody h2{
		font-size:20px;
	}
	#pe2021130 .movieBody .youtube{
		margin:0 0 60px 0;
	}
	#pe2021130 .seminarBody h3{
		font-size:15px;
	}
	#pe2021130 .seminarBody p.type2{
    font-size: 20px;
    padding: 0 10px;
	}
	#pe2021130 h2.type2{
		font-size:20px;
	}
	#pe2021130 .sche table{
		width:95%;
		padding:10px;
		font-size:13px
	}
	#pe2021130 .sche h3{
		font-size:20px;
	}
	#pe2021130 .specialBody{
    width: 100%;
    display: block;
    padding: 10px;
}
	#pe2021130 .specialBody p:nth-child(1){
		width: 100%;
    font-size: 20px;
    text-align: center;
	}
	#pe2021130 .sche table th, #pe2021130 .sche table td{
		padding:10px;
	}
	#pe2021130 .cta p{
		font-size:20px;
	}
	#pe2021130 .cta{
		width:95%;
	}
	#pe2021130 .cta p em{
		font-size:20px;
	}
	#pe2021130 .cta .attention p.red{
		text-align:center
	}
	#pe2021130 .profile .proBody img{
    width: 100%;
    float: unset;
}
	#pe2021130 .profile .proBody{
		width:95%;
	}
	#pe2021130 .profile .proBody p{
		font-size:15px;
	}
	#pe2021130 p strong{
		font-size:18px;
	}
	#pe2021130 p em, #pe2021130 .get p em{
		font-size:15px;
	}
	#pe2021130 h2.type2{
		padding:20px 10px;
	}
	#seminarlistSingle #pe2021130 ul{
    width: 95%;
    padding: 0 0 30px 0;
}
	#pe2021130 .get h3{
		font-size:20px;
		padding:0 0 10px 30px;
	}
	#pe2021130 .get h3 i{
		left:5px;
	}
	#seminarlistSingle #pe2021130 p{
		font-size:15px;
	}
	#pe2021130 .gaiyo .proBody img{
    width: 100%;
    margin: 0 0 30px 0;
}
	#pe2021130 .gaiyo .proBody{
		width:95%;
	}
	#seminarlistSingle #pe2021130 ul li{
		font-size:15px;
	}
	#pe2021130 h2.type3{
    font-size: 25px;
    margin: 0 0 30px 0;
}
	#pe2021130 .fllow .body{
		width:90%;
	}
	#seminarlistSingle #pe2021130 .specialBody .leftBox{
		width:100%;
	}
	#pe2021130 .sche .attentionBody{
		width:95%;
	}
}
#myContentLp h2 {
    text-align: center;
    font-size: 30px;
    margin: 80px 0 10px 0;
    color: #2372a0;
}
/* koseishindan movie end   ---------*/
/* 個性診断申し込み start -----------*/
#pe2021130 .per_tujo{
	display:none;
}
#seminarlistSingle #pe2021130 .step2 ul{
	width:50%;
   padding: 0;
   margin: 30px auto;
}
#seminarlistSingle #pe2021130 .step2 a{
    padding: 10px 20px;
    background: #0eabda;
    border-radius: 10px;
    border: 2px solid #0eabda;
    color: white;
    display: inline-block;
    margin: 30px 0 0 0;
    transition: .3s;
}
.postid-3278 #seminarlistSingle{
	padding:60px 0;
}
.postid-3278 #pe2021130 .get h2.type2{
	margin:60px 0 0 0;
}
.postid-3278 #pe2021130 h2.type2{
	margin:60px 0;
}
#pe2021130 .per_seminar_sche p{
	text-align:center;
}
#seminarlistSingle #pe2021130 .program ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0;
}
#seminarlistSingle #pe2021130 .program ul li{
    width: 45%;
    text-align: center;
    margin: 0 0 60px 0;
}
#seminarlistSingle #pe2021130 .lessonDitail ul{
    width: 84%;
}
#seminarlistSingle #pe2021130 .lessonDitail ul h2{
    padding: 20px;
    font-size: 25px;
    background: #caf0ff;
    border-bottom: 5px solid #25386e;
}
#seminarlistSingle #pe2021130 .lessonDitail ul .inner{
	padding:20px;
}
#seminarlistSingle #pe2021130 .lessonDitail ul .inner .underLine{
   border-bottom: 1px solid black;
   padding: 0 0 20px 0;
}
#seminarlistSingle #pe2021130 .lessonDitail ul li.lessonBody{
    border: 5px solid #26386d;
	margin:0 0 60px 0;
}
#pe2021130 .per_sche_inner{
    width: 90%;
    margin: 0 auto 30px;
    text-align: left;
    background: whitesmoke;
    padding: 30px;
}
#pe2021130 .per_sche_inner h3{
    display: inline-block;
    padding: 10px 20px;
    border-radius: 10px;
    background: #ff7422;
    color: white;
}
#pe2021130 .per_seminar_sche h2{
    text-align: left;
    padding: 0 0 0 20px;
    border-left: 2px solid black;
    margin: 0 0 0 10px;
    font-size: 30px;
    width: 90%;
    margin: 60px auto 30px auto;
}
#pe2021130 .per_sche_img{
	width:90%;
	margin:0 auto;
}
.postid-3278 #pe2021130 .get h3{
	margin:80px 0 30px 0;
}
#seminarlistSingle #pe2021130 .step2 a.adjust{
    margin: 0;
    width: 330px;
    text-align: left;
}
#pe2021130 .gaiyo img.imgHeader{
	margin:60px 0 0 0;
}
#seminarlistSingle #pe2021130 .step2 .attention{
	color:red;
}
#seminarlistSingle #pe2021130 .step2 em{
	background:unset;
}
#seminarlistSingle #pe2021130 .step2 a i{
	margin:0 10px 0 0;
}
#seminarlistSingle #pe2021130 .step2 a:hover{
	background:white;
	color:#0eabda;
}
#seminarlistSingle #pe2021130 .step2 h3 em{
    padding: 20px;
    background: #ec7a17;
    line-height: 0%;
    display: inline-block;
    margin: 0 0 10px 0;
    color: white;
}
#pe2021130 .price p{
	text-align:center;
}
#pe2021130 .per_price_select select{
    padding: 20px 30px;
    border: 2px solid black;
    font-size: 18px;
	width:50%;
}
#pe2021130 .per_souki h2{
	font-size:20px;
	color:red;
}
#pe2021130 .per_souki p em{
	background:unset;
	color:red;
}
#pe2021130 .per_souki p{
	text-align:center;
}
#pe2021130 .per_price_stepA1,#pe2021130 .per_price_stepA2_1,#pe2021130 .per_price_stepA2_2,
#pe2021130 .per_price_stepB1,#pe2021130 .per_price_stepB2_1,#pe2021130 .per_price_stepB2_2{
	display:none;
}
#pe2021130 .per_price_stepA1.open,#pe2021130 .per_price_stepA2_1.open,#pe2021130 .per_price_stepA2_2.open,
#pe2021130 .per_price_stepB1.open,#pe2021130 .per_price_stepB2_1.open,#pe2021130 .per_price_stepB2_2.open{
	display:block;
}
#mcariList{
	position:relative;
}
#mcariList .myPageIcon{
	position:fixed;
	bottom:30px;
	right:30px;
	width:50px;
	height:50px;
	line-height:50px;
	color:white;
	background: rgb(3 169 244 / 81%);
    text-align: center;
    border-radius: 50%;
}
#mcariList .intro .leftBox{
	width:50%;
}
#mcariList .infinityBottun{
    padding: 30px;
    background: #f9f3ed;
    font-size: 20px;
    color: black;
	transition:.3s;
	border:3px solid white;
	cursor:pointer;
}
#mcariList .mcariWrapp .infinityBox .infinityBottun:hover i{
	transform: rotate(45deg);
}
#mcariList .mcariWrapp .infinityBox{
    width: 100%;
    margin: 30px 0;
	height:100px;
	box-shadow: unset;
}
#mcariList .mcariWrapp .infinityBox .inf_error{
    text-align: center;
    font-size: 20px;
}
#mcariList .mcariWrapp .infinityBox:hover {
	box-shadow:unset;
}
#mcariList .mcariWrapp .infinityBox .infinityBottun{
	 position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,0);
    padding: 10px 20px;
    border-radius: 50px;
    font-size: 18px;
    background: white;
    border: 2px solid black;
	white-space: nowrap;
}
#mcariList .mcariWrapp .infinityBox .infinityBottun i{
	margin:0 10px 0 0;
	transform: rotate(0deg);
	transition:.3s;
}
#mcariList .mcariWrapp .infinityBox img{
position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:50px;
	height:auto;
}
.modaal-content-container .wish_modal_body .dataBody{
    text-align: left;
    margin: 0 0 30px 0;
}
.modaal-content-container .wish_modal_body p em{
    padding: 1px 10px;
    border-radius: 10px;
    background: #2392e3;
    margin: 0 10px 0 0;
    color: white;
}
#pe2021130 .qa ul li{
    padding: 30px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    margin: 0 0 60px 0;
}
#pe2021130 .qa ul li h3{
    font-size: 25px;
    padding: 0 0 30px 50px;
    position: relative;
	line-height:200%;
}
#pe2021130 .qa ul li h4{
	font-size:25px;
	padding:0 0 10px 50px;
	position:relative;
	line-height:200%;
}
#pe2021130 .qa ul li h3 span{
	color:red;
}
#pe2021130 .qa ul li h4 span{
	color:#1e83bf;
}
#pe2021130 .qa ul li em{
	background: linear-gradient(transparent 75%, #fff799 75%);
    padding: 5px;
}
#pe2021130 .qa ul li span{
	position:absolute;
	left:0;
	font-weight:bold;
}
@media screen and ( max-width:500px ){
	#pe2021130 .qa ul li{
		padding:20px;
	}
	#pe2021130 .qa ul li h3,#pe2021130 .qa ul li h4{
		font-size: 18px;
    padding: 0 0 20px 30px;
	}
	#seminarlistSingle #pe2021130 .program ul li{
		width:100%;
	}
	#seminarlistSingle #pe2021130 .lessonDitail ul{
		width:100%;
	}
	#seminarlistSingle #pe2021130 .lessonDitail ul h2{
		padding:10px;
		font-size:18px;
	}
	#seminarlistSingle #pe2021130 .lessonDitail ul .inner{
		padding:10px;
	}
	.postid-3278 #pe2021130 h2.type2{
		width:100%;
		text-align:center;
		font-size:18px;
		padding:20px 10px;
	}
	#seminarlistSingle #pe2021130 .lessonDitail ul li.lessonBody{
		margin:0 0 30px 0;
	}
	#pe2021130 .support h2{
		width:90%;
		font-size:18px;
	}
	#pe2021130 .supportInner{
    width: 90%;
    margin: 30px auto 60px auto;
	display:block;
   }
	#pe2021130 .supportInner img{
		width:100%;
	}
	#pe2021130 .supportInner .hosoku{
		margin:0;
	}
	#seminarlistSingle #pe2021130 .support ul{
		display:block;
		margin:30px auto 0 auto;
	}
	#seminarlistSingle #pe2021130 .support ul li{
		width:100%;
		margin:0 0 60px 0;
	}
	#seminarlistSingle #pe2021130 .support ul li h3{
		font-size:18px;
	}
	#pe2021130 .per_seminar_sche h2{
		width:95%;
		font-size:18px;
	}
	#pe2021130 .per_sche_img{
		width:95%;
	}
	#pe2021130 .per_sche_inner{
		width: 95%;
    padding: 10px;
	}
	#pe2021130 .per_sche_inner h3{
    padding: 5px 10px;
    font-size: 15px;
    margin: 0 0 10px 0;
}
	#pe2021130 .per_sche_inner li{
    font-size: 13px;
    margin: 0 0 30px 0;
	}
	#pe2021130 .per_price_select select{
    width: 95%;
    font-size: 13px;
    padding: 10px;
}
	#seminarlistSingle #pe2021130 .step2 a,#seminarlistSingle #pe2021130 .step2 a.adjust{
		width:95%;
		font-size:13px;
		text-align:center;
	}
	#seminarlistSingle #pe2021130 .per_price_select .step2 p{
		font-size:10px;
	}
	#mcariMypage .soldInfoTableBody{
		width:95%;
	}
	#mcariMypage .soldInfoTableBody table th{
		padding:5px;
		font-size:10px;
		vertical-align:middle;
	}
	#mcariMypage .soldInfoTableBody table td{
		padding:5px;
		font-size:10px;
	}
	#mcariMypage .soldInfoTableBody table td a{
		font-size:10px;
	}
	#mcariList .mcariWrapp li.nothing img{
		width:40%;
	}
	#mcariList .intro .leftBox{
		width:100%;
	}
	#mcariList .mcariWrapp .termList ul li i,#mcariList .mcariWrapp .termList ul li em{
		font-size:10px;
	}
	#mcariList .mcariWrapp .termList ul li i{
		margin:0 5px 0 0;
	}
	#mcariList .mcariWrapp .termList ul li{
		margin:0 2px 5px 2px;
		padding:0 10px;
	}
	#mcariList .mcariWrapp li .userName em{
		font-size:10px;
	}
	#mcariList .mcariWrapp li strong.fav_count{
		bottom:40px;
		padding:2px 10px;
		font-size:13px;
	}
	#mcariMypage ul li strong.fav_count{
		bottom:10px;
		padding:2px 10px;
		font-size:13px;
	}
	#mcariList .mcariWrapp li img{
		height:200px;
		border-radius:unset;
	}
	#mcariList .mcariWrapp li{
		border-radius:unset;
	}
	#mcariMypage ul li span{
		padding:2px 10px;
	}
	#mcariSideNavi{
    top: unset;
    bottom: 0;
		width:100%;
}
	#mcariSideNavi ul{
		display:flex;
		justify-content:space-between;
	}
	#mcariList .mcariWrapp li span{
		font-size:10px;
	}
	#mcariSideNavi li{
		right: unset;
    width: 50%;
    padding: 10px;
    margin: 0;
    border: unset;
    border-radius: unset;
	background:rgb(45 188 230 / 90%);
	}
	#mcariSideNavi li i{
		color:white;
	}
	#mcariSideNavi li p{
		font-size:10px;
		color:white;
	}
	#mcariList .mcariWrapp .infinityBox .infinityBottun{
    padding: 10px;
    font-size: 15px;
    width: 90%;
    left: 50%;
    transform: translate(-50%,0);
    box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
    background: #6b6969;
    color: white;
   }
}
/* 個性診断申し込み end   -----------*/
/*　出版記念オンライン　LP  start  ----------------*/
#shuppankinen p{
	font-size:20px;
	text-align:justify;
}
#shuppankinen p strong{
	font-size:30px;
	margin:0 10px;
}
#shuppankinen p span{
	background:linear-gradient(transparent 60%, #ff6 60%);
}
#shuppankinen h2{
    padding: 0 0 10px 0;
    font-size: 35px;
    border-bottom: 10px solid #2a629c;
    font-weight: bold;
    margin: 0 0 50px 0;
}
#shuppankinen .intro .textBox img{
    float: left;
    width: 50%;
    margin: 10px 30px 0 0;
}
#shuppankinen .garaly{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	margin:30px 0 0 0;
}
#shuppankinen .garaly.garaly4 img{
	width:48%;
	margin:0 0 30px 0;
}
#shuppankinen .garaly.garaly3 img{
	width:32%;
}
#shuppankinen ul{
	padding:30px 30px 20px 30px;
	font-size:20px;
	margin:30px 0;
	background:#f3f2f2;
}
#shuppankinen li i{
	margin:0 20px 0 0;
}
#shuppankinen li{
	margin:0 0 10px 0;
}
#shuppankinen h2 em{
	background:linear-gradient(transparent 60%, #ff6 60%);
	font-size:35px;
}
#shuppankinen img.proimg{
    float: left;
    width: 40%;
    box-shadow: 10px 10px 10px 1px #bbbbbb;
    margin: 10px 30px 0 0;
    border-radius: 5px;
    border: 3px solid #29649c;
}
#shuppankinen .profile h3{
    font-size: 30px;
    font-weight: bold;
    margin: 0 0 20px 0;
}
#shuppankinen .profile h3 em{
	font-size:20px;
}
#shuppankinen h2.headLine{
    background: #2a639c;
    padding: 30px;
    border: unset;
    color: white;
	box-shadow:10px 10px 10px 1px #c5c5c5;
}
#shuppankinen h2.headLine span{
	color:#ff6;
}
#shuppankinen section{
	margin:30px 0 60px 0;
}
#shuppankinen .outline table{
    padding: 20px;
    background: #f3f2f2;
	width:100%;
}
#shuppankinen .outline table th{
    width: 15%;
    text-align: center;
    background: white;
    vertical-align: middle;
    padding: 10px;
	font-size:20px;
}
#shuppankinen .outline table td{
	width:85%;
	text-align: left;
    background: white;
    vertical-align: middle;
    padding: 10px;
	font-size:20px;
}
#shuppankinen table p{
	text-align:left;
	margin:0;
}
#shuppankinen table p em{
    color: red;
    font-weight: bold;
    font-size: 25px;
}
#shuppankinen table p strong{
	font-size:20px;
	font-weight:unset;
}
@media screen and ( max-width:500px ){
	#shuppankinen h2{
		font-size:17px;
	}
	#shuppankinen p{
		font-size:13px;
	}
	#shuppankinen .intro .textBox img{
    width: 100%;
    margin: 0 0 10px 0;
}
	#shuppankinen .garaly.garaly4 img,#shuppankinen .garaly.garaly3 img{
		width:100%;
	}
	#shuppankinen h2.headLine{
		padding:10px;
	}
	#shuppankinen p strong{
		font-size:13px;
	}
	#shuppankinen ul{
		padding:20px 20px 20px 40px;
		font-size:13px;
	}
	#shuppankinen li i{
		position:absolute;
		top: 4px;
    left: -25px;
	}
	#shuppankinen li{
		position:relative;
	}
	#shuppankinen img.proimg{
    width: 100%;
    margin: 0 0 20px 0;
	float:unset;
   }
	#shuppankinen .proBox{
		text-align:justify;
	}
	#shuppankinen .proBox h4,#shuppankinen .proBox h5{
		margin:0 0 20px 0;
		font-weight:bold;
	}
	#shuppankinen .outline table{
		padding:0px;
		background:unset;
	}
	#shuppankinen .outline table th,#shuppankinen .outline table td{
		font-size:10px;
		display: block;
    width: 100%;
    text-align: center;
	}
	#shuppankinen .outline table th{
		background:#2662c0;
		color:white;
	}
	#shuppankinen .outline table td{
		margin:0 0 10px 0;
	}
	#shuppankinen table tr{
	border: 1px solid #d9d6d6;
    display: block;
    margin: 0 0 10px 0;
	}
	#shuppankinen .profile h3{
		font-size:20px;
	}
	#shuppankinen table p em{
		font-size:10px;
	}
	#shuppankinen table p strong{
		font-size:10px;
	}
	#shuppankinen .outline table p em{
		font-size:10px;
	}
	#seminarlistSingle #shuppankinen table p{
		font-size:10px
	}
	#shuppankinen h2 em{
		font-size:15px;
	}
	#shuppankinen .outline table th em{
		color:white;
	}
	#shuppankinen .outline table p em{
		font-size:15px;
	}
	#shuppankinen .outline table p{
		text-align:center;
	}
	#shuppankinen section.outline{
		margin:30px 0;
	}
	#shuppankinen section{
		padding:0 10px;
	}
}
/*　出版記念オンライン　LP  end   ----------------*/
#myContentForm .attentionFreme .freeBody p{
	text-align:center;
}
/*　taxnomy start ----------------*/

#my_mtc_content .lessonListHeader img{
    width:100%;
}
#menber .menberSubwrapper #my_mtc_content header.lessonListHeader{
    margin:0 0 80px 0;
}

#my_mtc_content .myProg{
    text-align: center;
}
#my_mtc_content .myProg h1{
    font-size: 20px;
    margin: 0 0 60px 0;
}
#my_mtc_content .myProg h1 em{
    display: block;
    color:#5d5959;
}
#my_mtc_content .myProg ul{
    margin: 60px 5%;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
#my_mtc_content .myProg,.myProg_supplement{
    text-align: center;
    margin:60px 0 0 0;
    padding:0 0 60px 0;
}
#my_mtc_content .myProg ul li{
    margin:0 0 60px 0;
    width:30%;
    position:relative;
    min-height:360px;
	padding:0 0 60px 0;
    background: white;
    box-shadow: 10px 10px 16px #6b6b6b;
}
#my_mtc_content .myProg ul li img{
    width:100%;
    object-fit: cover;
    margin:0 10px 0 0;
	height:230px;
    vertical-align: bottom;
}
#my_mtc_content .myProg ul li .myProgArticalBodyRight{
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}
#my_mtc_content .myProg ul li span{
    font-size: 15px;
    padding: 5px 20px;
    background: #00b4ee;
    border-radius: 10px;
    color: white;
    position: absolute;
    top:10px;
    left:10px;
    box-shadow: 1px 1px 4px 1px #4e4c4c;
    font-weight: bold;

}
#my_mtc_content .myProg ul li .myProgArticalBodyRight h2{
    font-size: 15px;
    margin: 10px 0;
    padding:0 10px;
}
#my_mtc_content .myProg ul li .myProgArticalBodyRight h3{
    font-size:15px;
    display:inline-block;
    padding:5px 10px;
    border-radius: 5px;
    background:#ff8a12;
    margin:0 0 10px 0;
    color:white;
}
#my_mtc_content .myProg ul li .myProgArticalBodyRight .myProgDitail{
    padding: 5px;
    background: #f9f9f9;
    font-size:15px;
    margin:0 0 10px 0;
}
#my_mtc_content .myProg ul li .myProgLimit{
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
    background: #adadad;
    font-size: 15px;
    color: white;
}
#my_mtc_content .myProg ul li a{
    position: absolute;
    bottom:0;
    right:0;
    font-size: 15px;
    padding: 5px 10px;
    border-radius: 5px;
    background: #1a3dbf;
    color: white;
    border: 3px solid #1a3dbf;
    transition:.3s;
    width:80%;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%,0);
}
#my_mtc_content .myProg ul li a:hover{
    background:white;
    color:#1a3dbf;
}
#my_mtc_content .myProg ul li a i,#my_mtc_content .myProg ul li p i{
    margin:0 15px 0 0;
}
#my_mtc_content #myProg_supplement .noContentNo img{
    width:130px;
    position: absolute;
    top:50%;
    left:50%;
	height:auto;
    transform:translate(-50%,-50%);
}
#my_mtc_content #myProg_supplement iframe{
    width:100%;
    height:180px;
}
#my_mtc_content #myProg_supplement li em{
    padding: 5px 10px;
    border-radius: 5px;
    background: #00b4ee;
    color: white;
    display: inline-block;
    margin: 10px 0 0 0;
}
#my_mtc_content #myProg_supplement li h2{
    margin: 10px 0;
    font-size: 15px;
}
#my_mtc_content #myProg_supplement li{
    min-height:300px;
    box-shadow:1px 1px 4px 1px #e0e0e0
}
#my_mtc_content{
    background-color: #edf6ff;
}
#my_mtc_content .myProg ul li .learnTime{
    font-size:13px;
}
#my_mtc_content .myProg ul li.noContentNo{
    box-shadow: unset;
}
#my_mtc_content .myProg ul li.noContentNo img{
    margin:0;
    width: 60%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}


/*　taxnomy end   ----------------*/
/* 動画視聴ページ start ------------*/

#progBody{
    padding:60px 46px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#progBody #progBodyLeft{
    width: 70%;
    padding:0 15px 0 0;
}
#progBody #progBodyRight{
    width:30%;
    padding:15px;
    background:#f9f9f9;
}
#progBody .progBodyVideo{
    width: 100%;
    aspect-ratio: 16 / 9;
    position: relative;
    box-shadow: 4px 4px 7px #b9b9b9;
}
#progBody .progBodyVideo::after{
    content:"";
    display: block;
    width:100%;
    height:15%;
    background-color:rgb(0 0 0 / 0%);
    top:0;
    left:0;
    position: absolute;
}
#progBody .progBodyVideo iframe{
    width: 100%;
    height: 100%;
    vertical-align: bottom;
}
#progBody .progAbout h2 em,#progBody .lessonDownloadHeadeer em{
    padding: 3px 15px;
    border-radius: 50px;
    background: #00bbd4;
    color: white;
    font-size: 15px;
}
#progBody .progAbout{
    margin:0 0 30px 0;
}
#progBody .progAbout h2{
    margin:0 0 10px 0;
}
#progBody .progAbout .aboutBody{
    padding: 5px;
    background: #f4f0f0;
    font-size: 13px;
}
#progBody .progTemp{
    margin: 10px 0 30px 0;
    padding: 10px;
    background: #f4f0f0;
}
#progBody .progTemp li{
    font-size: 13px;
    padding: 5px 10px;
    border: 1px solid #2d2b2b;
    background: #f2b057;
    color: #2d2b2b;
    border-radius: 3px;
    transition: .3s;
margin:0 0 20px 0;
}
#progBody .progTemp a{
    width: 100%;
    height: 100%;
    display: inline-block;
}
#progBody .progTemp li:hover{
    background:white;
}
#progBody #progBodyLeft h1{
    font-size: 18px;
    margin: 20px 0;
    font-weight: bold;
}
#progBody .nextPreve a,#progBody .nextPreve .noMovieBox,#progBody .nextPreve a{
    width:45%;
    position:relative;
}
#progBody .nextPreve .noMovieBox{
    text-align: center;
    background-color: #ededed;
    padding: 30px;
}
#progBody .nextPreve .noMovieBox em{
	display:block;
}
#progBody .nextPreve .noMovieBox .noMovie{
	font-size:13px;
}
#progBody .nextPreve a,#progBody .nextPreve a{
    padding: 10px;
    text-align: justify;
    background: rgb(0 187 212 / 18%);
    font-size: 13px;
    border:1px solid #00bbd4;
    transition: .3s;
    border-radius: 5px;
}
#progBody .nextPreve a:hover{
    background:white;
}
#progBody .nextPreve a em{
    display: block;
    margin: 0 0 5px 0;
    font-weight: bold;
}
#progBody .nextPreve .previweBox h3{
    text-align: right;
}
#progBody .nextPreve{
    display: flex;
    justify-content: space-between;
}
#progBody .page_nation{
    text-align: right;
    font-size: 13px;
    margin: 10px 0 0 0;
}
#progBody .nextPreve span{
    align-items: center;
    display: inline-flex;
    font-size: 20px;
    vertical-align: top;
}
#progBody .sendThink{
    margin: 30px 0 0 0;
    text-align: center;
    padding:30px 30px 10px 30px;
    background: #f9f9f9;
    position: relative;
}
#progBody .sendThink h2{
    text-align: left;
    margin: 0 0 10px 0;
}
#progBody .sendThink h2 span{
    vertical-align: top;
    margin:0 5px 0 0;
}
#progBody .sendThink textarea{
    width: 100%;
    padding: 10px;
    margin: 0 0 20px 0;;
}
#progBody .container{
    width: 130px;
    height: 40px;
    text-align: center;
    margin:0 auto;
}
#progBody button.send{
    outline: none;
    height: 40px;
    text-align: center;
    width: 130px;
    border-radius: 40px;
    background: #fff;
    border: 2px solid red;
    color: white;
    letter-spacing: 1px;
    text-shadow: 0;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.25s ease;
    background:red;
}
#progBody button.send:hover{
    color: red;
    background:white;
}
#progBody button.send:active {
    letter-spacing: 2px;
}
#progBody button.send:after {
    content: "送信";
}
#progBody button.onclic {
    width: 40px;
    border-color: #bbbbbb;
    border-width: 3px;
    font-size: 0;
    border-left-color: red;
    animation: rotating 2s 0.25s linear infinite;
    background:white;
}
.onclic:after {
    content: "";
}
#progBody button.onclic:hover {
    color: #1ECD97;
    background: white;
}
#progBody button.validate {
    font-size: 13px;
    color: white;
    background: red;
}
#progBody button.validate:after {
    font-family: 'FontAwesome';
    content: "\f00c";
    font-size: 20px;
    position: relative;
    top: 1px;
}
@keyframes rotating {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
#progBody .sendThink .result{
    margin: 10px 0 0 0;
    height: 30px;
    font-size: 13px;
    color: red;
}
#progBody .otherThroth ul li{
    margin:30px 0;
}
#progBody .otherThroth ul li h3{
    font-size:13px;
    margin:0 0 5px 0;
}
#progBody .otherThroghBox{
    position: relative;
    padding:10px;
    background:white;
    border:2px solid black;
    border-radius: 5px;
    text-align: justify;
    font-size: 13px;
}
#progBody .otherThroghBox em{
    position: absolute;
    top: -30px;
    right: 0;
    color: #ea6464;
    font-weight: bold;
}
#progBody .otherThroghBox span{
    color:red;
}
#progBody .otherThroghBox em i{
    font-size: 20px;
    margin: 0 5px 0;
}
#progBody .otherThroghBox em i.no{
    color: #7e7e7e;
    cursor: pointer;
}
.otherThroghBox em i.big{
    animation: progBodbounce 0.5s;
    font-weight: unset;
}
@keyframes progBodbounce {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.2);
    }
    100% {
      transform: scale(1);
    }
  }
#progBody .sendThink .limit{
    position:absolute;
    right:30px;
    top:30px;
}
#progBody .addThroth a{
    text-align: center;
    border-radius: 10px;
    background: #f04343;
    /* color: white; */
    padding: 15px;
    border: 1px solid #f04343;
    transition: .3s;
    width: 100%;
    display: inline-block;
}
#progBody .addThroth a:hover{
    background:white;
    color:#f04343;
}
#progBody .addThroth a{
    color:white;
}
.addThrothModalBody ul{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.addThrothModalBody ul li{
    width: 45%;
    margin: 0 0 30px 0;
}
.addThrothModalBody ul li .otherThroghBox{
    padding: 15px;
    border: 2px solid black;
    border-radius: 10px;
    font-size: 13px;
    position: relative;
}
.addThrothModalBody ul li h3{
    font-size: 13px;
    margin: 0 0 5px 5px;
}
.addThrothModalBody ul li .otherThroghBox em{
    position: absolute;
    top: -25px;
    right: 5px;
    color:#e35656;
}
.addThrothModalBody ul li .otherThroghBox em i{
    margin:0 5px 0 0;
    font-size:20px;
    color:#e35656;
    cursor: pointer;
	font-weight:900;
	cursor:unset;
}
.addThrothModalBody ul li .otherThroghBox em i.no{
	font-weight:400;
}
#progBody .otherItemBox a{
    font-size: 10px;
    padding: 5px 20px;
    border-radius: 50px;
    background: black;
    color: white;
}
#progBody .otherItemBox{
    margin:0 0 10px 0;
}
.addThrothModalBody ul li .otherThroghBox em i.no{
    color: #777777;
	cursor:pointer;
}
@media screen and ( max-width:500px ){
    #progBody{
        padding:60px 20px 30px 20px;
    }
    #progBody #progBodyLeft{
        width: 100%;
        padding: 0;
    }
    #progBody #progBodyLeft h1{
        font-size: 13px;
        margin: 10px 0;
    }
    #progBody .nextPreve a, #progBody .nextPreve a{
        font-size:10px;
    }
    #progBody .nextPreve a, #progBody .nextPreve .noMovieBox, #progBody .nextPreve a{
        width:49%;
    }
    #progBody .sendThink{
        padding:10px;
    }
    #progBody .sendThink h2{
        margin: 0 0 20px 0;
        font-size: 13px;
    }
    #progBody .sendThink h2 span{
        font-size:20px;
    }
    #progBody .sendThink .limit{
        font-size: 10px;
        top: 35px;
        right: 15px;
    }
    #progBody .sendThink .result{
        font-size:10px;
        height:20px;
    }
    .apnedixmodaalBox ul{
        display:flex;
        justify-content: space-between;
        margin:10px 0 0 0;
        flex-wrap: wrap;
    }
    .apnedixmodaalBox ul li{
        padding: 3px 10px;
        border-radius: 5px;
        background: #ffb44f;
        /* color: white; */
        margin: 0 0 10px 0;
        font-size:13px;
    }
    .apnedixmodaalBox ul li i{
        margin:0 5px 0 0;
    }
    #progBody #progBodyRight{
        margin:30px 0 0 0;
        width: 100%;
    }
    .addThrothModalBody ul li{
        width:100%;
    }
}
/* new menber TOP start ---------------*/

.menberWrapp{
    padding:180px 60px 180px 80px;
    background: #ecffff;
}
#menberTop .aboutMenberSite .flex .leftBox .cvBox{
    text-align: right;
    margin: 20px 0 0 0;
    font-size: 15px;
}
#menberTop .profileBox .rightBox table td img{
    height:20px;
}
#menberTop h2{
    text-align: center;
    font-size:25px;
}
#menberTop h2 em{
    display: block;
    font-size: 15px;
}
#menberTop h3{
    font-size:15px;
    margin:0 0 10px 0;
    text-align: center;
    font-size: 20px;
}
#menberTop .myContent h3{
	font-size:25px;
}
#menberTop .myContent .intro{
	font-size:15px;
}
#menberTop .myContent ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	margin:30px 0 240px 0;
}
#menberTop .myContent ul li h3 em{
font-size: 13px;
    display: inline;
    border-radius: 10px;
    padding: 5px 15px;
    background: #f4f4f4;
    letter-spacing: 2px;
}
#menberTop .myContent ul li{
	width:23%;
	border-radius:20px;
	background:white;
	padding:10px 10px 40px 10px;
	margin:0 0 20px 0;
	position:relative;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
#menberTop .myContent ul li img{
	width:100%;
	aspect-ratio: 2 / 1;
   object-fit: contain;
	vertical-align:bottom;
	margin:0 0 5px 0;
}
#menberTop .myContent li h3{
    font-size: 15px;
    font-weight: bold;
	margin:10px 0;
}
#menberTop .myContent li a.contentLink{
	font-size:13px;
	position:absolute;
	bottom:15px;
	right:20px;
}
.m_mtcContentBody .flex{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.m_mtcContentBody .flex .leftBox{
    text-align: justify;
    width: 50%;
    padding: 0 30px 0 0;
	position:relative;
}
.m_mtcContentBody .flex .leftBox a{
	position:absolute;
	bottom:5px;
	right:20px;
    padding: 5px 20px;
    border-radius: 20px;
    background: #c60000;
    color: white;
    border: 1px solid #c60000;
    transition: .3s;
}
.m_mtcContentBody .flex .leftBox a:hover{
	background:white;
	color:#c60000;
}
.m_mtcContentBody .flex .leftBox h3{
    font-size: 20px;
    margin: 0 0 20px 0;
}
.m_mtcContentBody .flex .rightBox{
    width: 50%;
    aspect-ratio: 16/9;
}
.m_mtcContentBody .flex .rightBox iframe{
	width:100%;
	height:100%;
}
#menberTop .myContent li a i{
	margin:0 5px 0 0;
}
#menberTop .myContent ul li p{
	font-size:13px;
	text-align:left;
}
#menberTop h3 em{
	display:block;
	font-size:13px;
}
#menberTop .seminar{
	position:relative;
    width: 900px;
    margin: 0 auto 160px auto;
}
#menberTop .seminar .seminarMainImg{
	position:absolute;
	top:-150px;
	right:50px;
	width:300px;
}
#menberTop .seminar ul.flex{
	display:flex;
	margin:30px 0;
	justify-content:space-between;
	flex-wrap:wrap;
	min-width:900px;
}
#menberTop .seminar ul.flex li.noSemniar{
	background: white;
	box-shadow:unset;
    min-height: 300px;
}
#menberTop .seminar ul.flex li.noSemniar img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100px;
    height: auto;
}
#menberTop .seminar ul.flex li{
	width:30%;
	margin:0 0 30px 0;
	position:relative;
	padding:0 0 60px 0;
	border-radius:5px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
	background:white;
}
#menberTop .seminar ul.flex li img{
	width:100%;
	height:auto;
	object-fit:cover;
	border-radius:5px 5px 0 0;
}
#menberTop .seminar ul.flex li .inner{
	padding:0 10px;
}
#menberTop .seminar ul.flex li h4{
	font-size:15px;
	margin:0 0 10px 0;
}
#menberTop .seminar ul.flex li em{
	padding:3px 10px;
	border-radius:50px;
	font-size: 10px;
   letter-spacing: 2px;
}
#menberTop .seminar ul.flex li em i{
	margin:0 5px 0 0;
}
#menberTop .seminar ul.flex li .cvBox{
	text-align:center;
	position:absolute;
	bottom:20px;
	left:50%;
	transform:translate(-50%,0);
}
#menberTop .seminar ul.flex li .cvBox a{
	padding:3px 20px;
	border-radius:50px;
	background:#de2626;
	color:white;
	font-size:13px;
	border:1px solid #de2626;
	transition:.3s;
}
#menberTop .seminar ul.flex li .cvBox a:hover{
	background:white;
	color:#de2626;
}
#menberTop .cardImg{
    padding: 30px;
    background: #ffffffbf;
    border: 1px solid #e7e7e7;
	position:relative;
	margin:30px 0 120px 0;
	height:350px;
}
#menberTop .cardImg .noCard{
    width: 50%;
    margin: 0 auto;
    padding: 100px 0;
    border: 3px dotted #a8a5a5;
    border-radius: 10px;
    background: whitesmoke;
	font-size:15px;
}
#menberTop .cardImg .noCard h3{
	color:#a49587;
}
#menberTop .cardImg .backImg{
	position:absolute;
	top:-50px;
	left:0px;
	width:150px;
}
#menberTop .cardImg img.getMyCardImg{
    height: 100%;
    box-shadow: 10px 10px 10px #c5c5c5;
}
#menberTop .cardPrint{
    margin: 30px 0 180px 0;
    background: rgb(255 255 255 / 75%);
}
#menberTop .cardPrint .flex{
    display: flex;
    justify-content: space-between;
    padding: 20px;
}
#menberTop .cardPrint .flex .leftBox{
	width:50%;
}
#menberTop .cardPrint .flex .leftBox iframe{
	width:100%;
}
#menberTop .cardPrint .flex .rightBox{
    width: 50%;
    font-size: 15px;
    text-align: justify;
	margin:0 0 0 20px;
}
#menberTop .profileBox{
    display: flex;
    justify-content:left;
    flex-wrap: wrap;
    margin: 30px 0;
    width: 900px;
    margin: 30px auto 60px auto;
    background: white;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    align-items: center;
	position:relative;
}
#menberTop .aboutMenberSite .flex{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 180px 0 120px 0;
	padding:20px;
	background:rgb(255 255 255 / 70%);
	position:relative;
	border: 2px solid #cbcbcb;
    border-radius: 10px;
}
.youtubeBody{
	  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtubeBody iframe{
	  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
#menberTop .aboutMenberSite .flex .leftBox{
    width: 50%;
    text-align: justify;
	padding:0 20px 0 0;
}
#menberTop .aboutMenberSite .flex .leftBox .inner{
	font-size:15px;
}
#menberTop .aboutMenberSite{
	position:relative;
}
#menberTop .aboutMenberSite .flex .leftBox .inner p em{
	background:linear-gradient(transparent 60%, #ff6 60%);
}
#menberTop .aboutMenberSite .flex .rightBox{
	width:50%;
}
#menberTop .profileBox .editorBox{
    height: 100%;
    background: #00bbd4;
    position: absolute;
    right: 0;
    padding: 10px 20px;
    width: 230px;
    text-align: center;
}
#menberTop .profileBox .editorBox a{
    padding: 5px 0px;
    border-radius: 50px;
    background: white;
    border: 2px solid;
    display: inline-block;
    margin: 0 0 5px 0;
    width: 100%;
	transition:.3s;
	font-size:13px;
}
#menberTop .profileBox .editorBox a:hover{
	background:#00bbd4;
	color:white;
}
#menberTop{
	position:relative;
}
#menberTop img.mainImg1{
	width:200px;
	position:absolute;
	top:50px;
	right:50px;
}
#menberTop img.mainImg2{
	width:150px;
	position:absolute;
	top:-160px;
	left:0px;
	z-index:0;
}
.menberTopChangeMail .modaal-container{
	width:500px;
}
.changeProfileModalBox{
	text-align:center;
}
.changeProfileModalBox .inputBox{
    padding: 20px;
    background: #fff4e8;
}
.changeProfileModalBox #p_c_email{
    border: 1px solid #929292;
    padding: 10px;
    width: 100%;
    border-radius: 10px;
}
#menberTop .profileBox .leftBox{
    width:172px
}
.menberTopModaal h4{
	font-size:18px;
	margin:0 0 10px 0;
}
.m_menberBody.menberTopModaal table{
    width: 50%;
    margin: 30px auto;
    border: 1px solid #ece7e7;
}
.m_menberBody.menberTopModaal table th{
    padding: 10px;
    background: #f6f6f6;
    text-align: center;
}
.m_menberBody.menberTopModaal table td{
    padding:10px;
    border-bottom: 1px solid #ece7e7;
    text-align: center;
}
.m_menberBody.menberTopModaal table tr:nth-last-child(1) td{
    border-bottom: unset;
}
.menberTopModaal .inner{
	font-size:13px;
	margin:0 0 20px 0;
}
#menberTop .profileBox .leftBox{
	padding:10px;
}
#menberTop .profileBox .leftBox,#menberTop .profileBox .rightBox{
	background:white;
}
#menberTop .profileBox .leftBox img{
    width:100%;
	vertical-align:bottom;
	    border-radius: 50%;
    border: 2px solid black;
}
#menberTop .profileBox .rightBox{
    width:690px;
	padding:0 192px 0 0;
}
#menberTop .profileBox .rightBox table{
    width:100%;
}
#menberTop .profileBox .rightBox table th{
    padding:18px 20px;
    background:#fafafa;
    font-size:15px;
	text-align:left;
	width:185px;
    border-bottom: 1px solid #ececec;
}
#menberTop .profileBox .rightBox table tr:nth-last-child(1) th{
    border-bottom:unset;
}
#menberTop .profileBox .rightBox table tr:nth-last-child(1) td{
    border-bottom:unset;
}
#menberTop .profileBox .rightBox table th i{
	color:#02bad4;
}
#menberTop .profileBox .rightBox table th em{
    font-size:12px;
}
#menberTop .profileBox .rightBox table th em i{
	color: #9d9797;
    font-size: 15px;
    margin: 0 0 0 5px;
}
#menberTop .profileBox .rightBox table td{
    font-size:15px;
    padding:10px;
    text-align: left;
    border-bottom: 1px solid #ececec;
}
#menberTop .profileBox .rightBox table td p{
    font-size:13px;
    display: inline-block;
}
.myImgBody.menberTopModaal input[type="submit"]{
	background:#CDCDD3;
	border:2px solid #CDCDD3;
}
.myImgBody.menberTopModaal input[type="submit"]:hover{
	background:#CDCDD3;
	color:white;
}
.myImgBody.menberTopModaal input[type="submit"].on{
	background:red;
	border: 2px solid red;
}
.myImgBody.menberTopModaal input[type="submit"].on.onclic{
	border-left-color: #bbbbbb;
    border-width: 3px;
	background: #f1f1f1;
}
.myImgBody.menberTopModaal input[type="submit"].on:hover{
	background:white;
	color:red;
}
.menberTopModaal input[type="submit"]{
    outline: none;
    height: 40px;
    text-align: center;
    width: 130px;
    border-radius: 40px;
    background: #fff;
    border: 2px solid red;
    color: white;
    letter-spacing: 1px;
    text-shadow: 0;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.25s ease;
    background:red;
	margin:30px 0 0 0;
}
.menberTopModaal .result{
    font-size: 13px;
    margin: 10px 0 0 0;
    height: 20px;
    color: #a72020;
}
.menberTopModaal input[type="submit"]:hover{
    color: red;
    background:white;
}
.menberTopModaal input[type="submit"]:active {
    letter-spacing: 2px;
}
.menberTopModaal input[type="submit"]:after {
    content: "送信";
}
.menberTopModaal input[type="submit"].onclic {
    width: 40px;
    border-color: #bbbbbb;
    border-width: 3px;
    font-size: 0;
    border-left-color: red;
    animation: rotating 2s 0.25s linear infinite;
    background:white;
}
.menberTopModaal input[type="submit"].onclic:hover {
    color: #1ECD97;
    background: white;
}
.menberTopModaal input[type="submit"].validate {
    font-size: 13px;
    color: white;
    background: red;
	cursor:unset;
}
.menberTopModaal input[type="submit"].validate:after {
    font-family: 'FontAwesome';
    content: "\f00c";
    font-size: 20px;
    position: relative;
    top: 1px;
}
.myImgBody .flex{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
	align-items:flex-end;
	width: 100%;
    background: #f1f1f1;
    padding: 0 20px 20px 20px;
    margin: 20px 0 0 0;
}
.myImgBody .flex .rightBox{
    width: 400px;
	position:relative;
	text-align:center;
}
.myImgBody .flex .leftBox canvas{
	width:296px;
	height:296px;
	border-radius:50%;
	border:2px solid black;
}
.myImgModaal .modaal-container{
	min-width:900px;
}
.myImgBody .flex .leftBox{
    width: 300px;
	height:300px;
	margin: 0 0 42px 60px;
	position:relative;
}
.myImgBody.menberTopModaal .result{
	margin:0;
}
.myImgBody .flex .leftBox form{
    position: absolute;
    bottom: -61px;
    left: 50%;
    transform: translate(-50%,0);
	text-align:center;
}
.myImgBody.menberTopModaal input[type="submit"]{
	height:31px;
}
.myImgBody #trimingbutton{
    padding: 5px 20px;
    border-radius: 50px;
    background: #dadada;
    color: white;
    margin: 10px 0 0 0;
    border: 1px solid #dadada;
	transition.3s;
}
.myImgBody #trimingbutton.on{
	background:#cd4444;
}
.myImgBody #trimingbutton.on:hover{
	background:white;
	color:#cd4444;
}
.myImgBody .flex .rightBox .defoImgBox{
    margin: 20px 0  0;
    background: #efefef;
    height: 300px;
	overflow:hidden;
	border: 2px solid #535353;
    border-radius: 5px;
}
.myImgBody .flex .rightBox .defoImgBox canvas{
	width:100%;
}
.myImgBody .flex .rightBox .defoImgBox img{
	width:100%;
}
.myImgBody.menberTopModaal input[type="submit"].onclic{
	width:31px;
}
#menberTop .cardMember ul{
    display: flex;
    justify-content:space-between;
    margin:30px auto;
	flex-wrap:wrap;
}
#menberTop .cardMember ul li{
    width:23%;
    padding:20px 20px 40px 20px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    border: 2px solid white;
    border-radius: 5px;
    margin:0 0 30px 0;
    position: relative;
    background: white;
    overflow: hidden;
    height: auto;
}
#menberTop .cardMember ul li img.on{
border:unset;
    position: absolute;
    top: 10px;
    left: 10px;
    width: 40px;
}
#menberTop .cardMember ul li a{
    position: absolute;
    bottom: 10px;
    font-size: 15px;
    left: 50%;
    transform: translate(-50%,0px);
    padding: 1px 10px 6px 10px;
    border-radius: 50px;
    background: white;
    color: black;
    line-height: 100%;
}
#menberTop .cardMember{
    width:900px;
    margin:0 auto;
    position: relative;
}
#menberTop .myCard{
	margin:30px 0;
	font-size:15px;
}
#menberTop .myCard i{
	margin:0 5px 0 0;
	color:#a20f0f;
}
#menberTop .cardMember .idregister{
    font-size: 15px;
    padding: 5px 20px;
    border-radius: 10px;
    background: #595656;
    color: white;
    border: 1px solid #595656;
}
.menberidRegistBox{
    text-align: center;
}
.menberidRegistBox form{
    padding: 30px;
    margin: 30px auto;
    width: 500px;
    text-align: center;
    background: #fff7ec;
}
.menberidRegistBox h2{
    font-size: 20px;
    margin: 0 0 20px 0;
}
.menberidRegistBox input[type="text"]{
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #9f9a9a;
    width: 100%;
    display: inline-block;
    margin: 10px 0 0px 0;
}
#menberTop .cardMember .idregister i{
    margin:0 5px 0 0;
}
#menberTop .cardMember .idregister:hover{
    background:white;
    color:#595656;
}
#menberTop .cardMember .cardMainImg{
    position: absolute;
    top: -150px;
    right: 100px;
    width: 150px;
}
#menberTop .cardMember ul li .curcle{
    width: 200%;
    height: 200%;
    border-radius: 50%;
    position: absolute;
    left: 0;
}
#menberTop .cardMember ul li img{
    width:100%;
    border-radius: 50%;
    border: 2px solid white;
    position: relative;
}
#menberTop .cardMember ul li i{
    margin:0 5px 0 0;
}
#menberTop .cardMember ul li .inner{
    margin: 10px 0 0 0;
    font-size: 13px;
    position: relative;
    color:white;
}
#menberTop .cardMember ul li .inner h5{
    color: white;
}
@media screen and ( max-width:500px ){
	.m_mtcContentBody .flex .leftBox{
    padding: 0 0 50px 0;
    width: 100%;
		margin:0 0 10px 0;
}
	.m_mtcContentBody .flex .leftBox a{
		right:0;
		font-size:13px;
	}
	.m_mtcContentBody .flex .rightBox{
		width:100%;
	}
	#menberTop .myContent ul li{
		width:48%;
		padding: 10px 5px 30px 5px;
	}
	#menberTop .myContent ul li p,#menberTop .myContent ul li h3 em{
		font-size:10px;
	}
	#menberTop .myContent li a.contentLink{
		bottom:10px;
	}
	#menberTop .cardImg .noCard{
		width:100%;
		padding:20px 0;
	}
	#menberTop .cardImg{
    padding: 0;
    border: unset;
		height:auto;
}
	#menberTop .cardImg img.getMyCardImg{
		height:auto;
		width:100%;
	}
	#menberTop .cardImg .backImg{
		display:none;
	}
	#menberTop .cardMember ul li img.on{
		    top: 5px;
    left: 5px;
    width: 20px;
	}
	#menberTop h2{
		font-size:20px;
	}
	#menberTop img.mainImg2{
		width: 80px;
    position: absolute;
    top: -108px;
    left: 20px;
    z-index: 0;
	}
	#menberTop .aboutMenberSite .flex .leftBox .inner{
		font-size: 13px;
    letter-spacing: 1px;
	}
    .menberidRegistBox form{
        width:100%;
    }
    #menberTop .cardMember .cardMainImg{
        top: -110px;
    left: 34px;
    width: 75px;
    }
    .m_menberBody.menberTopModaal table td{
        font-size:13px;
    }
    .m_menberBody.menberTopModaal table{
        width:100%;
    }
    #menberTop img.mainImg1{
            right: unset;
    left: 50%;
    width: 100px;
    transform: translate(-50%,0);
    top: 70px;
    }
    #menberTop .profileBox{
        display: block;
        width:100%;
    }
    #menberTop .profileBox .leftBox, #menberTop .profileBox .rightBox,#menberTop .profileBox .rightBox{
        width:100%;
    }
    #menberTop .profileBox .leftBox img{
        width:50%;
    }
    #menberTop .profileBox .rightBox{
        padding:0;
    }
    #menberTop .profileBox .rightBox table th{
        padding:10px;
        width:165px;
        font-size:13px;
    }
    #menberTop .profileBox .rightBox table td{
        font-size:13px;
    }
    #menberTop .profileBox .editorBox{
        width: 100%;
        height: auto;
        text-align: center;
        position:unset;
    }
    #menberTop .profileBox .editorBox a{
        width:70%;
    }
    #menberTop .aboutMenberSite .flex .leftBox{
        width:100%;
        padding:0;
    }
    #menberTop .aboutMenberSite .flex .rightBox{
        width:100%;
        margin:30px 0 0 0;
    }
    #menberTop .aboutMenberSite .flex{
        margin: 180px 0 120px 0;
    }
    #menberTop .seminar{
        width: 100%;
    margin: 160px 0 140px 0;
    }
    #menberTop .seminar .seminarMainImg{
        position: absolute;
    top: -100px;
    right: 0;
    width: 170px;
    }
    #menberTop .seminar ul.flex{
        width: 100%;
        min-width: unset;
        justify-content: space-around;
    }
    #menberTop .seminar ul.flex li.noSemniar{
        min-height: 200px;
    }
    #menberTop .seminar ul.flex li{
        width:48%;
    }
    #menberTop .cardMember{
        width:100%;
    }
    #menberTop .cardMember ul li{
        width: 33%;
        padding: 5px 5px 30px 5px;
        min-height: 150px;
        height: auto;
    }
    #menberTop .cardMember ul li .inner{
        font-size: 10px;
        margin: 0;
    }
    #menberTop .seminar ul.flex li img{
        height:115px;
        vertical-align: bottom;
    }
    #menberTop .seminar ul.flex li p{
        line-height: 100%;
    }
    #menberTop .seminar ul.flex li .inner{
        text-align: justify;
    }
    #menberTop .seminar ul.flex li h4{
        font-size: 13px;
    }
    #menberTop .seminar ul.flex li .cvBox a{
        padding: 3px 10px;
        width: 80%;
        display: inline-block;
    }
    #menberTop .seminar ul.flex li .cvBox{
        width:100%;
    }
    .menberTopChangeMail .modaal-container,.myImgModaal .modaal-container{
        width:100%;
        min-width: unset;
    }
    .menberTopModaal .inner{
        font-size:13px;
    }
}
/* new menber TOP end   ---------------*/
/* new reguler movie start --------------*/

#regular_cource{
	padding:180px 60px 60px 60px;
	background:#fffaf5;
	position:relative;
}
#regular_cource .reguImg{
    position: absolute;
    right: 100px;
    top: 100px;
    width: 200px;
}
#regular_cource h1{
    text-align: center;
    font-size: 25px;
    margin: 0 0 20px 0;
}
#regular_cource h1 em,.menberWrapp h2 em{
    display: block;
    font-size: 15px;
}
#regular_cource .open_day_info{
    text-align: center;
    font-size: 15px;
}
#regular_cource .open_day_info span{
	margin:0 10px 0 0;
}
#regular_cource .open_day_info span i{
	margin:0 5px 0 0;
	color: #00bbd4;
}
#regular_cource .aboutReqularMovie,.menberWrapp .about{
    background: white;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 40px auto;
    padding: 10px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
	width:900px;
}
#regular_cource .leftBox,.menberWrapp .about .leftBox{
	width:30%;
}
#regular_cource .leftBox img,.menberWrapp .about .leftBox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#regular_cource .rightBox,.menberWrapp .about .rightBox{
    width: 70%;
    padding: 0 20px;
    font-size: 15px;
    text-align:justify;
}
#regular_cource .rightBox h2,.menberWrapp .about .rightBox h2{
    font-size: 18px;
    margin: 0 0 10px 0;
    text-align: left;
}
#regular_cource .otherThroth{
    margin: 60px 0 0 0;
}
#regular_cource .otherThroth h2{
    margin: 0 0 20px 0;
}
#regular_cource .otherThroth h2 em{
    padding: 2px 15px;
    border-radius: 50px;
    background: #00bbd4;
    color: white;
}
#regular_cource .otherThroth ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#regular_cource .otherThroth ul li{
	width:30%;
	margin:0 0 20px 0;
}
#regular_cource .otherThroth ul li h3{
	font-size:13px;
}
#regular_cource .otherThroghBox{
    padding: 10px;
    border-radius: 10px;
    background: white;
    border: 2px solid #424242;
    font-size: 13px;
	position:relative;
}
#regular_cource .otherThroghBox em{
    position: absolute;
    right: 10px;
    top: -20px;
}
#regular_cource .otherThroghBox em i{
    font-size: 15px;
    margin: 0 3px 0 0;
	 color: #ff502b;
    font-weight: 900;
}
#regular_cource .otherThroghBox em i.no{
	font-weight: 400;
	color:black;
	cursor:pointer;
}
#regular_cource .otherThroghBox span.categoryName{
    display: block;
    margin: 0 0 5px 0;
    color: #2f827e;
}
#regular_cource .addThroth{
	text-align:center;
	margin:30px 0 60px 0;
}
#regular_cource .addThroth a i{
	margin:0 5px 0 0;
}
#regular_cource .list h2{
    text-align: center;
    font-size: 20px;
    margin: 0;
}
#regular_cource .myGoodCount h3{
    text-align: center;
    margin: 0 0 30px 0;
    font-size: 13px;
}
#regular_cource .myGoodCount i{
    color: #ff502b;
    margin: 0 3px 0 0;
}
#regular_cource .list h2 em{
	display:block;
	font-size:15px;
}
#regular_cource .regulerList{
    display: flex;
    justify-content:space-around;
    flex-wrap: wrap;
}
#regular_cource .regulerList li{
    width: 300px;
    margin: 0 0 30px 0;
    position: relative;
	background:white;
}
#regular_cource .regulerList li.on{
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
	border:2px solid #f05f22;
	border-radius:5px;
}
#regular_cource .regulerList li img{
	width:100%;
	border-radius:5px 5px 0 0;
}
#regular_cource .list{
    margin: 120px 0 60px;
}
#regular_cource .list .attention{
	text-align: center;
    font-size: 20px;
    margin: 0 0 20px 0;
    color: #016bc4;
    font-weight: bold;
}
#regular_cource .regulerList li h3{
    font-size: 15px;
    position: relative;
    padding: 0 0 0 70px;
	margin:10px 0;
}
#regular_cource .regulerList li h3 em{
    padding: 1px 10px;
    border-radius: 5px;
    background: #00bbd4;
    color: white;
    font-size: 13px;
    margin: 0 5px 0 0;
	position:absolute;
	left:10px;
	top: 1px;
}
#regular_cource .regulerList li .inner .part{
	position: absolute;
    bottom: 20px;
    width: 100%;
    left: 0;
    padding: 0 20px;
}
#regular_cource .regulerList li .inner .part a:nth-child(1){
	background: #3788cd;
    border: 2px solid #3788cd;
}
#regular_cource .regulerList li .inner{
    padding: 0 0 40px 0;
}
#regular_cource .regulerList li .inner .part a{
	display: inline-block;
    padding: 0px 20px;
    border-radius: 30px;
    color: white;
    transition: .3s;
	font-size:13px;
}
#regular_cource .resultBox{
    position: absolute;
    top: 80px;
    left: 50%;
    transform: translate(-50%,0);
    font-weight: bold;
    padding: 20px;
	color:white;
	border-radius: 10px;
}
#regular_cource .resultBox.my_cource_sucsessBody{
	background: #00bbd4;
}
#regular_cource .resultBox.my_cource_errorBody{
	background: #F44336;
}
#regular_cource .regulerList li .inner .part a:nth-child(2){
	    background: #e71212;
    border: 2px solid #e71212;
}
#regular_cource .TinyTools.ToggleSwitch{
	top:5px;
}
#regular_cource .regulerList li .inner .part img.finishImg{
	    width: 40px;
    position: absolute;
    right: 20px;
    bottom: -5px;
    transform: rotate(24deg);
}
#regular_cource .regulerList li.regulerListBody.coming{
	background: #e1e1e1;
    position: relative;
    box-shadow: unset;
    background-size: cover;
    background-position: center;
}
#regular_cource .regulerList li.coming p{
	position: absolute;
    top: 50%;
    transform: translate(0%,-50%);
    width: 100%;
    text-align: center;
    font-family: 'Quintessential', cursive;
    font-size: 25px;
    letter-spacing: 2px;
}
.addThrothModalBody .categoryName{
	    display: block;
    margin: 0 0 10px 0;
    color: #2f827e;
}
.addThrothModalBody .categoryName a{
	color: #2f827e;
}
#regu_modal_ditail img{
	width:100%;
}
#regu_modal_ditail .dite{
	padding: 80px 20px 0 20px;
    text-align: left;
    width: 80%;
    margin: 0 auto;
}
#regu_modal_ditail h3{
	font-size: 25px;
    margin: 0 0 30px 0;
	text-align:center;
}
#regu_modal_ditail h3 em{
	display: block;
    font-size: 15px;
    color: #545454;
}
#regu_modal_ditail .about{
	    padding: 80px 20px 0px 20px;
}
#regu_modal_ditail .outUl{
	text-align: left;
    width: 100%;
    margin: 0 auto;
    padding: 30px 30px 0 30px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
#regu_modal_ditail .outUl>li{
	margin: 0 15px 60px 15px;
}
#regu_modal_ditail h4{
	    font-size: 15px;
    margin: 0 0 20px 0;
    padding: 0 0 0 85px;
    position: relative;
}
#regu_modal_ditail h4 em{
	    margin: 0;
    padding: 2px 20px;
    background: #2853bb;
    border-radius: 20px;
    color: white;
    font-size: 15px;
    position: relative;
    top: -1px;
    position: absolute;
    left: 0;
}
#regu_modal_ditail .inUl{
	padding: 0 0 0 10px;
}
#regu_modal_ditail .inUl li{
	    position: relative;
    padding: 0 0 0 70px;
    font-size: 15px;
	line-height: 200%;
}
#regu_modal_ditail .inUl li em{
	height: 25px;
    width: 55px;
    line-height: 25px;
    border-radius: 10px;
    background: #f1efef;
    display: inline-block;
    color: #747474;
    text-align: center;
    font-size: 13px;
    position: absolute;
    left: 0;
    top: 2px;
}
#regu_modal_ditail .sepa{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 80px 0;
    background: #fbfbfb;
}
#regu_modal_ditail .sepa img{
	width: 45%;
    object-fit: cover;
}
#regu_modal_ditail .profile{
	padding: 80px 20px 50px 20px;
    clear: both;
}
#regu_modal_ditail .profile .inner{
	margin: 50px 0 0 0;
}
#regu_modal_ditail .profile.right img{
	float: right;
    width: 40%;
    margin: 0 30px 30px 30px;
}
#regu_modal_ditail .profile h4{
	font-size: 18px;
}
#regu_modal_ditail .inner h4{
	    padding: 0 30px;
	text-align:left;
}
#regu_modal_ditail .profile h5{
	font-size: 20px;
    margin: 0 0 20px 30px;
	text-align:left;
	font-weight:bold;
}
#regu_modal_ditail .pro_ditail{
	    padding: 0 30px;
    text-align: justify;
}
#regu_modal_ditail .pro_ditail ul li{
	font-size: 13px;
}
#regu_modal_ditail .profile img{
	    float: left;
    width: 40%;
    margin: 0 30px 30px 0px;
}
#regu_modal_ditail .about .total{
	text-align:center;
}
#regu_modal_ditail .profile h5 em{
	font-size: 13px;
    margin: 0 0 0 10px;
}
#regulerPageLoding {
    width: 100%;
    height: 100%;
    z-index: 100;
    background: rgb(0 0 0 / 67%);
    position: fixed;
    top: 0;
	left:0;
}
#menber .yourStatus li em .fa-coins{
	    color: #f22f2f;
}
@media screen and ( max-width:500px ){
	#regular_cource{
		padding:180px 20px;
	}
	#regular_cource .reguImg{
		right: 20px;
    top: 80px;
    width: 110px;
	}
	#regular_cource .aboutReqularMovie,#regular_cource .leftBox,#regular_cource .rightBox{
		width:100%;
	}
	#regular_cource .rightBox{
		padding:20px 0;
		font-size:13px;
		text-align:center;
	}
	#regular_cource .rightBox h2{
		text-align:center;
		font-size:18px;
	}
	#regular_cource .regulerList li{
		width:48%;
	}
	#regular_cource .regulerList li h3 em{
		display:none;
	}
	#regular_cource .regulerList li h3{
		display:none;
	}
	#regular_cource .regulerList li .inner .part{
		padding:0 10px;
		text-align: right;
		bottom:10px;
	}
	#regular_cource .regulerList li .inner .part a{
		font-size:10px;
		padding:0 10px;
	}
	#regular_cource .regulerList li .inner{
		padding:0 0 80px 0;
	}
	#regular_cource .TinyTools.ToggleSwitch{
		width:100% !important;
		margin:10px 0 0 0;
	}
	#regular_cource .regulerList li .inner .part img.finishImg{
		width: 30px;
    position: absolute;
    right: unset;
    bottom: 0px;
    transform: rotate(24deg);
    left: 10px;
	}
	#regular_cource .regulerList li.regulerListBody.coming{
		display:none;
	}
	#regular_cource .otherThroth ul li{
		width:100%;
	}
	#regu_modal_ditail .dite{
    width: 100%;
    margin: 0;
    font-size: 13px;
		padding:80px 0px 0 0px
}
	#regu_modal_ditail .outUl{
    display: block;
    padding: 30px 0;
	}
	#regu_modal_ditail .about{
		padding:80px 0 0 0
	}
	#regu_modal_ditail h4,#regu_modal_ditail h4 em{
		font-size:13px;
	}
	#regu_modal_ditail h3{
		font-size:20px;
	}
	#regu_modal_ditail .profile{
		padding:80px 0 50px 0;
	}
	#regu_modal_ditail .profile h4,#regu_modal_ditail .profile h5{
		font-size:15px;
	}
	#regu_modal_ditail .pro_ditail{
    padding: 0;
    font-size: 13px;
}
	.modaal-content-container{
		padding:20px;
	}
	#regu_modal_ditail .profile .inner .leftbox{
		text-align:center;
	}
	#regu_modal_ditail .profile img{
		    float: unset !important;
    margin: 0 0 30px 0 !important;
    width: 80%;
	}
	#regu_modal_ditail .profile .inner{
		text-align:center;
	}
	#regu_modal_ditail .profile.right img{
		width:80%;
	}
	#regu_modal_ditail .inUl li{
		font-size:10px;
		margin:0 0 10px 0;
	}
	#regu_modal_ditail .inUl li em{
		font-size: 10px;
		top:-2px;
	}
}
/* new reguler movie end   --------------*/
/* reguler_list start------------------------*/
.lessonListHeader img{
	width:100%;
	vertical-align:bottom;
}
.myProg{
    padding: 120px 80px 0 80px;
    text-align: center;
	background:#f7faf2;
}
.myProg h1{
	font-size:25px;
	margin:0 0 30px 0;
}
.myProg h1 em{
	display:block;
	font-size:15px;
}
.myProg ul{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
	min-width:800px;
}
.myProg ul li {
    width: 30%;
    position: relative;
    padding: 10px;
    background: white;
    border-radius: 5px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	margin:0 0 30px 0;
}
.myProg ul li img{
	width:100%;
}
.myProg ul li h2{
	font-size:15px;
	margin:5px 0;
}
.myProg ul li span{
    font-size: 13px;
    padding: 1px 15px;
    border-radius: 50px;
    background: #57aed9;
    color: white;
}
.myProg ul li .link i{
	margin:0 5px 0 0;
}
.myProg ul li .myProgLimit i{
	margin:0 5px 0 0;
}
.myProg ul li .myProgLimit{
    font-size: 13px;
    width: 80%;
    position: absolute;
    padding: 5px;
    border-radius: 50px;
    background: #b0b0b0;
    line-height: 160%;
    color: white;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%,0);
}
.myProg ul li .link{
    padding: 5px 20px;
    border-radius: 50px;
    background: #2e56aa;
    color: white;
    position: absolute;
    width: 80%;
    left: 50%;
    bottom: 10px;
    font-size: 13px;
    transform: translate(-50%, 0px);
    transition: .3s;
    border: 1px solid #2e56aa;
}
.myProg ul li em{
    font-size: 13px;
    padding: 1px 15px;
    border-radius: 50px;
    background: #a9a2a2;
    color: white;
    margin: 0 0 0 5px;
}
.myProg ul li em i{
    margin: 0 5px 0 0;
}
.myProg ul li .link:hover{
	background:white;
	color:#2e56aa;
}
.myProg ul li.noCourse img{
    width: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.myProg .myProgArticalBodyRight{
	text-align:left;
	padding: 0 0 50px 0;
}
#myProg_supplement{
	background:#f7faf2;
}
#myProg_supplement ul li.noContentNo{
	min-height:250px;
}
#myProg_supplement ul li.noContentNo img{
    width: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
@media screen and ( max-width:500px ){
	.myProg{
		padding: 120px 20px 0 20px;
	}
	.myProg h1{
		font-size:18px;
	}
	.myProg ul{
		min-width:unset;
	}
	.myProg ul li{
		width:48%;
		padding:5px;
	}
	.myProg ul li span,.myProg ul li em{
		font-size:10px;
	}
	.myProg ul li h2{
		font-size:13px;
	}
	.myProg ul li .link{
		font-size: 10px;
    width: 90%;
}
	.myProg ul li .myProgLimit{
		font-size:10px;
		width:90%;
	}
	.myProg ul li.noCourse{
		min-height: 200px;
	}
}
/* reguler_list end  ------------------------*/
/* singlie course start ---------------------*/

#regular_cource.new_my_course_single{
	background:#f5fcff;
}
#regular_cource.new_my_course_single .reguImg{
    position: absolute;
    left: 100px;
    top: 60px;
    width: 250px;
}
#regular_cource.new_my_course_single h1.my_course_header{
	    margin: 120px 0 20px 0;
}
.new_my_course_single table{
    width: 900px;
    margin: 0 auto 90px auto;
    background: white;
	box-shadow:rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}
.new_my_course_single table th{
	text-align:center;
	font-size:15px;
	padding:10px;
	background: #3d91cc;
    color: white;
}
.new_my_course_single table th:nth-child(1){
	width:75%
}
.new_my_course_single table th:nth-child(2){
	width:15%
}
.new_my_course_single table th:nth-child(3){
	width:10%
}
.new_my_course_single table td{
	font-size:13px;
	padding:10px;
	transition.3s;
	text-align:center;
}
.new_my_course_single table td:nth-child(2) a{
    padding: 1px 10px;
    border-radius: 50px;
    background: #2e56aa;
    color: white;
    font-size: 11px;
    border: 1px solid #2e56aa;
    transition: .3s;
}
.new_my_course_single table td:nth-child(2) a:hover{
	background:white;
	color:#2e56aa;
}
.new_my_course_single table td:nth-child(3) a i.fa-regular.fa-comment{
	color:#2e56aa;
}
.new_my_course_single table td:nth-child(1){
	text-align:left;
}
.new_my_course_single table tr.aboutCourse:hover td{
	background:#f9f9f9;
}
.new_my_course_single .fa-regular.fa-comment{
	font-weight:900;
	color:#d1d1d1;
}
.new_my_course_single #my_course_body ul{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
	width:900px;
	margin:0 auto;
}
.new_my_course_single #my_course_body ul li{
    width: 30%;
    padding: 10px;
    background: white;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    border-radius: 10px;
    margin: 0 0 30px 0;
	position:relative;
}
.new_my_course_single #my_course_body ul li img{
	width:100%;
	height:210px;
	object-fit:cover;
}
.new_my_course_single #my_course_body ul li h2{
    font-size: 13px;
    text-align: justify;
}
.new_my_course_single #my_course_body ul li .my_course_left_box{
	padding:0 0 40px 0;
    position: relative;
}
.new_my_course_single #my_course_body ul li .my_course_left_box.new:after{
    content: "新着";
    display: block;
    text-align: center;
    color: white;
    position: absolute;
    top: 3px;
    right: 6px;
    font-size: 10px;
    line-height: 100%;
    padding: 4px 8px;
    background: rgb(238, 67, 142);
}
.new_my_course_single #my_course_body span{
    font-size: 13px;
    padding: 1px 10px;
    border-radius: 50px;
    color: white;
    display: inline-block;
    margin: 0 0 5px 0;
}
.new_my_course_single #my_course_body span.on{
	    background: #f22f30;
}
.new_my_course_single #my_course_body span.off{
	    background: #00bbd4;
}
.new_my_course_single #my_course_body .attention{
	text-align: center;
    margin: 0 0 30px 0;
    font-size: 13px;
    color: #aa0909;
}
.new_my_course_single #my_course_body .noReguLink{
    position: absolute;
    bottom: 10px;
    right: 10px;
    border-radius: 50px;
    padding: 3px 10px;
    background: #2e56aa;
    color: white;
    font-size: 13px;
    border: 1px solid #2e56aa;
    transition: .3s;
}
.new_my_course_single #my_course_body .noReguLink:hover{
	background:white;
	color:#2e56aa;
}
.new_my_course_single #my_course_body .noReguLink i{
	margin:0 5px 0 0;
}
.new_my_course_single .nothingCourse{
	text-align:center;
}
#regular_cource .otherThroghBox span.categoryName a{
	color:#2f827e;
}
@media screen and ( max-width:500px ){
    .new_my_course_single #my_course_body ul li .my_course_left_box.new:after{
        padding: 3px 8px;
        top:5px;
    }
	#regular_cource.new_my_course_single .reguImg{
		left: 20px;
    top: 60px;
    width: 150px;
	}
	.new_my_course_single table{
		width:100%;
	}
	.new_my_course_single table tr{
		display:flex;
		flex-wrap:wrap;
	}
	.new_my_course_single table th{
		padding:5px;
	}
	.new_my_course_single table th:nth-child(2),.new_my_course_single table td:nth-child(2){
		width:50%;
	}
	.new_my_course_single table th:nth-child(3),.new_my_course_single table td:nth-child(3){
		width:50%;
	}
	.new_my_course_single table th:nth-child(1),.new_my_course_single table td:nth-child(1){
		width:100%;
	}
	.new_my_course_single table td:nth-child(1){
		border-top:1px solid #d5d5d5;
	}
	.new_my_course_single table td:nth-child(2),.new_my_course_single table td:nth-child(3){
		background:#f0f5fb;
	}
	.new_my_course_single #my_course_body ul{
		width:100%;
	}
	.new_my_course_single #my_course_body ul li{
		width:48%;
		padding:5px;
	}
	.new_my_course_single #my_course_body ul li img{
		height:auto;
	}
	.new_my_course_single #my_course_body span{
		font-size:10px
	}
	.new_my_course_single #my_course_body ul li h2,.new_my_course_single #my_course_body .noReguLink{
		font-size:10px;
	}
}
/* singlie course end   ---------------------*/
/* mtc contact form start -----------------*/
#kakinForm{
	clear: both;
    width: 60%;
    margin: 30px auto;
    text-align: center;
    background: #f9ffff;
    padding: 0 0 60px 0;
}
.cancellAttetionBody{
	width: 80%;
    margin: 30px auto;
    padding: 30px;
    background: #f1f1f1;
}
#kakinForm .cancellAttetionBody p{
	margin: 10px 0;
    text-align: left;
	font-size:13px;
}
#kakinForm input[type="submit"]{
	background: #fb9458;
    border: 2px solid #fb9458;
    font-weight: bold;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    font-size: 15px;
	color:white;
	padding: 10px 30px;
    border-radius: 50px;
}
#kakinForm input[type="submit"]:hover{
	background:white;
	color:#fb9458;
}
#kakinForm.cancellForm.mtcContactForm{
	padding: 120px 80px;
	width:100%;
	margin:0 auto;
	position:relative;
}
.mtcContactForm .cancellAttetionBody{
	width: 600px;
}
.mtcContactForm .cancellForm{
    width: 600px;
    margin: 30px auto;
    box-shadow: 0 3px 5px rgba(0,0,0,0.2);
    padding: 30px;
	background:white;
}
.mtcContactForm .cancellForm textarea{
	width:100%;
	display:block;
	margin:0 0 30px 0;
}
.cancellForm.mtcContactForm .contactMainImg{
    position: absolute;
    width: 250px;
    left: 50px;
    top: 50px;
}
#kakinForm.cancellForm.mtcContactForm form{
	width:100%;
	padding: 0;
	box-shadow: unset;
}
@media screen and ( max-width:500px ){
	#kakinForm.cancellForm.mtcContactForm{
		padding: 120px 20px;
	}
	.mtcContactForm .cancellAttetionBody{
		width:100%;
	}
	.mtcContactForm .cancellForm{
		width:100%;
	}
	.cancellForm.mtcContactForm .contactMainImg{
		width:100px;
	}
}
/* mtc contact form end -----------------*/
/* cancell top start ------------------------*/
#cancellTop{
    padding: 180px 80px;
    background: #f7fff2;
}
#cancellTop h2{
    font-size: 25px;
    text-align: center;
}
#cancellTop .intro{
    text-align: center;
    margin: 30px 0 60px 0;
}
#cancellTop h3{
    font-size: 20px;
    margin: 0 0 30px 0;
}
#cancellTop h3 span{
    padding: 5px 10px;
    border-radius: 50px;
    background: #00bbd4;
    color: white;
    font-size: 18px;
    margin: 0 10px 0 0;
}
#cancellTop h3 em{
    height: 30px;
    display: inline-block;
    width: 30px;
    text-align: center;
    border-radius: 50%;
    background: white;
    color: #00bbd4;
    position: relative;
    top: -2px;
    right: -5px;
}
#cancellTop .flex{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto;
}
#cancellTop li:nth-child(even) .flex{
	    flex-direction: row-reverse;
}
#cancellTop .flex .leftBox{
    width: 60%;
}
#cancellTop .flex .rightBox{
    width: 40%;
    text-align: center;
}
#cancellTop .flex .rightBox img{
    width: 160px;
}
#cancellTop li:nth-child(2) .flex .rightBox img{
	width:300px;
}
#cancellTop li:nth-child(3) .flex .rightBox img{
	width:250px;
}
#cancellTop li{
    padding: 30px;
    background: white;
    margin: 0 auto 60px auto;
	width:900px;
}
#cancellTop .cvBox{
	margin: 30px 0 0 0;
    text-align: right;
}
#cancellTop .cvBox a{
    padding: 5px 20px;
    border-radius: 50px;
    background: white;
    margin: 0 0 0 10px;
    background: #1644b9;
    color: white;
    font-size: 15px;
    border: 1px solid #1644b9;
	transition:.3s;
}
#cancellTop .cvBox a:hover{
	background:white;
	color:#1644b9;
}
#cancellTop .leftBox p{
	text-align:justify;
}
#cancellTop .cancellBox{
	text-align:center;
}
#cancellTop .cancellBox a{
    color: white;
    font-size: 20px;
    background: #e81c1c;
    padding: 10px 20px;
    border-radius: 10px;
    border: 1px solid #e81c1c;
    transition: .3s;
}
#cancellTop .cancellBox a:hover{
	background:white;
	color:#e81c1c;
}
@media screen and ( max-width:500px ){
	#cancellTop{
		    padding: 180px 20px;
	}
	#cancellTop .intro{
		font-size:13px;
	}
	#cancellTop li{
		padding:20px;
		position:relative;
	}
	#cancellTop h3{
		font-size:18px;
		position:relative;
		padding: 60px 0 0 0;
	}
	#cancellTop h3 span{
		position:absolute;
		top: 4px;
	}
	#cancellTop .flex,#cancellTop .flex .leftBox{
		width:100%;
	}
	#cancellTop .flex .rightBox{
		width:auto;
		position:absolute;
		top:-36px;
		right:0;
	}
	#cancellTop .flex .rightBox img{
		width:100px;
	}
	#cancellTop li:nth-child(2) .flex .rightBox img{
		width:139px;
	}
	#cancellTop li:nth-child(3) .flex .rightBox img{
		width:112px;
	}
	#cancellTop h3 em{
		top:0;
	}
	#cancellTop .cvBox{
		text-align:center;
	}
	#cancellTop .cvBox a{
		font-size:11px;
	}
	#cancellTop .cancellBox a{
		font-size:15px;
	}
}
/* cancell top end  ------------------------*/
/* cancell form start ----------------------*/
#kakinForm{
	width:100%;
	margin:0;
}
#kakinForm.cancellForm #lottie-container{
	width:500px;
	margin:0 auto;
}
#kakinForm.cancellForm{
	padding: 120px 80px;
}
#kakinForm.cancellForm h2{
	font-size: 20px;
    text-align: left;
    padding: 0 0 0 59px;
}
#kakinForm.cancellForm h2 em{
	display:block;
	font-size:15px;
}
#kakinForm.cancellForm form{
	position:relative;
    width:700px;
    margin: 0 auto;
    padding: 30px;
    background: white;
    box-shadow: 0 3px 5px rgba(0,0,0,0.2);
	border-radius:10px;
}
#kakinForm.cancellForm form img{
    position: absolute;
    top: 30px;
    left: 30px;
    width: 44px;
}
#kakinForm.cancellForm .intro{
    margin: 30px 0;
    text-align: justify;
    font-size: 15px;
}
#kakinForm.cancellForm .inputBody{
    text-align: left;
    margin: 0 0 30px 0;
}
#kakinForm.cancellForm .inputBody select{
	border-radius:10px;
}
#kakinForm.cancellForm .inputBody textarea{
	border-radius:10px;
}
#kakinForm.cancellForm .inputBody label{
    margin: 0 0 10px 0;
    display: inline-block;
    font-size: 15px;
}
#kakinForm.cancellForm .inputBody label em{
    display: block;
    font-size: 13px;
    color: #bd1b1b;
}
#kakinForm.cancellForm .attention{
    padding: 30px;
    text-align: justify;
    background: #f6f6f6;
    border-radius: 10px;
    margin: 0 0 30px 0;
	font-size:13px;
}
#kakinForm.cancellForm form table{
	width:100%;
}
#kakinForm.cancellForm form select,#kakinForm.cancellForm form textarea{
	width:100%;
	padding:10px;
}
#kakinForm.cancellForm form th,#kakinForm.cancellForm form td{
	padding:0 0 30px 0;
}
@media screen and ( max-width:500px ){
	#kakinForm input[type="submit"]{
		font-size:13px;
		width:100%;
	}
	#kakinForm.cancellForm .attention{
		padding: 20px;
    	font-size: 12px;
    	margin: 0 0 20px 0;
	}
	#kakinForm.cancellForm .inputBody label{
		font-size:13px;
	}
	#kakinForm.cancellForm .inputBody label em{
		font-size:10px;
	}
	#kakinForm.cancellForm #lottie-container{
		width:100%;
	}
	#kakinForm.cancellForm{
		padding:80px 20px;
	}
	#kakinForm.cancellForm h2{
		font-size:13px;
		padding:0 0 0 50px;
	}
	#kakinForm.cancellForm h2 em{
		font-size:10px;
	}
	#kakinForm.cancellForm form img{
		top: 20px;
    	left: 30px;
    	width: 30px;
	}
	#kakinForm.cancellForm .intro{
		font-size:13px;
	}
	.cancellAttetionBody{
		width:100%;
	}
	#kakinForm.cancellForm form{
		width:100%;
		padding:20px;
	}
	#kakinForm.cancellForm form th, #kakinForm.cancellForm form td{
		display:block;
		padding:0 0 10px 0;
	}
}
/* cancell form end ----------------------*/
/* blog start ------------------------------*/
.menberWrap{
	padding:180px 80px;
	text-align:center;
}
.menberWrap h2{
	font-size:25px;
	margin:0 0 20px 0;
}
.menberWrap h2 em{
	display:block;
	font-size:15px;
}
#new_menber_blog{
	background:#f5fef4;
}
#new_menber_blog h3 a i{
	margin:0 0 0 5px;
}
.modaal_takadaArchiveBody h3{
	font-size:20px;
	font-weight:bold;
	margin:0 0 20px 0;
}
.modaal_takadaArchiveBody .intro a{
	color:red;
	font-weight:bold;
	border-bottom:1px solid red;
}
#new_menber_blog .sf-input-select{
    padding: 10px;
    border-radius: 10px;
    border: 2px solid black;
}
#new_menber_blog #searchAjax{
	display:flex;
	justify-content:space-around;
	flex-wrap:wrap;
	width:1100px;
	margin:30px auto;
}
#new_menber_blog #searchAjax li.allady{
	filter: brightness(0.6);
}
#new_menber_blog #searchAjax li{
	width:23%;
	margin:0 0 30px 0;
	padding: 10px;
    background: white;
    border-radius: 10px;
	box-shadow:rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px
}
#new_menber_blog #searchAjax li img{
	width:100%;
	height:unset;
	object-fit: cover;
	vertical-align: bottom;
}
#new_menber_blog #searchAjax .articalDitaile{
    text-align: left;
    padding: 5px 0 0 0;
}
#new_menber_blog #searchAjax .articalDitaile span i{
    border-radius: 50%;
    background: #0071d4;
    color: white;
    height: 21px;
    width: 21px;
    text-align: center;
    line-height: 21px;
    font-size: 11px;
}
#new_menber_blog #searchAjax .articalDitaile em{
    padding: 3px 10px;
    border-radius: 50px;
    font-size: 10px;
    background: #575454;
    color: white;
}
#new_menber_blog #searchAjax .articalDitaile strong{
	    padding: 3px 10px;
    border-radius: 50px;
    font-size: 10px;
    background: #d51010;
    color: white;
}
#new_menber_blog #searchAjax .articalDitaile h3{
    margin: 5px 0 0 0;
    font-size: 13px;
}
.pagination .page_num{
    padding: 5px 10px;
    border-radius: 5px;
    background: #00bbd4;
    color: white;
    margin: 0 10px 0 0;
}
.pagination .current.pager{
    padding: 5px 10px;
    border-radius: 5px;
    background: #c4c4c4;
    color: white;
	margin:0 10px 0 0;
}
.pagination .pager{
    padding: 5px 10px;
    border-radius: 5px;
    background: #02bad4;
    color: white;
    margin: 0 10px 0 0;
}
#singleBlog{
    background:#fff5f5;
}
#singleBlog.menberWrap h2{
    margin:0 0 20px 0;
}
#singleBlog .articaleHeader{
    position: relative;
    z-index: 1;
    padding: 30px;
    background: #ffffffd6;
    margin: 0 0 60px 0;
}
#singleBlog .blogMainImg{
    position: absolute;
    top: 50px;
    width: 300px;
    right: 80px;
    z-index: 0;
}
#singleBlog .postDate em{
    padding: 6px 20px;
    border-radius: 10px;
    background: #efefef;
    color: #5e5e5e;
    letter-spacing: 3px;
}
@media screen and ( max-width:500px ){
	.pagination{
		font-size:10px;
	}
	#new_menber_blog,.menberWrap{
		padding:180px 20px;
	}
	#new_menber_blog #searchAjax{
		width:100%;
	}
	#new_menber_blog #searchAjax li{
		width:48%;
		padding:5px;
	}
	#new_menber_blog #searchAjax li img{
		height:21vw;
	}
	#new_menber_blog #searchAjax .articalDitaile h3{
		font-size:11px;
	}
    .menberWrap h2{
        font-size:18px;
    }
    #singleBlog .postDate em{
        font-size:13px;
    }
    #singleBlog .blogMainImg{
        width: 200px;
        right: 20px;
    }
    #singleBlog .articaleHeader{
        padding:20px;
    }
    #singleBlog .articaleDitaile p{
        font-size:13px;
    }
    #singleBlog .articaleDitaile strong{
        font-size:16px;
    }
    #singleBlog iframe{
        width:100%;
        height:250px;
    }
}
/* blog end   ------------------------------*/
/* myCard form start -----------------------*/

.m_menberCardBody .flex{
    display: flex;
    justify-content: space-between;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    margin: 30px 0 60px 0;
}
.m_menberCardBody .attention{
    margin: 0 auto 50px auto;
    width: 60%;
}
.m_menberCardBody .attention h2{
    margin:0 0 5px 0;
}
.m_menberCardBody .attention h2 em{
    background: red;
    border-radius: 50px;
    padding: 2px 10px;
    color: wheat;
    font-weight: bold;
}
.m_menberCardBody .attention p{
    color:red;
}
.m_menberCardBody .leftBox{
    width:40%;
}
.m_menberCardBody .leftBox img{
    width:100%;
    vertical-align: bottom;
}
.m_menberCardBody .rightBox{
    width: 60%;
    font-size: 14px;
    padding:10px;
}
.m_menberCardBody .cardList li img{
    width:100%;
}
.m_menberCardBody .cardList li{
    text-align: center;
    position: relative;
    height:400px;
    background: white;
    padding: 40px 10px 10px 10px;
    margin: 0 10px;
}
.m_menberCardBody .cardList li.w img{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}
.m_menberCardBody .cardList{
    padding:30px;
    background: #f3f3f3;
    margin: 0 0 60px 0;
}
.m_menberCardBody .cardList li img{
    width:95%;
    margin:0 auto;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.m_menberCardBody .cardList li.v img{
    height:300px;
    width:auto;
    margin:20px auto 0 auto;
}
.m_menberCardBody .cardList li h5 em{
    padding: 1px 10px;
    border-radius: 50px;
    color: white;
    background: #0ab4ee;
    font-size: 15px;
}
.m_menberCardBody .cardList li p{
    font-size: 13px;
    position: absolute;
    width: 100%;
    text-align: center;
    top: 0;
    left: 0;
    background: #161616;
    color: white;
}
.m_menberCardBody form{
    padding: 60px 120px;
    background: #f3f3f3;
    text-align: center;
}
.m_menberCardBody form .select{
    padding: 30px;
    text-align: center;
    background: #fff4ea;
    margin:0 0 20px 0;
}
.m_menberCardBody form select{
    margin: 5px 0 0 0;
    padding: 10px;
}
.m_menberCardBody form label{
    display: block;
    font-size: 15px;
}
.m_menberCardBody form .formFlex{
    padding: 30px;
    text-align: center;
    display: flex;
    background: #fff4ea;
    margin:0 0 20px 0;
}
.m_menberCardBody form input[type="text"]{
    padding: 10px;
    margin: 5px 0 0 0;
    width: 100%;
}
.m_menberCardBody form .formFlex .leftBox{
    width:50%;
    padding:10px;
}
.m_menberCardBody form .formFlex .rightBox{
    width:50%;
    padding:10px;
}
.m_menberCardBody form .formFlex .rightBox select{
    width:100%;
}
.m_menberCardBody form .textarea{
    padding: 30px;
    background: #fff4ea;
}
.m_menberCardBody form .textarea textarea{
    padding:10px;
    margin:5px 0 0 0;
    width:100%;
}
/* card user insert page start ------------------*/

#cardMemberAdd{
    text-align: center;
    min-height: 100vh;
	background: #00BCD4;
	padding:60px 20px;
}
#cardMemberAdd img{
	width:200px;
}
#cardMemberAdd ul{
    width: 500px;
    margin: 30px auto;
    background: #fff9ee;
    padding: 60px 30px;
	border-radius:10px;
}
#cardMemberAdd h2{
	font-size:25px;
	color:white;
}
#cardMemberAdd a{
    padding: 5px 10px;
    border-radius: 50px;
    background: #00BCD4;
    color: white;
    display: inline-block;
    margin: 20px 0 0 0;
    font-size: 13px;
    transition: .3s;
    border: 1px solid #00BCD4;
}
#cardMemberAdd a:hover{
	background:white;
	color:#00BCD4;
}
@media screen and ( max-width:500px ){
    .m_menberCardBody .attention p{
        font-size: 13px;
    }
    .m_menberCardBody .attention{
        width:90%;
    }
	#cardMemberAdd{
		padding:120px 20px;
	}
	#cardMemberAdd h2{
		font-size:18px;
	}
	#cardMemberAdd p{
		font-size:13px;
	}
	#cardMemberAdd ul{
		width:90%;
	}
    .myImgBody .flex .rightBox{
        width:100%;
    }
    .myImgBody .flex .leftBox{
        width: 100%;
        margin: 30px 0 60px;
        text-align: center;
    }
    .myImgBody .flex{
        padding:0;
    }
    .myImgBody .flex .rightBox .defoImgBox{
        width:90%;
        margin:20px auto 0 auto;
    }
    .myImgBody .flex .leftBox canvas{
        width:250px;
        height:250px;
    }
    .myImgBody .flex .leftBox form{
        bottom:-20px;
    }
    .m_menberCardBody .leftBox,.m_menberCardBody .rightBox,.m_menberCardBody form .formFlex .leftBox,.m_menberCardBody form .formFlex .rightBox{
        width:100% !important;
    }
    .m_menberCardBody .rightBox{
        font-size:13px;
    }
    .m_menberCardBody .flex{
        flex-wrap: wrap;
    }
    .m_menberCardBody .cardList{
        padding:15px;
        width:300px;
        margin:0 auto 60px auto;
    }
    .m_menberCardBody .cardList li{
        height: 300px;
    }
    .m_menberCardBody form,.m_menberCardBody form .select,.m_menberCardBody form .formFlex,.m_menberCardBody form .textarea{
        padding:20px;
    }
    .m_menberCardBody form .formFlex{
        flex-wrap: wrap;
    }
    .m_menberCardBody form .formFlex .rightBox,.m_menberCardBody form .formFlex .leftBox{
        padding:0;
    }
    .m_menberCardBody .cardList li.v img{
        width:60%;
        height:auto;
    }
    .myCardModaal .modaal-content-container{
        padding:10px;
    }
    .m_menberCardBody form select,.m_menberCardBody form .formFlex .rightBox select{
        -webkit-appearance: none;
        appearance: none;
    }
    .m_menberCardBody .cardList li p{
        font-size:11px;
    }
    .m_menberCardBody form .formFlex .rightBox{
        margin:10px 0 0 0;
    }
}
/* card user insert page end    ------------------*/
/* new seminar single start ----------------------*/
.menberWrapp{
    text-align: center;
    font-size: 25px;
    position: relative;
}
#new_menber_seminar .seminarList ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 900px;
    margin: 30px auto 0 auto;
}
#new_menber_seminar .seminarList li{
    width: 30%;
    padding: 10px;
    background: white;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    border-radius: 10px;
    margin: 0 0 30px 0;
    position: relative;
}
#new_menber_seminar .seminarList li img{
    width: 100%;
    height: auto;
    object-fit: cover;
    vertical-align: bottom;
}
#new_menber_seminar .seminarList{
    margin:120px 0 0 0;
}
#new_menber_seminar .seminarList li .inner.new:after{
    content: "新着";
    display: block;
    position: absolute;
    top: 12px;
    right: 0px;
    font-size: 13px;
    border-radius: 3px;
    padding: 1px 5px;
    background: #ee438e;
    color: white;
}
#new_menber_seminar .seminarList li .inner{
    padding: 0 0 20px 0;
    position: relative;
    text-align: left;
}
#new_menber_seminar .seminarList li .inner h3{
    font-size: 13px;
    text-align: justify;
}
#new_menber_seminar .noSemniar{
    background: #f2f2f2;
    box-shadow: unset;
    min-height: 300px;
}
#new_menber_seminar .seminarList li.noSemniar img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100px;
    height: auto;
}
#new_menber_seminar .seminarList li .inner span{
    font-size: 13px;
    display: inline-block;
    margin: 0 0 10px 0;
}
#new_menber_seminar .seminarList li .inner span em{
    padding: 1px 10px;
    margin: 0 5px 0 0;
    border-radius: 50px;
    background: #ca2727;
    color: white;
    letter-spacing: 1px;
}
#new_menber_seminar .seminarList li .inner span em i{
    margin:0 3px 0 0;
}
#new_menber_seminar .reguImg{
    position: absolute;
    width: 250px;
    top: 30px;
    left: 100px;
}
#cancellError .error{
    font-size: 13px;
    text-align: left;
    padding: 30px;
    width: 500px;
    background: #f7f7f7;
}
@media screen and ( max-width:500px ){
    .menberWrapp{
        padding: 180px 20px;
    }
	#cancellError .error{
		width:100%;
	}
    #new_menber_seminar .reguImg{
        width: 150px;
    top: 40px;
    right: 60px;
    left: unset;
    }
    .menberWrapp .about{
        width:100%;
    }
    .menberWrapp .about .leftBox{
        width: 100%;
        margin: 0 0 20px 0;
    }
    .menberWrapp .about .rightBox{
        width:100%;
    }
    #new_menber_seminar .seminarList ul{
        width:100%;
    }
    #new_menber_seminar .seminarList li{
        width:49%;
        padding:5px;
        margin:0 0 10px 0;
    }
    #new_menber_seminar .seminarList li img{
        height:auto;
    }
    #new_menber_seminar .seminarList li .inner{
        padding:0 0 30px 0;
    }
    #new_menber_seminar .seminarList li .inner span{
        font-size:10px;
    }
    #new_menber_seminar .seminarList li .inner.new:after{
        top:unset;
        right: 0px;
        bottom:5px;
        font-size: 10px;
    }
    #new_menber_seminar .noSemniar{
        min-height: 250px;
    }
}
/* facebook event start -----------------*/
#facebook_event .introMovie{
    margin:60px auto;
    width:900px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#facebook_event .introMovie .flexBox{
    width:45%;
}
#facebook_event .introMovie .youtubeBox{
    width:100%;
    position: relative;
    padding-top: 56.25%;
}
#facebook_event .introMovie .youtubeBox iframe{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
#facebook_event table{
    border-collapse: separate;
    border-spacing: 3px;
    width: 1000px;
    margin: 20px auto;
    font-size: 15px;
    background: white;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}
#facebook_event table th{
    padding: 5px 10px;
    background: #f8f8f8;
    /* margin: 0 10px 0; */
}
#facebook_event table td{
    padding:10px;
	font-size:12px;
}
#facebook_event table td:nth-child(3){
    text-align:left;
}
#facebook_event table td:nth-child(3) em{
    padding: 1px 10px;
    border-radius: 50px;
    color: white;
    margin: 0 5px 0 0;
    font-size: 10px;
}
#facebook_event table td:nth-child(3) em.menber{
    background:#579ee6;
}
#facebook_event table td:nth-child(3) em.takada{
    background:#e53333;
}
#facebook_event table td a{
    padding: 1px 10px;
    border-radius: 50px;
    color: white;
    background: #2e86c1;
    border: 1px solid #2e86c1;
    transition: .3s;
}
#facebook_event table td a:hover{
    background:white;
    color:#2e86c1;
}
#facebook_event .eventImg{
    position: absolute;
    width: 350px;
    top: 20px;
    left: 5%;
}
#facebook_event h2{
    position: relative;
}
#facebook_event .cv{
    text-align: right;
}
#facebook_event .cv a{
    color:#2456d7;
}
.menberWrapp .about.gCalender{
    box-shadow: unset;
    border-radius: 10px;
    border: 2px solid black;
    margin: 0 auto 80px auto;
}
.menberWrapp .about.gCalender h3{
    font-size: 18px;
    margin: 0 0 10px 0;
}
.menberWrapp .about.gCalender .attention{
    background: linear-gradient(transparent 70%, #ff6 0%);
    display: inline;
    padding: 0 0px 0px;
}
.menberWrapp .about.gCalender .register{
    margin: 20px 0;
    text-align: right;
}
.menberWrapp .about.gCalender .register a{
    padding: 5px 10px;
    border-radius: 50px;
    background: #f0f0f0;
    border: 2px solid black;
}
.menberWrapp .about.gCalender .register a img{
    width: 20px;
    vertical-align: top;
    margin: 0 5px 0 0;
}
.menberWrapp .about.gCalender .attention a{
    font-weight: bold;
    color: #db0404;
}
#facebook_event table td.left{
    text-align: left;
}
#facebook_event table td.left em.menber{
    padding: 1px 10px;
    border-radius: 10px;
    margin: 0 5px 0 0;
    border: 1px solid black;
}
#facebook_event table td.left em.takada{
    padding: 1px 10px;
    border-radius: 10px;
    color: #b40b0b;
    margin: 0 5px 0 0;
    border: 1px solid #b40b0b;
}
@media screen and ( max-width:500px ){
    #facebook_event .eventImg{
        width: 200px;
        left: 20px;
    }
    #facebook_event .introMovie{
        width: 100%;
    }
    #facebook_event .introMovie .flexBox{
        width:100%;
        margin:0 0 30px 0;
    }
    #facebook_event table tr{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        border-bottom: 1px dotted #818181;
    }
    #facebook_event table tr:nth-last-child(1){
        border-bottom: unset;
    }
    #facebook_event table tr th,#facebook_event table tr td{
        width:33%;
    }
    #facebook_event table tr th:nth-child(1),#facebook_event table tr td:nth-child(1){
        width:100%;
    }
    #facebook_event table{
        width:100%;
    }
    #facebook_event table tr td{
        font-size:10px;
    }
    #facebook_event table tr td:nth-child(1){
        text-align: left;
        font-size:13px;
        padding: 15px 10px;
    }
    .menberWrapp .about.gCalender .register a{
        display: block;
        text-align: center;
    }
}
/* facebook event end   -----------------*/
/* seminarlist start --------------------*/
#menber .menberSubwrapper .page_seminarlist header img{
    width:100%;
    vertical-align: bottom;
}
#menber .menberSubwrapper .page_seminarlist{
    background:#ebf9fe;
    padding: 0 0 120px 0;
}
.page_seminarlist #seminarlistSingle{
    width: 900px;
    margin: 120px auto;
    padding: 30px;
    box-shadow: 1px 1px 4px 1px #c1c1c1;
    background:white;
}
@media screen and ( max-width:500px ){
    .page_seminarlist #seminarlistSingle{
        width: 95%;
        margin: 60px auto 60px auto;
    }
}
/* seminarlist end   --------------------*/
/* stripe form start --------------------*/

#stripeform{
    padding:120px 20px;
    background-image: url("https://ben.jnma.jp/wp-content/themes/ben/img/pb_back.png");
}
#stripeform h1{
    text-align: center;
    font-size: 20px;
}
#stripeform h1 em{
    display: block;
    font-size:15px;
}
#stripeform form{
    width: 500px;
    box-shadow: 10px 10px 10px #7a7a7a;
    margin: 0 auto;
    padding: 60px 30px;
    text-align: center;
    background:white;
	border: 1px solid #f2f2f2;
}
#stripeform input,#stripeform select{
    width:100%;
    margin:0 0 30px 0;
}
#stripeform input[type="submit"]{
    margin:0;
}
#stripeform .menberCamp{
    text-align: left;
    margin:0 0 10px 0;
}
#stripeform .menberCamp span{
    font-size:16px;
}
#stripeform  .menberBody{
    width: 500px;
    margin: 30px auto;
    text-align: center;
}
#stripeform  .menberBody a{
    display: inline-block;
    padding: 3px 10px;
    border-radius: 10px;
    background: #2392e3;
    color: white;
    font-size: 13px;
    margin: 10px 0 0;
    border: 1px solid #2392e3;
    transition: .3s;
}
#stripeform  .menberBody a:hover{
    background:white;
    color:#2392e3;
}
#stripeform input,#stripeform select{
    padding: 10px 20px;
    border-radius: 3px;
    border: 1px solid #e8e8e8;
    background: #fbfbfb;
}
#stripeform input[type="submit"]{
    background: #2392e3;
    border: 3px solid #2392e3;
    color: white;
    transition: .3s;
    font-weight: bold;
    box-shadow: none;
}
#stripeform input[type="submit"]:hover{
    background: white;
    color:#2392e3;
}
#stripeform .pointChange .rate{
    line-height: 150%;
}
#stripeform .pointChange .rate em{
    font-size: 13px;
    color: #ff502b;
}
#stripeform .pointChange em.posiblePoint{
    display: block;
    margin: 10px 0;
    font-size: 20px;
    font-weight: bold;
}
#stripeform .pointChange em.posiblePoint i{
    color: #ff502b;
    font-size: 20px;
    position: relative;
    margin: 0 5px 0 0;
}
#stripeform .pointChange em.posiblePoint strong{
    font-size: 13px;
}
#stripeform input[name=usedPoint]{
    border: 2px solid;
    width: 200px;
    padding: 5px 20px;
    font-size: 20px;
    text-align: center;
    margin: 10px 0 0px 0;
    height: 50px;
    border-radius: 50px;
    background: #ffeeee;
}
#stripeform .pointChange .change_price{
    margin: 0 0 30px;
    font-size: 20px;
}
#stripeform .pointChange{
    padding: 20px;
    background: #fafafa;
    margin: 0 0 30px 0;
}
#stripeFormError{
    text-align: center;
    padding: 180px 20px;
}
#stripeFormError h2{
    font-size: 20px;
    margin: 0 0 20px 0;
}
#stripeFormError a{
    color:#c22525;
}
.stripeThankWrap{
    position: relative;
    min-height: 100vh;
    background-image: url(https://ben.jnma.jp/wp-content/themes/ben/img/pb_back.png) !important;
    background-size: cover;
    background-repeat: no-repeat;
}
.stripeThankWrap .mainBody{
    overflow: hidden;
    padding: 60px 0px;
    text-align: center;
    width: 500px;
    background: white;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-50%);
    box-shadow: 10px 10px 10px lightgrey;
	margin:100px auto;
}
.stripeThankWrap .mainBody h2{
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 30px 0;
}
.stripeThankWrap .mainBody h2 em{
    display: block;
    font-size: 15px;
}
.stripeThankWrap .mainBody .inner{
    padding: 0 30px
}
.stripeThankWrap .mainBody p{
    font-size: 14px;
}
.stripeThankWrap .mainBody p em{
    display: block;
    color: #1b4079;
    margin: 10px 0;
    font-weight: bold;
}
.waves{
    position: absolute;
    width: 100%;
    height: 15vh;
    margin-bottom: -7px;
    min-height: 100px;
    max-height: 150px;
    bottom: 0;
    left: 0;
}
@media screen and ( max-width:500px ){
	.stripeThankWrap .mainBody .inner{
    padding: 0 10px
}
    #stripeform .menberBody,#stripeform form{
        width:100%;
    }
    #stripeform h1{
        font-size:18px;
    }
    #stripeform .seikyu p{
        font-size: 10px;
    }
    #stripeform input[name=usedPoint]{
        font-size:15px;
    }
    .stripeThankWrap .mainBody{
        width: 90%;
        top: 50%;
    }
    .waves{
        height: 100px;
        min-height: 40px;
    }
}
/* stripe form end   --------------------*/
/* 各種設定ページ　start -------------------*/

.user_info{
    padding:180px 20px;
}
.user_info .adminBody{
    text-align: center;
    margin: 0 0 60px;
}
.user_info .adminBody h2{
	margin:0 0 30px 0;
	font-size:20px;
}
.user_info .adminBody h2 i{
	margin:0 10px 0 0;
}
.user_info .adminBody .adminMenu{
    width: 300px;
    margin: 0 auto;
    padding: 20px 0;
    border: 2px solid black;
    border-radius: 10px;
    font-size: 15px;
}
.user_info .adminBody .adminMenu li{
	margin:10px 0;
}
.user_info .adminBody .adminMenu li a:hover{
	color:#bbbbbb;
	transition:.3s;
}

.user_info .account_success{
    text-align: center;
    margin: 0 0 30px 0;
    padding: 10px;
    background: #01b3ee;
    color: white;
}
.user_info_content{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
	width:900px;
	margin: 50px auto 0 auto;
}
.user_info_content li form select{
	padding:10px;
	margin:10px 0;
}
.user_info_content li{
	width:30%;
    border-radius: 5px;
    border: 3px solid black;
    padding: 20px 20px 70px 20px;
    margin: 0 0px 30px 0px;
    position: relative;
    background: white;
}
.user_info_content li img{
    width:100%;
    height:125px;
    object-fit: cover;
    margin:0 10px 10px 0;
    float:left;
}
.user_info_content li h2{
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 10px 0;
    text-align: center;
}
.user_info_content li a{
    background: #2392e3;
    border: 3px solid #2392e3;
    color: white;
    transition: .3s;
    font-weight: bold;
    box-shadow: none;
    padding: 10px 20px;
    border-radius: 3px;
    font-size:13px;
}
.user_info_content li a.infoyoutube{
    position: static;
    padding: 0;
    background: unset;
    color: #dc1717;
    border: unset;
    font-size: 15px;
}
.user_info_content input[type="submit"]{
    background: #2392e3;
    border: 3px solid #2392e3;
    color: white;
    transition: .3s;
    font-weight: bold;
    box-shadow: none;
	height:auto;
	width:90%;
	border-radius: 50px;
    font-size: 13px;
}
.user_info_content input[type="submit"]:hover{
    background-color: white;
    color:#2392e3;
}
.user_info_content li input{
    position: absolute;
    bottom: 20px;
    right: 20px;
    padding: 10px 20px;
    border-radius: 3px;
}
.user_info_content li a:hover{
    background:white;
    color:#2392e3;
}
.user_info_content li a,.user_info_content li input{
position: absolute;
    bottom: 20px;
    left: 50%;
    border-radius: 50px;
    font-size: 13px;
    font-family: unset;
    transform: translate(-50%,0);
	width:90%;
}
.user_info_content li p{
    text-align: justify;
    font-size:14px;
}
.user_info_content li span{
	text-align: center;
    display: block;
    margin: 10px 0;
    background: #adaaaa;
    color: white;
	position: absolute;
    right: 20px;
    font-size: 13px;
    padding: 14px 20px;
    border-radius: 5px;
    bottom: 10px;
}
.userInfo_erro{
    padding: 30px 10% 200px 10%;
    text-align: center;
	min-height:100vh;
}
.userInfo_erro #lottie-container{
    width: 500px;
    margin: 0 auto;
}
.userInfo_erro h2{
	font-size: 20px;
    font-weight: bold;
    margin: 0 0 30px 0;
}
.userInfo_erro .intro{
    width: 600px;
    margin: 10px auto 30px auto;
    border: 2px solid black;
    border-radius: 10px;
    padding: 30px;
    background: #fafafa;
}
.userInfo_erro a{
	background: #2392e3;
    border: 3px solid #2392e3;
    color: white;
    transition: .3s;
    font-weight: bold;
    box-shadow: none;
	 padding: 10px 20px;
    border-radius: 3px;
	display: inline-block;
    margin: 30px 0 0 0;
}
.userInfo_erro a:hover{
	background:white;
	color:#2392e3;
}
.recipiForm.menberTopModaal input[type="submit"].onclic_rec{
    width: 40px;
	    background: white;
    border-color: #b2b2b2;
    border-left-color: red;
	animation: rerotateAnimation 3s infinite linear;
	 transform: translate(-50%,0) rotate(81deg);
    transform-origin: center;
}
@keyframes rerotateAnimation {
      from {
        transform: translate(-50%,0) rotate(0deg);
      }
      to {
        transform: translate(-50%,0) rotate(360deg);
      }
    }
.userInfo_erro .errorBody{
		margin: 20px 0;
    	background: #f0f0f0;
    	padding: 20px;
	}
	.userInfo_erro .errorBody p{
		text-align:center;
	}
@media screen and ( max-width:479px ){
	.userInfo_erro #lottie-container{
		width:100%;
	}
	.userInfo_erro{
		padding: 30px 10% 60px 10%;
    	text-align: center;
    	min-height: 100vh;
	}
	.userInfo_erro h2{
		text-align:center;
		font-size:15px;
	}
	.userInfo_erro .intro{
		width:100%;
		padding:20px;
	}
	.recipiForm.menberTopModaal input[type="submit"].onclic_rec{
		color:white;
	}
	.user_info_content{
		width:100%;
	}
	.user_info_content li form select{
		-webkit-appearance: none;
		appearance: none;
		border: 1px solid #000;
		border-radius: 10px;
	}
    .user_info_content{
        width:100%;
    }
    .user_info .adminBody .adminMenu{
		width:90%;
    }
	.user_info_content li span{
		position: absolute;
        font-size: 10px;
        left: 5%;
        width: 90%;
        bottom: 0;
	}
	.userInfo_erro p{
		text-align:left;
		font-size:13px;
	}
    .user_info_content li{
        width:80%;
        margin:0 auto 30px auto;
        padding:10px 10px 60px 10px;
		min-width:unset;
		text-align:center;
    }
    .user_info_content li a, .user_info_content li input{
        position: static;
        display: inline-block;
        margin:10px 0 0 0;
        width:100%;
        text-align: center;
		transform:unset;
    }
    .user_info_content li img{
        margin:0 auto 10px auto;
        width: 100%;
        float: unset;
        height: auto;
    }
    .user_info_content li h2{
        text-align: center;
        font-size:15px;
    }
    .user_info_content li p{
        font-size:12px;
    }
    .user_info_content input[type="submit"]{
        padding: 5px;
            font-size: 10px;
    position: absolute;
    left: 50%;
    bottom: 10px;
    width: 90%;
    padding: 10px 0;
    transform: translate(-50%,0);
    }
    .user_info_content li a.infoyoutube{
        font-size:10px;
    }
    .user_info_content li a{
        font-size:10px;
        position: absolute;
        bottom: 10px;
        left: 5%;
        width: 90%;
    }
}
/*  facebook group start -------------*/

.groupRoleYoutube {
    margin: 30px 0 80px 0;
    padding: 30px 5%;
    background: white;
    display: flex;
    justify-content: space-between;
    width:900px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}
.groupRoleYoutube .leftBody{
    width:50%;
}
.groupRoleYoutubeRight {
    width: 50%;
    text-align: left;
    font-size:13px;
    padding: 0 20px 20px 20px;
}
.facebookGroupLink {
    text-align: center;
    display: inline-block;
    width: 100%;
    padding: 10px 20px;
    border-radius: 10px;
    background: #4267b2;
    color: white;
    border: 3px solid #4267b2;
    transition: .3s;
}
.facebookGroupLink:hover{
    background:white;
    color:#4267b2;
}
.groupRoleYoutubeRight .chatAttention{
    color: red;
    font-weight: bold;
}
.groupRoleBody {
    display: flex;
    justify-content: space-between;
}
.groupRoleBody .groupRoleStep {
    width: 24%;
    text-align: left;
    font-size: 13px;
    padding:10px;
    background:white;
}
.groupRoleBody .groupRoleStep span {
    display: inline-block;
    margin: 0 0 10px 0;
    padding: 5px 20px;
    border-radius: 5px;
    background: #00b4ee;
    color: white;
}
.groupRoleBody .groupRoleStep h2 {
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 20px 0;
}
.groupRoleBody .groupRoleStep p {
    text-align: justify;
}
#facebookUsed {
    text-align: center;
    margin: 30px auto 60px auto;
    position: relative;
}
#menberFacebookAdd .mainImg,#localEventRule .mainImg{
    position: absolute;
    width: 180px;
    top: 0px;
    left: 100px;
}
#localEventRule .intro{
	margin:20px 30px 30px 30px;
	font-size:18px;
}
.localReaderBody table{
	margin: 30px 0 0 0;
	width: 100%;
	border:1px solid black;
}
.localReaderBody table th{
	padding:10px;
	text-align:center;
	border:1px solid #8f8f8f;
	background:black;
}
.localReaderBody table td{
	padding:10px;
	text-align:center;
	border:1px solid #8f8f8f;
}
.localReaderBody table th em{
    padding: 1px 15px;
    border-radius: 50px;
    background: black;
    color: white;
}
#localEventRule h3{
	font-size:20px;
	font-weight:bold;
	margin:0 0 20px 0;
}
#localEventRule h3 em{
    border-radius: 10px;
    background: black;
    padding: 1px 10px;
    color: white;
    background: #832c2c;
}
#localEventRule .localrule ul li a{
    font-weight: bold;
    color: #a02121;
    border-bottom: 1px solid;
}
#localEventRule ul{
    padding: 0 0 0 20px;
    font-size: 15px;
    line-height: 200%;
}
#localEventRule section{
	text-align:left;
	padding:30px;
	margin: 0 0 60px 0;
}
#localEventRule .report ul{
    margin: 20px 0;
    border: 1px solid black;
    border-radius: 5px;
    padding: 30px;
}
#localEventRule .pro ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	margin:30px 0 0 0;
}
#localEventRule .pro ul li{
	width:27%;
}
#localEventRule .pro ul li h4{
	font-weight:bold;
	margin:0 0 10px 0;
}
#localEventRule .pro ul li p{
	font-size:13px;
}
#localEventRule .pro ul li img{
	width:100%;
	margin:0 0 10px 0;
	border-radius:5px;
	aspect-ratio: 3/2;
}
#localEventRule section.type1{
    border-radius: 10px;
    background: white;
    font-size: 18px;
}
#localEventRule .hojo ul{
	padding: 30px;
    border: 1px solid black;
    margin: 20px 0;
    border-radius: 5px;
}
#localEventRule .hojo .inner{
    padding: 30px;
    border-radius: 5px;
    border: 1px solid black;
    margin: 20px 0;
}
#localEventRule .hojo table{
    font-size: 15px;
}
#localEventRule .hojo table th{
    padding: 0 40px 10px 0;
}
#localEventRule .hojo .attention{
	font-size:15px;
}
#menberFacebookAdd .noChallenge{
    margin: 30px 0;
    font-size: 13px;
    text-align: center;
}
#menberFacebookAdd .noChallenge p{
    color:red;
}
#menberFacebookAdd .noChallenge a{
    padding: 5px 10px;
    border-radius: 50px;
    border: 1px solid;
    display: inline-block;
    margin: 10px 0 0 0;
    transition: .3s;
}
.changePassModaal h3{
    font-size: 20px;
    margin: 0 0 20px 0;
    font-weight: bold;
}
.changePassModaal form{
    padding: 30px;
    text-align: center;
    background: #ececec;
    margin: 30px 0 0 0;
}
.changePassModaal form label{
	display:block;
	margin:20px 0 0 0;
}
.changePassModaal form input[type="text"],.changePassModaal form input[type="password"]{
	padding: 10px;
    width: 300px;
    font-size: 18px;
}
#menberFacebookAdd .noChallenge a:hover{
    background:#4267b2;
    color:white;
    border: 1px solid #4267b2;
}
#facebookRole {
    text-align: center;
}
#facebookRole ul {
    margin: 30px auto;
    width: 60%;
    padding: 30px;
    background: #f1f1f1;
    border-radius: 5px;
    text-align: left;
}
#facebookRole ul li {
    margin: 0 0 20px 0;
}
#facebookRole ul li h3 {
    font-size: 17px;
    font-weight: bold;
    margin: 0 0 10px 0;
}
#facebookRole ul li p {
    font-size: 12px;
}
#menberFacebookAdd .youtubeBody{
position: relative;
  width: 100%;
  padding-top: 56.25%;
}
#menberFacebookAdd .youtubeBody iframe{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
#facebookRole h2 em{
    font-size:15px;
}
@media screen and ( max-width:479px ){
	.localReaderBody table th em,.localReaderBody table td{
		font-size:10px;
	}
	.localReaderBody table th em{
		display:block;
	}
	.localReaderBody p{
		font-size:13px;
	}
	#localEventRule .intro{
    font-size: 15px;
    text-align: left;
		margin:20px 0;
}
	#localEventRule section{
		padding:20px;
	}
	#localEventRule h3 em{
		font-size:15px;
	}
	#localEventRule .hojo table{
		font-size:13px;
	}
	#localEventRule .mainImg{
		    width: 120px;
    top: 20px;
    left: 30px;
	}
	#localEventRule ul{
		font-size:13px;
		padding:0;
	}
	#localEventRule ul li{
		margin:0 0 20px 0;
	}
	#localEventRule .pro ul li{
		width: 100%;
    margin: 0 0 60px 0;
	}
    .groupRoleYoutube {
        display: block;
        padding:10px;
        width:100%;
    }
    .groupRoleYoutube .leftBody{
        width:100%;
        margin:0px 0 10px 0;
    }
    .groupRoleYoutube iframe {
        width: 100%;
        height: 220px;
    }
    .groupRoleYoutubeRight {
        width: 100%;
        padding: 10px 0;
    }
    .facebookGroupLink {
        padding: 10px;
        display: inline-block;
        margin: 20px 0 0 0;
    }
    .groupRoleYoutubeRight p {
        font-size: 13px;
    }
    .groupRoleBody {
        display: block;
    }
    .groupRoleBody .groupRoleStep {
        width: 100%;
        margin: 0 0 30px 0;
    }
    #facebookUsed {
        margin: 80px auto;
    }
    #facebookRole ul {
        width: 95%;
    }
    #menberFacebookAdd .mainImg{
        position: absolute;
        width: 100px;
        top: 50px;
        left: 20px;
    }
}
/*  facebook group end   -------------*/
/*  mtc radio start -------------------*/
#radioList .tableBody{
    width: 900px;
    margin: 30px auto;
    background: white;
    font-size: 16px;
    padding:10px;
    border-radius: 10px;
    border:2px solid #616161;
}
#radioList .table{
    width:100%;
    font-size: 16px;
}
#radioList table th:nth-child(1){
    width:120px;
}
#radioList table th:nth-child(3),#radioList table th:nth-child(4){
    width:100px;
}
#radioList table th,#radioList table td{
    padding:5px 10px;
}
#radioList table td{
    font-size:14px;
}
#radioList table td a.radioLink{
    padding: 1px 10px;
    border-radius: 50px;
    background: #2774b5;
    color: white;
    border: 1px solid #2774b5;
    transition: .3s;
}
#radioList table td a.radioLink:hover{
    background:white;
    color:#2774b5;
}
#radioList table td:nth-child(2){
    text-align: left;
}
#radioList table td:nth-last-child(1) a.radioLink{
    padding: 1px 10px;
    border-radius: 50px;
    background: #cd2615;
    color: white;
    border: 1px solid #cd2615;
    transition: .3s;
}
#radioList table td:nth-last-child(1) a.radioLink:hover{
    background:white;
    color:#cd2615;
}
#radioListModaalBody h3{
    font-size: 20px;
    margin: 0 0 20px 0;
}
#radioListModaalBody .inner{
    font-size:13px;
}
#radioList table tr.list:hover{
    background:rgb(237 238 249);
    transition: .3s;
}
@media screen and ( max-width:479px ){
    #radioList .tableBody{
        width:100%;
    }
    #radioList table tr{
        display: flex;
        flex-wrap: wrap;
    }
    #radioList table tr th:nth-child(1){
        width:100% !important;
        text-align: center !important;
    }
    #radioList table tr td:nth-child(1){
        padding: 15px 10px 10px 10px;
    }
    #radioList table tr th,#radioList table td{
        display: block;
        width:100%;
        text-align: center;
    }
    #radioList table tr th:nth-last-child(1),#radioList table tr th:nth-last-child(2){
        width:50%;
        display: block;
        border-bottom: 1px solid black;
    }
    #radioList table tr td:nth-last-child(1),#radioList table tr td:nth-last-child(2){
        width:50%;
        border-bottom: 1px solid #9a9a9a;
        padding: 10px 10px 15px 10px;
    }
    #radioListModaalBody h3{
        font-size: 15px;
    }
}
/*  mtc radio end   -------------------*/
/* affermation start -----------------*/
.afferModaalBox .attention{
	font-size:12px;
	color:red;
}
.afferModaalBox p{
	font-size:15px;
}
.afferModaalBox form{
    margin: 30px 0;
    padding: 60px 0 30px 0;
    text-align: center;
    background: #fff5e1;
}
.afferModaalBox form label{
    display: block;
    font-size: 13px;
}
.afferModaalBox form input[type="text"]{
    padding: 10px;
    width: 500px;
    margin: 10px 0;
}
.afferModaalBox form input[type="password"] {
    padding: 10px;
    width: 500px;
    margin: 10px 0;
}
#menberTop .profileBox .editorBox a.affermation{
	background:#f5e737;
}
@media screen and ( max-width:479px ){
	.afferModaalBox form input[type="text"]{
		width:100%;
		margin:0 0 -10px 0;
	}
	.afferModaalBox form{
		padding:30px 10px;
	}
	.afferModaalBox p{
		font-size:12px;
	}
}
/* userState detail start ---------------*/
.modaal-content-container .userStateBody .flex{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 30px;
    background: #f9f9f9;
}
.modaal-content-container .userStateBody .flex .leftBox{
    width: 50%;
}
.modaal-content-container .userStateBody .flex .leftBox img{
	height:100%;
}
.modaal-content-container .userStateBody .flex .rightBox{
	width:45%;
}
.modaal-content-container .userStateBody .flex .rightBox .totalMP em{
    padding: 1px 10px;
    background: #0ab4ee;
    border-radius: 50px;
    color: white;
    display: inline-block;
    margin: 10px 0 0 0;
    font-weight: bold;
}
.modaal-content-container .userStateBody .flex .rightBox h2{
    font-size: 20px;
    margin: 0 0 10px 0;
}
.modaal-content-container .userStateBody .flex .rightBox h3{
	margin:0 0 10px 0;
}
.modaal-content-container .userStateBody .throuth h2{
	font-size:20px;
	margin:0 0 20px 0;
}
.modaal-content-container .userStateBody .throuth ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.modaal-content-container .userStateBody .throuth ul li{
	width:24%;
	padding:10px;
	border:2px solid black;
	border-radius:5px;
	margin: 0 0 30px 0;
}
.modaal-content-container .userStateBody .throuth ul li.no{
    width: 100%;
    text-align: center;
    border: unset;
    background: #eae7e7;
    padding: 30px 0;
}
.modaal-content-container .userStateBody .throuth ul li h3{
	font-size:13px;
	color:#3356e2;
	margin:0 0 10px 0;
}
.modaal-content-container .userStateBody .throuth ul li p{
	font-size:13px;
}
.modaal-content-container .userStateBody .mpWrapper,.modaal-content-container .userStateBody .mpWrapper .facebook ul{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.modaal-content-container .userStateBody .mpWrapper > li{
	width:30%;
	position:relative;
}
.modaal-content-container .userStateBody .mpWrapper{
    padding: 30px;
    background: #0da4cc;
	color:white;
}
.modaal-content-container .userStateBody .mpWrapper > li img{
	width:100%;
}
.modaal-content-container .userStateBody .mpWrapper li h3{
	margin:10px 0;
	text-align:center;
	color: white;
    font-weight: bold;
}
.modaal-content-container .userStateBody .mpWrapper li h4{
    position: absolute;
    top: 100px;
    left: 50%;
    padding: 10px;
    border-radius: 10px;
    background: rgb(10 39 71 / 77%);
    width: 50%;
    color: white;
    font-weight: bold;
    transform: translate(-50%, 0px);
	color:white;
}
.modaal-content-container .userStateBody .mpWrapper li h4 p{
	color:white;
	font-size:15px;
}
.modaal-content-container .userStateBody .mpWrapper li h4 p em{
	font-size:20px;
	margin:0 0 0 10px;
}
.modaal-content-container .userStateBody .mpWrapper ul li{
	font-size:13px;
	color:black;
}
.modaal-content-container .userStateBody .mp{
	margin:30px 0;
}
.modaal-content-container .userStateBody .mpWrapper ul{
    padding: 10px;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    height: 100px;
    overflow: scroll;
    margin: 10px 0 0 0;
	background:white;
}
.modaal-content-container .userStateBody .flex .leftBox .imgBox{
    padding: 30px;
    background: white;
    text-align: center;
    /* width: 100%; */
    height: 20vw;
}
.modaal-content-container .userStateBody .rightBox .seminarADD{
    margin: 20px 0 0 0;
}
.modaal-content-container .userStateBody .rightBox .seminarADD h5 img{
    width: 30px;
    vertical-align: bottom;
    margin: 0 5px 0 0;
}
.modaal-content-container .userStateBody .rightBox .seminarADD ul{
    border: 2px solid black;
    padding: 10px;
    background: white;
    margin: 10px 0 0 0;
    border-radius: 10px;
}
.modaal-content-container .userStateBody .rightBox .seminarADD ul li{
	margin: 0 0 10px 0;
}
.modaal-content-container .userStateBody .rightBox .seminarADD ul li p.title{
    line-height: 100%;
    font-size: 14px;
    font-weight: bold;
    color: #9e2121;
}
.modaal-content-container .userStateBody .rightBox .seminarADD ul li p.date{
    margin: 0 0 0 15px;
    font-size: 13px;
}
@media screen and ( max-width:500px ){
	#menberTop .cardMember ul li a{
		font-size: 13px;
    padding: 1px 10px 4px 10px;
	}
	.modaal-content-container .userStateBody .flex{
		padding:10px;
	}
	.modaal-content-container .userStateBody .flex .leftBox,.modaal-content-container .userStateBody .flex .rightBox{
		width:100%;
	}
	.modaal-content-container .userStateBody .flex .leftBox .imgBox{
		padding:10px;
		height:150px;
	}
	.modaal-content-container .userStateBody .flex .rightBox{
		padding: 10px;
    text-align: center;
	}
	.modaal-content-container .userStateBody .mpWrapper > li{
		width:100%;
		margin:0 0 30px 0;
	}
	.modaal-content-container .userStateBody .throuth ul li{
		width:100%;
	}
}
/* userState detail end   ---------------*/
/* asazap start ---------------------------*/
#asazap .cancell{
    width: 100%;
    height: 100vh;
    padding: 120px 20px;
    text-align: center;
}
#asazap .cancell #lottieCancel{
    margin: 0 auto 30px auto;
    width: 100px;
}
#asazap .cancell .inner h2{
    font-size: 20px;
    margin: 0 0 20px 0;
    color: #8b0000;
    font-weight: bold;
}
#asazap .asaHeader img{
	width:100%;
}
#asazap .intro{
    width: 90%;
    margin: 60px auto;
    background:#2f7b0e;
    border-radius: 5px;
    padding: 30px;
	text-align:justify;
}
.youtubeBody_a{
  width: 40%;
  aspect-ratio: 16 / 9;
margin:0 0 10px 10px;
}
.youtubeBody_a iframe {
  width: 100%;
  height: 100%;
}
#asazap .intro em{
	background: linear-gradient(transparent 50%, #679f40 50%);
	color:white;
}
#asazap .intro h3{
	font-size:20px;
	margin:0 0 10px 10px;
	color:#cbffce;
}
#asazap .flex{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
#asazap .flex.about .leftBox{
	width:45%;
}
#asazap .aboutAsazap{
	width:90%;
	margin:0 auto;
}
#asazap .flex.about .leftBox img{
	width:100%;
}
#asazap .flex.about .rightBox{
	width:50%;
}
#asazap .flex.about .rightBox p{
	font-size:13px;
	text-align:justify;
}
#asazap .flex.about .rightBox h3{
	font-size:18px;
	font-weight:bold;
	margin:0 0 10px 0;
}
#asazap .flex.intro .leftBox{
	width:50%;
}
#asazap .intro p{
	color:#cbffce;
	font-size:15px;
}
#asazap .intro p.event{
	color:#fff91d;
}
#asazap .asazapCancell{
    margin: 20px auto;
    text-align: center;
}
#asazap .asazapCancell p{
	font-size:12px;
}
#asazap form{
    width: 90%;
    margin: 50px auto 60px auto;
    padding: 30px 80px;
    border: 2px solid black;
	border-radius: 5px;
    background: #fff6ec;
}
#asazap form h3{
    text-align: center;
    margin: 0 0 30px 0;
}
#asazap form .flex{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	margin:0 0 10px 0;
}
#asazap form .flex.weight{
	margin:0 0 30px 0;
}
#asazap form .flex.weight div div{
	color:white;
}
#asazap form .flex .leftBox,#asazap form .flex .rightBox{
	width:45%;
	padding: 10px;
    background: #bb6e01;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#asazap form .flex.sceh{
	padding:20px 0;
}
#asazap form .flex.sceh div{
	    width: 33%;
    text-align: center;
    margin: 0 0 10px 0;
}
#asazap form .flex.weight input{
padding: 5px 10px;
    border: unset;
    border-radius: 5px;
    width: 150px;
    background: rgb(255 255 255 / 38%);
    vertical-align: top;
	margin:0 10px 0 0;
}
#asazap form .label{
	font-size:10px;
	color:red;
}
#asazap form label em{
font-size: 13px;
    padding: 3px 10px;
    border-radius: 5px;
    background: black;
    color: white;
    margin: 0 5px 0 0;
}
#asazap form .cvBox{
	text-align:center;
}
#asazap form .cvBox input{
	padding: 10px 20px;
    font-size: 20px;
    border-radius: 10px;
    background: #2e7a0d;
    color: white;
    border: 2px solid;
    transition: .3s;
}
#asazap form .cvBox input:hover{
	background:white;
	color:#2e7a0d;
}
#error{
    height: 100vh;
    text-align: center;
    padding: 120px 20px;
}
#error h2{
	font-size:20px;
	font-weight:bold;
	margin:0 0 20px 0;
}
#asazapMypage{
	padding: 60px 10px;
	background:#bce9b6;
}
#asazapMypage h2,#asazapMypage h3{
	text-align:center;
}
#asazapMypage h2 em{
	margin:0 10px;
	font-size:30px;
}
#asazapMypage h3 em{
	font-weight:bold;
	color:#1b8431;
}
#asazapMypage .target h3{
	margin:0 30px;
	color:white;
}
#asazapMypage .target h3 em{
    font-size: 50px;
    margin: 0 10px;
	color:white;
}
#asazapMypage .target h4{
	text-align:center;
	color:white;
}
#asazapMypage .target h4 em{
    font-size: 50px;
    margin: 0 10px;
    font-weight: bold;
}
#asazapMypage .graBox{
	width:90%;
	height:37vw;
	margin:60px auto 25px auto;
	padding:30px;
	background:#f5f9f2;
}
#asazapMypage .graBox canvas{
	width:100% !important;
	display: inline-block !important;
    background: white;
}

#asazapMypage #progress {
  height: 20px; /* バーの高さ */
	width: 50%;
	margin: 10px;
    position: relative;
    top: 11px;
}
#asazapMypage .otherData ul{
    width: 90%;
    display: flex;
    justify-content: space-between;
    margin: 30px auto;
    flex-wrap: wrap;
}
#asazapMypage .otherData ul li{
	width:32%;
	margin:0 0 20px 0;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	    background: white;
    padding: 10px 10px 10px 25px;
    box-shadow: 5px 6px 10px #757575;
	border-radius:10px;
	position:relative;
}
#asazapMypage .otherData ul li::after{
    content: "";
    display: block;
    height: 100%;
    width: 17px;
    position: absolute;
    /* right: 0px; */
    top: 0;
    border-radius: 10px 0 0 10px;
    left: 0;
}
#asazapMypage .otherData ul li.type1::after{
	background: #329f1b;
}
#asazapMypage .otherData ul li.type2::after{
	background: #f1e042;
}
#asazapMypage .otherData ul li.type3::after{
	background: #f19842;
}
#asazapMypage .otherData ul li.type4::after{
	background: #f14242;
}
#asazapMypage .otherData ul li.type5::after{
	background: #42c1f1;
}
#asazapMypage .otherData ul li.type6::after{
	background: #4e42f1;
}
#asazapMypage .otherData ul li.type7::after{
	background: #f042f1;
}
#asazapMypage .otherData ul li.type8::after{
	background: #f1424b;
}
#asazapMypage .otherData ul li.type9::after{
	background: #f1424b;
}
#asazapMypage .otherData ul li.type10::after{
	background: #2196f3;
}
#asazapMypage .otherData ul li .leftBox{
	width:30%;
	display:flex;
	align-items:center;
}
#asazapMypage .otherData ul li .leftBox img{
	width:100%;
	border-radius:50%;
	object-fit:cover;
}
#asazapMypage .otherData ul li .rightBox{
	width:65%;
	text-align:left;
}
#asazapMypage .otherData ul li .rightBox h3{
	margin:0 0 10px 0;
	text-align:left;
}
#asazapMypage .otherData ul li .rightBox th{
	font-size:12px;
}
#asazapMypage .otherData ul li .rightBox td{
	font-size:13px;
	text-align:right;
}
#asazapMypage progress {
    -webkit-appearance: none;
	-moz-appearance: none;
    background-color:white;
  }
  ::-webkit-progress-bar {
    background-color:white;
  }
  ::-webkit-progress-value {
    background-color:#fffc4f;
  }
::-moz-progress-bar {
    background-color:#fffc4f;
  }
#asazapMypage .chat{
    text-align: center;
    margin: 60px 0 0 0;
}
#cardMemberAdd.asazapResult{
	background:#45d581;
}
#asazapMypage .chat a{
    padding: 5px 20px;
    border-radius: 10px;
    background: #aa1312;
    color: white;
    font-size: 20px;
    border: 1px solid #aa1312;
	transition:.3s;
}
#asazapMypage .chat a:hover{
	background:white;
	color: #aa1312;
}
#asazapMypage .addAllWeight{
	text-align:center;
position:relative;
	    width: 90%;
    margin: 0 auto;
    background:#2e7700;
    padding: 30px;
    border-radius: 10px;
}
#asazapMypage .addAllWeight .backImg{
	position:absolute;
	top:-100px;
    right: 50px;
    width: 200px;
    z-index: 0;
}
#asazapMypage .addAllWeight .imgBox{
		position:relative;
	height: 200px;
    width: 50%;
    margin: 0 auto;
}
#asazapMypage .addAllWeight .imgBox img{
	position:absolute;
	top:50%;
	left:50%;
	width:150px;
	transform:translate(-50%,-50%)
}
#asazapMypage .addAllWeight h5{
    margin: 10px 0;
    color: white;
}
#asazapMypage .addAllWeight .progressBody{
	position:relative;
	z-index:1;
	color:white;
}
#asazapMypage .otherData{
	margin:100px auto 30px auto;
}
#asazapMypage .otherData h3{
	font-size:20px;
}
#asazapMypage .otherData .rightBox h3{
	font-size:15px;
}
#asazapMypage .addAllWeight h4 em{
    font-size: 30px;
    margin: 0 5px 0 0;
    font-weight: bold;
    color: #fffb4f;
}
#asazapMypage .changeTarget{
	text-align:center;
	padding:60px 0;
}
#asazapMypage .target{
    width: 90%;
    margin: 0 auto 120px auto;
    background:#2e7800;
    padding: 30px 0;
    border-radius: 10px;
	    display: flex;
    justify-content: center;
    flex-wrap: wrap;
	position:relative;
}
#asazapMypage .target img{
	position:absolute;
    width: 200px;
    top: -130px;
    left: 10px;
}
#asazapMypage .changeTarget a{
    padding: 10px 20px;
    border-radius: 10px;
    background: #aa1212;
    color: white;
    margin: 0 20px;
    border: 1px solid #aa1212;
	 transition:.3s;
}
#asazapMypage .addAllWeight h3{
	font-size:20px;
	color:white;
}
#asazapMypage .addAllWeight h4{
	color:white;
}
#asazapMypage .addAllWeight h3 em{
	display:block;
	color:white;
}
#asazapMypage .changeTarget a:hover{
	background:white;
	color: #aa1212;
}
.asaZap_changeTargetBody{
	text-align:center;
}
.asaZap_changeTargetBody h3{
	font-size:20px;
	margin:0 0 20px 0;
}
.asaZap_changeTargetBody .flex{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.asaZap_changeTargetBody .flex div{
	width:30%;
	margin:0 0 10px 0;
}
.asaZap_changeTargetBody #targetWeight{
    text-align: right;
    padding: 10px;
    margin: 0 10px;
    font-size: 18px;
}
.asaZap_changeTargetBody .targetWeightBox{
	padding: 30px;
    border-radius: 5px;
    background: #fff5dc;
	margin:0 0 30px 0;
}
.asaZap_changeTargetBody .flex{
	margin:20px 0;
}
.asaZap_changeTargetBody input[type="submit"]{
    padding: 10px 20px;
    border-radius: 5px;
    background: #2b7a01;
    color: white;
    border: 1px solid #2b7a01;
    transition: .3s;
}
.asaZap_changeTargetBody input[type="submit"]:hover,.m_updateWeightBody form input[type="submit"]:hover{
	background:white;
	color:#2b7a01;
}
.m_updateWeightBody form{
    margin: 30px 0;
    padding: 30px;
    background: #fff7ed;
	text-align:center;
}
.m_updateWeightBody form input[type="submit"]{
	    padding: 10px 20px;
    border-radius: 5px;
    background: #2b7a01;
    color: white;
    border: 1px solid #2b7a01;
    transition: .3s;
}
.m_updateWeightBody form .flex{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
	margin:0 0 20px 0;
}
.m_updateWeightBody form .flex input,.m_updateWeightBody form .flex select{
    padding: 10px;
    margin: 0 10px;
}
#asazapMypage .asazapCancell{
    margin: 30px 0 0 0;
    text-align: center;
}
@media screen and ( max-width:500px ){
	#asazap .cancell .inner p{
		font-size:12px;
	}
	#error p{
	font-size:13px;
}
	#asazap .intro{
		padding:15px;
	}
	#asazap .flex.intro .leftBox,#asazap .flex.intro .youtubeBody_a,#asazap .flex.about .leftBox,#asazap .flex.about .rightBox{
		width:100%;
	}
	#asazap .flex.intro .youtubeBody_a{
		margin:10px 0 0 0;
	}
	#asazap .flex.about .rightBox h3{
		text-align:center;
		margin:20px 0;
	}
	#asazap form{
		padding:15px;
	}
	#asazap form h3 em{
		display:block;
		color:red;
	}
	#asazap form .flex .leftBox, #asazap form .flex .rightBox{
		width:100%;
		margin:0 0 30px 0;
	}
	#asazap form .flex.sceh div{
		width:45%;
	}
	#asazap form .cvBox input{
		font-size:18px;
	}
	#asazapMypage .graBox{
		width:95%;
		height:50vw;
		padding:10px;
		margin:30px auto 25px auto;
	}
	#asazapMypage .changeTarget{
    padding: 20px 0;
    font-size: 12px;
    margin: 0 0 100px 0;
}
	#asazapMypage .target img{
	width:110px;
    top: -60px;
    left: 10px;
	}
	#asazapMypage .target{
		width:95%;
		padding:50px 0;
		margin:0 auto 60px auto;
	}
	#asazapMypage .target h4{
		margin:0 0 20px 0;
	}
	#asazapMypage .addAllWeight h3{
		font-size:18px;
	}
	#asazapMypage .addAllWeight .backImg{
    top: -70px;
    right: 10px;
    width: 100px;
	}
	#asazapMypage .target h4 em{
		font-size: 40px;
    margin: 0 10px;
    font-weight: bold;
    display: block;
	}
	#asazapMypage .target h3 em{
		font-size:40px;
		display:block;
	}
	#asazapMypage .otherData h3{
		font-size:18px;
	}
	#asazapMypage .otherData ul li{
		width:48%;
	}
	#asazapMypage .otherData ul li .leftBox{
		width:100%;
		text-align:center;
		display:block;
	}
	#asazapMypage .otherData ul li .leftBox img{
		width:50%;
	}
	#asazapMypage .otherData ul{
		width:95%;
	}
	#asazapMypage .otherData ul li .rightBox{
		width:100%;
	}
	#asazapMypage .otherData ul li .rightBox h3{
		text-align:center;
		font-size: 13px;
	}
	#asazapMypage .otherData ul li .rightBox th,#asazapMypage .otherData ul li .rightBox td{
		font-size:10px;
	}
	.asaZap_changeTargetBody h3{
		font-size:18px;
	}
	.asaZap_changeTargetBody .targetWeightBox{
		padding:10px;
	}
	.asaZap_changeTargetBody .flex div{
		    width: 48%;
    margin: 0 0 10px 0;
    font-size: 13px;
	}
	.m_updateWeightBody form{
		padding:20px;
	}
	.m_updateWeightBody form .flex div{
		width:100%;
		margin:0 0 20px 0;
	}
	.m_updateWeightBody form .flex label{
		font-size:13px;
	}
	.m_updateWeightBody h2{
		text-align:center;
	}
	#asazapMypage h2 em{
		font-size:20px;
	}
	#asazapMypage .addAllWeight{
		width:95%;
	}
}

/* asazap end   ---------------------------*/
/* stripe sum start------------------------*/
#stripeSum{
    padding: 120px 30px 60px 5%;
	text-align:center;
}
#stripeSum h2{
    font-size: 25px;
    margin: 0 0 10px 0;
}
#stripeSum .allSum{
    padding: 30px;
    background: #f1f1f1;
    font-size: 15px;
    margin: 30px 0;
}
#stripeSum .allSum .totalPrice{
	font-size:20px;
	margin:0 0 0 10px;
	color:#7b1414;
}
#stripeSum table{
    width: 100%;
    background: #f2f2f2;
	border-collapse: collapse;
	border: 1px solid #dadada;
    box-shadow: 10px 10px 10px #cfcfcf;
}
#stripeSum table th{
	padding:10px;
}
#stripeSum table td{
	padding:10px;
	background:white;
	font-size:13px;
}
#stripeSum table tr td:nth-child(1),#stripeSum table tr td:nth-child(3){
	text-align:left;
}
#stripeSum table tr:hover td{
	background:#ececec;
}
#stripeSum .date{
    padding: 30px;
    background: #f7f7f7;
    margin: 30px 0;
}
#stripeSum form input[type="date"]{
    padding: 10px;
    margin: 0 10px;
}
#stripeSum form .cv{
	margin:10px 0 0 0;
}
#stripeSum form .cv input{
	padding:10px 30px;
	border-radius:5px;
	background:#3cc4ec;
	color:white;
	border:1px solid #3cc4ec;
	transition:.3s;
	font-size:18px;
}
#stripeSum form .cv input:hover{
	background:white;
	color:#3cc4ec;
}
/* stripe sum end -------------------------*/
/* sns insert start -------------------------*/
.standard_snsBody{
	text-align:center;
}
.standard_snsBody form{
    width: 500px;
    margin: 30px auto;
    padding: 30px;
    background: #f9f4f4;
}
.standard_snsBody form div{
	margin:0 0 20px 0;
	text-align:left;
}
.standard_snsBody form input[type="submit"]{
    padding: 10px;
    background: #13a2d5;
    color: white;
    border-radius: 10px;
    border: 2px solid #13a2d5;
    transition: .3s;
}
.standard_snsBody form input[type="submit"]:hover{
	background:white;
	color:#13a2d5;
}
.standard_snsBody form div.white{
	background:white;
}
.standard_snsBody form div label{
	margin:0 0 5px 0;
	display:block;
}
.standard_snsBody form .inner{
	width:300px;
	margin:0 auto;
}
.standard_snsBody form select,.standard_snsBody form input,.standard_snsBody form textarea{
	padding:10px;
	width:100%;
}
#snsInsert{
	padding:60px 30px;
	background: #f7f7f7;
	min-height: 100vh;
}
#snsInsert .standar{
	text-align:center;
}
#snsInsert .standar .standard_sns{
    padding: 5px 20px;
    border-radius: 50px;
    background: #d70b41;
    color: white;
    border: 2px solid #d70b41;
    transition: .3s;
}
#snsInsert .standar .standard_sns:hover{
	background:white;
	color:#d70b41;
}
#snsInsert .noPost{
	text-align:center;
	padding:80px 0;
}
#snsInsert .sceBody{
	margin: 30px;
	padding: 30px;
	background: #eeeeee;
	text-align: center;
}
#snsInsert .sceBody li input[type="submit"]{
    margin: 0 0 0 10px;
    padding: 1px 10px;
    border-radius: 50px;
    background: #d70c40;
    color: white;
    font-size: 13px;
    cursor: pointer;
    border: 1px solid #d70c40;
    transition: .3s;
	position: relative;
    top: -2px;
}
.sceModal{
    display: flex;
    justify-content: space-around;
}
.sceModal img{
	width:45%;
}
.sceModal .text{
	width:50%;
	font-size:13px;
}
.sceModal .text p{
	overflow-wrap: anywhere;
}
#snsInsert .sceBody li form{
	display:inline;
}
#snsInsert .sceBody li{
	 margin: 10px auto;
    background: white;
    padding: 5px 10px;
    border-radius: 50px;
    width: 250px;
	box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
}
#snsInsert .sceBody li input[type="submit"]:hover{
	background:white;
	color:#d70c40;
}
#snsInsert .sceBody h3{
	margin:0 0 10px 0;
}
#snsInsert .mainBody{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 30px;
}
#snsInsert .mainBody > li{
width: 31%;
    margin: 0 0 50px 0;
    padding: 10px;
    background: white;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
#snsInsert .mainBody li img{
	width:100%;
	height: 300px;
    object-fit: cover;
}
#snsInsert textarea{
	width:100%;
	padding:10px;
	margin:0 0 10px 0;
}
#snsInsert select{
	width:100%;
	margin: 0 0 10px 0;
    border: 1px solid black;
	padding:10px;
}
#snsInsert h2{
	text-align:center;
}
#snsInsert label{
	font-size:13px;
}
#snsInsert label i{
	margin:0 5px 0 0;
}
#snsInsert input[type="datetime-local"],#snsInsert input[type="text"]{
    width: 100%;
    padding: 10px;
    margin: 0 0 10px 0;
}
#snsInsert .cv{
	text-align:center;
	padding:5px 0;
}
#snsInsert .cv input{
    padding: 5px 10px;
    border-radius: 10px;
    background: black;
    color: white;
    margin: 0 10px;
	border:1px solid black;
	transition:.3s;
}
#snsInsert .cv input:hover{
	background:white;
	color:black;
}
#snsInsert .cv input:nth-child(3){
	background:#1879e3;
	border:1px solid #1879e3;
}
#snsInsert .cv input:nth-child(3):hover{
	background:white;
	color:#1879e3;
}
#sns_overLay{
     z-index: 0;
		display: none;
    width: 100%;
    height: 100vh;
    text-align: center;
    position: fixed;
    top: 0;
    z-index: 1;
    background: rgb(0 0 0 / 84%);
    text-align: center;
    position: fixed;
}
#sns_overLay.on{
	display:block;
}
#sns_overLay p{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size:20px
}
#spinningTextG{
	width:510px;
	margin:auto;
	height:64px;
    display: flex;
    justify-content: center;
    position: fixed;
    top: 300px;
    left: 50%;
    transform: translate(-50%,0);
}

.spinningTextG{
	color:rgb(0,0,0);
	font-size:50px;
	text-decoration:none;
	font-weight:normal;
	font-style:normal;
    margin:0 5px;
	animation-name:bounce_spinningTextG;
		-o-animation-name:bounce_spinningTextG;
		-ms-animation-name:bounce_spinningTextG;
		-webkit-animation-name:bounce_spinningTextG;
		-moz-animation-name:bounce_spinningTextG;
	animation-duration:1.235s;
		-o-animation-duration:1.235s;
		-ms-animation-duration:1.235s;
		-webkit-animation-duration:1.235s;
		-moz-animation-duration:1.235s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
	transform:scale(.3);
		-o-transform:scale(.3);
		-ms-transform:scale(.3);
		-webkit-transform:scale(.3);
		-moz-transform:scale(.3);
}

#spinningTextG_1{
	animation-delay:0.6125s;
		-o-animation-delay:0.6125s;
		-ms-animation-delay:0.6125s;
		-webkit-animation-delay:0.6125s;
		-moz-animation-delay:0.6125s;
}
#spinningTextG_2{
	animation-delay:0.739s;
		-o-animation-delay:0.739s;
		-ms-animation-delay:0.739s;
		-webkit-animation-delay:0.739s;
		-moz-animation-delay:0.739s;
}
#spinningTextG_3{
	animation-delay:0.8655s;
		-o-animation-delay:0.8655s;
		-ms-animation-delay:0.8655s;
		-webkit-animation-delay:0.8655s;
		-moz-animation-delay:0.8655s;
}
#spinningTextG_4{
	animation-delay:0.992s;
		-o-animation-delay:0.992s;
		-ms-animation-delay:0.992s;
		-webkit-animation-delay:0.992s;
		-moz-animation-delay:0.992s;
}
#spinningTextG_5{
	animation-delay:1.1085s;
		-o-animation-delay:1.1085s;
		-ms-animation-delay:1.1085s;
		-webkit-animation-delay:1.1085s;
		-moz-animation-delay:1.1085s;
}
#spinningTextG_6{
	animation-delay:1.235s;
		-o-animation-delay:1.235s;
		-ms-animation-delay:1.235s;
		-webkit-animation-delay:1.235s;
		-moz-animation-delay:1.235s;
}
#spinningTextG_7{
	animation-delay:1.3615s;
		-o-animation-delay:1.3615s;
		-ms-animation-delay:1.3615s;
		-webkit-animation-delay:1.3615s;
		-moz-animation-delay:1.3615s;
}




@keyframes bounce_spinningTextG{
	0%{
		transform:scale(1);
		color:rgb(0,0,0);
	}

	100%{
		transform:scale(.3) rotate(90deg);
		color:rgb(255,255,255);
	}
}

@-o-keyframes bounce_spinningTextG{
	0%{
		-o-transform:scale(1);
		color:rgb(0,0,0);
	}

	100%{
		-o-transform:scale(.3) rotate(90deg);
		color:rgb(255,255,255);
	}
}

@-ms-keyframes bounce_spinningTextG{
	0%{
		-ms-transform:scale(1);
		color:rgb(0,0,0);
	}

	100%{
		-ms-transform:scale(.3) rotate(90deg);
		color:rgb(255,255,255);
	}
}

@-webkit-keyframes bounce_spinningTextG{
	0%{
		-webkit-transform:scale(1);
		color:rgb(0,0,0);
	}

	100%{
		-webkit-transform:scale(.3) rotate(90deg);
		color:rgb(255,255,255);
	}
}

@-moz-keyframes bounce_spinningTextG{
	0%{
		-moz-transform:scale(1);
		color:rgb(0,0,0);
	}

	100%{
		-moz-transform:scale(.3) rotate(90deg);
		color:rgb(255,255,255);
	}
}
@media screen and ( max-width:500px ){
	.standard_snsBody form,.standard_snsBody form .inner{
		width:100%;
	}
	.standard_snsBody form{
		padding:10px;
	}
	#snsInsert{
		padding:60px 10px;
		min-height: 100vh;
	}
	#snsInsert .sceBody{
		margin:20px 0;
	}
	#snsInsert .mainBody{
		margin:30px 0;
	}
	#snsInsert .mainBody > li,.sceModal img,.sceModal .text{
		width:100%;
	}
	.sceModal{
		display:block;
	}
	#sns_overLay p{
		position: fixed;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 30px;
    color: white;
	}
}
/* sns insert end   -------------------------*/
/* greatCard start -------------------------*/

#greatCard{
padding: 180px 60px;
    text-align: center;
    min-width: 1000px;
}
#greatCard .choiceCardBody .flex{
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    margin: 30px auto;
    padding: 30px;
    border-radius: 10px;
    background: #f8f8f8;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
#greatCard .choiceCardBody .flex .commentBox{
	width:100%;
	text-align:justify;
	animation-duration: 2s;
	position: relative;
}
#greatCard .choiceCardBody .flex .commentBox .answereBox{
    position: absolute;
    width: 100%;
    bottom: 0;
}
#greatCard .choiceCardBody .flex .commentBox .answereBox .commentCv{
    width: 30%;
    margin: 10px 0 0 auto;
    text-align: center;
}
#greatCard .choiceCardBody .flex .commentBox textarea{
	width:100%;
	padding:10px;
}
#greatCard .choiceCardBody .flex .commentBox button,.m_voiceDetailBody .rightBox button,.m_gachaBody .gachaGameBody .rightBody button{
    border-radius: 10px;
    background: #e62121;
    color: white;
    border: 3px solid #e62121;
    transition: .3s;
	display:inline-block;
	width:100%;
	height:31.5px;
	position:relative;
}
#greatCard .choiceCardBody .flex .commentBox button.on,.m_voiceDetailBody .rightBox button.on,.m_gachaBody .gachaGameBody .rightBody button.on{
    width: 31.5px;
    border-radius: 50%;
    background:white;
}
#greatCard .choiceCardBody .flex .commentBox button.on:before,.m_voiceDetailBody .rightBox button.on:before,.m_gachaBody .gachaGameBody .rightBody button.on:before{
	content:"";
	display:block;
    width: 5px;
    height: 17px;
    color: #151515;
    background: white;
    transform: rotate(201deg);
    top: 9px;
    left: 8px;
    transform-origin: top right;
    position: relative;
	animation: rotatingb 2s 0.25s linear infinite;
	opacity:0;
	animation-delay:0.5s;
}
@keyframes rotatingb {
    from {
		opacity:1;
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
		opacity:1;
    }
}
#greatCard .choiceCardBody .flex .commentBox button:hover,.m_voiceDetailBody .rightBox button:hover,.m_gachaBody .gachaGameBody .rightBody button.unstart:hover{
	background:white;
	color:#e62121;
}
#greatCard .choiceCardBody .flex .commentBox h4 em{
    background: #00bdd5;
    color: white;
    border-radius: 10px;
    padding: 2px 10px;
    font-size: 13px;
}
#greatCard .choiceCardBody .flex .commentBox h3{
	font-size:15px;
	margin:10px 0 30px 0;
	line-height:150%;
}
#greatCard .choiceCardBody .flex .cardBox{
	width:100%;
	transition:1s;
}
#greatCard .choiceCardBody .flex.on .cardBox{
	width:50%;
}
#greatCard .choiceCardBody .flex .commentBox.on{
	display:block;
	width:50%;
}
#greatCard .commentBox{
	display:none;
}
#greatCard .m_aboutProverb i{
	margin:0 0 0 5px;
}
#greatCard h2{
	font-size:25px;
}
#greatCard h2 em{
	font-size:15px;
	margin:0 0 10px 0;
	display:block;
}
#greatCard .choiceCard .flexBox{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
#greatCard .choiceCard .flexBox .leftBox{
	width:300px;
	padding:30px;
}
#greatCard .choiceCard .flexBox .rightBox{
	width:700px;
	padding:30px;
}
#greatCard .choiceCard .flexBox .leftBox img{
	width:100%;
}
#greatCard .card-container{
	perspective: 1000px;
}
#greatCard .card {
	margin:0 auto;
	width: 200px;
	height: 300px;
	position: relative;
	transform-style: preserve-3d;
	transform-origin: center;
}
#greatCard .card.on{
	animation: greatAnimationF linear 4.5s forwards;
}

#greatCard .card .face{
      position: absolute;
      width: 100%;
      height: 100%;
      backface-visibility: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 24px;
      font-weight: bold;
    }
#greatCard .greatCardList ul{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 30px 0;
}
#greatCard .greatCardList ul.standardUl li{
    width: 24%;
    padding: 10px 10px 50px 10px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
	position:relative;
	border-radius:5px;
}
#greatCard .greatCardList ul.standardUl li.new:before{
content: "";
    display: block;
    position: absolute;
    color: white;
    text-align: center;
    top: 0px;
    left: 0px;
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-bottom: 50px solid #fcea30;
    transform: rotate(180deg);
}
#greatCard .greatCardList ul.standardUl li.new:after{
	content:"new";
	display:block;
	font-size:13px;
	position:absolute;
top: 5px;
    left: 5px;
    transform: rotate(318deg);
}
#greatCard .greatCardList ul.standardUl li a{
	font-size:13px;
	position:absolute;
	bottom:10px;
	left:50%;
	transform:translate(-50%,0);
	padding:2px 20px;
	border-radius:10px;
	background:#008dd5;
	border:1px solid #008dd5;
	transition:.3s;
	color:white;
}
#greatCard .greatCardList ul.standardUl li a:hover{
	background:white;
	color:#008dd5;
}
#greatCard .greatCardList ul.standardUl li img{
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
}
#greatCard .greatCardList ul li.noCard{
	background:#d1dbe0;
	position:relative;
	box-shadow:unset;
	min-height: 300px;
}
#greatCard .greatCardList ul li.noCard .inner{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
}
#greatCard .greatCardList ul li.noCard .inner img{
	width:150px;
	margin:0 0 10px 0;
	aspect-ratio:unset;
}
#greatCard .greatCardList ul li.noCard .inner p{
	color:white;
}
#greatCard .greatCardList ul.standardUl li h3{
	font-size:15px;
	margin:0px 0 20px 0;
}
#greatCard .greatCardList ul.standardUl li h4 em{
    padding: 2px 10px;
    border-radius: 20px;
    background: #d1dbe1;
    font-size: 10px;
}
#greatCard .greatCardList ul.standardUl li .voice{
	font-size:13px;
	text-align:justify;
}
#greatCard .greatCardList ul.premiumUl li{
	width:24%;
	margin:0 0 30px 0;
	position:relative;
	padding:0 0 30px 0;
}
#greatCard .greatCardList ul.premiumUl li .premiumDetail{
	position:absolute;
	bottom:5px;
	width:100%;
	text-align:center;
}
.m_pre_detailBody h3{
	font-size:20px;
	margin:0 0 20px 0;
}
#greatCard .greatCardList ul.premiumUl li .premiumDetail .pre_detail{
	border-radius:10px;
	background:#008dd5;
	color:white;
	border:1px solid #008dd5;
	transition:.3s;
	padding:2px 20px;
	font-size:13px;
}
#greatCard .greatCardList ul.premiumUl li .premiumDetail .pre_send{
		border-radius:10px;
	background:#008dd5;
	color:white;
	border:1px solid #008dd5;
	transition:.3s;
	padding:2px 20px;
	font-size:13px;
}
#greatCard .greatCardList ul.premiumUl li .premiumDetail .pre_send:hover{
	background:white;
	color:#008dd5;
}
#greatCard .greatCardList ul.premiumUl li .premiumDetail .pre_detail:hover{
	background:white;
	color:#008dd5;
}
#greatCard .greatCardList ul.premiumUl li.notGet i{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	font-size:100px;
	color:rgb(255 255 255 / 71%);
}
#greatCard .greatCardList ul.premiumUl li .preCardState{
position: absolute;
    color: #ffff58;
    top: 106px;
    left: 0px;
    width: 100%;
    text-align: center;
    font-size: 13px;
}
#greatCard .greatCardList ul.premiumUl li .preCardState em{
	    font-family: "Playfair Display", serif;
}
#greatCard .greatCardList ul.premiumUl{
	margin:0;
}
#greatCard .greatCardList ul.premiumUl li img{
	width:100%;
	filter: grayscale(0.3);
	background: black;
    border-radius: 10px;
}
#greatCard .greatCardList .premiumBody{
    padding: 30px;
    background: whitesmoke;
	margin:30px 0;
}
#greatCard .greatCardList .premiumBody .m_gacha{
    padding: 5px 20px;
    border-radius: 20px;
    background: #e82e2d;
    color: white;
    border: 1px solid #e82e2d;
    transition: .3s;
}
.m_gachaBody .intro{
    font-size: 13px;
    margin: 20px 0;
}
.m_gachaBody .intro table{
    background: #f2f2f2;
    display: block;
    padding: 20px;
    margin: 10px 0;
}
.m_gachaBody .intro table th{
	padding:0 10px 0 0;
}
.m_gachaBody .intro ul{
    padding: 20px;
    margin: 10px 0;
    background: #f2f2f2;
    line-height: 200%;
}
.m_gachaBody .intro ul li i{
	margin:0 5px 0 0;
}
.m_gachaBody .gachaGameBody{
	margin:20px 0 0 0;
	padding: 30px;
    background: #fff7f1;
}
.m_gachaBody .gachaGameBody .leftBody{
	width:80%;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin:0 auto;
}
.m_gachaBody .gachaGameBody .inleftBox{
	width:100%;
	text-align:center;
	transition:2s;
}
.m_gachaBody .gachaGameBody .leftBody.on .inleftBox{
	width:30%;
}
.m_gachaBody .gachaGameBody .leftBody img.gachaGif{
	width:250px;
	margin:0 auto;
	height:100%;
}
.m_gachaBody .gachaGameBody .leftBody .premiumFlame{
	position:relative;
	display:none;
}
.m_gachaBody .gachaGameBody .leftBody .premiumFlame.on{
	display:block;
	width:30%;
}
.m_gachaBody .gachaGameBody .leftBody .premiumFlameImg{
	background: white;
	border-radius: 10px;
	width:100%;
		height:100%;
}
.m_gachaBody .gachaGameBody .leftBody .getPremiumCardImg{
	position:absolute;
	width:80%;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	animation-duration: 3.5s;
	animation-delay: 2s;
}
.m_gachaBody .gachaGameBody .rightBody{
	text-align:center;
	width:150px;
	margin:30px auto 0 auto;
}
.m_gachaBody .gachaGameBody .rightBody em{
	font-size:13px;
	display:block;
}
#greatCard .greatCardList ul.premiumUl li.getCard img{
	background:unset;
	filter:unset;
}
.m_gachaBody .gachaGameBody .rightBody h4 em{
    padding: 2px 25px;
    border-radius: 20px;
    color: white;
    background: #0fadc4;
    font-size: 15px;
}
.m_pre_detailBody h3{
    font-size: 20px;
    margin: 0 0 20px 0;
}
.m_pre_detailBody h3 em{
    font-size: 13px;
    margin: 0 0 0 10px;
    color: #e5ae1d;
}
.m_pre_detailBody .flex{
	display:flex;
	justify-content:space-around;
	flex-wrap:wrap;
}
.m_pre_detailBody .flex .leftBox{
	width:70%;
	aspect-ratio: 16 / 9;
}
.m_pre_detailBody .flex .leftBox iframe{
	width:100%;
	height:100%;
	vertical-align:bottom;
}
.m_pre_detailBody .flex .rightBox{
	width:30%;
	padding:20px 30px 30px 30px;
	background:#efefef;
}
.m_pre_detailBody .flex .rightBox h4 em{
    padding: 2px 20px;
    border-radius: 20px;
    background: black;
    font-size: 15px;
    color: white;
    display: inline-block;
    margin: 0 0 10px 0;
}
.m_pre_detailBody .flex .rightBox .inner{
	font-size:15px;
}
#greatCard .greatCardList .premiumBody .m_gacha:hover{
	background:white;
	color:#e82e2d;
}
#greatCard .greatCardList h3 span{
	margin:0 0 0 10px;
	font-size:13px;
}
#greatCard .greatCardList h3 span i{
	margin:0 5px 0 0;
	font-size:15px;
	color:#f0ba0c;
}
.m_voiceDetailBody .flex{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.m_voiceDetailBody .flex .leftBox{
	width:20%;
}
.m_voiceDetailBody .flex{
    padding: 10px;
    margin: 0 0 30px 0;
    border-radius: 10px;
    background: #fff9f0;
}
.m_voiceDetailBody .flex .leftBox img{
	width:100%;
	aspect-ratio:1/1;
	object-fit:cover;
}
.m_voiceDetailBody .other h2{
	margin:0 0 20px 0;
	text-align:center;
}
.m_voiceDetailBody .other ul{
	display:flex;
	justify-content:space-around;
	flex-wrap:wrap;
}
.m_voiceDetailBody .other ul li{
	width:23%;
	margin:0 0 20px 0;
	position:relative;
	text-align:left;
}
.m_voiceDetailBody .other ul li h3{
	font-size:13px;
	margin:0 0 5px 0;
}
.m_voiceDetailBody .other .noThink{
	text-align:center;
}
.m_voiceDetailBody .other ul li .commentBox{
	width:100%;
	padding:10px;
	border-radius:10px;
	border:2px solid black;
	font-size:13px;
}
.m_voiceDetailBody .other ul li .goodBox{
	position:absolute;
	right:10px;
	top:-2px;
}
.m_voiceDetailBody .other ul li .goodBox i{
	color:#f56666;
	margin:0 5px 0 0;
}
.m_voiceDetailBody .other ul li .goodBox span{
	font-size:13px;
}
.m_voiceDetailBody .other ul li .goodBox .likeAnimation{
	display: block;
    width: 50px; 
    height: 50px;
    margin:0 auto;
    background: url(https://jnma.jp/wp-content/uploads/2024/03/like_animation.png) 0 0 no-repeat;
    background-size: 3000%;
	 position: absolute;
    top: -13px;
    left: -16px;
    z-index: -1;
}
.m_voiceDetailBody .other ul li .goodBox .likeAnimation.on{
	z-index:1;
	animation: like-gif steps(28) 1s both;
}
.m_voiceDetailBody .other ul li .goodBox.yet i{
	color:#c9c9c9;
	cursor:pointer;
}
.m_voiceDetailBody .flex .centerBox,.m_voiceDetailBody .rightBox{
	width:40%;
	padding: 0 0px 10px 30px;
}
.m_voiceDetailBody .flex .centerBox h2{
    font-size: 20px;
    margin: 0 0 10px 0;
}
.m_voiceDetailBody .commentCv{
	text-align:right;
	width:100px;
	margin:0 0 0 auto;
}
.m_voiceDetailBody .flex .centerBox .inner{
	margin:10px 0;
	font-size:13px;
}
.m_voiceDetailBody .flex .centerBox em,.m_voiceDetailBody .flex .rightBox em{
    border-radius: 20px;
    background: #00bbee;
    color: white;
    padding: 1px 20px;
    font-size: 13px;
}
.m_voiceDetailBody .flex .rightBox textarea{
	margin:10px 0;
	padding:10px;
	width:100%;
}
#greatCard .compleateCard{
    margin: 30px 0;
    padding: 30px;
    background: #f7f7f7;
}
#greatCard .compleateCard img{
	width:300px;
}
#greatCard .card .front {
	width:100%;
      transform: rotateY(0deg);
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
	border-radius:10px;
    }
#greatCard .card .back img{
	width:100%;
	height:100%;
}
#greatCard .cvBox button{
    padding: 5px 20px;
    border-radius: 20px;
    border: 1px solid #e82e2d;
    color: white;
    background: #e82e2d;
    transition: .3s;
    font-size: 15px;
}
#greatCard .cvBox button:hover{
	background:white;
	color:#e82e2d;
}
#greatCard .greatCardList{
    margin: 80px auto;
}
#greatCard .greatCardList h3 em{
	margin:0 0 0 10px;
	font-size:13px;
}
#greatCard .greatCardList h3 em i{
	color:#f35454;
	margin:0 5px 0 0;
	font-size:15px;
}
#greatCard .greatCardList h2{
	font-size:20px;
}
#greatCard .greatCardList h2 em{
	display:block;
	font-size:15px;
}
#greatCard .card .back {
      transform: rotateY(180deg);
	position:relative;
    }
#greatCard .card .back .people{
position: absolute;
    width: 120px;
    height: 127px;
    top: 39px;
    left: 40px;
    border-radius: 50%;
    object-fit: cover;
}
#greatCard .card .back h5{
    padding: 0 10px;
    position: absolute;
    font-size: 13px;
    top: 177px;
    width: 100%;
    color: white;
    /* font-weight: bold; */
}
@keyframes greatAnimationF{
  0%, 20%, 40%, 60%, 80%, 100% {
    transform: rotateY(180deg);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: rotateY(0deg);
  }
}
@keyframes like-gif {
  0% {
    background-position: 0%;
  }
  100% {
    background-position: 100%;
  }
}
/* greatCard end ---------------------------*/
/* local evet report start------------------*/
#local_repot_list ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 60px auto;
    width: 1000px;
}
#local_repot_list li .inner{
    padding:10px 10px 50px 10px;
	position:relative;
}
#local_repot_list li a.cv{
	position:absolute;
	right:10px;
	bottom:10px;
	font-size:10px;
	padding:3px 10px;
	color:white;
	background:black;
	border-radius:10px;
	transition:.3s;
	border:1px solid black;
}
#local_repot_list li a.cv:hover{
	background:white;
	color:black;
}
#local_repot_list .mainImg{
    position: absolute;
    top: 50px;
    left: 100px;
    width: 200px;
}
#local_repot_list li.noContent{
	position:relative;
}
#local_repot_list li.noContent img{
	position:absolute;
	width:100px;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
#local_repot_list li .inner .flex{
	display:flex;
	justify-content:space-between;
}
#local_repot_list li .inner .flex p{
	font-size:13px;
}
#local_repot_list li{
	width:23%;
	margin:0 0 30px 0;
	box-shadow:rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
	background:white;
	position:relative;
}
#local_repot_list li h3{
	font-size:13px;
	margin:10px 0;
}
#local_repot_list li em{
    font-size: 10px;
    padding: 3px 10px;
    border-radius: 10px;
    background: #ac3434;
    color: white;
}
#local_repot_list li span{
	font-size:13px;
}
#local_repot_list .intro{
    font-size: 13px;
    margin: 30px 0 0 0;
}
#local_repot_list li img{
	width:100%;
	vertical-align:bottom;
	aspect-ratio: 1/0.7;
    object-fit: cover;
}
#local_repot_list .outLink{
    font-size: 13px;
    margin: 10px 0;
}
#local_repot_list .bPpointList{
    width: 1000px;
    margin: 30px auto;
    padding: 30px;
    background: white;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
#local_repot_list .reportLogin{
	margin:10px 0 0 0;
}
#local_repot_list .outLink .reportLogin a{
	background:#d7763d;
	border:1px solid #d7763d;
}
#local_repot_list .outLink .reportLogin a:hover{
	color:#d7763d;
}
#local_repot_list .bPpointList h3{
	font-size:20px;
}
#local_repot_list .bPpointList h4{
    font-size: 15px;
    margin: 10px 0;
}
#local_repot_list .bPpointList table{
	width:100%;
}
#local_repot_list .bPpointList table #progress{
	width:85%;
	position:relative;
}
.modaal_local_quesion h3{
	font-size:20px;
	margin:0 0 20px 0;
}
.modaal_local_quesion ul{
	margin:10px 0;
}
.modaal_local_quesion .intro{
	font-size:13px;
}
#local_repot_list .bPpointList table td span{
	font-size:15px;
}
#local_repot_list .bPpointList table th,#local_repot_list .bPpointList table td{
	font-size:15px;
	position:relative;
	text-align:left;
}
#local_repot_list .bPpointList table th,#local_repot_list .bPpointList table td i{
	margin:0 0 0 5px;
}
#local_repot_list .bPpointList table th{
	width:150px;
}
#local_repot_list .bPpointList h4 i{
	margin:0 0 0 5px;
}
#local_repot_list .outLink a{
	display:inline-block;
	margin:0 10px;
	border-radius:50px;
	padding:3px 20px;
	color:white;
	transition:.3s;
	background:#1f78b1;
	border:1px solid #1f78b1;
}
#local_repot_list .outLink a:hover{
	background:white;
	color:#1f78b1;
}
.local_modaal_about h3{
	font-size:20px;
	margin:0 0 20px 0;
}
.local_modaal_about a{
	color:red;
	font-weight:bold;
	border-bottom:1px solid red;
}
#local_repot_list .bPpointList .noLocalPoint{
	font-size:13px;
}
#local_repot_list .bPpointList td img{
	position:absolute;
	    border-radius: 50%;
    width: 25px;
    height: 25px;
    object-fit: cover;
    border: 2px solid #0275ff;
	z-index:1;
}
#local_repot_list .local_about{
	font-size:15px;
}
#local_repot_list .local_about i{
	margin:0 0 0 5px;
}
.modaal_localChatBody h3{
    font-size: 20px;
    margin: 0 0 20px 0;
    font-weight: bold;
}
.modaal_localChatBody .intro{
	font-size:13px;
	margin:0 0 20px 0;
}
.modaal_localChatBody .intro a{
    color: red;
    font-weight: bold;
    border-bottom: 1px solid red;
}
.modaal_localChatBody ul{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.modaal_localChatBody ul li{
	margin:10px;
}
.modaal_localChatBody ul li a{
	padding:5px 20px;
	border-radius:50px;
	color:white;
	transition:.3s;
	background:#1f78b1;
	border:1px solid #1f78b1;
	font-size:15px;
}
.modaal_localChatBody ul li a:hover{
	color:#1f78b1;
	background:white;
}
@media screen and ( max-width:500px ){
	#local_repot_list .bPpointList table th,#local_repot_list .bPpointList table td{
		font-size: 10px;
    display: block;
    width: 100%;
		margin:0;
		text-align:left;
	}
	#local_repot_list .bPpointList table #progress{
		width:90%;
	}
	#local_repot_list .bPpointList table td span{
		font-size:10px;
	}
	#local_repot_list .bPpointList td img{
		display:none;
	}
	#local_repot_list .bPpointList h3{
		font-size:15px;
	}
	#local_repot_list .bPpointList h4{
		font-size:12px;
	}
	#local_repot_list .bPpointList{
		width:100%;
		padding:10px;
	}
	.modaal_localChatBody ul li a{
		font-size:13px;
	}
	.modaal_localChatBody .intro{
		font-size:10px;
	}
	#local_repot_list .outLink a{
		margin:0 20px 10px 20px;
	}
	#local_repot_list .mainImg{
		top:0;
		left:50%;
		transform: translate(-50%, 0px);
	}
	#local_repot_list ul{
		width:100%;
	}
	#local_repot_list li{
		width:48%;
	}
	#local_repot_list li .inner{
		padding:10px 5px 45px 5px
	}
	#local_repot_list li .inner .flex{
display: block;
line-height: 60%;
	}
	#local_repot_list li.noContent{
		min-height:200px;
	}
	#local_repot_list li span{
    width: 100%;
    display: block;
    margin: 10px 0 0 0;
	}
}
/* local evet report end  ------------------*/
/* single local report start ----------------*/
#localReport .aboutBody{
    padding: 60px 30px;
    width: 800px;
    margin: 0 auto 60px auto;
    background: #fffefe;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
	position:relative;
}
#localReport.menberWrapp{
	padding:120px 60px 180px 80px
}
#localReport .aboutBody:after{
content: "";
    position: absolute;
    top: 0px;
    right: 38px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 40px 40px 0;
    border-color: #b22d2d #e2e2e2 #edffff white;
    transform: translateX(100%) rotate(180deg);
    box-shadow: -4px 4px 0px rgb(237 255 255);
}
#localReport .aboutBody h2{
	margin:0 0 30px 0;
}
#localReport .aboutBody th{
	width:120px;
	padding:10px 10px 10px 20px;
	text-align:left;
	font-size:15px;
	vertical-align:top;
}
#localReport .aboutBody table{
    background: #fafafa;
	width:100%;
}
#localReport .aboutBody td{
	padding:10px;
	text-align:left;
	font-size:15px;
}
#localReport ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#localReport ul li{
	width:24%;
	margin:0 0 10px 0;
}
#localReport ul li img{
	width:100%;
	aspect-ratio:1/0.7;
	object-fit:cover;
}
#localReport .apealbody{
	display:flex;
	justify-content:left;
}
#localReport .apealbody .apeal .detail{
	font-size:18px;
	text-align:left;
	padding:20px;
	border-radius:10px;
	background:white;
	position:relative;
	margin:0 0 0 50px;
}
#localReport .apealbody .apeal .detail:after{
    content: "";
    position: absolute;
    top: 15px;
    left: -43px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 30px 0;
    border-color: #ffffff #ffffff #ffffff white;
    transform: translateX(100%) rotate(226deg);
}
#localReport .apealbody img{
	width:200px;
}
#localReport .cv{
	margin:30px 0 0 0;
}
#localReport .cv a{
	font-size:18px;
}
#localReport .cv a i{
	margin:0 5px 0 0;
}
@media screen and ( max-width:500px ){
	#localReport.menberWrapp{
		padding:60px 20px 180px 20px;
	}
	#localReport .aboutBody{
		width:100%;
		padding:50px 10px;
	}
	#localReport .aboutBody td{
		display:block;
		color:#994c4c;
		line-height: 200%;
		text-align: justify;
	}
	#localReport .aboutBody th{
		display:block;
		padding:10px;
		font-size:12px;
	}
	#localReport .apealbody img{
		width:100px;
	}
	#localReport .apealbody .apeal .detail{
		font-size: 12px;
    text-align: left;
    padding: 10px;
    border-radius: 10px;
    background: white;
    position: relative;
    margin: 0 0 0 20px;
	}
	#localReport .apealbody .apeal .detail:after{
		left:-29px;
		border-width: 0 20px 20px 0;
	}
	#localReport ul li{
		width:48%;
	}
	#localReport .aboutBody h2{
		font-size:20px;
	}
}
/* single local report end   ----------------*/
/* challege change start -------------------*/
#challengeChageForm{
	padding:120px;
	text-align:center;
}
/* challege change end   -------------------*/
/* challengeApplicate start ----------------*/
#challengeApplicate{
	text-align:center;
	padding:180px 20px;
	background:#eff4f8;
}
#challengeApplicate.appError{
	background:#ffe1e1;
}
#challengeApplicate.sucsess{
	background:#dbf4ff;
	height:100vh;
}
#challengeApplicate.sucsess img{
	width:200px;
}
#challengeApplicate.sucsess a{
	display:inline-block;
	margin:30px 0;
}
#challengeApplicate.appError a{
    display: inline-block;
    margin: 30px 0;
}
#challengeApplicate h2{
	font-size:30px;
	margin:0 0 30px 0;
}
#challengeApplicate form{
	border-radius:10px;
	background:white;
    width: 600px;
    margin: 30px auto 30px;
    padding: 30px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
#challengeApplicate form .flex{
	    display: flex;
    justify-content: space-around;
	flex-wrap:wrap;
    padding: 30px;
    background: #f6f6f6;
    margin: 0 0 30px 0;
}
#challengeApplicate form input{
	padding:10px;
	border-radius:10px;
	border:1px solid black;
}
#challengeApplicate form .cv{
	margin:30px 0 0 0;
}
#challengeApplicate .intro em{
	color: red;
    font-size: 20px;
    font-weight: bold;}
#challengeApplicate form .cv input{
	padding:10px 30px;
	border-radius:50px;
	background:#0849b4;
	color:white;
	border:1px solid #0849b4;
	transition:.3s;
}
#challengeApplicate form .cv input:hover{
	background:white;
	color:#0849b4;
}
#challengeApplicate form table{
    width: 100%;
}
#challengeApplicate form .selectChallenge{
    padding: 20px;
    background: #f7f7f7;
}
#challengeApplicate form th,#challengeApplicate form td{
	padding:10px 0;
}
#challengeApplicate form th,#challengeApplicate form th{
	text-align:left;
}
#challengeApplicate form input[type="number"]{
	text-align:right;
}
.modaal_appHistory_body th:nth-child(1){
	width:200px;
}
.modaal_appHistory_body td{
	font-size:12px;
}
.modaal_appHistory_body tr:nth-child(odd) td span{
    margin: 5px 10px;
    padding: 3px 10px;
    border-radius: 10px;
    background: #d1daff;
    display: inline-block;
}
.modaal_appHistory_body tr:nth-child(even) td span{
    margin: 5px 10px;
    padding: 3px 10px;
    border-radius: 10px;
    background: #fff5ec;
    display: inline-block;
}
#challengeApplicate .intro a{
    padding: 3px 20px;
    border-radius: 10px;
    background: black;
    color: white;
    display: inline-block;
    margin: 10px 0 0 0;
}
/* challengeApplicate end   ----------------*/
@media screen and ( max-width:500px ){
	#challengeApplicate h2{
		font-size:20px;
	}
	#challengeApplicate .intro{
		font-size:13px;
	}
	#challengeApplicate .intro em{
		font-size:15px;
	}
	#challengeApplicate form{
		width:100%;
		padding:10px 10px 30px 10px;
	}
	#challengeApplicate form .box .left{
		margin:0 0 20px 0;
	}
	#challengeApplicate form th, #challengeApplicate form td{
		display:block;
		width:100%;
	}
	#challengeApplicate form .selectChallenge{
		padding:10px;
	}
	#challengeApplicate form th{
		text-align:center;
		padding:10px 0 0 0;
		font-size:13px;
	}
	#challengeApplicate{
		padding:100px 20px;
	}
}
/*  card change form page ---------*/
#stripeCardChangeForm{
	padding: 0px 20px 60px 20px;
    min-height: 100vh;
    text-align: center;
 	background-image: url("https://shop.jnma.jp/wp-content/themes/my_shop/ec_img/stationaly/topBack.jpg");
    background-size: 500px;
}
#stripeCardChangeForm #lottie-container{
	width:400px;
	margin:0 auto;
}
#stripeCardChangeForm .intro{
    text-align: justify;
    font-size: 13px;
    margin: 0 0 30px 0;
}
#stripeCardChangeForm #payment-form{
    background: white;
    width: 600px;
    margin: -25px auto 0 auto;
    padding: 30px;
    border-radius: 10px;
	position:relative;
	z-index:0;
	box-shadow:rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
#stripeCardChangeForm .errorBox{
    position: absolute;
    top: -66px;
    left: 50%;
    transform: translate(-50%,0);
	visibility:hidden;
}
#stripeCardChangeForm .errorBox.on{
	visibility:visible;
}
#stripeCardChangeForm .errorBox p{
	color: #d10505;
    font-weight: bold;
}
#stripeCardChangeForm .InputElement{
    padding: 20px;
    border: 2px solid black;
    border-radius: 10px;
}
#stripeCardChangeForm #submit{
	margin:30px 0 0 0;
	padding:5px 20px;
	border-radius:10px;
	color:white;
	background:#ec9e12;
	border:1px solid #ec9e12;
	transition:.3s;
	font-size:16px;
}
#stripeCardChangeForm #submit.off{
	visibility:hidden;
}
#stripeCardChangeForm #submit:hover{
	background:white;
	color:#ec9e12;
}
#stripeCardChangeForm #card-element{
    padding: 30px;
    background: #f3f3f3;
    border-radius: 10px;
}
#stripeCardChangeForm #payment-form h2{
	text-align: left;
    margin: 0 0 20px 0;
    font-size: 20px;
    padding: 0 0 0 50px;
}
#stripeCardChangeForm #payment-form img.logo{
	position:absolute;
	top: 30px;
    left: 30px;
    width: 40px;
}
#stripeCardChangeForm #payment-form .loading{
    width: 50px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -22px);
	z-index:-1;
}
#stripeCardChangeForm #submit.off{
	visibility:hidden;
}
#stripeCardChangeForm #payment-form h2 em{
	display:block;
	font-size:13px;
}
@media screen and ( max-width:500px ){
	#stripeCardChangeForm #lottie-container{
		width:300px;
	}
	#stripeCardChangeForm #payment-form{
		width:100%;
	}
	#stripeCardChangeForm #payment-form img.logo{
		top: 18px;
        width: 35px;
        left: 20px;
	}
	#stripeCardChangeForm #payment-form h2{
		font-size:16px;
		padding:0 0 0 46px;
	}
	#stripeCardChangeForm #payment-form h2 em{
		font-size:10px;
	}
	#stripeCardChangeForm .intro{
		font-size:12px;
	}
	#stripeCardChangeForm #card-element{
		padding:10px;
	}
	#stripeCardChangeForm #payment-form{
		padding:20px;
	}
	#stripeCardChangeForm #submit{
		width:100%;
		font-size:13px;
	}
	#stripeCardChangeForm #payment-form .loading{
		width:30px;
	}
	#stripeCardChangeForm .errorBox{
		width: 100%;
    	font-size: 12px;
    	top: -50px;
	}
}
/* new present page ----------------------------*/
#newPresentPageBody{
	width:100%;
	height:100vh;
	overflow:hidden;
	position:relative;
	padding: 120px 20px;
    text-align: center;
}
#newPresentPageBody .inner{
	margin:30px auto;
	font-size:15px;
}
#newPresentPageBody .inner a{
	overflow: hidden;
    display: inline-block;
    height: 40px;
    background: #ffe91a00;
    border-radius: 10px;
    width: 200px;
    margin: 10px 0 30px 0;
    padding: 10px;
    border: 2px solid #131313;
	transition:.3s;
}
#newPresentPageBody .inner a:hover{
	background: #f8229c;
    border: 2px solid #f8229c;
}
#newPresentPageBody .inner a:hover span.linkName{
	top:-40px;
}
#newPresentPageBody .inner a em,#newPresentPageBody .inner a span.linkName{
	font-family: 'Lato', sans-serif;
	transition:.3s;
	position:relative;
	font-weight:bold;
	z-index:0;
}
#newPresentPageBody .inner a:hover em{
	top:-30px;
}
#newPresentPageBody .inner a span.material-symbols-outlined{
	position: relative;
    margin: 0 10px 0 0;
    left: -20px;
    top: -3px;
	transition:.3s;
	color:black;
}
#newPresentPageBody .inner a:hover span.material-symbols-outlined{
	color:#e3d013;
}
#newPresentPageBody .inner a span.linkName{
	top:-10px;
	left:-15px;
}
#newPresentPageBody .inner a em{
	display:block;
	top:20px;
	color:#e3d013;
}
#newPresentPageBody.on{
	height:auto;
}
#newPresentPageBody h2{
	font-family: 'Lato', sans-serif;
    font-size: 30px;
    font-weight: bold;
}
#newPresentPageBody h2 em{
    display: block;
    font-size: 20px;
    color: #e3d015;
    font-family: 'Lato', sans-serif;
	position: relative;
    left: -48px;
}
#newPresentPageBody h5 em:after{
	content:"";
    display: block;
    width: 7px;
    height: 7px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #fd07ed;
    margin-left: 5px;
    margin-top: -10px;
    position: absolute;
    bottom: 3px;
    right: -13px;
}
#newPresentPageBody h5 em.on:after{
	animation: popIn 0.8s cubic-bezier(0.74, 0.06, 0.4, 0.92) forwards;
}
#newPresentPageBody ul{
    display: flex;
    justify-content: space-around;
	flex-wrap:wrap;
}
#newPresentPageBody ul li{
	width:22%;
	margin:0 0 30px 0;
}
#newPresentPageBody ul li img{
	width:100%;
	aspect-ratio: 1 / 1;
    object-fit:cover;
	vertical-align:bottom;
}
#newPresentPageBody ul li .innerImg{
	position:relative;
}
#newPresentPageBody ul li h3{
    font-size: 13px;
    text-align: left;
	font-family: 'Lato', sans-serif;
}
#newPresentPageBody ul li.ok h3{
	font-weight:bold;
}
#newPresentPageBody ul li .num{
	width:100%;
	text-align:left;
}
#newPresentPageBody ul li .num em{
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #fd06ed;
    border-radius: 50%;
	margin:0 5px 0 0;
}
#newPresentPageBody ul li .num em.got{
	background: #fd06ed;
}
#newPresentPageBody ul li .num em.yet{
	background:#c3c3c3;
}
#newPresentPageBody ul li .needMp{
	position:absolute;
	bottom:10px;
	right:10px;
}
#newPresentPageBody ul li .needMp em{
    font-family: 'Lato', sans-serif;
}
#newPresentPageBody ul li.no .needMp em,#newPresentPageBody ul li.no h3{
	color:#b5b5b5;
}
@keyframes popIn {
    0% {
      width: 0px;
      height: 0px;
      background: #fd07ed;
      border: 0px solid #ddd;
      opacity: 0;
    }
    50% {
      width: 10px;
      height: 10px;
      background: #fd07ed;
      opacity: 1;
      bottom: 45px;
    }
    65% {
      width: 7px;
      height: 7px;
      bottom: 0px;
      width: 15px;
    }
    80% {
      width: 10px;
      height: 10px;
      bottom: 20px;
    }
    100% {
      width: 7px;
      height: 7px;
      background: #fd07ed;
      border: 0px solid #222;
      bottom: 3px;
    }
  }
#newPresentPageBody h5 em{
    position: relative;
    left: -48px;
    font-size: 20px;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
    color: #e9c912;
}
#stationaly_lodding{
	position:absolute;
	width:100%;
	height:100vh;
	background:white;
	top:0;
	left:0;
	z-index:1;
}
#stationaly_lodding #lottieLodding{
	width:500px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
@media screen and ( max-width:500px ){
	#newPresentPageBody{
		padding:120px 10px;
	}
	#stationaly_lodding #lottieLodding{
		width:300px;
		top:30%;
	}
	#newPresentPageBody ul li .num em{
		width:5px;
		height:5px;
	}
	#newPresentPageBody ul li .num{
		text-align:center;
	}
	#newPresentPageBody ul li{
		width:48%;
	}
	#newPresentPageBody .inner{
		text-align: left;
		font-size: 13px;
		padding:0 20px;
	}
	#newPresentPageBody ul li .needMp{
		bottom:2px;
	}
	#newPresentPageBody ul li h3,#newPresentPageBody ul li .needMp em{
		font-size:12px;
	}
	#newPresentPageBody .inner .link{
    	text-align: center;
		margin:10px 0 0 0;
	}
	#newPresentPageBody .inner a:hover em{
		top:-28px;
	}
}
/* 年間計画合宿　申込みフォーム　*/
#year2025{
	padding:120px 10px;
	background: #ffffff;
    min-height: 100vh;
	background-image: url(https://shop.jnma.jp/wp-content/themes/my_shop/ec_img/stationaly/topBack.jpg);
    background-size: 500px;
}
#year2025 form{
	position:relative;
    width: 500px;
    margin: 0 auto;
    padding: 60px 30px;
    background: white;
    border: 2px solid black;
    border-radius: 10px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
#year2025 form h3{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 30px 0;
}
#year2025 form table{
	width:100%;
}
#year2025 form table input,#year2025 form table select{
	width:100%;
	padding:15px 30px;
	border: 2px solid #7d7c7c;
    border-radius: 5px;
	font-size:16px;
}
#year2025 form table.inputBox th{
	text-align:left;
	width:85px;
	padding:0 0 30px 0;
}
#year2025 form table.inputBox td{
	padding:0 0 30px 0;
}
#year2025 .roomType{
    padding:10px 30px;
    text-align: center;
    background:#f7f7f7;
    border-radius: 5px;
	margin:0 0 30px 0;
	display:none;
}
#year2025 .roomType.open{
	display:block;
}
#year2025 .roomType table th{
	width:180px;
	text-align:left;
}
#year2025 .roomType label{
    margin: 0 20px 0 0;
    font-weight: bold;
}
#year2025 .roomType select{
    padding: 15px 30px;
    border: 2px solid #7d7c7c;
    border-radius: 5px;
	font-size:16px;
}
#year2025 .totalPrice{
    padding: 20px;
    background: #fff9f5;
    border-radius: 5px;
    margin: 0 0 30px 0;
}
#year2025 .totalPrice h4{
	margin:0 0 10px 0;
}
#year2025 .totalPrice table{
	margin: 10px auto 20px auto;
    width: 100%;
}
#year2025 .totalPrice table th{
	text-align:left;
}
#year2025 .totalPrice h5{
    text-align: right;
    font-size: 18px;
    font-weight: bold;
}
#year2025 .totalPrice table td{
	text-align:right;
}
#year2025 .submitBody{
	text-align:center;
}
#year2025 button{
	padding:10px 30px;
	border:1px solid black;
	background:black;
	border-radius:10px;
	transition:.3s;
	color:white;
}
#year2025 .submitBody{
	text-align:center;
}
#year2025 button:disabled{
	background:#cbcbcb;
	border:1px solid #cbcbcb;
}
#year2025 button i{
	margin:0 10px 0 0;
	transition:.3s;
}
#year2025 button:hover i{
	transform:rotate(-30deg);
}
#year2025 .tableBody{
    padding: 30px 30px 0 30px;
    background: #f7f7f7;
    border-radius: 5px;
    margin: 0 0 30px 0;
}
#year2025 .finishBody{
	position:relative;
	width:50%;
	margin:180px auto 0 auto;
	padding:30px 30px 180px 30px;
	background:white;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
#year2025 .finishBody h3{
    margin: 0 0 10px 0;
    font-weight: bold;
}
#year2025 .lotteBox{
    width: 50%;
    margin: 0 auto;
    height: 100px;
    position: relative;
}
#year2025 .roomSelect{
    margin: 10px 0;
    padding: 30px;
    background: #f7f7f7;
    border-radius: 3px;
    text-align: center;
}
#year2025 .roomSelect a{
    padding: 5px 20px;
    border-radius: 10px;
    background: #3789ea;
    color: white;
    border: 1px solid #3789ea;
    transition: .3s;
}
#year2025 .roomSelect a:hover{
	background:white;
	color:#3789ea;
}
#year2025 #lottie-container{
	position: absolute;
    width: 300px;
    height: 300px;
    left: 50%;
    transform: translate(-50%, 0);
}
#year2025 .finishBody h2{
    font-size: 20px;
    text-align: center;
    margin: 0 0 30px 0;
}
#year2025 .finishBody h2 em{
    display: block;
    font-size: 15px;
    margin: 10px 0;
}
#year2025 .atten p{
    text-align: center;
    color: red;
    font-weight: bold;
}
#year2025 .finishBody .entry{
    text-align: right;
    margin: 10px 0 0 0;
}
#year2025 .finishBody .entry a{
    color: #6e89cb;
    font-weight: bold;
}
#year2025 .finishBody .entry a i{
	margin:0 5px 0 0;
	transition:.3s;
}
#year2025 .finishBody .entry a:hover i{
	transform:translate(3px,0);
}
.winter2025OrignEntryModaal .originBody{
	position:relative;
}
.winter2025OrignEntryModaal .originBody .inner{
    width: 600px;
    margin: 30px 0 0 0;
    text-align: justify;
}
.winter2025OrignEntryModaal .originBody .cv{
    text-align: right;
    margin: 10px 0 0 0;
}
.winter2025OrignEntryModaal .originBody .cv button{
    background: #11a8d7;
    color: white;
    transition: .3s;
    border: 1px solid #11a8d7;
    border-radius: 10px;
    padding: 5px 30px;
}
.winter2025OrignEntryModaal .originBody .cv button.on:hover{
	background:white;
	color:#11a8d7;
}

.winter2025OrignEntryModaal .originBody .cv button.off{
	background:#dce1e3;
	border:1px solid #dce1e3;
}
.winter2025OrignEntryModaal .originBody .cv button.finish{
	background:#29a211;
	border:1px solid #29a211;
}
.winter2025OrignEntryModaal .originBody .cv button.error{
	background:#d91515;
	border:1px solid #d91515;
}
.winter2025OrignEntryModaal .originBody h2{
	font-size:20px;
	font-weight:bold;
}
.winter2025OrignEntryModaal .originBody #creative{
    position: absolute;
    width: 400px;
    height: 400px;
    top: -100px;
    right: -90px;
}
.returnSeminaWinter .hiddenContent h2{
	font-size:20px;
	font-weight:bold;
	margin:0 0 30px 0;
}
.returnSeminaWinter .hiddenContent .about{
    padding: 30px;
    background: #f3f3f3;
    border-radius: 10px;
    margin: 0 0 30px 0;
}
.returnSeminaWinter .hiddenContent .attention{
	text-align:center;
}
.returnSeminaWinter .hiddenContent ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
}
.returnSeminaWinter .hiddenContent ul li{
	width:19%;
	margin:0 0 10px 0;
}
.returnSeminaWinter .hiddenContent ul li h4{
	text-align:center;
	margin:0 0 20px 0;
}
.returnSeminaWinter .hiddenContent ul li .status{
	font-size:12px;
	text-align:center;
}
.returnSeminaWinter .hiddenContent ul li .status em{
	border-radius:10px;
	background:#54a334;
	padding:0 5px;
	color:white;
}
.returnSeminaWinter .hiddenContent ul li.type2 em{
	background:#008bc5;
}
.returnSeminaWinter .hiddenContent ul li.type3 em{
	background:#ffbd90;
}
.returnSeminaWinter .hiddenContent ul li img{
	width:100%;
	border-radius:50%;
	border:5px solid #54a334;
}
.returnSeminaWinter .hiddenContent ul li.type2 img{
	border:5px solid #008bc5;
}
.returnSeminaWinter .hiddenContent ul li.type3 img{
	border:5px solid #ffbd90;
}
@media screen and ( max-width:800px ){
	#year2025 .roomType table th{
		width:120px;
	}
	.returnSeminaWinter .hiddenContent ul li .status em{
		display: inline-block;
    	margin: 0 0 5px 0;
	}
	.returnSeminaWinter .hiddenContent .about{
		padding:15px;
		font-size:13px;
	}
	.returnSeminaWinter .hiddenContent ul li{
		width:26%;
		margin:0 0 30px 0;
	}
	.returnSeminaWinter .hiddenContent ul li h4{
		font-size: 13px;
		margin: 0 0 5px;
	}
	#year2025 form{
		width:100%;
		padding: 30px 15px;
	}
	#year2025 .tableBody{
		padding: 15px 15px 0 15px;
	}
	#year2025 .roomType,#year2025 .totalPrice{
		padding:15px;
	}
	#year2025 .finishBody{
		width:95%;
	}
	.winter2025OrignEntryModaal .originBody #creative{
		width: 160px;
		height: 160px;
		top: -54px;
        right: -42px;
	}
	.winter2025OrignEntryModaal .originBody .inner{
    	width: 100%;
    	margin: 30px 0 0 0;
	}
	.winter2025OrignEntryModaal .originBody .inner{
		font-size:15px;
	}
	.winter2025OrignEntryModaal .originBody{
    padding: 160px 0 0 0;
}
	.winter2025OrignEntryModaal .originBody #creative{
    top: -80px;
    left: 60%;
    width: 300px;
    height: 300px;
    transform: translate(-50%, 0px);
}
	.winter2025OrignEntryModaal .originBody h2{
		font-size:16px;
		text-align:center;
	}
	#year2025 .roomType select{
		padding:15px 10px;
	}
}
/* 年間計画 部屋チョイス start----------------------------*/
#wRoomChoice{
	padding:120px 20px;
	background-image:url('https://shop.jnma.jp/wp-content/themes/my_shop/ec_img/stationaly/topBack.jpg');background-size: 500px;
	min-height:100vh;
}
#wRoomChoice table{
	width:800px;
	margin:0 auto;
}
#wRoomChoice.error .inner{
	text-align:center;
}
#wRoomChoice.error .inner a{
    display: inline-block;
    margin: 30px 0 0 0;
}
#wRoomChoice.error .inner a i{
	margin:0 10px 0 0;
	transition:.3s;
}
#wRoomChoice.error .inner a:hover i{
	transform:translate(5px,0);
}
#wRoomChoice ul.singleList{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
}
#wRoomChoice ul.singleList li{
	width:13%;
	padding:15px;
	border-radius:10px;
	margin:0 0 30px 0;
box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
	background:white;
	position:relative;
}
#wRoomChoice ul.singleList li.no{
	padding:15px 15px 50px 15px;
}
#wRoomChoice ul li.no{
	border:2px solid #ededed !important;
}
#wRoomChoice ul.singleList li.no button{
	bottom:15px;
}
#wRoomChoice ul.singleList li.no .empty{
	position:relative;
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background: #9c9c9c;
}
#wRoomChoice ul.singleList li.no .notMatch{
	bottom:15px;
}
#wRoomChoice ul.singleList li.no .empty p{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	color: white;
    font-weight: bold;
}
#wRoomChoice ul.singleList li h3{
    text-align: center;
    font-weight: bold;
    margin: 0 0 10px 0;
}
#wRoomChoice ul.singleList li h3 em{
	font-size:14px;
}
#wRoomChoice li .machTypeIcon{
    position: absolute;
    font-size: 500px;
    color: #ffdbe97d;
    bottom: -170px;
    right: -70px;
}
#wRoomChoice li.women .machTypeIcon{
    color: #ffdbe97d;
}
#wRoomChoice li.mens .machTypeIcon{
    color: #76e1ee4a;
}
#wRoomChoice ul.singleList .change p,#wRoomChoice ul.singleList .change button{
    text-align: center;
    margin: 15px 0 0 0;
    border-radius: 10px;
    font-size: 14px;
    padding: 5px;
    color: #8c8c8c;
}
#wRoomChoice ul.singleList .change p{
	background:#ececec;
}
#wRoomChoice h2{
    font-size: 20px;
    text-align: center;
    margin: 0 0 50px 0;
}
#wRoomChoice h2 em{
    background: #494949;
    width: 80px;
    display: inline-block;
    border-radius: 5px;
    margin: 0 10px 0 0;
}
#wRoomChoice ul.singleList .change button{
	background: #3789ea;
    width: 100%;
    padding: 8px 0;
    color: white;
    border: 1px solid #3789ea;
    transition: .3s;
}
#wRoomChoice .doubleList{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 30px 0;
}
#wRoomChoice li{
	width:30%;
    padding: 15px;
    border-radius: 10px;
    background: white;
    border: 2px solid #ededed !important;
	margin:0 0 30px 0;
	position:relative;
	overflow:hidden;
}
#wRoomChoice .doubleList h3{
    text-align: center;
    margin: 0 0 20px 0;
}
#wRoomChoice .doubleList h4{
	text-align:center;
}
#wRoomChoice button.finish{
	background:unset !important;
	border:unset !important;
	font-weight:bold;
	color:#3789ea;
}
#wRoomChoice button.finish.error{
	color:#de3030;
}
#wRoomChoice button.finish:hover{
	border:unset;
	background:unset;
	color:#3789ea;
}
#wRoomChoice button i{
	margin:0 10px 0 0;
}
#wRoomChoice button.apply{
	background:#2390d5;
	border:1px solid #2390d5;
}
#wRoomChoice button.apply:hover{
	color:#2390d5;
}
#wRoomChoice button.apply.finish:hover{
	color:#2390d5;
}
#wRoomChoice button{
	font-size:0.8vw;
    background: #2390d5;
    color: white;
    padding: 4px 15px;
    border-radius: 10px;
    width: 80%;
    display: inline-block;
    margin: 15px 0 0 0;
    border: 1px solid #2390d5;
    transition: .3s;
	position:absolute;
	bottom:0;
	left:50%;
	transform:translate(-50%,0);
}
#wRoomChoice button.dele{
	background:#dd4c4c;
	border:1px solid #dd4c4c;
}
#wRoomChoice button.dele:hover{
	color:#dd4c4c;
}
#wRoomChoice .auto{
	position:relative;
	width: 350px;
    margin: 0 auto 120px auto;
	text-align:center;
	padding: 10px 30px 60px 30px;
    border-radius: 50px;
	background: white;
    border: 2px solid #b5b5b5;
}
#wRoomChoice .auto button{
	position:absolute;
	left: 50%;
    bottom:53px;
    transform: translate(-50%, 35px);
}
#wRoomChoice .notMatch{
	background:#9c9c9c;
    color: white;
    padding: 4px 15px;
    border-radius: 10px;
    width: 80%;
    display: inline-block;
    margin: 15px 0 0 0;
    border: 1px solid #9c9c9c;
	position:absolute;
	bottom:0;
	left:50%;
	transform:translate(-50%,0);
	text-align:center;
	font-size:0.8vw;
}
#wRoomChoice button:hover{
	background:white;
	color:#2390d5;
}
#wRoomChoice h3 em{
    margin: 5px 0 0 0;
    display: inline-block;
    font-size: 13px;
    padding: 2px 15px;
    border-radius: 10px;
    font-weight: bold;
}
#wRoomChoice li h3 em:after{
	content:"";
	display:block;
	width:10px;
	height:10px;
	border-radius:50%;
	position:relative;
	top: -13px;
    left: -13px;
}
#wRoomChoice li.mens h3 em:after{
	background: #76e1ee;
}
#wRoomChoice li.women h3 em:after{
	background: #ffdbe9;
}
#wRoomChoice .doubleList .bigineer{
	width:20px;
}
#wRoomChoice .doubleList .roomBody{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
#wRoomChoice button.on{
	background:unset;
	border:unset;
}
#wRoomChoice button.on img{
	width:25px !important;
	position:relative;
	top:3px;
}
#wRoomChoice .doubleList .roomPeople{
	width:50%;
	padding:10px;
	position:relative;
}
#wRoomChoice .doubleList .roomPeople.on{
	padding:10px 10px 40px 10px;
}
#wRoomChoice .doubleList .roomPeople.empty{
	padding:10px 10px 40px 10px;
}
#wRoomChoice .doubleList .roomPeople:nth-child(1){
	border-right: 2px dotted #d5d5d5;
}
#wRoomChoice .doubleList li img{
	width:100%;
	border-radius:50%;
}
#wRoomChoice ul.singleList .change button:hover{
	background:white;
	color:#3789ea;
}
#wRoomChoice ul.singleList h4{
	text-align:center;
}
#wRoomChoice img.bigineer{
    width: 20px;
    vertical-align: middle;
    position: relative;
    top: -3px;
	filter:brightness(0) saturate(55%) invert(41%) sepia(54%) saturate(2000%) hue-rotate(0);
}
#wRoomChoice .triple li .machTypeIcon{
	font-size:600px;
}
#wRoomChoice em.pref{
    font-size: 13px;
}
#wRoomChoice em.pref i{
	margin:0 5px 0 0;
}
#wRoomChoice .double{
	margin:120px 0;
}
#wRoomChoice .doubleList .empty .pepoleImg{
    width: 100%;
    aspect-ratio: 1/1;
    text-align: center;
    border-radius: 50%;
    background: #9c9c9c73;
	position:relative;
}
#wRoomChoice .doubleList .empty .pepoleImg p{
	font-weight:bold;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
#wRoomChoice ul .status{
    text-align: center;
    margin: 7px 0 0 0;
}
#wRoomChoice ul .imgBox{
	position:relative;
}
#wRoomChoice ul.singleList li.women{
	border:2px solid #ffdbe9;
}
#wRoomChoice ul.singleList li.mens{
	border:2px solid #00bcd4;
}
#wRoomChoice .userImg{
	width:100%;
	margin:0 0 10px 0;
	border-radius:50%;
}
#wRoomChoice h1{
    text-align: center;
    font-size: 30px;
    margin: 0 0 30px 0;
}
#wRoomChoice #lottie{
	width:50%;
	margin:0 auto;
}
#wRoomChoice .attention{
	position:relative;
    width: 50%;
    margin: 0 auto 120px auto;
    padding: 30px;
    background: #f6f6f6;
    border-radius: 10px;
    border: 2px solid #e4e4e4;
}
#wRoomChoice .youtubeBody{
	margin:30px auto;
}
#wRoomChoice .attention #lottieAten{
	position:absolute;
	bottom:-100px;
	right:-250px;
	width:300px;
}
#wRoomChoice .attention h5{
    margin: 0 0 20px 0;
    font-size: 20px;
    color: #dd4c4c;
}
#wRoomChoice.yetOpen .inner{
	width:50%;
	margin:0 auto;
}
#year2025 .roomSelect p{
	margin: 10px 0 0 0;
    font-size: 13px;
}
#wRoomChoice .roomMsg{
	text-align:center;
	color:red;
	font-weight:bold;
}
@media screen and ( max-width:800px ){
	#wRoomChoice .roomMsg{
		width: 90%;
    	margin: 0 auto;
    	font-size: 13px;
	}
	#wRoomChoice.yetOpen .inner{
		width:90%;
		margin:0 auto;
		text-align:justify;
	}
	#wRoomChoice h1{
		font-size:25px;
	}
	#wRoomChoice .attention{
		width:95%;
	}
	#wRoomChoice .attention p{
		margin:0 0 10px 0;
		font-size:13px;
	}
	#wRoomChoice .attention #lottieAten{
		bottom: -46px;
		width: 100px;
		right: 0;
	}
	#wRoomChoice ul.singleList li{
		width:30%;
		padding:10px;
	}
	#wRoomChoice ul.singleList li h3,#wRoomChoice ul.singleList h4{
		font-size:13px;
	}
	#wRoomChoice em.pref{
		font-size:10px;
	}
	#wRoomChoice img.bigineer{
		width: 15px;
    	top: -1px;
	}
	#wRoomChoice li{
		width:30%;
		padding:5px;
	}
	#wRoomChoice li .machTypeIcon{
		font-size: 420px;
		color: #ffdbe97d;
		bottom: -212px;
		left: 50%;
		right:unset;
		transform: translate(-50%, 0px);
	}
	#wRoomChoice .doubleList h3{
		margin:0;
	}
	#wRoomChoice .doubleList .roomPeople{
		padding:5px;
	}
	#wRoomChoice .doubleList h4,#wRoomChoice .doubleList h3{
		font-size:13px;
	}
	#wRoomChoice h3 em{
		padding:0;
		font-size:10px;
	}
	#wRoomChoice .notMatch{
		margin: 5px 0 0 0;
		padding: 2px 5px;
		font-size: 10px;
	}
	#wRoomChoice .doubleList .roomPeople.empty{
    	padding: 5px 5px 50px 5px;
    	font-size: 13px;
	}
	#wRoomChoice .doubleList .roomPeople:nth-child(1),#wRoomChoice .doubleList .roomPeople:nth-child(2){
		border-right:unset;
		margin:0 0 30px 0;
	}
	#wRoomChoice .doubleList .roomPeople:nth-last-child(1){
		margin:0 0 0px 0;
	}
	#wRoomChoice .doubleList .roomPeople{
		width:100%;
	}
	#wRoomChoice ul .status{
		margin:0;
	}
	#wRoomChoice{
		padding:120px 0;
	}
	#wRoomChoice button.apply{
		font-size:10px;
		padding:2px 0;
	}
	#wRoomChoice button i{
		margin:0 5px 0 0;
	}
	#wRoomChoice .machTypeIcon{
		display:none;
	}
	#wRoomChoice button.dele{
		font-size: 10px;
    	padding: 2px 1px;
	}
	#wRoomChoice .doubleList .roomPeople.on{
		padding:5px 5px 25px 5px;
	}
}
/* 年間計画 部屋チョイス end. ----------------------------*/
/* 振り返り会用　form start -----------------------------*/
#stripeform.sesonal{
	background-size: 500px;
	min-height:100vh;
	height:auto;
}
#stripeform.sesonal form{
	width:600px;
}
#stripeform.sesonal form h3{
    text-align: left;
    margin: 0 0 10px 0;
}
#stripeform.sesonal form h3 span{
    padding: 3px 15px;
    border-radius: 10px;
    background: #00bcd4;
    color: white;
    font-size: 13px;
}
#stripeform.sesonal form img{
	width:100%;
}
#stripeform.sesonal form .inner{
	text-align:left;
	font-size:13px;
}
#stripeform.sesonal select{
	border-radius: 5px;
    border: 2px solid #3b3b3b;
}
#stripeform.sesonal form .inputBox{
	margin:30px 0 0 0;
}
#stripeform.sesonal form .cvBox{
	margin:30px 0 0px 0;
}
#stripeform.sesonal .hiddenType{
	display:none;
}
#stripeform.sesonal .hiddenType.on{
	display:block;
}
#stripeform.sesonal .joynType ul{
    justify-content: space-around;
    display: flex;
	padding: 10px;
    background: #f8f8f8;
}
#stripeform.sesonal .joynType ul input{
	margin:0;
}
@media screen and ( max-width:800px ){
	.changePassModaal form input[type="text"], .changePassModaal form input[type="password"]{
		width:100%;
	}
	#stripeform.sesonal form{
		width:100%;
	}
	#stripeform.sesonal .joynType ul{
		display:block;
	}
	#stripeform.sesonal .joynType ul li{
		margin:10px 0;
		text-align:center;
	}
	#stripeform.sesonal .joynType ul li label{
		display:block;
		margin:0 0 5px 0;
	}
	#stripeform.sesonal select{
		    height: 50px;
    font-size: 15px;
	}
	#stripeform.sesonal .joynType ul input{
		width:unset;
	}
	#stripeform.sesonal{
		height:auto;
	}
}
/* 振り返り会用　form end   -----------------------------*/
/* 振り返り会参加者リスト start ---------------------------*/
#seasnalyUserList{
	padding: 120px 20px;
    min-height: 100vh;
	background-image: url(https://shop.jnma.jp/wp-content/themes/my_shop/ec_img/stationaly/topBack.jpg);
    background-size: 500px;
}
#seasnalyUserList h2{
    text-align: center;
    font-size: 20px;
    margin: 0 0 30px 0;
}
#seasnalyUserList .flex{
	width:800px;
	margin:0 auto;
	padding:30px;
	background:#f4f4f4;
	display:flex;
	justify-content:space-around;
}
#seasnalyUserList .flex label{
	display:block;
	text-align:center;
}
#seasnalyUserList .flex select{
    height: 50px;
    padding: 0 10px;
    margin: 10px 0 0;
	width:300px;
}
#seasnalyUserList .userList{
    margin: 60px auto;
    width: 1200px;
}
#seasnalyUserList .userList table{
	width:100%;
	background: white;
}
#seasnalyUserList .dataFlex{
	display:flex;
}
#seasnalyUserList .dataFlex em{
	margin:0 10px;
	font-size:20px;
}
#seasnalyUserList .dataFlex .a{
	margin:0 30px 0 0;
}
#seasnalyUserList .userList table th{
    padding: 10px 20px;
    background: #4f4949;
    color: white;
	text-align:center;
	border: 1px solid #969696;
	vertical-align: middle;
}
#seasnalyUserList .userList table td{
	padding:10px 20px;
	vertical-align:middle;
	border: 1px solid #969696;
	font-size:13px;
}
.new_mMenu .seasnalyBody a{
    display: block;
    background: white;
    border-radius: 10px;
    transition: .3s;
    font-size: 13px;
    font-weight: bold;
	margin:0 0 15px 0;
}
.new_mMenu .seasnalyBody a:hover{
	background:rgb(200 200 200 / 63%);
	color:white;
}
@media screen and ( max-width:800px ){
	#seasnalyUserList .flex{
		width: 100%;
		padding: 15px 15px 40px 15px;
		display: block;
	}
	#seasnalyUserList .flex select{
		width: 100%;
		height: 40px;
	}
	#seasnalyUserList .typeChoice{
		margin:15px 0 0 0;
	}
	#seasnalyUserList .userList table th,#seasnalyUserList .userList table td{
		padding:10px;
		font-size:13px;
	}
	#seasnalyUserList .userList{
		    width: 100%;
    overflow: scroll;
    padding: 10px;
    border: 1px solid #838383;
		background:white;
	}
	#seasnalyUserList .userList table{
		width: 1000px;
	}
	#seasnalyUserList .userList table th:nth-child(2),#seasnalyUserList .userList table td:nth-child(2),#seasnalyUserList .userList table th:nth-child(3),#seasnalyUserList .userList table td:nth-child(3){
		display:none;
	}
}
/* 振り返り会参加者リスト end   ---------------------------*/
/* 対談動画 start -----------------*/
#new_menber_blog.menberMovie{
	position:relative;
	background:white;
}
#new_menber_blog.menberMovie #movieLottie{
	width:300px;
	margin: -60px auto 0px auto;
}
@media screen and ( max-width:800px ){
	#new_menber_blog.menberMovie #movieLottie{
		width:200px;
	}
}
/* seminarAttendance start -----------------*/
#seminarAttendance{
	padding:120px 20px;
	text-align:center;
}
#seminarAttendance h2{
	font-size:30px;
	font-weight:bold;
}
#seminarAttendance p{
	font-size:20px;
}
#seminarAttendance p em{
	font-size:15px;
	margin:0 10px 0 0;
}
/* seminarAttendance end   -----------------*/