@charset "utf-8";
/*iOSずれ防止*/
select{
	overflow: hidden;
}
/*shikumi.css*/
@media screen and (max-width: 1200px) {
	/*snsお知らせ*/
	.sns-info-wrap .info-box {
		width: 48%;
	}

	ul.event-wrapper li {
		width: 32.5%;
	}

	/*タイル*/
	ul.event-wrapper li {
		width: 49.5%;
	}
	ul.event-wrapper > li p.price-badge{
		padding: 0 10px;
	}
	ul.event-wrapper > li:first-child .event-box .event-box-inner, ul.event-wrapper > li:nth-child(2) .event-box .event-box-inner {
		height: auto;
	}
	ul.event-wrapper > li:first-child .event-box-inner, ul.event-wrapper > li:nth-child(2) .event-box-inner{
		position: relative;
	}
	ul.event-wrapper > li:first-child p.price-badge, ul.event-wrapper > li:nth-child(2) p.price-badge, ul.event-wrapper > li:first-child .status-badge, ul.event-wrapper > li:nth-child(2) .status-badge{
		bottom: 0;
	}
	ul.event-wrapper > li:first-child p.event_summary,
	ul.event-wrapper > li:nth-child(2) p.event_summary{
		display: none;
	}

}
@media screen and (max-width: 1080px) {
	.front-connection .entry-form .search-area input.i1,
	.front-connection .entry-form .search-area select.i1,
	.connection_form_set .free_word{
		min-width: 8rem;
	}
}
@media screen and (max-width: 1024px) {
	.info.pages-detail_list .info-box.admin {
		height: auto;
	}
	.info.pages-detail_list .info-box.admin .detail {
		display: none;
	}
	.questionnaire-check {
		width: 88%;
		vertical-align: top;
	}
	.horizontal_field_child + label {
		left: 250px;
	}
	/*フロントhomeのタブレット調整*/
	.info>p.n_ttl_style{
		padding-top: 20px;
	}
	.settlement-info{
		padding: 20px;
	}
	.joined-events{
		padding: 0 20px 30px;
	}
	.joined-events .title{
		padding-top: 20px;
	}
	.n_ttl_style{
		font-size: 16px;
	}
	.info-box .detail {
		-webkit-line-clamp: 2;
	}
	/* マイプロフィールタブレット調整 */
	.profile-wrapper .profile_layout .left_area {
		width: 150px;
		margin-right: 10px;
	}
	.profile-wrapper .profile_layout .left_area .photo,
	.profile-wrapper .profile_layout .left_area .photo-thumbnail {
		width: 120px;
		height: 120px;
	}
	.profile-wrapper .profile_layout .left_area .photo i{
		font-size: 120px;
	}
	.profile-wrapper .profile_layout .left_area .form-input_line label,
	.profile-wrapper .profile_layout .left_area .form-input_line label + p{
		width: 100%;
		text-align: left;
		padding-left: 10px!important;
	}
	.profile-wrapper .profile_layout .right_area {
		width: calc(100% - 130px);
	}
	.profile-wrapper .profile_layout .right_area img {
		max-width: 100%;
	}
	.profile-wrapper .profile_layout .entry-form ul li > label{
		width: 30%!important;
	}
	.profile-wrapper .profile_layout .entry-form ul li .form-input_line {
		width: 70%!important;
	}
	/* エラー調整 */
	#contents .profile-wrapper .profile_layout .help_text.not_width::before,
	#contents .profile-wrapper .profile_layout p.help_text::before,
	#contents .profile-wrapper .profile_layout .err_pos2::before {
		content: "";
		width: 3rem;
	}
	#contents .profile-wrapper .profile_layout .help_text.not_width,
	#contents .profile-wrapper .profile_layout p.help_text,
	#contents .profile-wrapper .profile_layout .err_pos2{
		margin-left: 30%;
	}
}
@media screen and (max-width:982px) {
	.entry-form .drop_zone.big,
	.entry-form .drop_zone.normal {
		width:100%;
	}
	.entry-form li>label.pc_only { display:none;}
	.license_table{
		width:99% !important;
	}
	.ref{
		width:100%;
	}
	.entry-form ul li label.left{
		padding-left: 0;
		text-align: center;
	}
	.form.login{
		width:100% !important;
	}
	.attension{
		font-size:.7rem !important;
		line-height:3.5em !important;
		height:3.5em !important;
	}
	.form-bottom{
		position:relative;
		margin: 30px auto;
		width: 100%;
	}
	.error {
		top: -0.2em;
		font-size:10px;
	}
	.err_pos1, .err_pos2, .err_pos3, .err_pos4, .err_pos5 {
		padding-left: 0;
	}
/*959px*/
	.info.pages-detail_list .info-box {
		height: auto;
	}

	/* 会員検索一覧はみ出し防止 */
	.front-connection table.search-result.tbl-members .th-full_name{
		min-width: 10rem;
	}
	.front-connection table.search-result.tbl-members .th-organization{
		width: auto;
		min-width: 6rem;
	}
	.front-connection table.search-result.tbl-members .th-membership_category{
		width: auto;
		min-width: 6rem;
	}
}
/*sort-areaサイズ調整*/
@media screen and (max-width: 850px){
	.front_home .sort-area {
		text-align: right;
	}
	.front_home .sort-area select {
		margin-bottom: 10px;
		width: -webkit-calc(100% - 4rem);
		width: calc(100% - 4rem);
		display: inline-block;
	}
	.sort-area select:last-child {
		width: auto;
	}
	.front_home .sort-area span {
		width: 3rem;
		margin: 0;
		text-align: left;
		display: inline-block;
	}
	.info.pages-detail_list .info-box .detail {
		display: none;
	}
	.info.pages-detail_list .info-box .image{
		min-height: auto;
		width: 40%;
	}
	.info.pages-detail_list .info-box .inner {
		width: -webkit-calc(100% - 40%);
		width: calc(100% - 40%);
	}
	.info-box .date{
		width: calc(100% - 7em);
		line-height: 0.9rem!important;
	}
	.front-event .entry-form ul.form {
		width: 100%;
	}
}
/*＠SP*/
@media screen and (max-width:767px) {
	br.sp-br {
		display: block;
	}
	br.pc-br {
		display: none;
	}
	input,select,textarea {
		font-size: 16px!important;
		height: auto!important;
		min-height: 2em;
	}
	input {
		padding: 3px 5px!important;
	}
	select {
		padding: 3px 20px 3px 5px!important;
	}
	textarea {
		padding: 5px!important;
	}
	select#id_paginate,
	select#id_publication_year,
	select#id_notice_type {
		transform: scale(0.85);
	}
	ul.picture_from_wrap .form-input_line input.ajax-upload,
	input.ajax-upload {
		transform: scale(0.8);
		width: 100%!important;
	}

	.n_ttl_style,
	.label.large,
	.contents-inner p.label,
	.event-title,
	.ticket-area h2,
	#entry-menu li dl dt,
	#contents.w800-wrap h2,
	.pages-detail .title_wrap > .title{
		font-size: 15px!important;
	}
	p.strong{
		font-size: 18px;
	}
	div.label.message,
	p.label.message {
		font-size: 12px!important;
		width: 90%;
		text-align: left;
	}
	div.label.messag{
		margin-bottom: 20px;
	}
	div.label.message h2 {
		text-align: center;
	}
	.d-text-area{
		text-align: left;
	}
	.front-event .contents-inner{
		margin: -20px 0 10px;
	}
	.front-payments .contents-inner{
		padding: 20px 0 10px;
	}
	.entry-form ul li label,
	.entry-form ul.form li div.form-input_line {
		width: 100%!important;
	}

	.entry-form ul li label {
		margin-bottom: 5px;
		top: 0;
	}

	.entry-form ul.form li div.form-input_line {
		margin-bottom: 10px;
	}

	.entry-form ul li span.req-area {
		width: 16%;
		max-width: none;
	}

	.entry-form ul li span.required span {
		width: 90%;
	}

	.entry-form input.i2,
	.entry-form select.i2,
	#contents.w800-wrap .entry-form input.i2,
	#contents.w800-wrap .entry-form select.i2 {
		width: 40%!important;
		box-sizing: border-box;
	}

	.entry-form select.i3 {
		width: 23% !important;
	}

	.entry-form input.i1,
	.entry-form select,
	.front-members-edit .form input.i1,
	.front-members-edit .form select{
		width: 81%;
	}
	.contact textarea.i1 {
		width: 81% !important;
	}
	/*削除ボタン*/
	.front_picture_from_wrap span.extra_button_area {
		text-align: right;
		width: 97%;
		display: block;
	}
	#contents.w800-wrap .entry-form input.i1,
	#contents.w800-wrap .entry-form select.i1 {
		width: 81%;
	}

	.entry-form #drop_zone,
	.entry-form .drop_zone,
	.entry-form .drop_zone.big,
	.entry-form .drop_zone.normal,
	.entry-form .drop_zone.normal2 {
		/*width: 81%;*/
		width: 100%;
		margin: 0 auto;
		display: block;
	}

	input[type="file" i] {
		font-size: 10px;
	}

	#contents.w800-wrap .err_txt {
		margin-left: 18%;
	}

	li.err_li {
		margin-top: -10px;
		margin-bottom: 5px;
	}
	table li.err_li {
		margin-top: 0px;
		padding-top: 5px;
	}
	table.companion_table li.err_li {
		margin: 0!important;
		padding-top: 0;
	}
	td.left.i_required:before {
		content: none;
	}
	.front-event .entry-form ul li .applicant_table label {
		display: inline!important;
	}

	.contents-inner {
		padding: 20px 0;
	}

	.notice-detail-top {
		margin: 50px auto 0;
		height: 40px;
	}

	.contents-inner.event .red {
		padding: 20px 20px 0;
	}
	.contents-inner.event .btn.red {
		padding: 10px;
	}

	.settlement-info li .btn {
		margin: 10px auto;
	}

	.info.pages-detail_list .info-box .category {
		letter-spacing: 0;
		max-width: 7em;
	}
	.joined-events .event-box,
	.settlement-info .title,
	.settlement-info .upd,
	.joined-events .title{
		width: 90%;
	}

	.info>p.n_ttl_style,
	.settlement-info .title,
	.joined-events .title{
		padding: 20px 0 0;
	}
	.col2 > div:nth-child(1), .settlement-info, .joined-events{
		padding: 0 0 30px;
		min-height: auto;
	}



	/*支払い方法*/
	.aiueo {
		-webkit-flex-wrap: wrap !important;
		-moz-flex-wrap: wrap !important;
		-ms-flex-wrap: wrap !important;
		flex-wrap: wrap !important;
        padding-top: 10px;
        padding-bottom:10px;
	}

	div#direct-web-input {
		width: 100% !important;
		margin: 0 auto !important;
	}

	.entry-form .payment_types {
		padding: 20px !important;
		width: 100% !important;
		margin: 0 auto;
	}

	.entry-form .payment_types ul li label {
		top: 1em !important;
		width: 100% !important;
		padding-bottom: 10px;
	}

	.entry-form .payment_types ul li:first-child label {
		width: 100% !important;
	}

	div#credit-input input.i2 {
		width: 98% !important;
		max-width: 100%;
	}

	div#credit-input input.i4 {
		width: 36% !important;
	}

	.entry-form .payment_types ul li input {
		width: 100% !important;
	}

	.t-center {
		text-align: left;
	}

	/*フロー下スタイル 会員種別のご選択*/
	table.m-category-table thead {
		display: none;
	}

	table.m-category-table tr {
		border-bottom: solid 10px #FFF;
	}

	table.m-category-table td {
		width: 100%;
		display: block;
		border-bottom: none;
		padding: 15px 10px;
	}

	table.m-category-table td:last-child {
		border-bottom: solid 1px #80868b;
	}

	table.m-category-table td.choice:before {
		content: "選択";
		margin: 0 10px 0 0;
		padding: 5px;
		box-sizing: border-box;
		background: #0256b1;
		color: #fff;
	}

	table.m-category-table td:first-child {
		text-align: left;
	}

	table.m-category-table td input[type=radio] {
		width: 16px;
		height: 16px;
		display: inline-block;
		vertical-align: middle;
	}
	table.m-category-table td label.checkbox-label {
		width: auto!important;
		display: inline-block!important;
	}
	table.m-category-table td .btn {
		padding: 10px 0;
		width: 4rem;
		margin: -8px 0 0 auto;
	}
	table.license_table.m-category-table tr {
		border-bottom: none;
	}
	/*個別修正 ご請求内容*/
	.front-payments table.m-category-table td input {
		width: auto;
		height: auto;
	}
	.front-payments table.m-category-table td label {
		margin: 0;
	}
	.front-payments table.license_table.m-category-table td:nth-child(1){
		height: auto !important;
	}
	table.license_table.m-category-table tbody{
		width: 100%;
	}
