img{
	/* pcの右クリック禁止 */
    pointer-events:none;
    /* mobileの長押し禁止 */
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-touch-callout:none;
    -moz-user-select:none;
    user-select:none;
}
input[type="checkbox"]:disabled{
	background-color:#aaaaaa;
	opacity:0.4;
}
#user_tel{
	padding-left:52px;
}
select.error_field {
	border-width: 2px;
	border-color: #FF531C;
}
.header_heading{
	font-weight:bold;
}
.form_error{
	margin-top:3px;
}
.form_field{
	position:relative;
}
.form_field__checkbox{
	font-size:0;
}
.form_field__radio{
	font-size:0;
}

.password_form{
	display:grid;
	grid-template-columns:1fr 40px;
	align-items:center;
	position:relative;
	border:1px solid #bebebe;
}
.password_form input{
	border:none;
	outline:none;
}
.password_form .password_toggle{
	width:40px;
	z-index:10;
}

.no_data_list{
	margin:47px 0;
	font-size:16px;
	text-align:center;
}

/*---------- loading ----------*/
.loading{
	display:none;
}
.loading.active{
	display:flex;
	justify-content:center;
	align-items:center;
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:rgba(0, 0, 0, 0.5);
	z-index:8000;
}
.loading.active svg{
	font-size:60px;
	text-align:center;
	color:#ffffff;
}

/*---------- loading時の注意事項 ----------*/
.loading_alert{
	display:none;
	position:fixed;
	top:40px;
	width:100%;
	padding:0 10px;
	box-sizing:border-box;
	z-index:9000;
}
.loading_alert p{
	display:flex;
	justify-content:center;
	align-items:center;
	max-width:700px;
	margin:0 auto;
	padding:20px;
	font-size:16px;
	font-weight:bold;
	line-height:1.6;
	background-color:#ffffff;
	border-radius:5px;
	box-shadow:3px 3px 6px rgba(0, 0, 0, 0.7);
}

/*---------- 無限スクロール ----------*/
.page_end{
	margin-top:20px;
	text-align:center;
	opacity:0;
	transition:0.3s;
}
.page_end svg{
	font-size:30px;
	color:#4f4f4f;
}
.page_end.active{
	opacity:1;
}

/*---------- comic > list ----------*/
.comics_list__thumbnail .img{
	width:100%;
	height: 0;
	overflow:hidden;
	padding-top: 134%;
	position: relative;
}
.comics_list__thumbnail .img img{
	width:100%;
	height:100%;
	object-fit:cover;
	position: absolute;
	top: 0;
	left: 0;
}

/*---------- comic > detail ----------*/
.comics_detail__thumbnail .img{
	height:350px;
	overflow:hidden;
}
.comics_detail__thumbnail .img img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.comics_detail__list-thumbnail .img{
	height:74px;
	overflow:hidden;
}
.comics_detail__list-thumbnail .img img{
	width:100%;
	height:100%;
	object-fit:cover;
}

/*---------- comic > viewer ----------*/
.comics_viewer__header{
	position:fixed;
	top:0;
	left:0;
	z-index:100;
	transform:translateY(-100%);
	transition:0.5s;
}
.comics_viewer__header.active{
	transform:translateY(0);
}
.comics_viewer__page{
	height:100dvh;
	padding:30px;
}
.comics_viewer__page img,
.comics_viewer__page canvas{
	width:100%;
	height:100%;
	object-fit:contain;
}
.comics_viewer__footer{
	position:fixed;
	bottom:0;
	left:0;
	z-index:100;
	transform:translateY(100%);
	transition:0.5s;
}
.comics_viewer__footer.active{
	transform:translateY(0);
}
.comics_navigation__next.disabled{
	position:relative;
}
.comics_navigation__next.disabled:after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.4);
	z-index:1;
}
.comics_navigation-prev.disabled{
	position:relative;
}
.comics_navigation-prev.disabled:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.4);
	z-index:1;
}
.comics_bar__count{
	bottom:auto;
	left:auto;
	width:auto;
}
.comics_next{
	position:absolute;
	top:0;
	left:0;
	width:10%;
	height:100%;
	/* background:#e2e2e2; */
	z-index:50;
}
.comics_prev{
	position:absolute;
	top:0;
	right:0;
	width:10%;
	height:100%;
	/* background:#e2e2e2; */
	z-index:50;
}
.comics_bar__track{
	width:0%;
	background:#888888 !important;
	transition:0.3s;
}
.comics_bar__base{
	position:relative;
	width:100%;
	height:4px;
	background-color:#e2e2e2;
	border-radius:10px;
}
.comics_bar__btn{
	position:absolute;
	top:-6px;
	right:0;
	border:8px solid #ffffff;
	border-radius:50%;
	box-shadow:0 0 6px 6px rgba(0, 0, 0, 0.4);
	cursor:pointer;
}

