@charset "utf-8";

/******************************　共通　*/
@font-face {
	font-family: "Original Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 100;
}
@font-face {
	font-family: "Original Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 200;
}
@font-face {
	font-family: "Original Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 300;
}
@font-face {
	font-family: "Original Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 400;
}
@font-face {
	font-family: "Original Yu Gothic";
	src: local("Yu Gothic Bold");
	font-weight: bold;
}

.container {
	margin: 0 auto;
	float: center;
	font-size: 20px;
	/*
	font-family: 'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
	*/
	font-weight: normal;
	color: #222;
	max-width:700px;
	width: 100%;
}
/* 本文 */
body {
	font-size: 20px;
	/*
	font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
	*/
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", "Noto Sans CJK JP", "Original Yu Gothic", "Yu Gothic", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Sans Emoji";
	background-color: #ffffff;
	overflow-y:scroll;
	float: center;
	width: 100%;
	padding: 0;
	margin: 0;
}
/* 見出し */
h1 ,h2 ,h3 ,h4 ,h5 ,h6 {
	font-family: 'Meiryo', sans-serif;
	font-weight: normal;
	color: #222;
	line-height: 1.1;
}
h1 {
	font-size: 24px;
	text-shadow: 5px 5px 6px #666b70;
	letter-spacing: 3px;
}
h2 {
	font-size: 32px;
	text-align: center;
	background-color: white;
	padding-top: 60px;
}
h3 {
	font-size: 24px;
	background-color: steelblue;
	font-weight: bold;
	/*max-width: 1200px; */
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	color: white;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
h4 {
	font-size: 24px;
	text-align: center;
	font-weight: bold;
	background-color: white;
	margin-top: 100px;
}
/*フッター*/
footer {
	text-align: center;
	bottom: 0; 
}
/* ヘッダー */
header {
	background-color: #00000000;
	display: flex;
	align-items: row;
	font-weight: bold;
	padding-top: 0px;
	position: sticky;
	z-index: 2;
}
.logo-container {
	width: 100px;
	overflow: visible;
	align-items: center;
	vertical-align: middle;
}
.logo-image {
	width: 100px;
	overflow: visible;
	margin: auto 0;
	vertical-align: middle;
}
.logo-image-btn {
	background-color: transparent;
	border: none;
	margin: 0;
	padding: 0;
}
.global-nav {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-evenly;
}
.nav-list {
	padding: 0 0 0 0 ;
	margin: 0;
	width: 100%;
	overflow: visible;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	text-align: center;
}
.nav-item {
	margin-top: 5px;
	width: fit-content;
	display: inline-block;
	color: #fff;
	margin: 0;
	text-align: center;
}
.nav-a {
	width: fit-content;
	color: black;
	text-decoration: none;
	font-size: 24px;
}
.nav-b {
	color: white;
	background-color: orange;
	text-decoration: none;
	font-size: 24px;
	font-weight:bold;
	border-radius: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.nav-c {
	text-decoration: none;
	font-size: 24px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
	background: orange;
	border: none;
	color: white;
	font-weight:bold;
	border-radius: 5px;
	margin-right: 5px;
	margin-left: 5px;
}
.carac_image {
	width: 50px;
	height: 50px;
	border-radius: 50%;
}
.calendar_image {
	width: 40px;
	fill: orange;
}
.nav-d {
	width: fit-content;
	color: black;
	text-decoration: none;
	font-size: 24px;
	background-color: transparent;
	border: none;
	font-weight: bold;
	padding: 0;
}
.nav-a:hover{
	text-decoration: underline;
	font-size: 24px;
}
.nav-d:hover{
	text-decoration: underline;
	font-size: 24px;
}

/*ポップアップ*/
.menu-content ul li label.open::before {
    content: "";
    width: 12px;
    height: 12px;
    border-top: solid 2px silver;
    border-right: solid 2px silver;
    transform: rotate(45deg);
    position: absolute;
    right: 11px;
    top: 38px;
	font-size: 24px;
}
.menu-content ul li label.open {
    display: inline-block;
	position: relative;
    width: 100%;
	height: 90px;
	line-height: 70px;
    font-size: 24px;
    box-sizing: border-box;
    color:black;
    text-decoration: none;
    padding: 10px 15px 10px 20px;
	background-color: white;
	text-align: left;
	font-weight: normal;
}
#popup {
	display: none;
}
.overlay {
	display: none;
	z-index: 3;
}
#popup:checked + .overlay {
	display: block;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
.window {
	width: 90vw;
	max-width: 380px;
	height: 200px;
	background-color: white;
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.text {
	font-size: 24px;
	margin: 0;
	color: black;
	font-weight: normal;
}
.close {
	cursor:pointer;
	position: absolute;
	top: 5px;
	right: 20px;
	font-size: 40px;
	color: black;
}
.answer{
	background-color: red;
	color: white;
	font-size: 24px;
	width: 100px;
	height: 50px;
	border: none;
	border-radius: 20px;
	font-weight: bold;
	margin-left: 15px;
}
/*ハンバーガーメニュー*/
.hbg_image {
	width: 50px;
	z-index: 3;
	text-align: center;
	margin: 0 auto;
}
.menu-btn{
	text-align: center;
	z-index: 3;
	position: relative;
}
#menu-btn-check {
    display: none;
}
.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 100%;/*leftの値を変更してメニューを画面外へ*/
    z-index: 2;
    background-color: #eee;
    transition: all 0.5s;/*アニメーション設定*/
}
#menu-btn-check:checked ~ .menu-content {
    left: 0;/*メニューを画面内へ*/
}
.menu-content ul {
    padding:  0;
}
.menu-content ul li {
    border-bottom: solid 1px #eee;
    list-style: none;
}
.menu-content ul li span.title {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 60px;
    font-size: 24px;
    box-sizing: border-box;
    color:black;
    text-decoration: none;
    padding: 12px 15px 5px 20px;
	background-color: #eee;
	text-align: left;
}
.menu-content ul li a.content {
    display: inline-block;
	position: relative;
    width: 100%;
	height: 90px;
	line-height: 70px;
    font-size: 24px;
    box-sizing: border-box;
    color:black;
    text-decoration: none;
    padding: 10px 15px 10px 20px;
	background-color: white;
	text-align: left;
	font-weight: normal;
	z-index: 2;
}
.menu-content ul li a.content::before {
    content: "";
    width: 12px;
    height: 12px;
    border-top: solid 2px silver;
    border-right: solid 2px silver;
    transform: rotate(45deg);
    position: absolute;
	z-index: 2;
    right: 11px;
    top: 38px;
}
.menu-content ul li span.ver {
	text-align: right;
	color:black;
	font-weight: normal;
	float: right;
	padding: 5px 10px 0 0;
}

/******************************　アカウント仮登録*/
.register_account_nickname_wrapper {
	display: flex;
	flex-direction: column;
	text-align: center;
	float: center;
	margin-bottom: 20px;
	margin-top: 70px;
}	  
.register_account_nickname_annotation_wrapper {
	display: flex;
	flex-direction: row;
	text-align: center;
	margin: 0 auto;
	width: 90%;
	font-size: 20px;
	margin-top: 2px;
	color: darkgray;
}
.register_account_nickname_msg {
	/*flex-direction: row;*/
	text-align: left;
	margin-right: 20px;
}
.register_account_nickname_limit {
	text-align: right;
}
.register_email_wrapper {
	display: flex;
	flex-direction: column;
	text-align: center;
	margin-bottom: 20px;
}	  
.register_email_annotation_wrapper {
	display: flex;
	flex-direction: row;
	text-align: center;
	margin: 0 auto;
	width: 90%;
	font-size: 20px;
	margin-top: 2px;
	color: darkgray;
}
.register_email_msg {		
	text-align: right;
	margin-right: 20px;
}
.register_email_limit {
	text-align: right;
}
.register_pwd_wrapper {
	display: flex;
	flex-direction: column;
	text-align: center;
	margin-bottom: 20px;
}	  
.register_pwd_annotation_wrapper {
	display: flex;
	flex-direction: row;
	text-align: center;
	margin: 0 auto;
	width: 90%;
	font-size: 20px;
	margin-top: 2px;
	color: darkgray;
}
.register_pwd_msg {		
	text-align: right;
	margin-right: 20px;
}
.inputs{
	width: 90%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 90px;
	float: center;
	padding:10px;
	font-size: 26px;
	border: none;
	border-bottom: solid 1px silver;
}
input[type="text"]{
    font-size: 100%;
	font-family: 'Meiryo';
	font-size: 26px;
}
.register_sex_wrapper {
	display: flex;
	flex-direction: column;
	text-align: center;
	margin-bottom: 50px;
	margin-top: 50px;
}
.register_sex_radio_wrapper {
	display: flex;
	flex-direction: row;
	text-align: center;
	font-size: 26px;
	margin-left: 30px;
}	  
.register_sex_annotation_wrapper {
	font-size: 18px;
	text-align: left;
	margin-top: 6px;
	color: darkgray;
	margin-left: 30px;
}
.register_sex_woman{
	margin-left: 15px;
}
.register_sex_msg {		
	font-size: 20px;
}
input[type=radio] {
	width: 30px;
	height: 30px;
	margin: 0px 20px 0px 10px;
	position: relative;
	top: 7px;
}
.register_sex_radio {
	accent-color: orangered;
}
.register_kiyaku_wrapper {
	display: flex;
	flex-direction: row;
	text-align: left;
	font-size: 22px;
	width: 90%;
	margin: 0 auto 20px auto;
}
.register_policy_wrapper {
	display: flex;
	flex-direction: row;
	text-align: left;
	font-size: 22px;
	width: 90%;
	margin: 0 auto 20px auto;
}
input[type=checkbox] {
	width: 40px;
	height: 20px;
	margin: 0 10px 0 10px;
	position: relative;
	top: 4px;
}
.register_kiyaku_agreement_link {
	color: orange;
	font-weight: bold;
	font-size: 26px;
}
.register_policy_link {
	color: orange;
	font-weight: bold;
	font-size: 26px;
}
a:hover {
	text-decoration: underline;
}
.register_btn_msg {
	font-size: 22px;
	margin-top: 5px;
	color: darkgray;
}
input[name="submit"] {
	width: 100%;
	height: 60px;
	float: center;
	background: orange;
	border: none;
	color: white;
	font-size: 30px;
	font-weight: bold;
	margin-top: 30px;
	margin: 0 0 20px 0;
	border-radius: 50px;
}
.account_register_email_error{
	text-align: left;
	font-size: 20px;
	font-family: 'Meiryo';
}
.register_btn{
	width: 90%;
	margin: 0 auto;
}
.accountRegister_submit{
	width: 80%;
	height: 100px;
	font-size: 28px;
	text-align: center;
	background-color: orange;
	border-radius: 30px;
	color: white;
}
.accountRegister_header{
	width: 100%;
	margin: 100px 0 0 0;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}