/*お支払い履歴*/
	table.license_table thead {
		display: none;
	}

	table.license_table tbody {
		width: 100%;
	}
	table.license_table td{
		border: none;
		width: 100%;
		display: block;
		text-align: left;
		padding-bottom: 10px;
	}
	table.license_table td:first-child{
		padding-top: 20px;
	}
	table.license_table tr{
		border-bottom: solid 1px #80868b;
	}
	table.license_table td:before{
		content: "";
		margin: 0 0 5px 0;
		width: 100%;
		font-weight:500;
		font-size: 14px;
	}
	table.license_table.event-history td:before{
		display: inline-block;
	}
	table.license_table.event-history tr:last-child {
		border: none;
	}
	table.license_table.event-history td.t-event:before{
		content: "イベント";
	}
	table.license_table.event-history td.t-ticket:before{
		content: "チケット";
	}
	table.license_table.event-history td.t-period_datetime:before{
		content: "開催期間";
	}
	table.license_table.event-history td.t-app-price:before{
		content: "価格";
	}
	table.license_table.event-history td.t-app-number:before{
		content: "枚数";
	}
	table.license_table.event-history td.t-app-date:before{
		content: "申込日";
	}
	table.license_table.event-history td.t-participant:before{
		content: "参加者";
	}
	table.license_table.event-history td.t-app-status:before{
		content: "申込状況";
	}
	table.license_table.event-history td.t-attendance:before{
		content: "出欠";
	}
	table.license_table.event-history td.t-result_status:before{
		content: "合否";
	}
	table.license_table.event-history td.t-result-approval:before{
		content: "結果承認";
	}
	table.license_table.event-history td.t-course_completion_status:before{
		content: "進捗状況";
	}
	table.license_table.event-history td.t-course_last_access_datetime:before{
		content: "最終アクセス日時";
	}
	table.license_table.event-history td.right{
		text-align:left !important;
		white-space:unset;
	}

	table.license_table.event-history td.t-app-price{
		text-align: left;
	}

	/*チケット同行者入力*/
	table.companion_table tr {
		border: none;
	}

	table.companion_table tbody th {
		width: 100%;
		display: block;
		text-align: left;
		border: none;
		padding: 10px 0 0 0;
	}
	table.companion_table td{
		border: none;
		width: 100%;
		display: block;
		text-align: left;
		padding: 0;
	}
	table.companion_table td:first-child{
		padding-top: 20px;
	}

	table.companion_table td:before{
		content: "";
		margin: 0 0 5px 0;
		width: 100%;
		font-weight:500;
		font-size: 14px;
	}