/*---------- creator ----------*/
.creator_list__header-sort-not{
	position:relative;
	margin-left:auto;
}
.creator_list__header-sort-not:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.creator_list__thumbnail .img{
	width:110px;
	height:110px;
	margin:0 auto;
	border-radius:50%;
	overflow:hidden;
}
.creator_list__thumbnail .img img{
	width:100%;
	height:100%;
	object-fit:cover;
}

/*---------- creator > profile ----------*/
.creator_profile__thumbnail .img{
	width:264px;
	height:264px;
	margin:0 auto;
	border-radius:50%;
	overflow:hidden;
}
.creator_profile__thumbnail .img img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.delete_icon{
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:75px;
	color:#2A46DC;
	text-decoration:underline;
	cursor:pointer;
}
.delete_portfolio{
	margin-left:20px;
	color:#2A46DC;
	text-decoration:underline;
	cursor:pointer;
}

/*---------- mypage ----------*/
.mypage_item__thumbnail .img{
	width:128px;
	height:128px;
	margin:0 auto;
	border-radius:50%;
	overflow:hidden;
}
.mypage_item__thumbnail .img img{
	width:100%;
	height:100%;
	object-fit:cover;
}

/*---------- mypage > creator ----------*/
.mypage_creator_form_field__photo label{
	width:110px;
	height:110px;
	margin:0 auto;
	overflow:hidden;
}
.mypage_creator_form_field__photo label img{
	width:100%;
	height:100%;
	object-fit:cover;
}

/*---------- mypage > work > list ----------*/
.no_work_list{
	margin:47px 0;
	font-size:16px;
	text-align:center;
}
.work_list__thumbnail .img{
	height:161px;
	overflow:hidden;
}
.work_list__thumbnail .img img{
	width:100%;
	height:100%;
	object-fit:cover;
}

/*---------- mypage > work > detail ----------*/
.work_form_field__thumbnail label{
	width:113px;
	height:145px;
}	
.work_form_field__thumbnail label img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.work_form_field__manuscript{
	position:relative;
}
.manuscript_load{
	display:none;
}
.manuscript_load.active{
	display:flex;
	justify-content:center;
	align-items:center;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:rgba(255, 255, 255, 0.7);
	z-index:1;
}		
.manuscript_load.active svg{
	font-size:50px;
	text-align:center;
	color:#000000;
}
#manuscript_data{
	display:grid;
	grid-template-columns:repeat(5, 1fr);
	gap:0 10px;
}
#manuscript_data span{
	position:relative;
	height:113px;
	margin-bottom:10px;
	padding:8px 8px 0 0;
	overflow:hidden;
}
#manuscript_data span img{
	width:100%;
	height:100%;
	object-fit:cover;
	background:#b2b2b2;
}
#manuscript_data span button{
	display:flex;
	justify-content:center;
	align-items:center;
	position:absolute;
	top:0;
	right:0;
	width:20px;
	height:20px;
	padding:0;
	font-size:12px;
	background:#1b1b1b;
}
.work_modal_area{
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:100;
}
.work_modal_back{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.4);
	z-index:1;
}
.work_modal_window{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:500px;
	margin:0 auto;
	z-index:2;
}
.work_modal_container{
	width:100%;
	background-color:#ffffff;
}
.work_modal_head{
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:10px 20px;
	border-bottom:1px solid #e2e2e2;
}
.work_modal_title{
	font-size:16px;
}
.work_modal_close{
	font-size:18px;
}
.work_modal_body ul{
	max-height:300px;
	margin:0;
	padding:0;
	overflow:auto;
}
.work_modal_body ul li{
	display:flex;
	align-items:center;
	gap:10px;
	padding:10px 20px;
	border-bottom:1px solid #e2e2e2;
	list-style:none;
	cursor:pointer;
}
.work_modal_body ul li:hover{
	background-color:#f2f2f2;
}
.work_modal_body ul li .img{
	width:30px;
	height:30px;
	border-radius:50%;
	overflow:hidden;
}
.work_modal_body ul li .img img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.work_modal_body ul li .nickname{
	font-size:15px;
}
.work_modal_nothing{
	padding:20px;
}