/******************************　アカウント本登録*/
table.account_register_fix{
	margin: 200px auto 70px auto;
	width: 90%
}
table.account_register_fix tr{
	background-color: white;
	height: 100px;
}
table.account_register_fix th{
	background-color: #eee;
	width: 30%;
	font-size: 28px;
}
table.account_register_fix td{
	background-color: white;
	width: auto;
	height: 100px;
	align-items: center;
	display: flex;
    align-items: center;     /*上下中央揃え*/
}
table.account_register_fix td input{
	background-color: white;
	width: 100%;
	height: auto;
	border: none;
	font-size: 24px;
	padding: 0;
	text-align: center;
	outline: none;
}
.accountRegisterFix_submit{
	width: 80%;
	margin: 0 auto;
	font: 30px;
}
.accountRegisterFix_submit_ipt{
	width: 100%;
	border-radius: 40px;
	line-height: 0px;
	padding: 40px;
	font-size: 100px;
}
/******************************　ログイン*/
.login_h2_txt{
	font-weight: bold;
	margin: 100px 0 0 0;
	text-align: center;
	width: auto;
	font-size: 32px;;
}
.login_error_or_account_regis_complete{
	font-size: 22px;
	color:black;
	text-align: center;
	margin: 10px 0 10px 0 ;
}
.login_email{
	width: 70%;
	margin: 0 auto;
	margin-top: 70px;
}
.login_pwd{
	width: 70%;
	margin:  0 auto;
	margin-top: 30px;
}
.inputs_login{
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 100px;
	float: center;
	font-size: 28px;
	border: none;
    outline: none;
    border-bottom: 1px solid silver;
    padding: 5px 10px;
}
.login_pwd input::placeholder{
	font-size: 28px;
}
.login_pwd input{
	font-size: 28px;
}
.login_btn{
	width: 70%;
	margin: 0 auto;
	margin-top: 20px;
}
.login_btn_msg{
	width: 70%;
	margin: 0 auto;
	margin-top: 50px;
	font-weight: bold;
	text-align: center;
	font-size: 20px;
}
.to_register_msg{
	width: 70%;
	margin: 0 auto;
	margin-top: 50px;
	font-size: 24px;
}
.to_register_btn_wrapper{
	width: 70%;
	margin: 0 auto;
	margin-top: 5px;
	font-weight: bold;
	font-size: 20px;
}
.to_reset_pwd{
	color: darkorange;
	text-decoration-line: none;
	font-size: 28px;
	font-weight: bold;
}
.to_register_btn{
	color: darkorange;
	font-size: 28px;
	text-decoration-line: none;
}
.submit_standard{
	width: 100%;
	height: 80px;
	background: orange;
	border: none;
	color: white;
	font-size:30px;
	font-weight:bold;
	border-radius: 30px;
	margin: 30px 0 0 0;
}
/******************************　プロフィールエディター*/
.editprof_image_wrapper{
	width: 100%;
	display: flex;
	flex-direction: row;
	height: 150px;
}
.editprof_image_container_center{
	width: 60%;
	display: flex;
	justify-content: center;
	text-align: center;
	align-items: center;
	margin: 30px 0 0 0;
}
.editprof_image_container_side{
	width: 20%;
	margin: 30px 0 0 0;
	display: flex;
	justify-content: center;
	text-align: center;
	align-items: center;
}
.editprof_image{
	height: 120px;
	width: 120px;
	border-radius: 50%;
}
.profile_editer_calac_img_upload_wrapper{
	width: 80%;
	flex-direction: column;
	margin: 20px auto 20px auto;
}
.profile_editer_calac_img_upload_desc{
	width: 100%;
	margin: 20px 0;
	color: gray;
	font-size: 18px;
}
.profile_editer_calac_img_upload_btns{
	display: flex;
	flex-direction: row;
}
.profile_editer_calac_img_upload_label{
	display: inline-block;
	text-align: center;
	line-height: 60px;
	width: 50%;
	margin: 10px 0 10px 0;
	border: none;
	background-color:white;
	border: solid 1px orange;
	color: orange;
	border-radius: 30px;
	height: 60px;
	font-size: 26px;
	font-weight: bold;
}
.profile_editer_calac_img_upload_ipt{
	display: none;
}
.profile_editer_calac_img_upload_check{
	width: 50%;
	margin: 0 10px;
	height: 60px;
}
.profile_editer_calac_img_upload_default{
	width: 100%;
	margin: 0;
	height: 80px;
}
.profile_editer_calac_img_upload_btn {
	width: 100%;
	height: 70px;
	margin: 10px 0 10px 0;
	border: solid 2px orange;
	background-color: white;
	color: orange;
	padding: 0;
	border-radius: 35px;
	font-family: "Meiryo";
	font-size: 26px;
}
.profile_editer_calac_img_upload_def_btn{
	width: 100%;
	height: 70px;
	margin: 10px 0 10px 0;
	border: solid 2px silver;
	background-color: white;
	color: silver;
	padding: 0;
	border-radius: 35px;
	font-size: 26px;
	font-family: "Meiryo";
}
.profile_editer_calac_img_upload_default button {
	width: 100%;
	height: 60px;
	margin: 0 0 0 0;
	border: none;
	background-color: white;
	color: gray;
	padding: 0;
	border-radius: 30px;
	border: solid 2px darkgray;
	font-size: 24px;
}
.editprof_browser_name{
	font-size: 26px;
	margin: 5px 0;
	font-weight: bold;
}
.editprof_info_wrapper{
	margin-top: 50px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
}
.editprof_nickname_wrapper{
	display: flex;
	flex-direction: row;
	margin: 0 auto;
	margin-bottom: 15px;
}
.editprof_nickname_title{
	width: 25%;
	margin: auto 0 auto auto;
	font-weight: bold;
	text-align: right;
	font-size: 24px;
}
.editprof_nickname{
	margin-right: 20px;
	width: 75%;
}
.editprof_nickname_input{
	width: 94%;
	position: relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 50px;
	float: center;
	border: solid 1px silver;
	border: none;
    outline: none;
    border-bottom: 1px solid rgba(0,0,0, 0.3);
    padding: 5px 5px;
	margin: 0 20px 0 30px;
	font-size: 100%;
	text-align: right;
}
.editprof_summary_wrapper{
	display: flex;
	flex-direction: row;
	margin: 50px auto 0 auto;
	align-items: center;
}
.editprof_summary_title{
	width: 25%;
	text-align: right;
	margin: auto 0 auto auto;
	font-weight: bold;
	font-size: 24px;
}
.editprof_summary_selector {
	position: relative;
	width: 75%;
	margin: 2em auto;
	text-align: center;
	margin: 0 20px 0 30px ;
}
.editprof_age_wrapper{
	display: flex;
	flex-direction: row;
	margin: 0 auto;
}
.editprof_age_title{
	width: 200px;
	margin: auto 0;
	font-weight: bold;
	text-align: right;
	margin-right: 50px;
}
.editprof_age_selector {
	position: relative;
	width: 90%;
	margin: 2em auto;
	text-align: center;
	margin-right: 60px;
}
.editprof_area_wrapper{
	display: flex;
	flex-direction: row;
	margin: 0 auto;
}
.editprof_area_title{
	width: 200px;
	margin: auto 0;
	font-weight: bold;
	text-align: right;
	margin-right: 50px;
}
.editprof_area_selector {
	position: relative;
	width: 90%;
	margin: 2em auto;
	text-align: center;
	margin-right: 60px;
}
.cp_sl02 {
	position: relative;
	align-items: center;
	font-family: inherit;
	background-color: transparent;
	text-align: right;
	width: 100%;
	padding: 10px 10px 10px 0;
	font-size: 24px;
	border-radius: 0;
	border: none;
	border-bottom: 1px solid rgba(0,0,0, 0.3);
	
}
.cp_sl02:focus {
	outline: none;
	border-bottom: 1px solid rgba(0,0,0, 0);
}
.cp_ipselect .cp_sl02 {
	appearance: none;
	-webkit-appearance:none
}
.cp_ipselect select::-ms-expand {
	display: none;
}
.cp_ipselect:after {
	position: absolute;
	top: 18px;
	right: 10px;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid rgba(0, 0, 0, 0.3);
	pointer-events: none;
}
.cp_sl02_selectlabel {
	color: rgba(0,0,0, 0.5);
	font-size: 22px;
	font-weight: normal;
	position: absolute;
	pointer-events: none;
	left: 0;
	top: 10px;
}
.cp_sl02_selectlabel_genre {
	color: rgba(0,0,0, 0.5);
	font-size: 22px;
	font-weight: normal;
	position: absolute;
	pointer-events: none;
	left: 20px;
	top: 20px;
}
.cp_sl02:focus ~ .cp_sl02_selectlabel, .cp_sl02:valid ~ .cp_sl02_selectlabel {
	color: rgba(0,0,0, 0.5);
	top: -20px;
	font-size: 0px;
}
.cp_sl02:focus ~ .cp_sl02_selectlabel_genre, .cp_sl02:valid ~ .cp_sl02_selectlabel_genre {
	color: rgba(0,0,0, 0.5);
	top: -20px;
	font-size: 0px;
}
.cp_sl02_selectbar {
	position: relative;
	display: block;
	width: 100%;
}
.cp_sl02_selectbar:before, .cp_sl02_selectbar:after {
	content: '';
	height: 2px;
	width: 0;
	bottom: 1px;
	position: absolute;
	background:rgba(0,0,0, 0.5);
	transition: 0.2s ease all;
}
.cp_sl02_selectbar:before {
	left: 50%;
}
.cp_sl02_selectbar:after {
	right: 50%;
}
.cp_sl02:focus ~ .cp_sl06_selectbar:before, .cp_sl06:focus ~ .cp_sl06_selectbar:after {
	width: 50%;
}
.cp_sl02_highlight {
	position: absolute;
	top: 25%;
	left: 0;
	pointer-events: none;
	opacity: 0.5;
}
.prof_level_desc{
	margin: 30px 0;
	width:100%;
	font-size: 22px;
}
.prof_level_desc details{
	margin: 0;
	display: flex;
	align-items: center;
	height: 100%;
	width: 100%;
}
.prof_level_desc details > summary{
	cursor: pointer;
	height: 100%;
	position: relative;
	display: flex;
	align-items: center;
	height: 35px;
	width: 100%;
}
.prof_level_desc details > div {
	/*background-color: #f6f6f6;*/
	margin: 0;
	box-shadow: 3px 3px 4px black;
	border-radius: 5%;
	overflow: hidden;
	margin: 0 0 0 15px;
	border: solid 1px silver;
}
table{
	margin-top: 10px;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
table tr{
	height: 60px;
}	
table th{
	width: 70px;
	padding: 10px 0;
	text-align: center;
}
table td{
	padding: 10px 0;
	text-align: left;
}
table tr{
	background-color: transparent;
	border-bottom: solid 1px #eee;
}
.editprof_genre_wrapper{
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	width: 100%;
	margin-top: 24px;
}
.editprof_genre_title_wrapper{
	display: flex;
	flex-direction: row;
	margin-top: 10px;
	font-size: 24px;
}
.editprof_genre_title{
	width: 80%;
	text-align: center;
	margin: 0 auto;
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;
}
.editprof_genre_level{
	width: 20%;
	text-align: center;
	margin: 0 auto;
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;
}
.editprof_genre_container{
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
}
.editprof_genre{
	width: 80%;
	padding-right: 0px;
	padding-left: 0px;
	position: relative;
	text-align: left;
	margin: 0 auto;
}
.editprof_genre_box{
	padding: 10px 10px 10px 10px;
}
.editprof_level{
	width: 20%;
	margin: 2em auto;
}
.editprof_level select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	text-align: center;
	font-size: 22px;
}
.editprof_level select::-ms-expand {
	  display: none;
}
.editprof_level.cp_sl01 {
	position: relative;
	border-radius: 2px;
	border: 2px solid orange;
	border-radius: 50px;
	background: #ffffff;
}
.editprof_level.cp_sl01::before {
	position: absolute;
	top: 0.8em;
	right: 0.8em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid orange;
	pointer-events: none;
}
.editprof_level.cp_sl01 select {
	padding: 8px 38px 8px 8px;
	color: rgba(0,0,0, 0.5);
}
.editprof_email_wrapper{
	display: flex;
	flex-direction: row;
	margin: 0 auto;
	margin-bottom: 15px;
	margin-top: 10px;
}
.editprof_email_title{
	width: 220px;
	margin: auto 0;
	font-weight: bold;
	text-align: right;
	margin-right: 20px;
	font-size: 24px;
}
.editprof_email{
	width: 100%;
    padding: 5px 10px;
	text-align: left;
	text-align: left;
	border-radius: 5px;
	font-size: 20px;
	border: none;
    box-shadow: 0 0 0 1px #ccc inset;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
	background-color: gainsboro;
}
.editprof_intro_wrapper{
	display: flex;
	flex-direction: row;
	margin: 0 auto;
	margin-bottom: 15px;
	margin-top: 10px;
}
.editprof_intro_title{
	width: 220px;
	margin: auto 0;
	font-weight: bold;
	text-align: right;
	margin-right: 20px;
	font-size: 24px;
}
.editprof_intro{
	height: 7em;
	width: 100%;
    padding: 5px 10px;
	text-align: left;
	border-radius: 5px;
	font-size: 20px;
	border: none;
    box-shadow: 0 0 0 1px #ccc inset;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
	vertical-align: top;
	font-family: 'Meiryo';
}
.editprof_intro:focus{
	outline: 0;
    box-shadow: 0 0 0 2px rgb(33, 150, 243) inset;
}
.editprof_privacy_wrapper{
	display: flex;
	flex-direction: column;
	margin: 20px;
}
.editprof_privacy_msg{
	margin-bottom: 10px;
	text-align: left;
	font-weight: bold;
	font-size: 24px;
}
.editprof_privacy_hide_wrapper{
	display: flex;
	flex-direction: row;
	margin-top: 10px;
}
.editprof_privacy_hide_title{
	width: 120px;
	margin: auto 0;
	font-weight: bold;
	text-align: right;
	margin-right: 20px;
	font-size: 22px;
}
.editprof_privacy_hide_btn{
	width: 80px;
	align-items: center;
	margin-top: 5px;
}
.toggle-button-001 {
    display: inline-block;
    position: relative;
    width: 60px;
    height: 30px;
    border-radius: 30px;
    background-color: #dddddd;
    cursor: pointer;
    transition: background-color .4s;
	align-items: center;
	text-align: left;
	vertical-align: middle;
}
.toggle-button-001:has(:checked) {
    background-color: #4bd863;
}
.toggle-button-001::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    box-shadow: 0 0 5px rgb(0 0 0 / 20%);
    background-color: #fff;
    content: '';
    transition: left .4s;
}
.toggle-button-001:has(:checked)::after {
    left: 30px;
}
.toggle-button-001 input {
    display: none;
}
.profilePicChooser_container{
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
	height: 100vh;
}
.profilePicChooser_imageBox{
    position: relative;
    height: 90vh;
    width: auto;
	/*border:1px solid #aaa;*/
    background: #fff;
    overflow: hidden;
    background-repeat: no-repeat;
    cursor:move;
}
.profilePicChooser_imageBox .profilePicChooser_thumbBox{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70vw;
    height: 70vw;
    margin-top: calc(-70vw/2);
    margin-left: calc(-70vw/2);
	border-radius: calc(70vw/2);
    box-sizing: border-box;
    border: 1px solid rgb(102, 102, 102);
    box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
    background: none repeat scroll 0% 0% transparent;
}
.profilePicChooser_imageBox .profilePicChooser_spinner{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    line-height: 70vw;
    background: rgba(0,0,0,0.7);
}
.profilePicChooser_action{
    width: 100%;
    height: 10vh;
    padding: 20px 0 0 0;
	box-sizing: border-box;
	font-family: 'Meiryo';
	display: flex;
	justify-content:center;
}
.profilePicChooser_backarrow{
	background-color: white;
	border: none;
	height: 80%;
}
.profilePicChooser_btnFile_ipt{
	display: none;
}
.profilePicChooser_btnFile{
	display: inline-block;
	box-sizing: border-box;
	background-color: white;
	border: solid 2px orange;
	border-radius: 20px;
	margin: 0 10px;
	height: 80%;
	width: 40%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 30px;
	font-family: 'Meiryo';
	color: orange;	
}
.profilePicChooser_btnCrop{	
	background-color: orange;
	border: solid 2px orange;
	box-sizing: border-box;
	border-radius: 20px;
	height: 80%;
	width: 20%;
	margin: 0 10px;
	line-height: 50px;
	text-align: center;
	font-size: 30px;
	font-family: 'Meiryo';
	color: white;	
}
.profilePicChooser_btnZoom{
	background-color: white;
	border: solid 2px orange;
	box-sizing: border-box;
	border-radius: 20px;
	margin: 0 10px;
	height: 80%;
	width: 15%;
	line-height: 50px;
	text-align: center;
	font-size: 30px;
	font-family: 'Meiryo';
	color: orange;		
}
.profilePicChooser_cropped>img{
    margin-right: 10px;
}
.profile_editer_submit{
	width: 100%;
	height: 60px;
	float: center;
	background: orange;
	border: none;
	color: white;
	font-size: 30px;
	font-weight: bold;
	margin-top: 30px;
	margin: 0 0 20px 0;
	border-radius: 50px;
}