/*同行者*/
	table.applicant_table thead {
		display: none;
	}
	table.applicant_table tr {
		border-bottom: solid 10px #FFF;
	}
	table.applicant_table td.center {
		text-align: left!important;
	}
	table.applicant_table td {
		width: 100%;
		display: block;
		border-bottom: none;
		padding: 15px 10px;
	}
	table.applicant_table td:last-child {
		border-bottom: solid 1px #80868b;
	}
	table.applicant_table td.choice:before {
		content: "選択";
		margin: 0 10px 0 0;
		padding: 5px;
		box-sizing: border-box;
		background: #0256b1;
		color: #fff;
	}
	table.applicant_table td:last-child {
		text-align: right!important;
	}

	/*チケット同行者確認*/
	table.companion_table2 {
		width: 100%!important;
		border: solid 1px #80868b;
	}
	table.companion_table2 thead {
		display: none;
	}

	table.companion_table2 tbody {
		width: 100%;
	}
	table.companion_table2 td{
		border: none;
		width: 100%;
		display: block;
		text-align: left;
		padding-bottom: 10px;
		padding-left: 5%;
	}
	table.companion_table2 td:first-child{
		padding-top: 20px;
	}

	table.companion_table2 td:before{
		content: "";
		margin: 10px 0 5px 0;
		width: 100%;
		font-weight:500;
		font-size: 14px;
		display: block;
	}
	table.companion_table2 td.companion-name:before{
		content: "氏名";
	}
	table.companion_table2 td.companion-name-kana:before{
		content: "氏名(カナ)";
	}
	table.companion_table2 td.companion-address:before{
		content: "住所";
	}
	table.companion_table2 td.companion-age:before{
		content: "年齢";
	}
	table.companion_table2 td.companion-sex:before{
		content: "性別";
	}
	table.companion_table2 td.companion-tel:before{
		content: "電話番号";
	}
	table.companion_table2 td.companion-mail:before{
		content: "メールアドレス";
	}
	table.companion_table2 td.companion-free1:before{
		content: "回答1";
	}
	table.companion_table2 td.companion-free2:before{
		content: "回答2";
	}
	table.companion_table2 td.companion-free3:before{
		content: "回答3";
	}
	table.companion_table2 td.companion-free4:before{
		content: "回答4";
	}
	table.companion_table2 td.companion-free6:before{
		content: "回答5"
	}
	.companion_table2 thead tr {
		border-bottom: none;
		border-left: none;
	}
	.companion_table2 thead tr th:last-child,
	.companion_table2 tbody tr td:last-child{
		border-bottom: none!important;
	}
	.companion_table2 tr td, .companion_table2 tr th {
		height: auto;
	}
	.companion_table2 tr .companion-free1,
	.companion_table2 tr .companion-free2,
	.companion_table2 tr .companion-free3,
	.companion_table2 tr .companion-free4,
	.companion_table2 tr .companion-free5 {
		overflow: visible;
		height: auto;
	}

	.ticket-area {
		padding: 30px 20px;
	}

	.ticket-area .status-badge.slightly {
		margin: 0 !important;
	}

	.date-area p:last-child {
		width: 100%;
		text-align: left;
	}

	/*その他 登録項目SP*/
	.entry-form.questionnaire {
		width: 100% !important;
	}

	.questionnaire .questionnaire-check {
		width: 100%!important;
	}

	.entry-form.questionnaire input.i1, .entry-form.questionnaire select {
		width: 100% !important;
	}

	.entry-form.questionnaire span.req-area {
		display: none !important;
		top: -10px;
	}

	.entry-form.questionnaire span.req-area.required {
		display: block !important;
	}

	.front-event .more > .more_btn {
		width: 100%;
	}

	.pages-detail .admin.col2 .info {
		padding: 20px 0;
		margin-bottom: 0;
	}

	.col2 > div:nth-child(2) {
		min-width: 300px;
		width: 100%;
	}

	#entry-menu {
		width: 90%;
	}

	#entry-menu li dl dd {
		font-size: 10px;
	}

	ul.menu-link {
	}

	.entry-box {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.event-detail-wrapper > li > img {
		width: 100%;
		max-height: 100%;
		max-width: 100%;
	}

	.event-detail-wrapper > li:first-child {
		max-height: 300px;
		overflow: hidden;
	}

	.event-detail-wrapper {
		width: 100%;
	}

	.event-synopsis, .event-detail {
		width: 90%;
		margin: 0 auto;
	}

	.event-synopsis {
		margin-bottom: 20px;
	}

	.event-synopsis.ticket {
		width: 100%;
	}
	.event-confirm_box .event-synopsis.confirm {
		width: 100%;
	}
	.event-confirm_box td.companion-address {
		padding: 0 20px 20px;
	}

	.event-detail > .event-detail-text {
		padding: 0;
	}

	.info-box {
		padding: 0;
		margin-bottom: 20px;
	}
	.info .info-box:last-of-type {
		margin-bottom: 0;
	}
	.info-box .date{
		width: calc(100% - 4em);
		line-height: 0.9rem!important;
		font-size: 10px;
	}
	.info-box .team {
		display: block;
		margin-top: 5px;
		line-height: 0.7rem!important;
		max-height: 1.3rem;
		overflow: hidden;
	}
	.info-box .title{
		margin-top: 10px;
	}

	.info.pages-detail_list .info-box .inner {
		width: 90%;
	}

	.info.pages-detail_list .info-box .image {
		/*padding: 0px;
		margin: 0px;
		padding-left: 0;
		display: inline-block;
		width: 100%;
		height: 100%;
		max-height: 200px;
		min-height: 200px;
		overflow: hidden;*/
		min-width: auto;
		width: 40%;
	}

	.info.pages-detail_list .info-box .image > img {
		width: 100%;
		height: auto;
		max-width: 100%;
		max-height: 100%;
		display: block;
		margin: 0 auto;
	}

	.info.pages-detail_list .info-box .inner {
		/*width: 90%;
		margin: 10px auto 20px;
		display: block;*/
		width: 58%;
	}

	p.title {
		margin: 10px auto;
	}
	/*1行制御*/
	.info-box_add-style p.title {
		font-size: 14px;
	}

	.admin.col2 {
		padding: 0;
	}

	p.i2 {
		display: inline;
	}

	.entry-form select.i3 {
		width: 32%;
		margin-right: 2%;
		box-sizing: border-box;
	}

	.entry-form select.i3:last-child {
		margin-right: 0;
	}


	.left-area, .right-area {
		width: 100%;
		display: block;
		margin: 0;
	}

	.right-area {
		width: 100%;
		margin: 0 auto 30px;
	}

	ul.event-wrapper > li {
		float: none;
	}

	ul.event-wrapper {
		/*padding-bottom: 40px;*/
		display: block;
		width: 90%;
	}
	.event-box ul {
		padding: 0 10px 20px;
	}
	.event-box.open {
		margin-bottom: 20px;
	}
	.joined-events .event-box.open {
		margin-bottom: 0;
	}

	/*先頭スタイル*/
	ul.event-wrapper li:first-child,
	ul.event-wrapper li:nth-child(2) {
		width: 100%;
	}

	ul.event-wrapper li:first-child .event-box.event.open,
	ul.event-wrapper li:nth-child(2) .event-box.event.open {
		max-width: 100%;
	}

	ul.event-wrapper li:first-child .thumbnail-wrap,
	ul.event-wrapper li:nth-child(2) .thumbnail-wrap {
		width: 100%;
		display: block;
	}

	ul.event-wrapper li:first-child .event-box-inner,
	ul.event-wrapper li:nth-child(2) .event-box-inner {
		display: block;
		width: 100%;
	}

	.contents-inner.event {
		padding: 0;
	}

	.date-area p {
		display: block;
		width: 100%;
	}

	.footer-banner {
		width: 100%;
		margin: 20px auto 20px auto;
	}

	/*slick*/
	.sp-img-slick li img {
		/*max-width: 100%;*/
	}

	.pages-detail div.download_files .btn.download {
		margin: 10px auto;
	}

	/*調整様子見*/
	.btn {
		display: inline-block;
		max-width: 150px;
		margin: 1%;
		width: 40%;
		min-width: auto;
	}

	/*ログイン*/

	.entry-form ul li label{
		font-size: 13px;
	}
	#contents.login-wrap {
		width: 100%;
	}
	/*#contents.login-wrap .contents-inner{
		padding: 30px 0;
	}*/

	.contents-inner .entry-form {
		width: 90%;
		padding: 0!important;
	}
	#contents.login-wrap .entry-form.input .form-bottom{
		display: block;
	}

	#contents.login-wrap .btn {
		padding: 10px;
		margin: 30px auto;
		width: 100%;
		display: block;
		position: relative;
	}
	#contents.login-wrap .center {
		margin-bottom: 10px;
	}
	#contents.login-wrap .err_txt {
		padding-left: 0;
		margin-left: 0;
	}

	.front-event .entry-form .freeword {
		width: 100%;
		margin: 10px auto;
	}
	.front-event.event-search .entry-form .freeword{
		margin: 0 auto;
	}
	.front-event .entry-form ul li label {
		margin: 0;
		vertical-align: middle;
	}

	.col1.admin .btn {
		display: inline-block;
		width: auto;
		margin: 0 auto;
		padding: 10px;
	}

	#contents.w800-wrap .contents-inner{
		padding: 20px 0;
	}
	.w800-wrap form {
		margin-top: 0;
	}
	p.label.large {
		margin: 0;
	}

	/*会員お知らせ詳細*/
	.pages-detail .title_wrap{
		padding-bottom: 10px;
	}
	.pages-detail .title_wrap .title {
		margin: 10px 0 0;
		max-width: 100%;
	}
	.pages-detail .title_wrap .category-box {
		top: -80px;
	}
	.date-source {
		font-size: 11px;
	}

	.pagetop {
		width: 45px;
		height: 45px;
		background-color: #0156b1;
		position: fixed;
		bottom: 35px;
		right: 10px;
	}

	.pagetop p {
		position: absolute;
		top: 40%;
		left: 36%;
		margin: 0;
		width: 12px;
		height: 12px;
		border-top: solid 3px #fff;
		border-right: solid 3px #fff;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(-45deg);
	}

	/* event detail */
	.event-detail-wrapper .event-detail{
		padding-left: 0;
		min-width: auto;
	}
	.event-detail-wrapper .event-detail .event-detail-text span{
		word-break: keep-all;
	}
	.event-detail-wrapper .event-detail .event-detail-text > li > label{
		width: 110px;
	}
	.event-detail-wrapper .event-detail .event-detail-text > li > p{
		padding-left: 110px;
		display: block;
	}
	.event-detail-wrapper .event-detail .ticket ul > li{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: baseline;
		justify-content: space-between;
	}

	.event-detail-wrapper .event-detail .ticket ul > li > label{
		margin-right: 20px;
	}
	.event-detail-wrapper .event-detail .ticket ul > li > label,
	.event-detail-wrapper .event-detail .ticket ul > li > p{
		width: auto;
	}
	.event-detail-wrapper .event-detail .ticket ul > li > p{
		text-align: right;
	}
	.event-detail-wrapper .event-detail .ticket ul > li > span{
		width: 100%;
		/* text-align: center; */
	}

	.event-detail-wrapper .event-synopsis ul>li{
		width: 100px;
	}

	.front-event .kikan {
		margin: 0;
		width: 10%;
		display: inline-block;
		text-align: center;
	}
	.front-event .dp {
		width: 45%;
	}