/*---------- mypage > matching ----------*/
.matching_creator_list > li.no_matching{
	width:100%;
	text-align:center;
}

/*---------- mypage > message ----------*/
.message_creator_list > li.no_matching{
	width:100%;
	text-align:center;
}
.message_creator_list > li > a .label_block{
	position: absolute;
    top: 24px;
    right: 4px;
	background: #444444;
	border-radius: 3px;
	color: #FFFFFF;
	display: inline-block;
	font-size: clamp(0.625rem, 0.181rem + 0.93vw, 0.875rem);
	padding: 3px 5px;
	margin-right: 10px;
}

/*---------- mypage > message > detail ----------*/
.icon_img{
	width:28px;
	height:28px;
	margin:0 auto;
	overflow:hidden;
}
.icon_img img{
	width:100% !important;
	height:100% !important;
	object-fit:cover;
}
.message_view__header{
	z-index:10;
}
.message_view__main{
	position:relative;
	overflow:hidden;
}
.message_view__main section{
	margin: 30px auto;
	width: calc(100% - 40px);
}
#message_view__scroll{
	max-height:100%;
	overflow:auto;
	opacity:0;
}
.message_view__loading{
	display:flex;
	justify-content:center;
	align-items:center;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	/* background:rgba(0, 0, 0, 0.1); */
	z-index:8000;
}
.message_view__loading svg{
	font-size:40px;
	text-align:center;
	color:#000000;
}
.message_view__list_text{
	margin-bottom:10px;
	direction:ltr;
}
.message_view__list_text:last-child{
	margin-bottom:0;
}
.message_view__list_img img{
	max-width:75%;
}
.message_view__reload{
	position:absolute;
	bottom:0;
	width:100%;
	transition:1s;
}
.message_view__reload button{
	width:200px;
	font-size:12px;
}
.message_view__reload.active{
	transform:translateY(-100px);
}
.message_view__footer_file label{
	position:relative;
}
.message_view__footer_file label .img_cnt{
	display:flex;
	justify-content:center;
	align-items:center;
	position:absolute;
	right:-10px;
	bottom:-10px;
	width:18px;
	height:18px;
	font-size:10px;
	line-height:1;
	color:#ffffff;
	background-color:#262626;
	/* background:linear-gradient(90deg, #20dfed 0%, #93f999 100%); */
	border-radius:50%;
}

/* .message_modal_area{
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.4);
	z-index:100;
}
.message_modal_window{
	position:absolute;
	top:0;
	right:50px;
	bottom:0;
	width:500px;
	background-color:#ffffff;
}
.message_view__header{
	position:absolute;
}
.message_view__main{
	height:100%;
	overflow:auto;
}
.message_view__footer{
	position:absolute;
} */

/*---------- mypage > setting > block ----------*/
.mypage_block__thumbnail .img{
	width:80px;
	height:80px;
	margin:0 auto;
	overflow:hidden;
}
.mypage_block__thumbnail .img img{
	max-width:none;
	width:100%;
	height:100%;
	object-fit:cover;
}
.no_block{
	text-align:center;
}


/*------------------------------------------------------*/
/*-------------------- intlTelInput --------------------*/
/*------------------------------------------------------*/
.iti{
	width:100%;
}