/******************************　プロフィール */
.profileBrowser_profile_wrapper{
	width: 100%;
	display: flex;
	flex-direction: row;
}
.profileBrowser_profile_container{
	flex: 5;
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: center;
	height: 130px;
	border-radius: 50%;
}
.profileBrowser_profile_container_side{
	justify-content: center;
	text-align: center;
	padding-top: 20px;
	padding-right: 10px;
	flex: 1;
}
.prof_image_wrapper{
	margin-top: 50px;
	margin-bottom: 0px;
	text-align: center;
}
.prof_image{
	text-align: center;
	width: 120px;
	height: 120px;
	border-radius: 50%;
}
.prof_nickname{
	margin: 10px auto 10px auto;
	width: auto;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
}
.to_editprof{
	height: 60px;
	text-align: center;
	margin-top: 40px;
}
.to_editprof_btn{
	text-decoration: none;
	height: 60px;
	font-size: 26px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	background: orange;
	border: none;
	color: white;
	font-weight:bold;
	border-radius: 30px;
	margin-right: 5px;
	margin-left: 5px;
	width: 40%;
}
.profileBrowser_info_wrapper{
	display: flex;
	flex-direction: column;
	text-align: center;
	width: 100%;
}
.profileBrowser_summary_container{
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	width: 100%;
	align-items: center;
	margin: 20px auto 20px auto;
}
.profileBrowser_summary_item{
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100px;
	background-color: white;
	font-size: 28px;
	border-radius: 25px;
	margin: 10px 20px;
}
.profileBrowser_levelDescription_container{
	position: static;
	z-index: 10;
	margin: 0 100px 0 0;
	width: 100%;
	display: flex;
	justify-content: flex-end;
}
.prof_level_desc_msg{
	margin-top: 40px;
	position: static;
	z-index: 10;
	text-align: right;
	align-items: center;
	display: flex;
	justify-content: flex-end;
	vertical-align: center;
	align-items: center;
	text-decoration: none;
	font-weight: bold;
	color: orange;
	width: 100%;
	font-size: 22px;
}
.prof_level_desc_table tr th{
	width: 15%;
}
.prof_level_desc_table tr td{
	width: 70%;
}	
.prof_level_img{
	height: 40px;
	padding: 0 20px 0 10px;
	margin: auto 0;
}
table.prof_level_desc_table{
	width: 90vw;
	left: 20px;
}
.profileBrowser_genreLevel_container{
	width: 100%;
	display: flex;
	text-align: center;
	flex-direction: column;
	font-size: 26px;
}
.profileBrowser_genreLevel_tr{
	width: 100%;
	display: flex;
	height: 70px;
	background-color: white;
}
.profileBrowser_genreLevel_genre{
	width: 80%;
	display: flex;
	align-items: center;
	text-align: left;
	margin: 0 0 0 60px;
}
.profileBrowser_genreLevel_level{
	width: 20%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 40px 0 0;
}
.profileBrowser_genreLevel_span{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.profileBrowser_organize_wrapper{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex-wrap: wrap;
}
.profileBrowser_organize_title_container{
	width: 100%;
	height: 50px;
	display: flex;
	justify-content: center;
	flex-direction: row;
	margin: 40px 0 0 0;
}
.profileBrowser_organize_title_icon{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20%;
}
.profileBrowser_organize_title_icon_img{
	width: 35px;
}
.profileBrowser_organize_title_txt{
	width: 80%;
	display: flex;
	align-items: center;
	text-align: left;
	margin: 0 0 0 30px;
	font-size: 26px;
}
.profileBrowser_organize_list_container{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 24px;
	background-color: transparent;
}
.profileBrowser_organize_list_btn{
	width: 100%;
	font-size: 22px;
	font-family: "Meiryo";
	display: flex;
	flex-direction: column;
	border-style: none;
	box-sizing: border-box;
	background-color: #FEF7F0;
}
.profileBrowser_organize_list_tr{
	width: 97%;
	height: 160px;
	margin: 0 0 10px 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-color: white;
	box-sizing: border-box;
	border-radius: 20px;
	font-size: 26px;
	box-shadow: 4px 4px rgba(0, 0, 0, .4);
	color: black;
}
.profileBrowser_organize_list_tr_dateCategory{
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	font-size: 24px;
	height: 40px;
}
.profileBrowser_organize_list_tr_date{
	width: auto;
	display: flex;
	align-items: center;
	height : 40px;
	font-weight: bold;
	color: orange;
	margin-left: 20px;
}
.profileBrowser_organize_list_tr_category{
	width: auto;
	display: flex;
	align-items: center;
	margin: 0 0 0 30px;
	font-size: 24px;
}
.profileBrowser_organize_list_tr_title{
	width: 97%;
	display: flex;
	flex-direction: row;
	margin: 0 10px 0 20px;
	height: 40px;
	font-weight: bold;
	
}
.profileBrowser_organize_list_tr_title_span{
	width: auto;
	float: left;
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.profileBrowser_organize_list_tr_genre{
	width: 97%;
	display: flex;
	justify-content: left;
	align-items: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-left: 20px;
	font-size: 24px;
	box-sizing: border-box;
	height: 40px;
	flex-shrink: 0;
}
.profileBrowser_organize_list_tr_levelAddress{
	width: 97%;
	display: flex;
	flex-direction: row;
	justify-content: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	box-sizing: border-box;
	margin-left: 20px;
	font-size: 24px;
	height: 40px;
}
.profileBrowser_organize_list_tr_level{
	width: 12%;
	display: flex;
	justify-content: left;
	align-items: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.profileBrowser_organize_list_tr_address{
	width: 88%;
	box-sizing: border-box;
	display: flex;
	justify-content: left;
	align-items: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.event_list_address_img_span{
	display: inline-block;
	padding: 0;
	background-color: transparent;
	vertical-align: middle;
}
.event_list_address_img{
	width: 30px;
	vertical-align: middle;
}
.profileBrowser_organize_list_nothing{
	width: 90%;
	display: flex;
	justify-content: center;
	margin: 10px auto 50px auto;
	background-color: white;
	border-radius: 20px;
	text-align: center;
	align-items: center;
	color: orange;
	font-weight: bold;
	font-size: 26px;
	height: 80px;
}
table.event_list_rireki_table{
	table-layout: fixed;
	width: 100%;
	margin: 10px 0 0 0;
}
table.event_list_rireki_table tr{
	height: 40px;
	width: 100%;
	border: none;
	background-color: white;
}
table.event_list_rireki_table tr.gray_tr{
	background-color: #eee;
}
table.event_list_rireki_table tr:nth-of-type(1){
	border-top: solid 1px silver;
}
table.event_list_rireki_table tr:nth-of-type(3n-1){
	height: 30px;
}
table.event_list_rireki_table tr:nth-of-type(3n){
	border-bottom: solid 1px silver;
	height: 30px;
}
table.event_list_rireki_table tr td{
	padding: 0 ;
}
table.event_list_rireki_table tr td.event_list_date{
	font-weight: bold;
	width: auto;
	padding-right: 0;
	flex-wrap: nowrap;
	position: relative;
}
table.event_list_rireki_table tr td.event_list_chat{
	width: 60px;
}
table.event_list_rireki_table tr td.event_list_level_address{
	width: 100%;
	background-color: transparent;
	height: 30px;
}
table.event_list_rireki_table tr td.event_list_carac{
	width: 130px;
	padding: 0;
	text-align: center;
}
table.event_list_rireki_table tr td button{
	background-color: transparent;
	border: none;
	font-family: 'Meiryo';
	display: block;
}
/******************************　イベント登録 */
.eventRegister_background{
	background-color: #FEF7F0;
	display: flex;
	flex-direction: column;
	font-family: 'Meiryo';
	width: 100%;
}
.eventRegister_wrapper{
	display: flex;
	flex-direction: column;
	width: 100%;
	font-size: 24px;
}
.eventRegister_container_header{
	display: flex;
	flex-direction: row;
	width: 100%;
	height: 70px;
	align-items: end;
}
.eventRegister_container{
	display: flex;
	flex-direction: column;
}
.event_regis_header_notation_img{
	width: 20%;
	height: auto;
}
.event_regis_header_notation{
	width: 80%;
	height: auto;
	text-align: right;
	font-size: 24px;
	padding: 0 20px 0 0;
}
.eventRegister_title{
	display: flex;
	flex-direction: row;
	height: 100px;
	align-items: center;
	font-size: 28px;
	font-weight: bold;
	margin: 20px 0 0 0;
}
.eventRegister_title_imgBox{
	width: 40px;
	margin: 0 0 0 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.eventRegister_ttl_img{
	width: 40px;
	height: 40px;
}
.eventRegister_title_txt{
	margin: 0 0 0 20px;
}
.eventRegister_category{
	width: 100%;
	vertical-align: middle;
	text-align: center;
}
.eventRegister_category input[type=radio]{
	display: none;
}
.eventRegister_category input[type="radio"]:checked + label {
	background: orange;/* マウス選択時の背景色を指定する */
	color: #ffffff; /* マウス選択時のフォント色を指定する */
}
.event_regis_category_tgl_label {
	display: block; /* ブロックレベル要素化する */
	margin: 0 auto; /* ボックス外側の余白を指定する */
	width: 200px; /* ボックスの横幅を指定する */
	height: 60px; /* ボックスの高さを指定する */
	padding-left: 5px; /* ボックス内左側の余白を指定する */
	padding-right: 5px; /* ボックス内御右側の余白を指定する */
	color: #999999; /* フォントの色を指定 */
	text-align: center; /* テキストのセンタリングを指定する */
	line-height: 60px; /* 行の高さを指定する */
	border: 2px solid orange;/* ボックスの境界線を実線で指定する */
	border-radius: 30px; /* 角丸を指定する */
	display:inline-block;
	font-size: 26px;
}
.event_regis_name_input{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 26px;
	border: none;
    outline: none;
    border-bottom: 1px solid silver;
    padding: 0px 20px;
	height: 80px;
	width: 100%;
	text-align: right;
}
.eventRegister_genre {
	align-items: center;
	text-align: center;
	font-size: 20px;
	width: 99%;
	margin: 0 auto;
	justify-content: center;
}
.eventRegister_genre input[type=checkbox]{
	display: none;
}
.eventRegister_genre input[type="checkbox"]:checked + label {
	background: orange;/* マウス選択時の背景色を指定する */
	color: #ffffff; /* マウス選択時のフォント色を指定する */
	font-weight: bold;
}
.event_regis_feature_checkbtn_container_label {
	display: block; /* ブロックレベル要素化する */
	float: left; /* 要素の左寄せ・回り込を指定する */
	margin: 10px; /* ボックス外側の余白を指定する */
	width: auto; /* ボックスの横幅を指定する */
	height: 40px; /* ボックスの高さを指定する */
	padding: 5px 10px; /* ボックス内左側の余白を指定する */
	color: black; /* フォントの色を指定 */
	text-align: center; /* テキストのセンタリングを指定する */
	line-height: 40px; /* 行の高さを指定する */
	border: 2px solid orange;/* ボックスの境界線を実線で指定する */
	/*border-radius: 45%; /* 角丸を指定する */
	font-size: 26px;
	color: gray;
	border-radius: 20px;
}
.eventRegister_level{
	display: flex;
	flex-direction: row;
	text-align: center;
	justify-content: center;
	text-align: center;
	width: 100%;
	margin: 0 0 30px 0;
}
.eventRegister_level_ttl{
	width: 30%;
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 26px;
}
.eventRegister_level_content{
	width: 70%;
	height: 80px;
}
/* ::after要素をabsoluteで表示するために記載 */
.eventRegister_level_content {
	position: relative;
	margin: 0em 0em 0em 0em;
	float: right;
}
/* セレクトボックス項目の後に"▼"を追加 */
/*.eventRegister_level_content::after {
	pointer-events: none; /*矢印部分をクリックを可能にする*/
/*	position: absolute;
	color: #666666;
	top: 50%;
	left: 100px;
	transform: translateY(-50%); /*▼を上に移動*/
/*	content: "▼";
}
/* セレクトボックスのフォーカス時のブラウザが付加する枠線を非表示 */
.eventRegister_level_pdown:focus {
    outline: none;
	text-align: right;
}
.eventRegister_level_pdown {
  /*元々の<select>のスタイルを削除 */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  /*今回指定する<select>のスタイル */
  width: 100%;
  height: 100%;
  border-top: solid 1px white;
  border-left: solid 1px white;
  border-right: solid 1px white;
  border-bottom: solid 1px silver;
  font-size: 26px;
  padding: 0 20px 0 0;
  text-align: right;
}
.eventRegister_level_description_details{
	width: 100%;
}
.eventRegister_level_description details{
	margin: 0;
	display: flex;
	align-items: center;
	height: 100%;
	width: 100%;
}
.eventRegister_level_description details > summary{
	cursor: pointer;
	height: 100%;
	position: relative;
	display: flex;
	align-items: center;
	height: 35px;
	width: 100%;
}
.eventRegister_level_description details > div {
	background-color: white;
	margin: 0;
	box-shadow: 3px 3px 4px black;
	border-radius: 5%;
	overflow: hidden;
	margin: 0 0 0 15px;
}
.event_regis_dsc_msg{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	text-align: right;
	text-decoration: none;
	color: #999999;
	width: auto;
	font-weight: normal;
	font-size: 24px;
	height: 35px;	
}
.event_regis_img{
	height: 40px;
	margin: 0 20px 3px 10px;
}
.event_regis_desc_div{
	display: flex;
	flex-direction: column;
	width: 95%;
	color: gray;
}
.event_regis_desc_tr{
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 90px;
}
.event_regis_desc_lv{
	width: 10%;
	display: flex;
	justify-content: center;
	text-align: center;
	padding: 10px;
}
.event_regis_desc_ttl{
	width: 13%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
}
.event_regis_desc_txt{
	width: 77%;
	display: flex;
	text-align: left;
	align-items: center;
	padding: 10px;
}
.event_regis_description_text{
	box-sizing: border-box;
	height: 300px;
	width: 100%;
    padding: 20px 20px;
	text-align: left;
	border-radius: 5px;
	font-size: 24px;
	border: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
	vertical-align: top;
	font-family: 'Meiryo';
	outline: none;
	color: gray;
	display: table;
}
.eventRegister_content{
	display: flex;
	flex-direction: row;
	text-align: center;
	justify-content: center;
	text-align: center;
	width: 100%;
	margin: 0 0 30px 0;
}
.eventRegister_content_ttl{
	width: 30%;
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 26px;
	margin: auto;
}
.eventRegister_content_set{
	width: 70%;
	height: 80px;
}
.event_regis_studio_submit{
	position: relative;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}
input[name="submit_studio"]{
	width: 100%;
	height: 100%;
	float: left;
	background: white;
	border: none;
	color: gray;
	font-size:26px;
	padding: 0 20px 0 10px;
	text-align: right;
	margin-bottom: 0px;
	box-sizing: border-box;
}
.eventRegister_placeMember_content{
	width: 70%;
	height: 80px;
}
.event_regis_ninzu{
	position: relative;
	white-space: nowrap;
	overflow: hidden;
	width:auto;
}
input[name="event_regis_ninzu"]{
	width: 100%;
	height: 100%;
	float: left;
	background: white;
	border: none;
	color: gray;
	font-size:26px;
	text-align: right;
	padding: 0 20px 0 0;
	box-sizing: border-box;
	font-family: "Meiryo";
}
input[name="event_regis_date"]{
	width: 100%;
	height: 100%;
	float: left;
	background: white;
	border: none;
	color: gray;
	font-size:26px;
	text-align: right;
	padding: 0 20px 0 0;
	box-sizing: border-box;
	position: relative;
	font-family: 'Meiryo';
}
.eventRegister_content_set input[type="date"]::-webkit-calendar-picker-indicator {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: auto;
	height: auto;
	background: transparent;
	z-index: 1;
}
.eventRegister_content_set input[type="date"]::after {
	content: '';
	background-image: url(img/ico_calendar.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 0 0;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
}
input[name="event_regis_time_s"]{
	width: 100%;
	height: 100%;
	float: left;
	background: white;
	border: none;
	color: gray;
	font-size:26px;
	text-align: right;
	padding: 0 20px 0 0;
	box-sizing: border-box;
	position: relative;
	font-family: 'Meiryo';
}
.eventRegister_content_set input[type="time"]::-webkit-calendar-picker-indicator {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  background: transparent;
  z-index: 1;
}
.eventRegister_content_set input[type="time"]::after {
  content: '';
  background-image: url(img/ico_calendar.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
input[name="event_regis_time_e"]{
	width: 100%;
	height: 100%;
	float: left;
	background: white;
	border: none;
	color: gray;
	font-size:26px;
	text-align: right;
	padding: 0 20px 0 0;
	box-sizing: border-box;
	position: relative;
	font-family: 'Meiryo';
}
input[name="event_regis_date_limit"]{
	width: 100%;
	height: 100%;
	float: left;
	background: white;
	border: none;
	color: gray;
	font-size:26px;
	text-align: right;
	padding: 0 20px 0 0;
	box-sizing: border-box;
	position: relative;
	font-family: 'Meiryo';
}
.event_regis_price{
	position: relative;
	white-space: nowrap;
	overflow: hidden;
	width:auto;
}
input[name="event_regis_price"]{
	width: 100%;
	height: 100%;
	float: left;
	background: white;
	border: none;
	color: gray;
	font-size:26px;
	text-align: right;
	padding: 0 20px 0 0;
	box-sizing: border-box;
	font-family: "Meiryo";
}
.eventRegister_content_set_ipt{
	width: 70%;
	height: 80px;
	display:flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.eventRegister_content_set_ipt input[type=radio]{
	display: none;
}
.eventRegister_content_set_ipt input[type="radio"]:checked + label {
	background: orange;/* マウス選択時の背景色を指定する */
	color: #ffffff; /* マウス選択時のフォント色を指定する */
}
.event_regis_price_label {
	display: block; /* ブロックレベル要素化する */
	float: left; /* 要素の左寄せ・回り込を指定する */
	margin: 5px; /* ボックス外側の余白を指定する */
	width: 30%; /* ボックスの横幅を指定する */
	height: 60px; /* ボックスの高さを指定する */
	padding-left: 5px; /* ボックス内左側の余白を指定する */
	padding-right: 5px; /* ボックス内御右側の余白を指定する */
	color: #999999; /* フォントの色を指定 */
	text-align: center; /* テキストのセンタリングを指定する */
	line-height: 60px; /* 行の高さを指定する */
	border: 2px solid orange;/* ボックスの境界線を実線で指定する */
	border-radius: 25px; /* 角丸を指定する */
	font-size: 26px;
}
.eventRegister_content_set_txt{
	width: 70%;
	height: 80px;
	display: table;
}
input[name="event_regis_date_cancel_limit"]{
	width: 100%;
	height: 100%;
	float: left;
	background: white;
	border: none;
	color: gray;
	font-size:26px;
	text-align: right;
	padding: 0 20px 0 0;
	box-sizing: border-box;
	position: relative;
	font-family: 'Meiryo';
}
.eventRegister_content_set input[type="date"]::-webkit-calendar-picker-indicator {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: auto;
	height: auto;
	background: transparent;
	z-index: 1;
}
.eventRegister_content_set input[type="date"]::after {
	content: '';
	background-image: url(img/ico_calendar.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 0 0;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
}
.eventRegister_content_toggle{
	width: 70%;
	height: 80px;
	display: flex;
	flex-direction: row;
	justify-content: left;
	align-items: center;
}
.eventRegister_permission_toggle {
    display: inline-block;
    position: relative;
    width: 90px;
    height: 45px;
    border-radius: 45px;
    background-color: #dddddd;
    cursor: pointer;
    transition: background-color .4s;
	align-items: center;
	text-align: left;
	vertical-align: middle;
	margin: 0 auto 0 0;
}
.eventRegister_permission_toggle:has(:checked) {
    background-color: #4bd863;
}
.eventRegister_permission_toggle::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    box-shadow: 0 0 5px rgb(0 0 0 / 20%);
    background-color: #fff;
    content: '';
    transition: left .4s;
}
.eventRegister_permission_toggle:has(:checked)::after {
    left: 45px;
}
.eventRegister_permission_toggle input {
    display: none;
}
/******************************　イベントブラウザ */
.eventBrowser_background {
	background-color: #FEF7F0;
	min-height: 100vh;
	height:100%;
	margin-top: 0px;
	display: flex;
	flex-direction: column;
	font-family: 'Meiryo';
	width: 100%;
	font-size: 24px;
}
.eventBrowser_sumarry_wrapper {
	width: 100%;
	display: flex;
	flex-direction: column;
	background: white;
	background-color: #FEF7F0;
}
.eventBrowser_summary_title{
	padding: 20px 0 10px 0;	
	margin-bottom: 10px;
	width: 100%;
	height: auto;
	font-size: 26px;
	font-weight: bold;
	display: flex;
	text-align: left;
	align-items: center;
}
.BackArrow {
    width: 50px;
    margin: auto;
    vertical-align: middle;
}
.BackArrow_btn{
	border: none;
	background-color: transparent;
}
.eventBrowser_summary_title_span{
	width: 100%;
  	white-space: wrap;
	margin: 0 0 0 20px;
}
.eventBrowser_summary_organize_container{
	width: 100%;
	height: 90px;
	display: flex;
	flex-direction: row;
}
.eventBrowser_summary_organize_image{
	width: 70px;
	height: 70px;
	border-radius: 50%;
	padding-right: 0;
	margin: auto;
	vertical-align: middle;
	align-items: center;
}
.eventBrowser_summary_column_icon{
	width: 15%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	border-radius: 20px;
	margin: 5px 10px 5px 20px;
}
.eventBrowser_summary_organize_word_button{
	background-color: transparent;
	border: none;
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-top: 3px;
}
.eventBrowser_summary_organize_word{
	width: 85%;
	display: flex;
	flex-direction: row;
	background: white;
	margin: 5px 20px 5px 0px;
	border-bottom: 1px solid silver;
}
.eventBrowser_summary_organize_word_pic{
	display: flex;
	text-align: center;
	align-items: center;
	margin: 0 0 0 10px;
}
.eventBrowser_summary_organize_word_name{
	display: flex;
	text-align: left;
	align-items: center;
	margin: 10px;
	font-size: 24px;
}
.eventBrowser_summary_level_container{
	width: 100%;
	height: 90px;
	display: flex;
	flex-direction: row;
}
.eventBrowser_summary_level_word{
	width: 80%;
	display: flex;
	text-align: left;
	align-items: center;
	background: white;
	border-bottom: 1px solid silver;
	margin: 5px 20px 5px 0px;
}
.eventBrowser_summary_date_container{
	width: 100%;
	height: 90px;
	display: flex;
	flex-direction: row;
}
.eventBrowser_summary_date_word{
	width: 80%;
	display: flex;
	text-align: left;
	align-items: center;
	background: white;
	border-bottom: 1px solid silver;
	margin: 5px 20px 5px 0px;
}
.eventBrowser_summary_address_container{
	width: 100%;
	height: 90px;
	display: flex;
	flex-direction: row;
}
.eventBrowser_summary_address_word{
	width: 80%;
	display: flex;
	flex-direction: column;
	background: white;
	border-bottom: 1px solid silver;
	margin: 5px 20px 5px 0px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.eventBrowser_summary_address_word_studio{
	width: auto;
	height: 50%;
	display: flex;
	text-align: left;
	align-items: center;
}
.eventBrowser_summary_address_word_detail{
	width: auto;
	height: 50%;
	display: flex;
	text-align: left;
	align-items: center;
}
.eventBrowser_summary_price_container{
	width: 100%;
	height: 90px;
	display: flex;
	flex-direction: row;
}
.eventBrowser_summary_price_word{
	width: 80%;
	display: flex;
	flex-direction: column;
	background: white;
	border-bottom: 1px solid silver;
	margin: 5px 20px 5px 0px;
}
.eventBrowser_summary_price_word_price{
	width: 80%;
	height: 50%;
	display: flex;
	text-align: left;
	align-items: center;
}
.eventBrowser_summary_price_word_payment{
	width: 80%;
	height: 50%;
	display: flex;
	text-align: left;
	align-items: center;
}
.eventBrowser_summary_member_container{
	width: 100%;
	height: 90px;
	display: flex;
	flex-direction: row;
}
.eventBrowser_summary_member_word{
	width: 80%;
	display: flex;
	text-align: left;
	align-items: center;
	background: white;
	border-bottom: 1px solid silver;
	margin: 5px 20px 5px 0px;
}
.eventBrowser_summary_permission_container{
	width: 100%;
	height: 90px;
	display: flex;
	flex-direction: row;
}
.eventBrowser_summary_permission_word{
	width: 80%;
	display: flex;
	text-align: left;
	align-items: center;
	background: white;
	border-bottom: 1px solid silver;;
	margin: 5px 20px 5px 0px;
}
.eventBrowser_summary_span{
	margin: 0 0 0 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.eventBrowser_summary_icon{
	width: 45px;
}
.eventBrowser_summary_genre_list{
}
.eventBrowser_title_container{
	display: flex;
	flex-direction: row;
	margin-top: 40px;
	background-color: #330066;
	height: 50px;
	align-items: center;
}
.eventBrowser_title{
	padding-left: 20px;
	color: white;
	font-weight: bold;
	width: 200px;
	font-size: 28px;
	align-items: center;
}
.eventBrowser_genre_wrapper{
	display: flex;
	flex-direction: column;
	background-color: #FEF7F0;
}
.eventBrowser_genre_list{
	max-width:97%;
	margin-top: 10px;
	text-align: left;
	padding-left: 10px;
	font-size: 22px;
}
.eventBrowser_genre_item{
	margin-top: 20px;
	font-size: 24px;
	background-color: orange;
	display: block; /* ブロックレベル要素化する */
	float: left; /* 要素の左寄せ・回り込を指定する */
	margin: 5px; /* ボックス外側の余白を指定する */
	width: fit-content; /* ボックスの横幅を指定する */
	height: 30px; /* ボックスの高さを指定する */
	padding: 2px 10px; /* ボックス内左右の余白を指定する */
	color: white; /* フォントの色を指定 */
	text-align: center; /* テキストのセンタリングを指定する */
	line-height: 30px; /* 行の高さを指定する */
	border: none;/* ボックスの境界線を実線で指定する */
	border-radius: 25px; /* 角丸を指定する */
}
.eventBrowser_genre_description{
	margin: 10px 0;
	text-align: left;
	padding: 0 20px;
	font-size: 24px;
	float: left;	
}
.eventBrowser_member_title_container{
	display: flex;
	flex-direction: row;
	margin-top: 40px;
	background-color: #330066;
	height: 50px;
	align-items: center;
}
.eventBrowser_member_title{
	padding-left: 20px;
	color: white;
	font-weight: bold;
	width: 200px;
	font-size: 28px;
	align-items: center;
}
.eventBrowser_member_title_count{
	width: 100%;
	text-align: right;
	padding-right: 20px;
	color: white;
	font-weight: bold;
	font-size: 22px;
	align-items: center;
}
.eventBrowser_member_graf_container{
	margin-top: 30px;
}
.event_brows_member_graf{
	display: flex;
	width:90%;
	margin: 0 auto;
}
.event_brows_member_graf_sex{
	flex: 1;
}
.event_brows_member_graf_age{
	flex: 1;
}
.event_brows_member_graf_pie {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width: 230px;
	height: 230px;
	font-size: 24px;
	font-weight: bold;
	border-radius: 50%;
}
.graf_text{
	text-align: center;
	font-size: 24px;
}
.joiner_member_profile_btn {
	background-color: transparent;
	border: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	width:100%;
	font-size: 24px;
	color: black;
}
.joiner_member_profile_btn_genre {
	background-color: transparent;
	border: none;
	text-align: right;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	width:100%;
	font-size: 24px;
	color: black;
}
.joiner_member_profile_btn_level{
	background-color: transparent;
	border: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	width: 100%;
	font-size: 24px;
	font-weight: bold;
	color: black;
}
.waiting_member_approve_btn {
	background-color: orange;
	color: white;
	border: none;
	border-radius: 20px;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	width:70px;
	height:50px;
	font-weight: bold;
}
.enevtBrowser_member_joinerlist_title{
	margin-left: 10px;
	font-size: 26px;
	font-weight: bold;
	margin-top: 30px;
}
.eventBrowser_member_joinerList{
	width: 100%;
	display: flex;
	flex-direction: column;
}
.eventBrowser_member_joinerList_tr{
	width: 100%;
	display: flex;
	flex-direction: row;
	height: 120px;
}
.eventBrowser_member_joinerList_tr_joiner{
	width: 20%;
	display: flex;
	flex-direction: column;
}
.eventBrowser_member_joinerList_tr_joiner_pic{
	margin: 10px 0 2px 0;
}
.event_brows_list_image{
	width: 70px;
	height: 70px;
	margin: auto 0;
	align-items: center;
	border-radius: 50%;
}
.eventBrowser_member_joinerList_tr_joiner_name{
	display: flex;
	text-align: center;
	align-items: center;
}
.eventBrowser_member_joinerList_tr_joiner_name_span{
	font-size: 24px;
	overflow: hidden;
  	white-space: nowrap;
  	text-overflow: ellipsis;
	margin: auto;
}
.eventBrowser_member_joinerList_tr_reki{
	width: 15%;
	display: flex;
	justify-content: center;
	text-align: center;
	align-items: center;
	border-bottom: solid 1px silver;
}
.eventBrowser_member_joinerList_tr_age{
	width: 15%;
	display: flex;
	justify-content: center;
	text-align: center;
	align-items: center;
	border-bottom: solid 1px silver;
}
.eventBrowser_member_joinerList_tr_genreLevel{
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-bottom: solid 1px silver;
}
.eventBrowser_member_joinerList_tr_genreLevel_tr{
	width: 100%;
	display: flex;
	flex-direction: row;
}
.eventBrowser_member_joinerList_tr_genreLevel_genre{
	width: 80%;
	display: flex;
	text-align: left;
	align-items: stretch;
	height: 100%;
}
.eventBrowser_member_joinerList_tr_genreLevel_genre_span{
	width: 100%;
	overflow: hidden;
  	white-space: nowrap;
  	text-overflow: ellipsis;
}
.eventBrowser_member_joinerList_tr_genreLevel_level{
	width: 20%;
	display: flex;
	text-align: left;
	align-items: stretch;
	height: 100%;
}

.joiner_member_profile_approve_form{
	width: 50%;
}
.joiner_member_profile_approve_joinerInfo_btn{
	width: 100%;
	display: flex;
	flex-direction: row;
	border: none;
	background-color: transparent;
	height: 100%;
	flex-shrink: 0;
	padding: 0;
}
.eventBrowser_member_joinerList_tr_joiner_approve{
	width: 40%;
	display: flex;
	flex-direction: column;
}
.eventBrowser_member_joinerList_tr_reki_approve{
	width: 30%;
	height: 100%;
	display: flex;
	justify-content: center;
	text-align: center;
	align-items: center;
	border-bottom: solid 1px silver;
}
.eventBrowser_member_joinerList_tr_age_approve{
	width: 30%;
	height: 100%;
	display: flex;
	justify-content: center;
	text-align: center;
	align-items: center;
	border-bottom: solid 1px silver;
}
.eventBrowser_member_joinerList_tr_approve{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	border-bottom: solid 1px silver;
}
.eventBrowser_member_joinerList_tr_approve_OK{
	width: 90%;
	height: 70%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	border-radius: 50px;
	background-color: #f8a733;
	font-weight: bold;
	color: white;
	box-sizing: border-box;
	margin: 5px;
}
.enevtBrowser_member_joinerlist_title_span{
	font-size: 24px;
	color: gray;
}
.eventBrowser_member_joinerList_tr_approve_NG{
	width: 90%;
	height: 70%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	border-radius: 50px;
	background-color: transparent;
	border: solid 2px gray;
	color: gray;
	box-sizing: border-box;
	margin: 5px;
}
.eventBrowser_member_joinerList_tr_approve_span{
	overflow: hidden;
  	white-space: nowrap;
  	text-overflow: ellipsis;
	font-size: 26px;
}
.eventBrowser_address_studio_continer{
	width: 100%;
	margin: 0 auto;
}
.eventBrowser_address_studio_name{
	overflow: hidden;
	position: relative;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 24px;
	margin: 20px 0 0 20px;
}
.eventBrowser_address_studio_address{
	overflow: hidden;
	position: relative;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 5px 0 10px 20px;
	width: 90%;
	font-size: 24px;
}
.eventBrowser_address_studio_map{
	width: 100%;
	height: 600px;
	text-align: center;
	margin: 0 auto ;
}
.eventBrowser_address_studio_map_description{
	overflow: hidden;
	position: relative;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 10px 0 0px 20px;	
	font-size: 24px;
}
.eventBrowser_price_description{
	margin: 20px 0 0 20px;
	font-family: 'Meiryo';
	font-size: 24px;
}
.eventBrowser_contact_description{
	margin: 20px 0 0 20px;
	font-family: 'Meiryo';
	font-size: 24px;
}
.eventBrowser_contact_orgnaizer{
	width: 100%;
	text-align: center;
	margin: 20px auto 0 auto;
}
.eventBrowser_contact_orgnaizer_image{
	width: 90px;
	height: 90px;
	border-radius: 50%;
}
.eventBrowser_contact_orgnaizer_name{
	width: auto;
}
.eventBrowser_contact_orgnaizer_btn_container{
	height: 70px;
	margin: 0 auto;
	margin-top: 10px;
}
.eventBrowser_contact_orgnaizer_btn{
	border: solid 2px orange;
	border-radius: 35px;
	color: orange;
	background-color: transparent;
	width: 80%;
	height: 70px;
	margin: 0 auto ;
	font-weight: bold;
	font-size: 26px;
}
.event_brows_cancel_title_wrapper{
	display: flex;
	flex-direction: row;
	margin-top: 40px;
	background-color: #330066;
	height: 50px;
	align-items: center;
}
.event_brows_cancel_title{
	padding-left: 20px;
	color: white;
	font-weight: bold;
	width: 400px;
	font-size: 28px;
	align-items: center;
}
.eventBrowser_cancel_detail_container{
	display: flex;
	flex-direction: row;
	margin-top: 20px;
}
.eventBrowser_cancel_detail_header{
	width: 30%;
	text-align: left;
	padding-left: 20px;
	font-size: 24px;
	display: flex;
	align-items: center;
}
.eventBrowser_cancel_detail_date{
	width: 70%;
	text-align: right;
	padding-right: 20px;
	color: orange;
	font-weight: bold;
	font-size: 26px;
}
.eventBrowser_cancel_detail_description{
	width: 100%;
	margin: 20px auto 20px auto;
	height: auto;
	margin-bottom: 90px;
}

/*table.event_brows_member_list_table{
	width: 100%;
	table-layout: fixed;
	margin-bottom: 2px;
}
table.event_brows_member_list_table tr:nth-of-type(3n){
	border-bottom: solid 1px #dcdcdc;
}
table.event_brows_member_list_table tr:nth-of-type(1){
	border-top: solid 1px #dcdcdc;
}

table.event_brows_member_list_table tr{
	background-color: white;
	height: 20px;
	border:none;
}
table.event_brows_member_list_table tr.event_brows_member_list_tr td{
	margin: auto 0;
	text-align: center;
	padding: 0;
	overflow: hidden;
	position: relative;
	white-space: nowrap;
	text-overflow: ellipsis;
}
table.event_brows_member_list_table tr.event_brows_member_list_tr td.event_brows_member_list_td0{
	width:15%;
	overflow: hidden;
	position: relative;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align:middle;
}
table.event_brows_member_list_table tr.event_brows_member_list_tr td.event_brows_member_list_td1{
	width:25%;
	overflow: hidden;
	position: relative;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align:middle;
}
.event_brows_member_list_txt{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 100%;
	box-sizing: border-box;
	font-size: 20px;
	color: black;
}
table.event_brows_member_list_table tr.event_brows_member_list_tr td.event_brows_member_list_td2{
	width:15%;
	overflow: hidden;
	position: relative;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: black;
}
table.event_brows_member_list_table tr.event_brows_member_list_tr td.event_brows_member_list_td3{
	width:15%;
	overflow: hidden;
	position: relative;
	white-space:  nowrap;
	text-overflow: ellipsis;
	color: black;
}
table.event_brows_member_list_table tr.event_brows_member_list_tr td.event_brows_member_list_td4{
	width:35%;
	text-align: right;
	overflow: hidden;
	position: relative;
	white-space: nowrap;
	text-overflow: ellipsis;
	border: none;
	color: black;
}
table.event_brows_member_list_table tr.event_brows_member_list_tr td.event_brows_member_list_td5{
	width:10%;
	overflow: hidden;
	position: relative;
	white-space: nowrap;
	text-overflow: ellipsis;
	border: none;
	color: black;
}

.event_brows_studio_title_wrapper{
	display: flex;
	flex-direction: row;
	margin-top: 40px;
	background-color: #330066;
	height: 50px;
	align-items: center;
}
.event_brows_studio_title{
	padding-left: 20px;
	color: white;
	font-weight: bold;
	width: 200px;
	font-size: 28px;
	align-items: center;
}
.event_brows_studio_detail_wrapper{
	width: 100%;
	margin: 0 auto;
}
.event_brows_studio_detail_title{
	overflow: hidden;
	position: relative;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 24px;
	margin: 20px 0 0 20px;
}
.event_brows_studio_detail_address{
	overflow: hidden;
	position: relative;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 10px 0 10px 30px;
	width: 90%;
	font-size: 22px;
}
.event_brows_studio_detail_map{
	width: 100%;
	height: 600px;
	text-align: center;
	margin: 0 auto ;
}
.event_brows_studio_detail_description{
	overflow: hidden;
	position: relative;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 20px 0 0px 20px;	
}
.event_brows_contact_title_wrapper{
	display: flex;
	flex-direction: row;
	margin-top: 40px;
	background-color: #330066;
	height: 50px;
	align-items: center;
}
.event_brows_contact_title{
	padding-left: 20px;
	color: white;
	font-weight: bold;
	width: 200px;
	font-size: 28px;
	align-items: center;
}
*/

/******************************　イベント登録スタジオリスト */
.event_regis_studio_list_serch{
	align-items: center;
	text-align: center;
	width: 100%;
	margin: 150px 20px 0 20px ;
}
.search-form-009 {
    display: flex;
    align-items: center;
    overflow: hidden;
    border: 2px solid silver;
	height: 60px;
    border-radius: 30px;
	width: 80%;
	margin: 0 auto;
	font-size: 24px;
}
.studio_search_icon{
	width: 10%;
	margin: 0 20px;
	box-sizing: border-box;
	height: 45px;
}
/*.search-form-009::before {
    width: 10%;
    height: 30px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cpath%20d%3D%22M23.7%2020.8%2019%2016.1c-.2-.2-.5-.3-.8-.3h-.8c1.3-1.7%202-3.7%202-6C19.5%204.4%2015.1%200%209.7%200S0%204.4%200%209.7s4.4%209.7%209.7%209.7c2.3%200%204.3-.8%206-2v.8c0%20.3.1.6.3.8l4.7%204.7c.4.4%201.2.4%201.6%200l1.3-1.3c.5-.5.5-1.2.1-1.6zm-14-5.1c-3.3%200-6-2.7-6-6s2.7-6%206-6%206%202.7%206%206-2.6%206-6%206z%22%20fill%3D%22%239aa0a6%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E');
    background-position: center;
    background-repeat: no-repeat;
    content: '';
}*/
.search-form-009 input {
    width: 90%;
    height: 60px;
    padding: 5px 25px 5px 0;
    border: none;
    box-sizing: border-box;
    outline: none;
	font-size: 24px;
}
.event_regis_studio_list_other_container{
	align-items: center;
	text-align: left;
	width: 80%;
	margin: 0 auto;
	height: 100px;
	display: flex;
	align-items: center;
}
.event_regis_studio_list_other_header_arrow{
	width:15%;
	margin-top: 50px;
}
.event_regis_studio_list_other_header_button{
	width:85%;
	margin-top: 50px;
}
.event_regis_studio_list_other{
	width: 100%;
	border-radius: 35px;
	background-color: #330066;
	color: white;
	text-align: center;
	font-weight: bold;
	margin: 50px auto;
	align-items: center;
	font-size: 24px;
	height: 70px;
}
.event_regis_studioother_backarrow{
	margin: 50px 0 0 20px;
}
table.event_regis_studio_list_serch_table{
	width: 100%;
	padding: 0;
	table-layout: fixed;
}
table.event_regis_studio_list_serch_table tr.event_regis_studio_list_serch_tr{
	height: 80px;
	background-color: white;
	padding: 2px 0;
	border-bottom: solid 1px silver;
	border-top: solid 1px silver;
}
table.event_regis_studio_list_serch_table tr td.desc {
	text-align: left;
	padding: 5px 0;
	width: 88%;
	height: 80px;
}
table.event_regis_studio_list_serch_table tr td.btn {
	text-align: center;
	padding: 5px 0;
	width: 12%;
}
.event_regis_studio_list_studio_btn{
	border: none;
	text-align: left;
	font-size: 22px;
	padding: 0px 0 0px 20px;
	font-weight: bold;
	background-color: transparent;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.studio_span{
	border-radius: 10px;
	padding: 0 10px;
	border: 2px solid orange;
	background-color: orange;
	color: white;
	margin: 0 0 5px 0;
	display: block;
	width: fit-content
}
.studio_title_span{
	display: block;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
a.event_regis_studio_list_detail_btn {
	display: block;
	white-space: nowrap;
	text-align: center;
	text-decoration: none;
	width: 60px;
	height: 60px;
	line-height: 60px;
	margin: 0 10px 0 auto;
	padding: 0;
	font-weight: bold;
	border: 1px solid orange;
	color: orange;
	border-radius: 50%;
	font-size: 18px;
}
a.event_regis_studio_list_detail_btn:hover {
	color: #fff;
	background: orange;
}

/******************************　イベント登録スタジオリスト(リスト外選択) */
table.event_regis_studioother_table tr.event_regis_studioother_tr{
	background-color: transparent;
	height: 30px;
}
table.event_regis_studioother_table tr.event_regis_studioother_tr th{
	text-align: left;
	font-size: 26px;
	padding: 40px 0 0 20px;
}
table.event_regis_studioother_table tr.event_regis_studioother_tr td.event_regis_studioother_studio{
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	word-wrap: break-all;
}
.event_regis_studioother_studio_input{
	width: 100%;
	height: 60px;
	padding: 0 0 0 20px;
	border: none;
	font-size: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	word-wrap: break-all;
	outline: none;
}
table.event_regis_studioother_table tr.event_regis_studioother_tr td.event_regis_studioother_area{
	padding: 10px 0 10px 0px;
	height: 50px;
}
.cp_sl02_2 {
	position: relative;
	font-family: inherit;
	background-color: white;
	width: 100%;
	padding: 0px 0px 0px 20px;
	font-size: 26px;
	border-radius: 0;
	border: none;
	height: 60px;
}
.cp_sl02_2:focus {
	outline: none;
	border-bottom: 1px solid rgba(0,0,0, 0);
}
.cp_ipselect .cp_sl02_2 {
	appearance: none;
	-webkit-appearance:none
}
.cp_ipselect select::-ms-expand {
	display: none;
}
.cp_ipselect:after {
	position: absolute;
	top: 18px;
	right: 10px;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid rgba(0, 0, 0, 0.3);
	pointer-events: none;
}
.cp_sl02_2_selectlabel {
	color: rgba(0,0,0, 0.5);
	font-size: 24px;
	font-weight: normal;
	position: absolute;
	pointer-events: none;
	left: 0;
	top: 10px;
}
.cp_sl02_2_selectlabel_genre {
	color: rgba(0,0,0, 0.5);
	font-size: 24px;
	font-weight: normal;
	position: absolute;
	pointer-events: none;
	left: 20px;
	top: 20px;
}
.cp_sl02_2:focus ~ .cp_sl02_2_selectlabel, .cp_sl02_2:valid ~ .cp_sl02_2_selectlabel {
	color: rgba(0,0,0, 0.5);
	top: -20px;
	font-size: 0px;
}
.cp_sl02_2:focus ~ .cp_sl02_2_selectlabel_genre, .cp_sl02_2:valid ~ .cp_sl02_2_selectlabel_genre {
	color: rgba(0,0,0, 0.5);
	top: -20px;
	font-size: 0px;
}
.cp_sl02_2_selectbar {
	position: relative;
	display: block;
	width: 100%;
}
.cp_sl02_2_selectbar:before, .cp_sl02_2_selectbar:after {
	content: '';
	height: 2px;
	width: 0;
	bottom: 1px;
	position: absolute;
	background:rgba(0,0,0, 0.5);
	transition: 0.2s ease all;
}
.cp_sl02_2_selectbar:before {
	left: 50%;
}
.cp_sl02_2_selectbar:after {
	right: 50%;
}
.cp_sl02_2:focus ~ .cp_sl06_selectbar:before, .cp_sl06:focus ~ .cp_sl06_selectbar:after {
	width: 50%;
}
.cp_sl02_2_highlight {
	position: absolute;
	top: 25%;
	left: 0;
	pointer-events: none;
	opacity: 0.5;
}
.event_regis_studioother_url_title_span{
	font-size: 24px;
}
.submit_standard_sticky_container{
	width: 100%;
	height: auto;
	line-height: 60px;
	padding: 0;
	float: center;
	background: transparent;
	border: none;
	position: fixed;
  	bottom: 0.5vh;
	text-align: center;
}
.submit_standard_sticky{
	width: 80%;
	height: 60px;
	background: orange;
	border: none;
	color: white;
	font-size:26px;
	font-weight:bold;
	border-radius: 30px;
	font-family: 'Meiryo';
}
.submit_standard_sticky_noControle{
	width: 80%;
	height: 60px;
	background-color: gray;
	border: solid 2px gray;
	color: white;
	font-size:26px;
	border-radius: 30px;
	font-family: 'Meiryo';
}
.submit_standard_sticky_cancel{
	width: 80%;
	height: 60px;
	background-color: white;
	border: solid 2px gray;
	color: gray;
	font-size:26px;
	border-radius: 30px;
	font-family: 'Meiryo';
}
.event_regis_studioother_submit_container{
	width: 100%;
	display: flex;
	justify-content: center;
}
.event_regis_studioother_submit{
	background-color: orange;
	height: 60px;
	width: 80%;
	color: white;
	font-weight: bold;
	font-family: "Meiryo";
	font-size: 28px;
	border-left: 30px;
	border: none;
	text-align: center;
	margin: 20px auto 0;
	border-radius: 30px;
}
/******************************　チャットリスト */
.chatlist_background {
	min-height: 100vh;
	height: 100%;
	margin-top: 0px;
	display: flex;
	flex-direction: column;
	font-family: 'Meiryo';
	width: 100%;
	font-size: 24px;
}
.chatlist_list_wrapper{
	width: 100%;
	margin: 40px 0 0 0;
	/*display: flex;
	flex-direction: column;*/
}
.chatlist_Nolist_text{
	width: 90%;
	height: 200px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 70% auto;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	border-radius: 25px;
	border: solid 4px orange;
}
.chatlist_chat_btn{
	width: 100%;
	border: transparent;
	background-color: transparent;
	text-align: left;
	padding: 0;
}
.chatlist_chat_container{
	width: 100%;
	height: 100px;
	display: flex;
	flex-direction: row;
	align-items: center;
	font-size: 24px;
	margin: 0 0 30px 0;
}
.chatlist_chat_organizerImg{
	width: 15%;
	height: auto;
	position: relative;
	text-align: center;
	margin: 0 0 0 10px;
}
.chatlist_chat_org_img{
	height: 80px;
	width: 80px;
	border-radius: 50%;
	text-align: center;
}
.chatlist_chat_org_img_front{
	position: absolute;
	height: 50px;
	width: 50px;
	border-radius: 50%;
	bottom: 5px;
	left: 5px;
}
.chatlist_chat_nameText{
	width: 70%;
}
.chatlist_chat_name{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: bold;
	color: black;
}
.chatlist_chat_name_span{
	font-size: 26px;
	color: black;
}
.chatlist_chat_text{
	display: -webkit-box; /* 必須 */
    -webkit-box-orient: vertical; /* 必須 */
    -webkit-line-clamp: 2; /* 行数を制限 */
    overflow: hidden; /* はみ出た部分を非表示 */
}
.chatlist_chat_text_span{
	font-size: 22px;
	color: gray;
}
.chatlist_chat_dateNewmsg{
	width: 15%;
	height: 100%;
	display: flex;
	flex-direction: column;
}
.chatlist_chat_dateTime{
	width: 100%;
	height: 40%;
	text-align: right;
	align-items: center;
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
}
.chatlist_chat_dateTime_span{
	font-size: 18px;
	color: darkgray;
	margin: 5px 20px 0 0;
}
.chatlist_chat_newmsg{
	width: 100%;
	height: 60%;
	display: flex;
	flex-direction: row-reverse;
	align-items: top;
	text-align: center;
}
.chtlist_chta_msgCnt{
	margin: 0 20px 0 0;
	background-color: darkorange;
	color: white;
	border: none;
	border-radius: 50%;
	width: 45px;
	height: 45px;
	font-size: 22px;
	font-family: 'Meiryo';
	display: flex;
  	align-items: center;
  	justify-content: center;
	
}
.chtlist_chta_msgCnt_span{
  	height: 100%;
	display:inline-flex;
	align-items: center;
}



/******************************　スケジュール */
.scheduleBrowser_organize_title_container{
	width: 100%;
	height: 50px;
	display: flex;
	justify-content: center;
	flex-direction: row;
	margin: 20px 0 0 0;
}
.event_schedule_approve_waiting{
	font-weight: bold;
	margin-left: 10px;
}
.event_schedule_organize_wrapper{
	margin: 10px 0 0 0;
}
.event_schedule_title_wrapper{
	position: static;
	box-sizing: border-box;
	width: 100%;
	height: 20px;
	margin-top: 10px;
	display: flex;
	align-items: center;
	padding: 0 20px;
	font-weight: bold;
	z-index: 10;
}
.event_schedule_title_image{
	text-align: center;
}
.event_schedule_title_img{
	height: 30px;
	margin: auto 0;
	display: block;
}
.event_schedule_title_txt{
	font-size: 26px;
	padding: 0 0 0 10px;
	width: 85%;
	text-align: left;
}
.event_schedule_title_txt_sub{
	padding-left: 0;
	width: 15%;
	font-weight: normal;
	text-align: right;
	font-size: 24px;
}
table.event_schedule_table{
	table-layout: fixed;
	width: 100%;
	margin: 0;
}
table.event_schedule_table tr{
	background-color: white;
	height: 30px;
	width: 100%;
}
table.event_schedule_table tr.gray_tr{
	background-color: gray;
	height: 30px;
	width: 100%;
}
table.event_schedule_table tr:nth-of-type(1){
	border-top: solid 1px #eee;
}
table.event_schedule_table tr:nth-of-type(3){
	border-bottom: solid 1px #eee;
}
table.event_schedule_table tr td{
	padding: 0px 10px;
}
table.event_schedule_table tr td.event_schedule_date{
	font-weight: bold;
	width: 160px;
}
table.event_schedule_table tr td.event_schedule_chat{
	width: 50px;
}
.msg_cnt{
	position: absolute;
	background-color: darkorange;
	color: white;
	border: none;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	font-size: 20px;
	font-family: 'Meiryo';
	text-align: center;
	line-height: 30px;
	top: -10;
	left: -5;
}
table.event_schedule_table tr td.event_schedule_category{
	width: 100%;
	padding: 2px 0px;
}
table.event_schedule_table tr td.event_schedule_main{
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
table.event_schedule_table tr td.event_schedule_level{
	width: 100px;
}
table.event_schedule_table tr td.event_schedule_address{
	padding-left: 0;
}
table.event_schedule_table tr td a.event_schedule_a{
	display: block;
	color: black;
	text-decoration: none;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
table.event_schedule_table tr td a.event_schedule_date_a{
	display: block;
	color: orange;
	text-decoration: none;
}
.event_schedule_chat{
	width: 50px;
}
table.event_schedule_table tr td.event_schedule_carac{
	width: 90px;
	padding: 0 0 0 10px;
	text-align: center;
}
.event_schedule_join_img{
	width: 50px;
}
.event_schedule_carac_p{
	font-weight: bold;
	font-size: 20px;
	margin: 2px auto auto auto;
	overflow: hidden;
	text-overflow: ellipsis;
}
.event_schedule_join_wrapper{
	margin-top: 20px;
}
.schedule_nothing{
	padding: 0 0 0 20px;
	text-align: left;
}
.event_list_nothing{
	background-color: white;
	border: solid 1px orange;
	color: orange;
	font-size: 24px;
	border-radius: 20px;
	width: 400px;
	height: 60px;
	margin: 30px 0 0 20px;
	font-weight: bold;
}
.schedule_plan{
	width: auto;
	display: flex;
 	justify-content: flex-end;
	text-align: right;
	margin: 0 0 0 auto;

}
.schedule_plan input[type=checkbox]{
	display: none;
}
.schedule_plan input[type="checkbox"]:checked + label {
	background:#FBBD8E;/* マウス選択時の背景色を指定する */
	color: black; /* マウス選択時のフォント色を指定する */
	font-weight: bold;
}
.schedule_plan_checkbtn_label {
	display: block; /* ブロックレベル要素化する */
	margin-left: auto; /* ボックス外側の余白を指定する */
	width: 80px; /* ボックスの横幅を指定する */
	height: 60px; /* ボックスの高さを指定する */
	padding-left: 5px; /* ボックス内左側の余白を指定する */
	padding-right: 5px; /* ボックス内御右側の余白を指定する */
	color: black; /* フォントの色を指定 */
	text-align: center; /* テキストのセンタリングを指定する */
	line-height: 60px; /* 行の高さを指定する */
	border-radius: 10%; /* 角丸を指定する */
	background-color: white;
	border: solid 1px #FBBD8E;
}  
/******************************　イベント一覧 */
.footerPush{
	height: 100px;
}
.submit_chat{
	display: none;
	position: relative;
	padding: 0;
}
.event_list_title_wrapper{
	width: 100%;	
	display: flex;
	height: 70px;
	align-items: end;
	background-color: white;
}
.event_list_title{
	flex: 2;
	font-size: 26px;
	font-family: 'Meiryo';
	text-align: center;
	padding: 0 0 0 10px;
	padding: 0 0 0 0;
	font-weight: bold;
}
.event_list_title_form{
	display: flex;
	justify-content: center;
	align-items: baseline;
}
.event_list_title_btn{
	border: none;
	background-color: white;
	width: 100%;
	padding: 0;
	margin: 0 10px;
	margin: 0 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.event_list_title_checked{
	background-color: #FEF7F0;
	color:black;
	font-weight: bold;
	margin: 0 10px;
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 60px;
	font-size: 24px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
.event_list_title_nochecked{
	background-color: #cccccc;
	color:white;
	margin: 0 10px;
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 60px;
	font-size: 24px;
	border: none;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
.event_list_title_switchArea{
	width: 100%;
	height: 50px;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	align-items: center;
	background-color: white;
	border-radius: 30px;
	border: solid 2px  #999999;
	position: relative;
}
.event_list_title_switchCircle_lesson{
	width: 46px;
	height: 46px;
	background: #999999; 
	position: absolute;
	top: 2px;
	left: 2px;
	border-radius: 26px;
}
.event_list_title_switchText_lesson{
	width: 350px;
	font-size: 26px;
	text-align: center;
	font-weight: bold;
	padding-left: 50px;
	color: #999999;
}
.event_list_title_switchText_contest{
	width: 350px;
	font-size: 26px;
	text-align: center;
	font-weight: bold;
	padding-right: 50px;
	color: #999999;
}
.event_list_title_switchCircle_contest{
	width: 46px;
	height: 46px;
	background: #999999; 
	position: absolute;
	top: 2px;
	right: 2px;
	border-radius: 26px;
}
.event_list_title_create_wrapper{
	flex: 1;
	text-align: right;
	padding: 0 20px 0 0;
}
.event_list_create_btn{
	background-color: orange;
	/*border: solid 2px orange;
	color: orange;*/
	color: white;
	font-weight: bold;
	border: none;
	font-size: 24px;
	padding: 0 20px;
	border-radius: 30px;
	height: 56px;
	margin: 0 0 4px 0;
}
.event_list_search_freeword{
	margin: 15px 0 5px 0;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
}
.event_list_search_free {
    display: flex;
    align-items: center;
    overflow: hidden;
    border: 1px solid #dfe1e5;
    border-radius: 24px;
	width:70%;
	margin: 0 0 0 20px;
}
.event_list_search_free:hover {
    box-shadow: 0 1px 6px rgb(32 33 36 / 28%);
}
.event_list_search_free::before {
    width: 50px;
    height: 20px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cpath%20d%3D%22M23.7%2020.8%2019%2016.1c-.2-.2-.5-.3-.8-.3h-.8c1.3-1.7%202-3.7%202-6C19.5%204.4%2015.1%200%209.7%200S0%204.4%200%209.7s4.4%209.7%209.7%209.7c2.3%200%204.3-.8%206-2v.8c0%20.3.1.6.3.8l4.7%204.7c.4.4%201.2.4%201.6%200l1.3-1.3c.5-.5.5-1.2.1-1.6zm-14-5.1c-3.3%200-6-2.7-6-6s2.7-6%206-6%206%202.7%206%206-2.6%206-6%206z%22%20fill%3D%22%239aa0a6%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E');
    background-position: center;
    background-repeat: no-repeat;
    content: '';
}
.event_list_search_free input {
    width: 300%;
    height: 65px;
    padding: 5px 25px 5px 20px;
    border: none;
    box-sizing: border-box;
    outline: none;
	font-size: 24px;
}
.event_list_search_wrapper{
	width: 100%;
	margin: 0 0 10px 0;
	display: flex;
	flex-direction: row;
	justify-content:space-evenly;
	height: 60px;
	padding-top: 10px;
	align-items: center;
	background-color: transparent;
}

/* セレクトボックスのフォーカス時のブラウザが付加する枠線を非表示 */
.event_list_search_area_level_pulldown:focus {
    outline: none;
}
/* ::after要素をabsoluteで表示するために記載 */
.event_list_search_area_level {
  position: relative;
  margin: 0em 0em 0em 0em;
  float: left;
}
/* セレクトボックス項目の後に"▼"を追加 */
.event_list_search_area_level::after {
  pointer-events: none; /*矢印部分をクリックを可能にする*/
  position: absolute;
  color: #666666;
  top: 50%;
  left: 100px;
  transform: translateY(-50%); /*▼を上に移動*/
  content: "▼";
}
.event_list_search_area_level_pulldown {
  /*元々の<select>のスタイルを削除 */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  /*今回指定する<select>のスタイル */
  width: 130px;
  height: 60px;
  border: none;
  border-radius: 8px;
  font-size: 22px;
  padding: 0 0 0 10px;
}
.event_list_search_date_calendar {
	/*元々のスタイルを削除 */
	/*-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;*/
	/*今回指定するスタイル */
	width: 140px;
	height: 60px;
	border: none;
	border-radius: 8px;
	font-size: 20px;
	padding: 0em 1em 0em 1em;
	font-family: 'Meiryo';
	outline: none;
}
.event_list_search_open input[type=checkbox]{
	display: none;
}
.event_list_search_open input[type="checkbox"]:checked + label {
	background:orange;/* マウス選択時の背景色を指定する */
	color: white; /* マウス選択時のフォント色を指定する */
	font-weight: bold;
}
.event_list_search_open_checkbtn_label {
	display: block; /* ブロックレベル要素化する */
	float: left; /* 要素の左寄せ・回り込を指定する */
	margin: 5px; /* ボックス外側の余白を指定する */
	width: 100px; /* ボックスの横幅を指定する */
	height: 60px; /* ボックスの高さを指定する */
	padding-left: 5px; /* ボックス内左側の余白を指定する */
	padding-right: 5px; /* ボックス内御右側の余白を指定する */
	color: brack; /* フォントの色を指定 */
	text-align: center; /* テキストのセンタリングを指定する */
	line-height: 60px; /* 行の高さを指定する */
	border: none;/* ボックスの境界線を実線で指定する */
	border-radius: 10%; /* 角丸を指定する */
	background-color: white;
}  
.index_eventList_form{
	width: 100%;
}
.index_eventList_button {
	width: 100%;
	font-size: 22px;
	font-family: "Meiryo";
	display: flex;
	text-align: center;
	border-style: none;
	background-color: #FEF7F0;
}
.index_eventList_container_open {
	width: 100%;
	height: 180px;
	display: flex;
	flex-direction: row;
	background-color: white;
	border-radius: 10px;
	margin: 6px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	box-shadow: 4px 4px rgba(0, 0, 0, .4);
	position: relative;
}
.index_eventList_container_full {
	width: 100%;
	height: 180px;
	display: flex;
	flex-direction: row;
	background-color: #ededed;
	border-radius: 10px;
	margin: 6px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	box-shadow: 4px 4px rgba(0, 0, 0, .4);
}
.scheduleBrowser_approve{
	position: absolute;
	background-color: orange;
	border: solid 2px orange;
	border-radius: 50%;
	height: 45px;
	line-height: 45px;
	width: 45px;
	box-sizing: border-box;
	font-size: 24px;
	text-align: center;
	left: 5px;
	top: 5px;
	color: white;
}
.index_eventList_organizer {
	width: 20%;
	height: 100%;
	flex-shrink: 0;
}
.index_eventList_organizer_pic {
	align-items: center;
	margin: 20px 0 5px 0;
}
.index_eventList_organizer_img{
	width: 90px;
	height: 90px;
	border-radius: 50%;
}
.index_eventList_organizer_name {
	height: 60px;
	align-items: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0 10px;
	color: black;
}
.index_eventList_summary {
	width: 80%;
	display: flex;
	flex-direction: column;
	margin-left: 10px;
}
.index_eventList_info {
	width: 100%;
	height: 25%;
	display: flex;
}
.index_eventList_date {
	width: 55%;
	height: 100%;
	text-align: left;
	display: flex;
	align-items: center;
	font-size: 24px;
	font-weight: bold;
	color: orange;
}
.index_eventList_date_span{
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
	font-size: 26px;
}
.index_eventList_category_practice {
	width: 25%;
	display: flex;
	align-items: center;	
	justify-content: center;
	border: solid 1px #7A903E;
	border-radius: 25px;
	color: #7A903E;
	margin: 5px 0;
}
.index_eventList_category_lesson {
	width: 25%;
	display: flex;
	align-items: center;	
	justify-content: center;
	border: solid 1px #213a70;
	border-radius: 25px;
	margin: 5px 0;
	color: #213a70;
}
.index_eventList_category_contest {
	width: 25%;
	display: flex;
	align-items: center;	
	justify-content: center;
	border: solid 1px #f26651;
	border-radius: 25px;
	margin: 5px 0;
	color: #f26651;
}
.index_eventList_category_span{
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
}
.index_eventList_status {
	width: 20%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.index_eventList_status_span_open{
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.index_eventList_status_span_full{
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: gray;
	font-weight: bold;
}
.index_eventList_ttl {
	width: 100%;
	height: 25%;
	display: flex;
	text-align: left;
	align-items: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 26px;
	font-weight: bold;
	color: black;
}
.index_eventList_ttl_span {
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.index_eventList_genre {
	width: 100%;
	height: 25%;
	text-align: left;
	display: flex;
	align-items: center;
	color: black;
}
.index_eventList_genre_span {
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 24px;
}
.index_eventList_level_address {
	width: 100%;
	height: 25%;
	display: flex;
    flex-wrap: nowrap;
	flex-direction: row;
}
.index_eventList_level {
	width: 15%;
	display: flex;
	text-align: left;
	align-items: center;
	font-size: 24px;
	color: black;
}
.index_eventList_address {
	width: 85%;
	display: flex;
	align-items: center;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: black;
}
.index_eventList_address_span {
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 24px;
}
.index_eventList_address_img{
	width: 20px;
	vertical-align: middle;
}
/*table.event_list_table{
	table-layout: fixed;
	width: 100%;
	margin: 10px 0 0 0;
}
table.event_list_table tr.normal_tr{
	height: 55px;
	width: 100%;
	border-collapse: separate;
	border-spacing: 10px;
	border-radius: 5px;
	border: none;
	background-color: white;
}
table.event_list_table tr.gray_tr{
	height: 55px;
	width: 100%;
	border-collapse: separate;
	border-spacing: 10px;
	border-radius: 5px;
	border: none;
	background-color: #eee;
}
table.event_list_table tr:nth-of-type(1){
	border-top: solid 1px silver;
}
table.event_list_table tr:nth-of-type(4n-1){
	height: 30px;
}
table.event_list_table tr:nth-of-type(4n){
	border-bottom: solid 1px silver;
	height: 30px;
}
table.event_list_table tr td{
	padding: 0 ;
}
table.event_list_table tr td.event_list_date{
	font-weight: bold;
	width: auto;
	padding-right: 0;
	flex-wrap: nowrap;
	position: relative;
}
.event_list_time_span{
	padding: 0 5px 0 0;
	position: relative;
}
.event_list_category_span_lesson{
	border: solid 1px #213a70;
	border-radius: 25px;
	color: #213a70;
	padding: 0 0 0 10px;
	font-size: 20px;
	font-weight: normal;
	text-align: center;
}
.event_list_category_span_practice{
	border: solid 1px #7A903E;
	border-radius: 25px;
	color: #7A903E;
	padding: 0 0 0 10px;
	font-size: 20px;
	font-weight: normal;
	transform: translate(-50%,-50%);
}
.event_list_category_span_contest{
	border: solid 1px #f26651;
	border-radius: 25px;
	color: #f26651;
	padding: 0 0 0 10px;
	font-size: 20px;
	font-weight: normal;
}
table.event_list_table tr td.event_list_chat{
	width: 60px;
}
.event_list_status{
	width: 10%;
	padding: 0 10px;
	font-size: 20px;
	color: black;
	font-weight: normal;
}
.event_list_main{
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	background-color: transparent;
}
.event_list_btn_title{
	display: inline-block;
	color: black;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
	font-weight: bold;
	font-size: 24px;
	background-color: transparent;
	text-align: left;
	padding: 0;
	height: 40px;
}
table.event_list_table tr td.event_list_level_address{
	width: 100%;
	background-color: transparent;
	height: 30px;
}
.event_list_level_span{
	display: inline-block;
	font-weight: bold;
	color: orange;
	width: 70px;
	background-color: transparent;
	vertical-align: middle;
}
.event_list_genre_span{
	display: inline-block;
	text-align: left;
	color: black;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background-color: transparent;
	margin: 0;
	vertical-align: middle;
}
.event_list_address_img_span{
	display: inline-block;
	padding: 0;
	background-color: transparent;
	vertical-align: middle;
}
.event_list_address_span{
	display: inline-block;
	text-align: left;
	background-color: transparent;
	overflow: hidden;
	white-space: nowrap;
	vertical-align: middle;
	text-overflow: ellipsis;
	width: 100%;
	color: black;
}
.event_list_address_img{
	width: 15px;
	vertical-align: middle;
}
.event_list_a{
	display: flex;
	flex-direction: row;
	align-items: left;
	font-size: 20px;
	height: 30px;
	line-height: 30px;	
	background-color: transparent;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
	padding:0;
}
.event_list_a_charactor{
	color: black;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 20px;
	width: 100%;
	padding: 0px;
}
.event_list_date_a{
	display: block;
	color: orange;
	font-weight: bold;
	font-size: 24px;
	position: relative;
	text-align: center;
	padding: 0;
}
.event_list_date{
	position: relative;
	z-index: 0;
}
.event_list_chat{
	width: 55px;
}
table.event_list_table tr td.event_list_carac{
	width: 130px;
	padding: 0;
	text-align: center;
}
table.event_list_table tr td button{
	background-color: transparent;
	border: none;
	font-family: 'Meiryo';
	display: block;
}
*/

/*問合せフォーム*/
.toiawase_form_text{
	box-sizing: border-box;
	height: 85vh;
	width: 100%;
    padding: 5px 10px;
	text-align: left;
	border-radius: 5px;
	font-size: 18px;
	margin: 10px 0 30px 0 ;
	border: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
	vertical-align: top;
	font-family: 'Meiryo';
	outline: none;
}
textarea.toiawase_form_text::placeholder {
	font-size: 22px;
}
.event_browser_background_otoiawase {
	background-color: #FEF7F0;
	margin-top: 0;
	padding-top: 0px;
	display: flex;
	flex-direction: column;
	font-family: 'Meiryo';
	width: 100%;
	height:100vh;
	font-size: 22px;
}
.event_browser_title_container{
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: 50px 0 10px 0;	
}
.toiawase_form_title{
	box-sizing: border-box;
	height: auto;
	width: 100%;
    padding: 5px 10px;
	text-align: left;
	border-radius: 5px;
	font-size: 26px;
	font-family: 'Meiryo';
	outline: none;
	font-weight: bold;
}
/*問合せ完了*/
.otoiawaseComp_wrapper{
	width: 100%;
	display: flex;
	flex-direction: column;
	text-align: center;
}
.otoiawaseComp_text_container{
	height: 30vh;
	width: 100%;
	font-size: 28px;
	display: flex;
	align-items: end;
	justify-content: center;
	margin: 0 0 100px 0;
}
.otoiawaseComp_backToTopPage_container{
	width: 100%;
	display: flex;
	flex-direction: column;
	text-align: center;
	margin: ;
}
.otoiawaseComp_backToTopPage_form{
	height: auto;
	width: 100%;
	display: flex;
	text-align: center;
	justify-content: center;
}
.otoiawaseComp_backToTopPage_btn{
	width: 80%;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 28px;
	font-weight: bold;
	background-color: orange;
	color: white;
	border-radius: 25px;
	border: transparent;

}
/*パスワード送信フォーム*/
.passwordChange_backArrow_container{
	width: auto;
	margin: 60px 0 0 30px;
}
table.pwd_send{
	width: 100%;
	margin-top: 50px;
}
table.pwd_send tr{
	height: 100px;
	border: none;
}
table.pwd_send tr th{
	width: 30%;
	height: 80px;
	font-size: 26px;
	font-family: 'Meiryo';
}
table.pwd_send tr td{
	width: 70%;
	height: 80px;
}
table.pwd_send tr td input{
	width: 95%;
	height: 100px;
	border: none;
	padding-left: 10px;
	border-bottom: 1px solid silver;
	font-size: 26px;
	font-family: 'Meiryo';
	word-wrap: break-word;
    word-break: break-all;
}
.pwd_send_submit{
	width: 91%;
	margin: 50px auto 10px 30px;
	background-color: white;
	border: 1px solid orange;
	border-radius: 25px;
	color: orange;	
	font-weight: bold;
	font-family: 'Meiryo';
	height: 80px;
	text-align: center;
	font-size: 28px;
}
.pwd_send_confirm_msg{
	margin: 0 0 0 30px;
}

/*フッター*/
.footer_wrapper{
	width:100%;
	height: 100px;
	position: fixed;/*←絶対位置*/
    bottom: 0; /*下に固定*/
	display: flex;
	flex-direction: row;
	align-items: center;
	text-align:center;
	background:white; 
}
.footer_container{
	display: flex;
	flex: 1;
	align-items: center;
	justify-content: center;
	position: relative;
}
.footer_container_btn{
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	border: none;
	background-color: transparent;
}
.footer_btn_img{
	width: 45px;
	height: 45px;
	border-radius:50%;
}
.footer_btn_txt{
	font-size: 20px;
	color: gray;
	margin-top: 5px;
}
.footer_circle{
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: orange;
	position: absolute;
	left: 95px;
	top: 0px;
}

/******************************　ブロックユーザーリスト */
.blockuser_list_background{
	width: 95%;
	display: flex;
	margin: auto;
	flex-direction: column;
}
.blockuser_list_title_wrapper{
	width: 100%;
	margin: 30px 0 20px 0;
	border-bottom: solid #999999;
}
.blockuser_list_title{
	font-size: 32px;
	font-family: "Oliva";
	padding-left: 20px;
	height: 4vh;
}
.blockuser_list_wrapper{
	width: 100%;
	display: flex;
	flex-direction: column;
}
.blockuser_list_container{
	width: 100%;
	display: flex;
	flex-direction: row;
	background-color: white;
	border-color: transparent;
	padding: 10px 0	;
}
.blockuser_list_userImageBox{
	width: 20%;
}
.blockuser_list_userImage{
	width: 80px;
}
.blockuser_list_userNameBox{
	width: 80%;
	text-align: left;
	margin: auto;
}
.blockuser_list_userName_span{
	font-size: 24px;
	overflow: hidden;
  	white-space: nowrap;
  	text-overflow: ellipsis;
	font-weight: bold;
}
.blockuser_list_noBlockId{
	font-size: 24px;
	margin: 40px 0 0 40px;
	font-family: "Oliva";
}