/*イベント検索調整*/
	.front-event .contents-inner .entry-form{
		padding: 0 20px!important;
		text-align: left;
	}
	.front-event .entry-form #place_proxy{
		width: 100%;
	}
	.front-event .entry-form .btnarea {
		width: 23%;
	}
	.front-event .entry-form .select_field{
		width: 68%;
	}
	.front-event .entry-form ul li .form-input_line input.i3 {
		width: 44%;
	}

	.admin-settings .questionnaire-check {
		width: 81%;
	}
	.front-event .entry-form {
		position: relative;
	}
	.front-event .entry-form .btnarea {
		position: absolute;
		right: 5%;
	}
	.front-event .entry-form .btnarea button{
		margin: 0;
		width: 100%;
		min-width: auto;
	}
	.front-event .entry-form .bottom{
		margin-bottom: 10px;
	}
	.modal-box .modal-btnarea .btn {
		margin: 5px auto;
	}
	.event-footer {
		padding: 0 10px;
	}
/* イベントキャンセル */
	.delete_response ul {
		margin: 0 14%;
	}
	.delete_response ul li{
		text-align: left;
		width: 100%;
	}
	.delete_response ul li label.modal-label {
		width: 100%;
		font-size: 13px;
		display: inline-block;
		color: #80868b;
		position: relative;
		vertical-align: middle;
		margin-bottom: 5px;
	}