/*--------------------------------------------------*/
/*-------------------- alertify --------------------*/
/*--------------------------------------------------*/
/*---------- confirm ----------*/
.alertify .ajs-dialog{
	border-radius:0;
}
.alertify .ajs-dialog .ajs-commands{
	right:0;
	margin:-15px 10px 0 0;
}
.alertify .ajs-dialog .ajs-header{
	display:none;
}
.alertify .ajs-dialog .ajs-body{
	min-height:auto;
}
.alertify .ajs-dialog .ajs-body .ajs-content{
	padding:5px 0 15px;
}
.alertify .ajs-dialog .ajs-footer .ajs-buttons{
	display:flex;
	flex-direction:row-reverse;
}
.alertify .ajs-dialog .ajs-footer .ajs-buttons .ajs-button{
	color:#ffffff;
}
.alertify .ajs-dialog .ajs-footer .ajs-buttons .ajs-cancel{
	background:#b2b2b2;
}
/*---------- message ----------*/
.alertify-notifier.ajs-bottom{
	bottom:50px;
}
.alertify-notifier.ajs-bottom .ajs-message{
	width:380px;
	padding:15px 40px 15px 15px;
	text-align:left;
	text-shadow:none;
	background:#000000;
	border:none;
	box-shadow:0px 0px 2px 2px rgba(20, 20, 20, 0.4);
}
.alertify-notifier.ajs-bottom .ajs-message:before{
	content:'';
	position:absolute;
	top:50%;
	right:20px;
	transform:translateY(-50%);
	width:11px;
	height:12px;
	background:center / contain no-repeat url('data:image/svg+xml;utf8,<svg width="11" height="12" viewBox="0 0 11 12" fill="none" xmlns="http://www.w3.org/2000/svg"><line x1="0.646447" y1="10.0903" x2="9.87533" y2="0.861409" stroke="white"/><line x1="9.69588" y1="10.7817" x2="0.631793" y2="0.893619" stroke="white"/></svg>');
}

.custom_button_group{
	/* margin-bottom:0; */
}

/*pay.jpボタン*/
#payjp_checkout_box input[type=button]{
	/* font-size:14px !important;
	background: none !important;
	color: #000 !important;
	text-align: left !important;
	border-radius: 0 !important;
	border: none !important; */

	display: block !important;
	width:100% !important; 
	margin-right: auto !important;
	margin-left: auto !important;
	padding: 13px 10px !important;
	font-size:14px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	text-align: center !important;
	text-decoration: none !important;
	color: #FFFFFF !important;
	background: linear-gradient(90deg, #FE7D4E 0%, #FE1B8F 100%) !important;
	border: none !important;
	border-radius: 50px !important;
	cursor: pointer !important;
}

.custom_button_group a,
.custom_button_group form,
.custom_button_group .button{
	flex:1;
}
.button_group.status_payment{
	display:flex;
    flex-direction:column;
    gap:15px;
	align-items:stretch;
	margin:0;
}

.card_view{
	margin-bottom:20px;
}

.payment_selection_lists{
	margin:20px 0;
	display:flex;
	align-items:center;
	gap:20px;
}
.payment_selection_lists label{
	display:flex;
	align-items:center;
	gap:5px;
}
.payment_selection_lists label input{
	margin:0;
}

.payment_area{
	background: #F8F8F8;
	border: 1px solid #DDDDDD;
	padding: 5px 20px 20px;
	margin: 20px 0 40px;
}
.payment_area .card_payment_lists{
	border-bottom:1px solid #ccc;
	display:grid;
	grid-template-columns:30% 1fr;
	align-items:center;
	gap:20px;
	padding:15px 0;
}
.payment_area .card_payment_lists .payment_lists_field{
	display:flex;
	align-items:center;
	gap:20px;
}
.payment_area .card_payment_lists .payment_lists_field__group ul{
	list-style:none;
	display: flex;
	padding:0;
	margin:0;
}
.payment_area .card_payment_lists .payment_lists_field__group ul li:first-child::after{
	content: '/';
	margin:0 10px;
}
.payment_area .card_payment_lists:last-child{
	border-bottom:none;
	padding-bottom:0;
}

@media screen and (max-width: 768px){
	.no_data_list{
		margin:47px 0;
		font-size:14px;
	}
	.creator_list__thumbnail .img{
		width:60px;
		height:60px;
	}
	.creator_profile__thumbnail .img{
		width:98px;
		height:98px;
	}
	.comics_detail__thumbnail .img{
		height:148px;
	}
	.comics_viewer__page{
		padding:0;
	}
	.comics_next,
	.comics_prev{
		width:20%;
	}
	#manuscript_data{
		grid-template-columns:repeat(3, 1fr);
	}
	#manuscript_data span{
		height:38.5vw;
	}
	.work_modal_window{
		right:5%;
		left:5%;
		transform:translateY(-50%);
		width:auto;
	}
	.work_modal_head{
		padding:10px 15px;
	}
	.work_modal_title{
		font-size:15px;
	}
	.work_modal_body ul li{
		padding:10px 15px;
	}
	.matching_creator_list > li.no_matching{
		border:none;
	}
	.message_creator_list > li.no_matching{
		border:none;
	}
	.message_creator_list > li > a .label_block{
		position:inherit;
	}
	.alertify-notifier.ajs-bottom .ajs-message{
		width:300px;
	}
}