/*お支払い確認*/
	.amount_table {
		width: 100%;
	}

	.amount_table th, .amount_table td {
		padding: 5px 10px;
	}
	.payment_type .radio-label {
		width: 100%!important;
		display: block;
		font-size: 14px;
		text-align: left;
	}
	span.payment_type {
		margin-bottom: 20px;
	}
	.payments-bottom{
		width: 100%;
	}
	.payments-bottom-btn .btn {
		width: 40%;
		display: inline-block;
		margin: 1%;
		min-width: auto;
	}
	#creditdisp div {
		width: 100%;
		margin: 0!important;
	}
	#creditdisp label {
		font-size: 13px;
		margin-bottom: 0;
	}
/*隣接編集ボタン調整*/
	/*.right_button {
		top: -70px;
	}*/
/*新スタイル解除*/
	.agency{
		font-size: 12px;
	}

	.front-confirm .entry-form ul.form li {
		width: 100%;
		margin-left: 0;
	}
	.front-confirm .form .form-input_line p:first-child {
		margin-left: 0;
	}
	/*パスワード*/
	.front-pass .entry-form ul li span.req-area{
		width: 16%;
	}
	.front-pass .entry-form input.i1{
		width: 81%;
	}
	.front-pass .entry-form ul li label,
	.front-pass .entry-form ul.form li div.form-input_line{
		width: 100%;
	}

	.entry-form input.split-tel {
		/* width: 7em; */
		width: 24%;
	}
/*エラー位置*/
	.err_txt {
		margin-left: 0!important;
	}
	#contents.w800-wrap .err_txt {
		margin-left: 16%!important;
	}
	.front-members-edit .err_txt{
		margin-left: 16%!important;
	}
	.front_picture_from_wrap .err_txt{
		margin-left: 10%!important;
	}
	.front-pass .err_txt,
	.front-pass p.help_text{
		margin-left: 16%!important;
	}
	table.companion_table .err_txt {
		margin-left: 16%!important;
	}
/*help_text*/
	.front-members-edit p.help_text{
		padding-left: 16%;
	}
	.front-members-edit .drop_zone + p.help_text{
		padding-left: 0!important;
		text-align: center;
	}
	#contents p.help_text{
		margin-left: 0!important;
		line-height: 1.2rem!important;
	}

	.front_picture_from_wrap .req-area{
		width: 15%!important;
	}
	.front_picture_from_wrap input.i1{
		width: 82%;
	}

	.front_picture_from_wrap {
		width: 100%;
	}

	.front_picture_from_wrap .form-input_line{
		margin-top: 10px;
		width: 100%!important;
	}

	.front-members-edit .form li .front_picture_from_wrap label {
    	display: none!important;
	}

	.front-members-edit .form li .front_picture_from_wrap div.form-input_line{
		width: 100%!important;
	}

	.front-event .entry-form.input .form-bottom {
		width: 100%;
		text-align: center;
	}

	#drop_zone, .drop_zone,
	.entry-form #drop_zone,
	.entry-form .drop_zone,
	.entry-form .drop_zone.big,
	.entry-form .drop_zone.normal,
	.entry-form .drop_zone.normal2 {
		width: 82%!important;
		max-width: 320px;
		display: inline-block!important;
	}
	table.license_table.payments_history td:before{
		content: none;
	}
	/*追加フォームスタイルの調整*/
	.horizontal_field_child + label{
		position: relative;
		left: 0;
		top: 0;
	}
	.horizontal_field_parent {
		height: auto!important;
	}
	.entry-form textarea.normal,
	#id_ff_qualification,#id_tel_1,#id_tel_2,#id_tel_3,#id_ff_qualification,#id_free_text_2,#id_free_text_2{
		width: 82%!important;
	}
	li.has_helptext.horizontal_field_parent .questionnaire-check {
		display: block;
		margin-left: 16%;
		margin-top: 10px;
	}
	li.horizontal_field_parent > label {
		display: none!important;
	}
	/*sns-info*/
	.sns-info-wrap{
		display: block;
		width: 90%;
	}
	.sns-info-wrap .info-box {
		width: 100%;
	}
	.sns-info-wrap:after{
		content: none;
	}
	.sns-info-wrap .info-box .date {
		width: 100%!important;
		max-width: 100%!important;
	}
	/*sns-login*/
	.sns-login-wrap{
		width: 100%!important;
	}
	.sns-login-wrap .contents-inner{
		display:block;
	}
	.sns-login-wrap .entry-form,
	.sns-login-area{
		width: 100%;
	}
	.sns-login-area h3 {
		font-size: 15px;
		margin-bottom: 10px;
	}
	.sns-btn li {
		max-width: 260px;
	}
	/*sns-cooperation-area*/
	.sns-cooperation-area {
		width: 100%;
		margin: 0 auto 20px;
	}
	.sns-cooperation-area li span,
	.sns-cooperation-area li a {
		width: auto;
	}
	table.license_table.payments_history td:before{
		content: none;
	}

	/*検索部分用*/
	.front-event .contents-inner .entry-form{
		margin: 0 auto;
		width: 100%!important;
	}
	.front-event #event_form {
		display: block;
	}
	.front-event #event_form .search-left-area,
	.front-event #event_form .search-right-area{
		width: 100%;
		margin: 0;
	}
	.list_tile_btn {
		position: relative;
		bottom: 0;
		right: 0;
		margin: 0 auto;
	}

	/*リスト表示*/
	ul.event-wrapper > li:first-child .event-box p.event_datetime,
	ul.event-wrapper > li:nth-child(2) .event-box p.event_datetime,
	ul.event-wrapper li li {
		margin-top: 0;
	}

	#event_form .event_form_bottom .detail_search_area.active{
		position: relative;
		top: -10px;
		padding: 0;
	}
	#event_form .event_form_bottom .btn {
		position: absolute;
		right: 0;
		bottom: -46px;
		width: 100%;
		max-width: 100%;
		margin: 0;
	}
	#event_form .event_form_bottom > div {
		width: 49%;
		margin-bottom: 10px;
		max-width: 100%;
	}
	.event_form_top {
		flex-wrap: wrap;
		margin-bottom: 10px;
	}
	.event_form_top > div {
		width: 100%!important;
		margin-right: 0;
		margin-bottom: 10px;
	}

	#event_form .event_form_bottom .detail_search_area ul li{
		display: block!important;
	}

	#event_form .event_form_bottom .detail_search_area ul li label{
		margin: 0 0 10px 20px;
	}
}
@media screen and (max-width: 1024px) {
	.list_style_table th,
	.list_style_table td{
		display: none;
	}

	.list_style_table td.event_info{
		display: block;
		padding-bottom: 0;
	}
	.list_style_table .event_name{
		padding-right: 0;
		margin-top: 0;
	}
	.list_style_table .event_name span {
		margin-right: 3em;
	}
	.list_style_table p.price-badge{
		height: auto;
		bottom: 10px;
	}
	.list_style_table td:before{
		content: none;
	}
	.list_style_table .event_datetime,
	.list_style_table .event_pref{
		margin-right: 10px;
		color: #b8b8b8;
	}
	.list_style_table .event_datetime{
		margin-bottom: 5px;
	}
	.list_style_table .close_deadline:before{
		right: -10px;
	}
	.list_style_table td {
		padding: 10px 0 0;
	}
	.list_style_table .status-badge.slightly, .list_style_table .status-badge.closed, .list_style_table .status-badge.before-term, .list_style_table .status-badge.after-term, .list_style_table .status-badge.canceled{
		top: 10px!important;
		padding-right: 0;
		right: 0;
	}

	.sub_info{
		display: inline-block;
		font-size: 12px;
		margin: 5px auto 0;
		background: #f5f5f5;
		padding: 10px;
		width: 100%;
		margin-top: 10px;
	}
	.sub_info span{
		vertical-align: middle;
	}
	.sub_info .ttl {
		margin: 0 5px 0 2em;
		font-weight: 500;
	}
	.sub_info .w_omit{
		display: inline-block;
		width: 100px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.sub_info span:first-of-type{
		margin-left: 0;
	}

}
@media screen and (max-width: 980px) {
	.front-event #event_form{
		display: block;
	}
	.front-event #event_form .search-left-area{
		width: 80%;
	}
	#event_form .event_form_top div:nth-of-type(2) .freeword{
		width: 50%!important;
	}
}
@media screen and (max-width: 767px) {
	.front-event .contents-inner{
		width: 100%;
	}
	.event-search #contents{
		padding: 0;
	}
	.event_form_set{
		display: block;
		width: 100%;
		padding: 0;
	}
	.front-event #event_form .search-left-area{
		width: 100%;
	}
	.event_form_set > div{
		width: 100%;
		margin-bottom: 10px;
	}
	.event_form_set .free_word{
		width: 100%;
	}
	.event_form_set button {
		position: absolute;
		right: 0;
		margin: 0;
		background: #005ca2;
		width: 50px!important;
		min-width: auto;
		border-radius: 0 3px 3px 0;
		height: 40px;
		top: 0;
	}
	#event_form input, #event_form select, .front-event .entry-form #place_proxy{
		border-right: 1px solid #d4d4d4;
	}

	.sub_info{
		display: none;
	}
	.list_style_table p.price-badge {
		position: relative;
		padding: 20px 0 0;
	}
	.list_style_table .event_datetime{
		display: block;
	}
	.list_style_table .event_subcategory {
		margin-right: calc(3em + 5px);
		margin-bottom: 5px;
	}

/* フロント会員検索プロフィール周り */
	.front-connection .entry-form{
		padding: 0;
	}
	/* ボタン */
	.front-connection .right-btn-area{
		padding: 20px 10px 0;
		margin-bottom: 0;
		flex-wrap: wrap;
	}
	.front-connection .right-btn-area .btn-block{
		width: 100%;
		order: 1;
	}
	.front-connection .btn-area.right-btn-area .btn{
		margin: 0 10px 10px 0;
	}
	.front-connection h2{
		padding: 0 0 0 10px;
	}
	.front-connection .right-btn-area h2{
		text-align: center;
		width: 100%;
		order: 2;
		padding: 0;
		margin: 0 auto 20px;
	}
	.front-connection .right-btn-area .search-result-text{
		text-align: left;
		margin: 0 10px;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	/* 戻るボタン */
	.front-connection .top-back-btn-area{
		top: 0;
		padding: 20px 0 10px 10px;
	}
	.front-connection .top-back-btn-area .btn{
		max-width: 100%;
		width: auto;
		margin: 0;
	}
	/* SPprofileスタイル */
	.profile-wrapper .profile_layout .left_area .photo,
	.profile-wrapper .profile_layout .left_area .photo-thumbnail {
		width: 180px;
		height: 180px;
	}
	.profile-wrapper .profile_layout .left_area .photo i{
		font-size: 180px;
	}
	.profile-wrapper .profile_layout{
		display: block;
	}
	.profile-wrapper .profile_layout .left_area,
	.profile-wrapper .profile_layout .right_area{
		width: 100%;
	}
	.profile-wrapper .profile_layout .entry-form{
		padding: 20px 10px;
		border-radius: 0;
		margin-top: 20px;
	}
	.profile-wrapper .profile_layout .entry-form ul li.form-underline{
		padding-left: 0;
	}
	.profile-wrapper .profile_layout .entry-form ul li label{
		text-align: left;
	}
	.profile-wrapper .profile_layout .left_area .form-input_line{
		margin-bottom: 5px;
	}
	.profile-wrapper .profile_layout .left_area .form-input_line label{
		width: 30%;
		text-align: right;
	}
	.profile-wrapper .profile_layout .left_area .form-input_line label + p{
		width: 70%;
	}
	.profile-wrapper .profile_layout .entry-form ul li .form-input_line {
		width: 100%!important;
	}
	.profile-wrapper .profile_layout .right_area .form-input_line,
	.profile-wrapper .profile_layout .entry-form ul li label{
		padding-bottom: 5px;
	}
	.profile-wrapper .profile_layout .left_area .user_name{
		padding: 0 10px 10px;
	}
	.profile-wrapper .profile_layout .entry-form.my_profile_color input,
	.profile-wrapper .profile_layout .entry-form.my_profile_color select{
		width: auto!important;
	}
	/* 必須 */
	.profile-wrapper .profile_layout .entry-form ul li span.req-area{
		width: 2.5rem;
		margin-right: 0.5rem;
	}
	.profile-wrapper .profile_layout .entry-form.my_profile_color ul li > label.checkbox-label::before{
		left: 10px;
	}
	.profile-wrapper .profile_layout .entry-form.my_profile_color ul li > label.checkbox-label::after{
		left: 5px;
	}
	/* ヘルプ位置調整,ラジオチェックボックス(全体調整前にプロフィールフォームだけ適用) */
	#contents .profile-wrapper .profile_layout .help_text.not_width::before,
	#contents .profile-wrapper .profile_layout p.help_text::before,
	#contents .profile-wrapper .profile_layout .err_pos2::before {
		width: 3rem;
		max-width: 100%;
	}
	.profile-wrapper .profile_layout .checkbox-label,
	.profile-wrapper .profile_layout .radio-label {
		margin-right: 0;
	}
	.profile-wrapper .profile_layout .entry-form{
		min-height: 100px;
		margin-bottom: 20px;
	}
	.profile-wrapper {
		padding-bottom: 20px;
	}
	#contents .profile-wrapper .profile_layout .err_pos2{
		margin-top: 0;
	}
	/* 公開非公開上部見出し */
	.profile-wrapper .profile_layout .entry-form ul li > label.checkbox-label:after {
		left: 10px;
	}
	.profile-wrapper .profile_layout .entry-form ul li > label.checkbox-label:before {
		left: 15px;
	}
	.profile-wrapper .profile_layout .entry-form ul li > label{
		width: 100%!important;
	}
	/* 一覧table */
	/* tableSP用レイアウト */
	.front-connection .index-erea{
		padding: 20px 0;
	}
	.front-connection table.search-result th:not(.th-selection) {
		display: none;
	}
	.front-connection table.search-result th.th-selection{
		text-align: left;
		border: none;
		background: none;
		display: flex;
		align-items: center;
		width: 10rem;
	}
	.front-connection table.search-result th,
	.front-connection table.search-result td {
		border: none;
	}
	.front-connection table.search-result thead {
		border-bottom: solid 1px #80868b;
	}
	.front-connection table.search-result tbody tr {
		border-bottom: solid 1px #80868b;
		display: flex;
		flex-wrap: wrap;
	}
	.front-connection table.search-result tr{
		position: relative;

	}
	.front-connection table.search-result th .sp-only{
		display: inline-block;
	}
	.front-connection table.search-result td{
		height: auto;
		width: 33.333333%;
		border-right: solid 1px #ddd;
		border-top: solid 1px #ddd;
		min-height: 3rem;
	}
	.front-connection table.search-result td.not_move{
		width: 20%;
		border: none;
		padding: 20px 0;
	}
	.front-connection table.search-result td.flag{
		position: absolute;
		top: 0;
		right: 0;
		border: none;
		width: 3rem;
		margin-top: 10px;
		padding: 0;
	}
	.front-connection table.search-result td.full_name{
		width: 80%;
		font-weight: bold;
		text-align: left;
		font-size: 16px;
		border: none;
		padding: 15px 3rem 10px 10px;
	}
	td.full_name p {
		display: initial;
		line-height: 1.2rem!important;
	}
	.front-connection table.search-result td .sp-table-title{
		font-weight: 500;
		display: block;
		border-bottom: solid 1px #ddd;
		padding-bottom: 5px;
	}
	/* メール画面 */
	.front-connection .profile_mail{
		padding: 10px;
	}
	.front-connection .form-input_line-right-side::before{
		content: none;
	}
	/* 上部検索フォーム */
	.connection_form_set {
		flex-wrap: wrap;
		justify-content: space-between;
		padding-right: 0;
	}
	.connection_form_set > div{
		margin-bottom: 10px;
		width: 49%!important;
	}
	.connection_form_set > div.free_word{
		width: 100%!important;
	}
	.connection_form_set button{
		position: absolute;
		right: 0;
		margin: 0;
		background: #005ca2;
		width: 50px!important;
		min-width: auto;
		border-radius: 0 3px 3px 0;
		height: 40px;
		top: 0;
	}
	#connection_form input,
	#connection_form select,
	.front-connection .entry-form #place_proxy {
		border-right: 1px solid #d4d4d4;
	}

	/* キャンセルモーダル調整 */
	.scroll_modal .delete_response ul li label.modal-label,
	.scroll_modal .delete_response ul li label.modal-label.term{
		width: 28%;
	}
	.scroll_modal .modal-inner{
		padding: 40px 20px 20px;
	}
	.scroll_modal .emphasis_text{
		font-size: 18px!important;
		margin: 20px 0;
	}
	.scroll_modal .delete_response{
		padding: 0;
	}
	.scroll_modal .delete_response ul{
		margin: 0 auto
	}
	.scroll_modal .delete_response ul li{
		display: flex;
	}
	.scroll_modal .delete_response ul li > span{
		width: 62%;
	}
	/* ------- */

}
