@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

:root{
	--main-color: #29284d;
	--base-color: #d3dee5;
	--light-base-color: #e9eff2;
	--light-base-color-rgb: 233,239,242;
	--accent-color: #fabd00;
	--alert-color: #d7000f;
	--alert-color-rgb: 215, 0, 15;
	--reverse-text-color: #fff;
	--middle-text-color: #aaa;
	--text-color: #222;
	--gray-color: #ddd;
	--gray-color-rgb: 221,221,221;
	--link-color: #0175FF;
}


*{
	margin:0;
	padding:0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	        box-sizing: border-box;
	font-size:14px;
	color: var(--text-color);
	letter-spacing: 0.4px;
	line-height:1.5em;
	word-wrap: break-word;
	word-break : break-all;
	font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	caret-color: transparent;
}

html,body {
	/* height:100%; */
	/* background-color:var(--light-base-color); */
}

body {
	position:relative;
/* //	background-color:var(--light-base-color); */
}
.body-b {
	background-color:var(--light-base-color);
}
@media screen and (max-width:767px){
.body-b {
	background-color:var(--reverse-text-color);
}
}


a {
	color: var(--link-color);
	text-decoration:none;
}
a:hover{
	color:#ff0000;
	text-decoration:none;
	cursor: pointer;
}
a.mn {
	color:var(--reverse-text-color);
	text-decoration:none;
}
a.mn:hover{
	color: #ffff00;
	text-decoration:none;
	cursor: pointer;
}



a.nv {
	color: var(--link-color);
	text-align: left;
}
a.nv:hover {
	cursor: pointer;
	text-decoration: none;
}


.km {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.km10 {
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.km15 {
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
}

.opa05 {
	cursor:pointer;
}
.opa05:hover {
	opacity: 0.5;
}

.pagetop {
    display: none;
    position: fixed;
    bottom: 5px;
    right: 5px;
	z-index:999;
}

.left {
	float:left;
}
.right {
	float:right;
}

.clear {
	clear:both;
	display: none;
}

input::placeholder {
	color:#bbb;
}
input:-ms-input-placeholder {
	color:#bbb;
}
input::-ms-input-placeholder {
	color:#bbb;
}





/*-----------------------------------------------------------------
	-design-
-----------------------------------------------------------------*/

#smart_footer{
	display:none;
}

#pc_wrapper{
	display:block;
}
#pc2_wrapper{
	display:none;
}


/*以下は画像などの表示制御クラス*/
.pc_img_class{
	display:inline;
}
.smart_img_class{
	display:none;
}

/*-------------------------------*/

.w100p {
	width:100%;
}
.h100 {
	height:100%;
}
.h10 {
	height:10px;
}
.h20 {
	height:20px;
}
.h50 {
	height:50px;
}

/*-------------------------------*/

.f10 {
	font-size:10px;
}

.f12 {
	font-size:12px;
}
.f12 a{
	font-size:12px;
	padding-right: 4px;
}

.tx-red {
	font-size:12px;
	color:#ff0000;
	font-weight: bold;
}

.cl-aaa {
	color: var(--middle-text-color);
}

.myteam-t01 {
	display:none;
	font-size:12px;
}
.myteam-dis02 {
	display:none;
}
.myteam-dis03 {
	display:none;
}
@media screen and (max-width: 767px){
	.myteam-t01 {
		display: block;
		font-size: 12px;
	}
	.myteam-dis01 {
		display: none;
	}
	.myteam-dis02 {
		display: table-cell;
	}
	.myteam-dis03 {
		display: block;
	}
}

/*-------------------------------*/

.flex-box {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.flex-box.row-reverse {
	flex-direction: row-reverse;
}

@media screen and (max-width: 767px) {
	.flex-box.row-reverse {
		flex-direction: unset;
	}
}

/*-------------------------------*/

input[type="radio"],input[type="checkbox"]{
	position: relative;
	transform: scale(1.1);
	top: 1px;
	margin: 8px;
}
.rd-mg1 {
	top: 0;
	margin: 0;
}

.breadcrumbs {
	margin-bottom: 24px;
	font-size: 12px;
}
.breadcrumbs a{
	font-size:12px;
}

/*-------------------------------*/

#dialog {
	z-index:2;
	position: fixed;
/* //	top: 0; */
	bottom: -2px;
	left: 0;
	right: 0;

	width:500px;
	height:100px;
	margin:0 auto;
/* //	margin-top: 40vh; */
	padding: 20px 10px;
/* //	display: none; */
	text-align: center;
	background-color: var(--reverse-text-color);
	border: 1px solid #ccc;
	box-shadow: 0px 0px 10px #ddd;
	border-radius: 10px 10px 0px 0px;
}
#dialog p{
	display:block;
	margin:0 0 10px 0;
}

/*モーダルアニメーション*/
@keyframes fadein {
	0% {
		opacity: 0;
		visibility: hidden;
		transform: scale(0.8);
	}
	100% {
		opacity: 1;
		visibility: visible;
		transform: scale(1);
	}
}
@keyframes fadeout {
	0% {
		opacity: 1;
		visibility: visible;
	}
	100% {
		opacity: 0;
		visibility: hidden;
		display: none;
	}
}
.modal-fadein {
	animation: .4s fadein;
}
.modal-fadein {
	animation: .4s fadeout;
}

/* モーダルウィンドウ */
.modalA, .modalB, .modalC, .modalD, .modalE, .modalF, .modalG, .modalH, .modalI, .modalJ, .modalE1, .modalF2, .modalF3 {

	display: none;                /* 最初は非表示にする */
	z-index: 10;
	position: fixed;              /* 表示位置に固定 */
	top: 0;                       /* 上から0pxの位置 */
	left: 0;                      /* 左から0pxの位置 */
	width: 100%;                  /* 横幅を幅いっぱい */
	height: 100%;                 /* 高さを縦幅いっぱい */
	background: rgba(0,0,0,0.6);  /* 半透明の背景を設置 */
}

/* モーダルの中の要素 */
.modalF .boxF, .modalB .boxE, .modalC .boxE, .modalF .boxE, .modalE .boxE, .modalA .boxE, .modalD .boxE, .modalG .boxE, .modalH .boxE, .modalI .boxE, .modalJ .boxE, .modalE1 .boxE, .modalF3 .boxE {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	max-width: 536px;
	max-height: calc(100% - 72px);
	background: var(--reverse-text-color);
	overflow-y: scroll;
	border-radius: 4px;
	padding: 24px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.modalA .boxE.include-table {
	padding: 24px 0 0;
}
.modalB .delete-modal, .modalD .delete-modal {
	height: auto;
}
@media screen and (max-width: 767px) {
	.modalF .boxF, .modalB .boxE, .modalC .boxE, .modalF .boxE, .modalE .boxE, .modalA .boxE {
		max-width: none;
		max-height: none;
		border-radius: 0;
	}

	.modalB .delete-modal, .modalD .delete-modal {
		width: 95%;
		border-radius: 4px;
	}
}

.topF {
	width:100%;
	overflow: auto;
	height: calc(100% - 36px);

overflow:auto;
-webkit-overflow-scrolling:touch;
}
.bottomF {
	width:100%;
	min-height: 56px;
	padding: 16px 8px;
	background-color: var(--reverse-text-color);
	border-top: 1px solid var(--light-base-color);
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.iframeF {
	width: 100%;
	height: calc(100% - 40px);
	border: none;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.iframeF::-webkit-scrollbar {
  display: none;
}
#form {
	padding: 8px 12px 0px;
}
#form.full-width {
	padding: 8px 4px 0px;
}
.delete-modal #form {
	padding: 0;
}
.ctr-overflowx {
	overflow-x: hidden;
}
/* 閉じるボタン */
.closeF {
	display:inline-block;
	margin: 10px 0 0 0;  /* モーダルのテキストと距離をとるため */
	padding:5px;
	color: var(--reverse-text-color);         /* 文字色を白に指定 */
	text-align: center;  /* 文字を中央揃えにする */
	background: var(--text-color);    /* 背景色を黒に指定 */
}
.closeT {
	font-size:12px;
	cursor:pointer;
}

/*-------------------------------*/

.table {
	border-collapse: collapse;
}
.table-100p {
	width:100%;
}


.table td {
	text-align:left;
	vertical-align:middle;
}
.table td.td-top {
	text-align:left;
	vertical-align:top;
}
.table td.td-top2 {
	padding:7px 0 0 0;
	text-align:left;
	vertical-align:top;
}

.table td.td-red {
	font-size:12px;
	color:#ff0000;
	font-weight: bold;
}
.td-red-waku {
//	margin:10px 0 0 0;
//	padding:5px;
//	border:1px solid #ff0000;
}

.table tr.titleTR {
	pointer-events: none;
}
@media screen and (max-width: 767px) {
	.table tr.titleTR {
		pointer-events: auto;
		cursor: pointer;
	}
}
.table tr.titleTR.openTR .myteam-b01 {
	border-bottom: 1px dashed var(--light-base-color);
}
.ya01 {
	font-size: 18px !important;
	color: var(--middle-text-color);
	transition: .2s;
}
.table tr.titleTR.openTR .td-right .ya01  {
	transform: rotate(180deg);
}
.table tr.boxTR {
	background-color: rgba(var(--light-base-color-rgb), 0.3);
	transform: translateY(-50px);
	transition: 0.4s;
	pointer-events: none;
	display: none;
}
.table tr.boxTR.openTD {
	transform: translateY(0);
	transition: 0.4s;
	display: revert;
}

.table td.ccc01 {
	width: 50%;
	padding: 8px 12px 12px;
	vertical-align:top;
}
@media screen and (max-width:767px){
	.table td.ccc01 {
		display: block;
		width: 100%;
		padding: 12px 0;
	}
}
.ddd01 {
	display: flex;
	align-items: center;
	white-space: nowrap;
}
.ddd01 .clear {
	display: none;
}
@media screen and (max-width:767px){
.table td.ddd01 {
	display:block;
	width:100%;
	padding:5px 0px 0px 0px;
}
}

.table td.td_pay01 {
	width: 100px;
	white-space: nowrap;
	padding: 8px 4px;
	font-size: 12px;
	color: var(--middle-text-color);
}
.table td.td_pay02 {
	padding: 8px 4px;
	font-size: 12px;
}
.table td.td_pay01a {
	width: 100px;
	white-space: nowrap;
	padding: 2px 4px;
	font-size: 12px;
	color: var(--middle-text-color);
}
.table td.td_pay02a {
	padding: 2px 4px;
	font-size: 12px;
}
.table td.td_pay03 {
	width:30px;
	text-align:center;
}
.table td.td_pay04 {
	padding: 0 4px;
}
.table td.td_pay05 {
	width: 0;
	white-space: nowrap;
	text-align: right;
}

.clogo01 {
	margin:0 5px 0 0;
	height:20px;
}

.table td.team01 {
	padding:0;
	vertical-align:middle;
	display: flex;
}
.table td.team02 {
	width:240px;
	padding:0;
	text-align:right;
	vertical-align:middle;
}
@media screen and (max-width: 767px){
	.table td.team01 {
		display:block;
		width:100%;
	}
	.table td.team02 {
		display:block;
		width:100%;
		margin:10px 0 0 0;
		text-align:left;
}
}

.list-top {
	display:flex;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 8px;
}
.list-top-left {
	display: flex;
	align-items: center;
}

.pay01 {
	text-align:left;
	font-size: 15px;
}
.table td.pay01 {
	text-align:left;
	font-size: 15px;
}
.pay01a {
	color: var(--middle-text-color);
}
.pay02 {
	font-weight: bold;
	text-align: right;
	white-space:nowrap;
	font-size: 15px;
}
.table td.pay02 {
	font-weight: bold;
	text-align: right;
	white-space:nowrap;
	font-size: 15px;
}
.table td.pay03, .table td.pay05 {
	font-size: 13px;
	color: var(--middle-text-color);
	width: 0;
	white-space:nowrap;
}
.table td.pay04 {
	width: 56px;
	padding: 0 8px;
	vertical-align: middle;
}
.table td.pay05 {
	text-align: right;
}
@media screen and (max-width: 767px) {
	.table td.pay01, .table td.pay02 {
		font-size: 14px;
	}
}

.table td.bosyu01 {
	width:35px;
	text-align:left;
	vertical-align:top;
/* //border:1px solid #000; */
}
.table td.bosyu02 {
	text-align:left;
	vertical-align:middle;
	word-wrap: break-word;
	font-size: 14px;
}
.table td.bosyu03 {
	width:35px;
	text-align:right;
	vertical-align:top;
}
.table td.kensaku01 {
	text-align:left;
	vertical-align:middle;
/* //border:1px solid #000; */
}
.table td.kensaku02 {
	width:85px;
	text-align:right;
	vertical-align:middle;
/* //border:1px solid #000; */
}

.table td.myteam01 {
	width: 136px;
	height: 120px;
	padding-right: 16px;
}
.table td.myteam02 {
	text-align:left;
	vertical-align:top;
}
.table td.myteam03 {
	text-align:left;
	vertical-align:middle;
}

.myteam02 p {
	padding: 0px 8px;
}

.myteam02 a {
	padding: 0px 8px;
	text-decoration: underline;
}

.myteam01a {
	text-align:left;
	width: 120px;
	padding-right: 16px;
	height: 104px;
}
.myteam02a {
	text-align:left;
	vertical-align:middle;
	font-size: 14px;
	font-weight: bold;
}

.table th.myteam-a01, .table td.myteam-a01 {
	padding: 8px 4px;
	font-size: 12px;
	color: var(--middle-text-color);
	text-align: center;
	vertical-align: middle;
	border-top: 1px solid var(--light-base-color);
	border-bottom: 1px solid var(--light-base-color);
}
.table td.myteam-a02 {
	width:90px;
}
.table td.myteam-a03 {
	color: var(--text-color);
}
@media screen and (max-width:767px){
.table td.myteam-a01 {
	padding: 4px;
	font-size: 11px;
}
.table td.myteam-a02 {
	width:70px;
}

}

.table td.bosyu-a01 {
	width: 0;
	white-space: nowrap;
	padding: 16px 48px 16px 16px;
	font-size: 12px;
	text-align: left;
	vertical-align: middle;
	background-color: rgba(var(--light-base-color-rgb), 0.5);
	border-top: 1px solid var(--light-base-color);
	border-bottom: 1px solid var(--light-base-color);
}
.table td.bosyu-a02 {
	padding: 16px;
	font-size: 12px;
	text-align: left;
	vertical-align: middle;
	border-top: 1px solid var(--light-base-color);
	border-bottom: 1px solid var(--light-base-color);
}

.table th.myteam-b01, .table td.myteam-b01{
	padding: 8px 4px;
	font-size: 12px;
	color: var(--middle-text-color);
	text-align: left;
	vertical-align: middle;
	border-top: 1px solid var(--light-base-color);
	border-bottom: 1px solid var(--light-base-color);
}
.table td.myteam-b01:first-of-type, .table th.myteam-b01:first-of-type{
	padding-left: 8px;
}
.table td.myteam-b01:last-of-type, .table th.myteam-b01:last-of-type{
	padding-right: 8px;
}
@media screen and (max-width: 767px) {
	.table td.myteam-b01:first-of-type, .table th.myteam-b01:first-of-type{
		padding-left: 16px;
	}
	.table td.myteam-b01:last-of-type, .table th.myteam-b01:last-of-type{
		padding-right: 16px;
	}
}
@media screen and (min-width: 768px) {
	.table td.myteam-b01 #smart_wrapper {
		display: none;
	}
}
.table td.myteam-b02 {
	font-size:12px;
	color: var(--text-color);
}
.table td.myteam-b02 a{
	font-size:12px;
	text-decoration: underline;
}
.table td.myteam-b02 b{
	font-size:12px;
}
.table td.myteam-b02 div{
	font-size:12px;
}
.table td.myteam-b02aa {
	width:33%;
}
@media screen and (max-width:767px){
.table td.myteam-b02 {
	font-size:12px;
}
.table td.myteam-b02 a{
	font-size:12px;
}
.table td.myteam-b02aa {
	width:50%;
}
.table td.myteam-del, .table th.myteam-del{
	display:none;
}
}
.table td.myteam-b02.td-invalid {
	color: var(--middle-text-color);
	background-color: rgba(var(--gray-color-rgb), 0.3);
	border-top: var(--light-base-color);
	border-bottom: var(--light-base-color);
}
.table td.myteam-b03 {
	width: 0;
	white-space: nowrap;
}
.table td.myteam-b04 {
	width: 0;
	white-space: nowrap;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
	.table td.myteam-b03 {
		width: auto;
		white-space: normal;
	}
	.table td.myteam-b04 {
		width: auto;
		white-space: normal;
	}
}
.table td.myteam-b05 {
	width: 0;
	white-space: nowrap;
	text-align: right;
}
.table td.myteam-b06 {
	width:120px;
}
.table td.myteam-b07 {
	padding: 8px;
	font-size: 12px;
	color: var(--text-color);
	text-align: left;
	vertical-align: middle;
}

.myteam-b08 {
	width:210px;
}

@media screen and (max-width:767px){
.table th.myteam-b01, .table td.myteam-b01 {
	font-size:11px;
}
.table td.myteam-b03 {
	width:60px;
}
.table td.myteam-b04 {
	width:85px;
}
}

.table td.team-d01 {
	width: 0;
	white-space: nowrap;
	padding-right: 8px;
}
.table td.team-d02 {
	padding:0 5px;
}
.table td.team-d03 {
	width: 0;
	white-space: nowrap;
	padding: 0 8px;
}

.table td.taikai-d01 {
	width:150px;
}
.table td.taikai-d02 {
	width:30px;
	text-align:center;
}
.table td.taikai-d03 {
	width:40px;
	text-align:center;
}
.table td.taikai-d04 {
	width:100px;
}

/* エントリーテーブル */
.iframeF.entry-modal {
	height: calc(100% - 18px);
}
.entry-modal-block {
	padding: 0 16px;
}
.entry-table-wrapper #form{
	padding: 0 0 104px;
	width: calc(100% - 16px);
	margin: 0 auto;
}
.entry-table tr {
	border-left: 1px solid var(--light-base-color);
	border-right: 1px solid var(--light-base-color);
	border-bottom:1px dashed var(--light-base-color);
}
.entry-table tr:last-of-type {
	border-bottom:1px solid var(--light-base-color);
}
.entry-table tr:first-of-type {
	border-bottom:1px solid var(--light-base-color);
}
/* --- th基本 */
.table th.entry00,
.table th.entry01,
.table th.entry02,
.table th.entry03,
.table th.entry04,
.table th.entry05,
.table th.entry06,
.table th.entry07,
.table th.entry08 {
	font-weight: bold;
	font-size:12px;
	vertical-align: middle;
	text-align: left;
	background-color: var(--light-base-color);
	padding: 6px;
	color: var(--middle-text-color);
	border-bottom: none;
	white-space: nowrap;
}
/* ----td基本 */
.table td.entry00,
.table td.entry01,
.table td.entry02,
.table td.entry03,
.table td.entry04,
.table td.entry05,
.table td.entry06,
.table td.entry07,
.table td.entry08  {
	font-size:12px;
	vertical-align: middle;
	text-align: left;
	border-bottom:1px solid var(--light-base-color);
	padding: 6px;
	border-bottom: none;
}
/* ----内容幅合わせる */
.table th.entry01,
.table td.entry01,
.table th.entry04,
.table td.entry04 {
	width: 0;
	white-space: nowrap;
}

/* ----テキストcenter */
.table th.entry01,.table th.entry04 {
	text-align: center;
}

.table td.entry04 {
	width: 50px;
}
.table td.entry05 {
	width: 120px;
}
.table td.entry07, .table td.entry08 {
	width: 80px;
}


.table td.entry07 input, .table td.entry08 input {
//	width: 48px;
	width: 70px;
}

.table td.td-top {
	vertical-align:top;
}
.table td.td-right {
	text-align:right;
}

/*-------------------------------*/

.top-00 {
	position: relative;
	width:100%;
	height:100%;
/* //	border:1px solid #000; */
}

.top-01 {
	position: absolute;
	bottom:30px;
	left:0;
	right:0;
	width:400px;
	margin:0 auto;
}
@media screen and (max-width:767px){
.top-01 {
	bottom:20px;
	width:100%;
}
}

.top-02 {
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 2;
	background-color: var(--reverse-text-color);
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 6px;
	padding: 16px 8px 0;
}
.top-02.entry-bottom {
	padding: 16px 24px 0;
}
.top-02a {
	width:400px;
}
@media screen and (max-width:767px){
	.top-02a {
		width:100%;
	}
}
.spogrity0-p {
	position: absolute;
	top:0;
	bottom:100px;
	left:0;
	right:0;
	width:123px;
	margin:auto;
}

/*-------------------------------*/

.login-00 {
	padding: 64px 24px;
}

.login-01 {
	width: 240px;
	margin-bottom: 48px;
}
.spogrity-p {
	width:100%;
}

.spogrity-p2 {
/* //	width:100%; */
	height:40px;
}


.login-02 {
	width: 480px;
	padding: 24px;
	background-color: var(--light-base-color);
	border-radius: 4px;
	text-align:left;
}
@media screen and (max-width:767px){
	.login-02 {
		width:100%;
		max-width: 480px;
	}
}

.login-03 {
	margin-top: 4px;
}

.login-05 {
	padding-left: 4px;
	margin-top: 8px;
}
@media screen and (max-width:767px){
	.login-05 {
		display:inline-block;
		margin-top: 16px;
	}
}
.login-05a {
	position: relative;
	top: 1px;
	margin-right: 4px;
	background-color: var(--link-color);
}

.login-06 {
	width:200px;
	margin:30px 0 30px 0;
	padding:15px 0px 15px 0px;
	line-height:1.0em;
/* //	font-size:14px;
//	font-weight: bold; */
	background-color:var(--reverse-text-color);
	border:1px solid #bbb;
	border-radius:5px;
	text-align:center;
	transition: 0.5s;
	cursor: pointer;
}
.login-06:hover {
	color:var(--reverse-text-color);
	background-color:var(--main-color);
	border:1px solid var(--main-color);
}
.login-06a {
	display:inline-block;
	width:200px;
	margin:12px 0 12px 0;
	padding:15px 0px 15px 0px;
	line-height:1.0em;
	font-size:12px;
	font-weight: bold;
	background-color:var(--reverse-text-color);
	border:1px solid #bbb;
	border-radius:5px;
	text-align:center;
	transition: 0.5s;
	cursor: pointer;
}
.login-06a:hover {
	color:var(--reverse-text-color);
	background-color:#999;
}
.login-07 {
	display:inline-block;
	margin-top: 16px;
	color: var(--link-color);
}

.login-08 {
	padding:0 0 10px 0;
	font-size:12px;
}
.login-08b {
	padding:0 0 5px 0;
	font-size:14px;
	color: var(--alert-color);
	font-weight: bold;
}

.login-f01 {
	width:100%;
	padding: 8px;
	font-size:14px;
	border: 1px solid var(--gray-color);
	border-radius: 2px;
}

.login-btn {
	width: 160px;
	padding: 8px 0;
	color:var(--reverse-text-color);
	background-color: var(--main-color);
	border-radius: 2px;
	cursor: pointer;
	border: 1px solid transparent;
	font-weight: bold;
}

.login-btn:hover {
	opacity: 0.8;
}

.login-btn2 {
	width:80px;
}

.login-btn-dis {
	width:150px;
	padding:7px 0;
	color:var(--reverse-text-color);
	background-color:#999;
	border:1px solid #999;
	border-radius:5px;
	cursor: pointer;
	transition: 0.5s;
}

.login-btn3 {
	color:#0075ff;
	background-color:var(--reverse-text-color);
	border:1px solid #0075ff;
}
.login-btn3:hover {
	color:var(--reverse-text-color);
	background-color:#0075ff;
}

.delete-form {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 16px;
}
.login-btnD {
	background-color: var(--alert-color);
	border:1px solid var(--alert-color);
	border-radius: 3px;
}
.login-btnD:hover {
	opacity: 0.8;
}

.login-btnB {
	width: 160px;
	padding: 8px 0;
	color:var(--reverse-text-color);
	background-color: var(--gray-color);
	border:1px solid var(--gray-color);
	border-radius:5px;
	cursor: pointer;
}
.login-btnB2 {
	width: 160px;
	padding: 8px 0;
	color:var(--reverse-text-color);
	background-color: var(--gray-color);
	border:1px solid var(--gray-color);
	border-radius: 3px;
	cursor: pointer;
}
.login-btnB2:hover {
	opacity: 0.8;
}
.login-btnB2a {
	margin:0 0 0 0;
}
@media screen and (max-width:767px){
.login-btn {
	width:100%;
	padding:12px 0;
}
.login-btnB2 {
	width:100%;
	margin:5px 0 0 0;
	padding:12px 0;
}
}

.delete-form .login-btnB2, .delete-form #form {
	width: calc(50% - 4px);
	margin: 0;
}

.delete-form #form .login-btn {
	width: 100%;
}

.back-btn {
	display:inline-block;
/* //	width:110px; */
	height:40px;
	margin:0 0 0 10px;
	padding:10px 15px 0 15px;
	font-size:12px;
	color:var(--reverse-text-color);
	text-align:center;
	border-radius:20px;
	background-color:var(--main-color);
	border:1px solid var(--main-color);
	cursor: pointer;
	transition: 0.5s;
}
.back-btn:hover {
	color:var(--main-color);
	background-color:var(--reverse-text-color);
}

.btn-a01 {
	width: 100%;
	height: 48px;
	padding: 0 16px;
	font-size: 14px;
	border: 2px solid var(--main-color);
	border-radius: 3px;
	cursor: pointer;
	display: flex;
	align-items: center;
	margin-bottom: 6px;
}
.btn-a01lf, .btn-a01lg {
	font-weight: bold;
	color: var(--main-color);
	background-color:var(--light-base-color);
}
.btn-a01lg .deadline {
	margin-left: 16px;
}
@media screen and (max-width: 767px) {
	.btn-a01lg {
		height: 64px;
		flex-wrap: wrap;
		justify-content: center;
		align-content:center;
	}
	.btn-a01lg .deadline {
		width: 100%;
		margin: 0;
	}
}
.btn-a01lg p {
	color: var(--main-color);
}
.btn-a01lf2 {
	background-color: rgba(var(--gray-color-rgb), 0.3);
	border:2px solid var(--gray-color);
}
.btn-a01 span {
	display: inline-block;
	margin-right: 4px;
	font-size: 24px;
	width: 32px;
	color: var(--main-color);
}
.btn-a01 div {
	font-size:10px;
	color: var(--alert-color);
}
.btn-a01:hover {
	opacity: 0.8;
}

.btn-a01a {
	width:100%;
	padding:10px 0;
	font-size:15px;
	color:var(--main-color);
	font-weight: bold;
	background-color:var(--light-base-color);
	border:2px solid var(--main-color);
	border-radius:5px;
	transition: 0.5s background-color;
}
.btn-a01a span {
	position: relative;
	top: 5px;
	display:inline-block;
	margin:0 5px 0 0;
	font-size:24px;
	color:var(--main-color);
	transition: 0.5s background-color;
}
.btn-a01a div {
	font-size:10px;
	color:#ff0000;
/* //	font-weight: normal; */
	letter-spacing: 1px;
}

.btn01, .btn02 {
	width: 160px;
	padding-left: 2px;
	font-size: 12px;
	line-height: 12px;
	height: 40px;
	font-weight: bold;
	border-radius: 3px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
.btn01 {
	color:var(--reverse-text-color);
	background-color: var(--main-color);
	border: 2px solid  var(--main-color);
}
.btn01a {
	width:100%;
}
.btn01 span, .btn02 span {
	display:inline-block;
	margin-right: 4px;
	font-size: 18px;
}
.btn01 span {
	color:var(--reverse-text-color);
}
.btn01:hover, .btn02:hover, .btn03:hover {
	opacity: 0.8;
}
.btn02:hover{
	background-color: rgba(var(--light-base-color-rgb), 0.5);
}
.btn01c {
	width:100%;
	color:var(--reverse-text-color);
	background-color:var(--accent-color);
	border:2px solid var(--accent-color);
}
.btn01d {
	width:150px;
	color:var(--reverse-text-color);
	background-color:var(--accent-color);
	border:2px solid var(--accent-color);
}
.btn01e {
	width:100%;
	color:var(--reverse-text-color);
	background-color:var(--gray-color);
	border:2px solid var(--gray-color);
	cursor: default;
}
.btn01e:hover {
	opacity: 1;

}

.btn02 {
	color:var(--main-color);
	background-color:var(--reverse-text-color);
	border: 2px solid var(--main-color);
}
.btn02a {
	width:100%;
}
.btn02 span {
	color:var(--main-color);
}

.btn02c {
	width:100%;
	color:var(--accent-color);
	background-color:var(--reverse-text-color);
	border: 1px solid var(--accent-color);
}
.btn02d {
	width:150px;
	color:var(--accent-color);
	background-color:var(--reverse-text-color);
	border:2px solid var(--accent-color);
}
.btn02e {
	color: var(--middle-text-color);
	background-color: rgba(var(--gray-color-rgb), 0.3);
	border: 1px solid var(--gray-color);
	font-weight: normal;
}

.btn03 {
	padding: 4px 8px;
	font-size: 12px;
	color:var(--reverse-text-color);
	font-weight: bold;
	background-color: var(--accent-color);
	border:1px solid var(--accent-color);
	border-radius: 2px;
	cursor: pointer;
}

@media screen and (max-width:767px){
	.btn01 {
		width:100%;
	}
	.btn02 {
		width:100%;
	}
	.btn03 {
		margin-right: 16px;
	}
}

.btn03a {
	display:inline-block;
	width:auto;
	margin: 0 0 0 10px;
	padding:6px 10px;
}

.btn03b {
	display: inline-block;
	width: auto;
	margin: 0 0 5px 0;
	padding: 6px 10px;
	background-color: var(--gray-color);
	border:1px solid var(--gray-color);
}
.btn03b:hover {
	color:#999;
	background-color:var(--reverse-text-color);
}

.btn03d {
	color:var(--middle-text-color);
	background-color: var(--gray-color);
	border:1px solid var(--gray-color);
	width: 72px;
	margin: 0;
}
.btn03d:hover {
	opacity: 0.8;
}
.btn03d2 {
	margin:0 0 0 10px;
}

.btn03e {
	width: 72px;
	color: var(--reverse-text-color);
	background-color: rgb(var(--alert-color-rgb), 0.3);
	border: 1px solid transparent;
	margin: 0;
}
.btn03e:hover {
	opacity: 0.8;
}
.btn03e2 {
	margin:0;
}

.user-trash {
	font-size: 22px !important;
	color: var(--base-color);
	cursor: pointer;
	padding: 0 4px;
}
.user-trash:hover {
	color: var(--light-base-color);
}

.btn03f {
	width:100px;
	color:#999;
	background-color:#ddd;
	border:1px solid #ddd;
}
.btn03f:hover {
	color:var(--reverse-text-color);
	background-color:#999;
}

.btn03g {
	color:var(--reverse-text-color);
	background-color:var(--accent-color);
	border:1px solid var(--accent-color);
}
.btn03g:hover {
	color:var(--accent-color);
	background-color:var(--reverse-text-color);
}

.btn_y01 {
	width:100px;
	margin:0 2px;
	padding:6px 0;
	font-size:12px;
	color:var(--reverse-text-color);
	font-weight: bold;
	line-height:1.0em;
	background-color:#ffa200;
	border:1px solid #ffa200;
	border-radius:5px;
	cursor: pointer;
	transition: 0.5s background-color;
}
.btn_y01:hover {
	color:#ffa200;
	background-color:var(--reverse-text-color);
}

.btn_y02 {
	width:100px;
	margin:0 10px;
	padding:6px 0;
	font-size:12px;
	color:#ffa200;
	font-weight: bold;
	line-height:1.0em;
	background-color:var(--reverse-text-color);
	border:1px solid #ffa200;
	border-radius:5px;
	cursor: pointer;
	transition: 0.5s background-color;
}
.btn_y02:hover {
	color:var(--reverse-text-color);
	background-color:#ffa200;
}


.msg {
	margin: 0 8px 8px;
	padding: 0 4px;
	font-size:14px;
	color: var(--alert-color);
	line-height:1.0em;
}


.login-sns {
	position: relative;
	margin:40px 0 0 0;
	padding: 0 65px;
	text-align: center;
}
.login-sns:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 1px;
  content: '';
  background: #aaa;
}
.login-sns span {
  position: relative;
  padding: 0 1em;
  background: #eee;
}

.icon-p {
	margin:5px;
}

/*------------------------------*/

.main {
/* //	display:inline-block; */
	position:relative;
/* //	padding:20px; */
/* //	border:1px solid #000; */
}

.menu {
	z-index: 2;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding: 24px 24px 0;
	background-color: var(--reverse-text-color);
	border-bottom: 2px solid var(--base-color);
}
@media screen and (max-width:767px){
.menu {
	padding: 8px 8px 0;
}
}
.menu01 {
	position:relative;
	max-width:1200px;
	margin: 0 auto;
	padding-bottom: 16px;
	display: flex;
	justify-content: space-between;
}

.menu01 form {
	display: none;
}

@media screen and (max-width:767px){
	.menu01 {
		padding-bottom: 16px;
		width: 100%;
	}
	.menu01a {
		padding: 0 0 4px 0;
}
}

.menu02 {
	width: 40px;
	height: 40px;
	margin: 0 0 0 10px;
	padding: 6px 0 0 0;
	text-align: center;
	border-radius: 50%;
	background-color: var(--middle-text-color);
}


.menu02 span{
	font-size:27px;
}
.menu02a {
	background-repeat:no-repeat;
/* //	background-attachment:fixed;
//	background-size:contain; */
	background-size:cover;
	background-position: center center;
}

.logo {
	float:left;
	width:180px;
	height:40px;
	background-image: url(../images/back-top01a.jpg);
	background-repeat:no-repeat;
/* //	background-size:cover; */
	background-size:contain;
	background-position: left center;
}
.logo2 {
	float:left;
	width:150px;
	height:40px;
	background-repeat:no-repeat;
/* //	background-size:cover; */
	background-size:contain;
	background-position: left center;
/* //	border:1px solid #000; */
}
.logo-a {
	/* float:left; */
	width: 100%;
	display: flex;
	align-items: center;
}
.txt-t01 {
	/* float:left; */
	display:inline-block;
	/* padding:10px 0 0 0; */
	font-size:15px;
	font-weight: bold;
}
@media screen and (max-width:767px){
.logo2 {
	float:none;
}
.txt-t01 {
	float:none;
	padding:0 0 0 30px;
	font-size:12px;
}
}

.menu03 {
	display: flex;
	margin: 0 auto;
	max-width:1200px;
	padding: 0 4px;
}
.menu03 input {
	display: none;
}
.menu03 label:hover{
	background-color: rgba(var(--light-base-color-rgb), 0.7);
}
.menu03 input[type="radio"]:checked + .switch-on {
	border-bottom: 2px solid var(--main-color);
}
.menu03 input[type="radio"]:checked + .switch-off {
	border-bottom: 2px solid var(--main-color);
}

.menu03-m {
	z-index:1;
	position: absolute;
	top: 4px;
	left: 30px;
	width: 14px;
	height: 14px;
	font-size: 10px;
	color: var(--reverse-text-color);
	text-align: center;
	background-color: var(--alert-color);
	border-radius: 50%;
}
.menu03-1 {
	display: flex;
	align-items: center;
	position:relative;
	/* display:inline-block; */
	padding: 8px 16px 6px;
	border-bottom: 2px solid transparent;
}
.menu03-1:hover{
	background-color: rgba(var(--light-base-color-rgb), 0.7);
}
.menu03-1a {
	border-bottom: 2px solid var(--main-color);
}

.menu03-1-1:hover .menu03-2-1 {
	opacity:1;
}
.menu03-1-2:hover .menu03-2-2 {
	opacity:1;
}
.menu03-1-3:hover .menu03-2-3 {
	opacity:1;
}
.menu03-1-4:hover .menu03-2-4 {
	opacity:1;
}
.menu03-1-5:hover .menu03-2-5 {
	opacity:1;
}

.menu03-3 {
	padding: 0 4px 0 8px;
	font-size:13px;
	font-weight:bold;
	line-height: 1.0em;
	white-space: nowrap;
}

.menu03 span{
	display: inline-block;
	font-size: 26px;
}

.menu-2 {
	z-index:2;
/* //	position: fixed; */
	bottom:0;
	left:0;
	width:100%;
	padding: 24px 0 48px;
	background-color: var(--reverse-text-color);
	border-top:2px solid var(--base-color);
}
@media screen and (min-width: 768px) and (max-width:1199px){
	.menu-2 {
		border-top: 8px solid var(--light-base-color);
	}
	#pc2_wrapper {
		padding: 24px;
	}
}


.menu-2-01 {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.menu-2-02 {
	display:flex;
	align-items: center;
	width: 100%;
	padding: 8px 24px;
	gap: 8px;
}
.menu-2-03 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 24px;
	width: 100%;
}
.menu-2-04 {
	padding: 16px;
	display: flex;
	gap: 4px;
}
@media screen and (max-width:1199px) {
	.menu-2-02 {
		width: fit-content;
	}
	.menu-2-03 {
		width: 50%;
	}
	.btn01, .btn02 {
		width: 100%;
	}
}

@media screen and (max-width:767px){
	.menu-2-02 {
		padding: 0 24px;
		width: 100%;
		margin: 16px 0;
	}
	.menu-2-03 {
		width:100%;
		padding: 16px;
	}
}



.open {
	cursor:pointer;
	transition: 0.5s opacity;
}
.open:hover {
	opacity: 0.5;
}
.modal {
	opacity: 0;
	z-index:-100;
/* //	position: fixed; */
	position: absolute;
	top: 40px;
	right: 0px;
	width: 150px;
	height: 0;
/* //	padding:10px; */
	background-color:var(--reverse-text-color);
	border-radius: 4px;
	box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.3);
	overflow: hidden;
	transition: 0.3s;
}

.open-modal {
	opacity: 1;
	z-index:4;
	width: 150px;
	height: auto;
}
.modal00 {
	padding:10px 15px;
	font-size:12px;
	color:#555;
	border-bottom:1px solid #ddd;
}
.modal00-1 {
	font-size:10px;
	color:#aaa;
}
.modal00-2 {
	font-size:14px;
	color:#555;
	font-weight: bold;
}
.modal01 {
	padding:10px 15px;
	font-size:12px;
	color:#555;
	border-bottom:1px solid #ddd;
	transition: 0.5s;
}
.modal01:hover {
	background-color: #eee;
}
.modal01red {
	color: var(--middle-text-color);
}

/*------------------------------*/

.content-all {
	width: 1200px;
	margin: 140px auto 24px;
	//padding: 140px auto 24px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.content-cc {
	width:1200px;
	padding: 24px;
	background-color:var(--reverse-text-color);
}
.content-ll, .content-lla {
	width:760px;
	background-color:var(--reverse-text-color);
}
.content-ll {
	padding: 24px;
}
.shortcut-table{
	padding: 16px;
	border-collapse: separate;
}
.content-llb {
	padding: 24px;
}
.content-rr {
	width: 424px;
	background-color:var(--reverse-text-color);
/* //	border:1px solid #000; */
	padding: 0 8px;
}
.content-rr1 {
	padding: 24px 0 0;
}
.content-rr .content01-t, .content-rr1 .content01-t {
	padding: 0 16px;
}
.content-rr2 {
	padding: 24px 0;
}
.myteam-top {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 16px 0 8px;
}
.myteam-left {
	width: 192px;
	height: 144px;
	padding: 0 24px;
}
.myteam-right {
	flex: 1;
}


@media screen and (max-width:1199px){
	.content-all {
		width:100%;
		padding: 0px 24px;
		//padding: 140px auto 24px;
	}
	.content-cc {
		width:100%;
		padding: 24px;
	}
	.content-ll {
		width:100%;
	}
	.content-lla {
		width:100%;
	}
	.content-llb {
		padding: 24px;
	}
	.content-rr {
		width:100%;
		margin: 0;
	}
	.content-rr2 {
		padding: 24px 0;
	}
}
@media screen and (max-width:767px){
	.content-all {
		width:100%;
		margin:110px auto 0px auto;
		padding:0px 0px 0px 0px;
		//margin:0 auto 0px auto;
		//padding:110px 0 0 0;
	}
}


/*------------------------------*/

.content {
	max-width: 1200px;
	margin: 140px auto 24px;
	background-color: var(--reverse-text-color);
	padding: 24px;
}
.content-pc {
	margin:140px auto 40px auto;
	padding:0 20px 0 20px;
}
.content-pc1 {
	max-width:1000px;
	margin:0 auto 0 auto;
	padding:20px 20px 20px 20px;
	background-color: var(--reverse-text-color);
/* //	border:1px  solid #000; */
}

@media screen and (max-width:767px){
.content {
	margin: 120px auto 40px auto;
	padding: 0;
}
.content-pc {
	margin:110px auto 40px auto;
	padding:0px 0px 0 0px;
}

}
.content-a {
	margin:80px auto 40px auto;
	padding: 0 16px;
}
.content-b {
	margin:0px auto 40px auto;
}
@media screen and (max-width:767px){
.content-b {
	margin:5px auto 20px auto;
}
}

.content2 {
	width: 100%;
	max-width: 1200px;
	margin-bottom: 40px;
	background-color:var(--reverse-text-color);
	border-top: 8px solid var(--light-base-color);
	padding: 24px;
}
.content2-01 {
	padding:20px;
}
@media screen and (max-width:767px){
	.content2 {
		border-top: 2px solid var(--base-color);
		padding: 24px 0;
	}
	.content2-01 {
		padding: 8px;
	}
}

.content-line {
/* //	max-width:1040px; */
	height:1px;
	margin:0 auto;
	border-top:2px solid var(--base-color);
}


.content01-t {
	margin-bottom: 8px;
	font-size:18px;
	font-weight: bold;
	white-space: nowrap;
	width: 100%;
}
.content01-t2 {
	padding: 0;
}
.content01-t3 {
	padding: 4px 4px 8px;
	font-size: 13px;
/* //	font-weight: bold */
}
.content01-t3b {
	margin:10px 0 0 0;
	font-size:14px;
	font-weight: bold;
}
.content01-ta {
	font-size:18px;
	font-weight: bold;
	position: sticky;
	top: 0;
	left: 0;
	padding-bottom: 8px;
	background-color: var(--reverse-text-color);
	flex: 1;
}
.include-table .content01-ta {
	left: 24px;
}
.content01-ic {
	z-index: 10;
	position:sticky;
	top: 0;
	right: 0;
	background-color: var(--reverse-text-color);
}
.include-table .content01-ic {
	right: 24px;
}
@media screen and (max-width:767px){
.content01-t {
	font-size:15px;
	padding: 0 16px;
}
}

.content01-N {
//	margin-top: 8px;
	font-size:16px;
//	font-weight: bold;
//	white-space: nowrap;
}

.tcy-p {
	width:200px;
}
.tcy-p2 {
	display:inline-block;
	width:200px;
	height:50px;
	margin:0 auto;
	background-size:contain;
	background-position: center center;
}
.tcy-p3 {
	display:inline-block;
	width:180px;
	height:40px;
}

.content00 {
	position:relative;
	max-width: 480px;
	margin:0 auto 16px auto;
	padding: 24px 16px;
	font-weight: bold;
	text-align: center;
	border: 1px solid rgba(var(--light-base-color-rgb), 0.8);
	box-shadow: 0 2px 2px var(--light-base-color);
	border-radius: 4px;
}

.content00:hover {
	opacity: 1;
}

.content00:hover .tcy-p2{
	transform: scale(1.05);
	transition: .2s;
	opacity: 0.9;
}

.content00:active {
	transform: translateY(2px);
	box-shadow: none;
}

.content00-il {
	width:100%;
	margin:0 auto 15px auto;
	display:inline-block;
}
.content00w {
	position: relative;
	max-width:480px;
	margin:0 auto 16px auto;
}

.content00-1 {
	margin: 16px 0 0 0;
	font-weight: bold;
	text-align:center;
}

.content01 {
	position:relative;
	width: 100%;
	margin: 0 auto 16px;
	padding: 24px 56px 24px 24px;
	border: 1px solid rgba(var(--light-base-color-rgb), 0.8);
	box-shadow: 0 2px 2px var(--light-base-color);
	border-radius: 4px;
	cursor:pointer;
}
.content01::after {
	content:">";
	position: absolute;
	top: 50%;
	right: 24px;
	transform: translateY(-50%);
	font-size: 16px;
	color: var(--gray-color);
	font-weight: bold;
}
.content01:hover {
	background-color: rgba(var(--light-base-color-rgb), 0.5);
	opacity:0.8;
}
.content01:active {
	transform: translateY(2px);
	box-shadow: none;
}
.content01w {
	display:flex;
	height: 72px;
	padding: 0 32px 0 16px;
	display: flex;
	align-items: center;
	width: 100%;
}
.content01w table {
	padding: 0;
}

.content01s {
	position: relative;
	padding: 8px 36px 8px 16px;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid var(--gray-color);
	border-radius: 4px;
	cursor: pointer;
	width: fit-content;
}
.content01s::after {
	content:">";
	position: absolute;
	top: 50%;
	right: 16px;
	transform: translateY(-50%);
	font-size: 14px;
	color: var(--text-color);
	/* font-weight: bold; */
}
.content01s:hover {
	opacity:0.8;
	background-color: rgba(var(--gray-color-rgb), 0.3);
}

@media screen and (max-width:767px){
.content01 {
	margin-bottom: 8px;
	padding: 16px 32px 16px 16px;
	width: calc(100% - 24px);
}
.content01::after {
	right: 12px;
	font-size:14px;
}
}

.content01a {
	position:relative;
	padding: 16px;
	border-top: 1px solid var(--light-base-color);
}
.content01a2 {
	position:relative;
}
.content01a2.tornament {
	padding: 0 16px;
}
.content01a2-1 {
	display:flex;
	/* justify-content: center; */
	align-items: center;
}
/*
.content2 .content01a:last-of-type {
	border-bottom: 1px solid var(--light-base-color);
} */

.content01a2 table {
	width: 100%;
	margin-bottom: 8px;
}
.content01a2 .myteam01 {
	padding: 0 24px !important;
	width: 240px !important;
	height: 192px !important;
	margin-right: 24px;
}
.content01a2 .myteam01 .myteam01p {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
@media screen and (max-width: 767px) {
	.content01a2 .myteam01 {
		width: 192px !important;
		height: 144px !important;
		margin: 0;
	}
}
.content01a2 .myteam02 {
	padding-right: 16px;
}
.content01b {
	color: var(--middle-text-color);
	background-color: rgba(var(--gray-color-rgb), 0.3);
}

.content01dd {
	padding:40px 0;
	font-size:18px;
	text-align:center;
}
@media screen and (max-width:767px){
.content01dd {
	padding:20px 0;
	font-size:14px;
}
}

.content01cc {
	padding: 32px 0;
	font-size: 15px;
	text-align: center;
}
@media screen and (max-width:767px){
.content01dd {
	padding:20px 0;
	font-size:13px;
}
}

.content01-1 {
	display: flex;
	align-items: center;
	margin-bottom: 8px;
	gap: 8px;
}
.content01-2 {
	min-width: 100px;
	font-size: 12px;
	padding: 4px 8px;
	color: var(--reverse-text-color);
	font-weight: bold;
	text-align: center;
	background-color: var(--base-color);
	border-radius: 14px;
}
.content01-2a {
	display:inline-block;
	height:24px;
	padding:3px 10px 0 10px;
	font-size:12px;
	color:var(--reverse-text-color);
	font-weight: bold;
	text-align:center;
	background-color:var(--accent-color);
	border-radius:12px;
}
.content01-2b {
	background-color:#bbb;
}
.content01-2c {
	background-color:#9cd1ff;
}

.content01-3 {
	display:flex;
}

/* ゴミ箱アイコン */
.content01-D {
	font-size: 22px;
	color: var(--base-color);
	margin-left: 4px;
}
.content01-D:hover {
	color: var(--light-base-color);
}

.content01-3a span {
	display: none;
}
.content01-3a2 span {
	color:#aaa;
}
.content01-3a3 span {
	font-size:16px;
	color:#aaa;
}
.content01-3b {
	padding-left: 4px;
	font-size:12px;
	color: var(--alert-color);
	letter-spacing: 0.2px;
	font-weight: bold;
}
.content01-3b2 {
	color: var(--middle-text-color);
}
.content01-3b3 {
	font-size: 11px;
	color: var(--base-color);
}
.content01-3c {
	background-color: var(--reverse-text-color);
	border-radius: 50%;
	width: 60px;
	height: 60px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}
.content01-3c img {
	width: 48px;
	height: 48px;
	object-fit: contain;
}

@media screen and (max-width:767px){
.content01-2 {
	min-width: 80px;
	font-size:11px;
}
.content01-2a {
	min-width:80px;
	height:22px;
	padding:4px 0 0 0;
	font-size:11px;
	border-radius:11px;
}
.content01-3 {
	float:left;
	margin:0px 0 0 10px;
}
.content01-3b {
	font-size:11px;
}
}



.content01-3d {
	padding:0px 0 0 10px;
	font-size:16px;
	color: var(--text-color);
	font-weight: bold;
}
.content01-3e {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin-top: 8px;
}
.content01-3e1 {
	display: flex;
	align-items: center;
	padding-bottom: 2px;
}
.content01-3e1 span {
	font-size: 14px;
	color: var(--middle-text-color);
	margin-right: 4px;
}
.content01-3e2 {
	display: flex;
}
.content01-3f {
	font-size:11px;
	color: var(--middle-text-color);
	font-weight: bold;
}


.content01-4 {
	color: var(--accent-color);
	font-weight: bold;
	text-align:left;
	padding: 6px 16px;
	font-size: 15px;
}
@media screen and (max-width: 767px) {
	.content01-4 {
		font-size: 14px;
	}
}


.content01-stf {
	display: flex;
}
.content01-stf1 {
//	float:left;
	padding: 0px 0px 8px 20px;
	font-weight: bold;
}
@media screen and (max-width:767px){
.content01-stf {
	display: block;
}
.content01-stf1 {
//	float:none;
}
}

/* user */
.user-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 16px 0 4px;
	padding: 0 8px;
}
.user-top .content01-4 {
	padding: 0;
}
.user-top .btn03 {
	margin: 0;
}
@media screen and (max-width: 767px) {
	.user-top {
		padding: 8px;
	}
}

/* チーム情報のところ */
.myteam02 .content01-4 {
	padding: 8px 0 2px;
	margin-top: 4px;
}

.content01a .content01-4 {
	padding: 0 0 4px;
}

.content01-4b {
	color: var(--middle-text-color);
}
.content01a2 .content01-4 {
	padding: 8px 8px 4px;
}
.content01-4.uniform {
	margin: 16px 0 4px;
	padding: 8px 16px;
}

/* 大会概要 */
.tornament-detail {
	padding: 8px 0 16px;
}

.tornament-detail .content01-4 {
	padding: 0 2px;
}

.tornament-detail p {
	padding: 2px 4px;
	font-size: 14px;
}

@media screen and (max-width: 767px) {
	.tornament-detail {
		padding: 8px 16px 16px;
	}
	.tornament-detail p {
		font-size: 12px;
	}
}

.taikai-pdf {
	display:inline-block;
	margin:-5px 0 0 0;
	text-decoration:underline;
}
.taikai-pdf span {
	position: relative;
	top: 5px;
	display:inline-block;
	margin:0 5px 0 0;
	font-size:21px;
	color:var(--main-color);
}

.content01-5 {
	font-size:13px;
	font-weight: normal;
	display: flex;
	align-items: center;
	margin-top: 2px;
}

.content01-5-1{
	display:inline-block;
	margin-right: 8px;
	font-size:12px;
	color: var(--middle-text-color);
}
.content01-5 span {
	display: inline-block;
	margin-right: 4px;
	font-size: 18px;
	color: var(--middle-text-color);
}
.content01-5a {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 4px;
}
.content01-6 {
	font-size:18px;
	font-weight: bold;
	text-align:right;
}
@media screen and (max-width:767px){
	.content01-4 {
		padding: 6px 16px;
	}
	.content01-6 {
		font-size:15px;
	}
}

.content01-7 {
	margin-top: 8px;
	padding: 12px 16px;
	color: var(--middle-text-color);
	background-color:var(--light-base-color);
}
/* .content01-7 table {
	border-collapse: separate;
} */
.content01-8 {
	display:flex;
	width:100%;
	margin-bottom: 16px;
	padding-top: 8px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
@media screen and (max-width: 767px) {
	.content01-8 {
		padding: 8px 16px 0;
	}
}
.content01-8-2 {
	display: flex;
	align-items: center;
}
.content01-8-2 a span {
	margin-right: 8px;
	padding-bottom: 1px;
}
.content01-8-2 p {
	font-size: 15px;
}
.content01-8-3 {
//	width: 400px;
	width: fit-content;
	margin-bottom: 24px;
	padding: 0 16px;
}
.content01-8-3-1, .content01-8-3-2 {
	width: calc(50% - 3px);
}
#form.content01-8-3-1, #form.content01-8-3-2 {
	width: calc(50% - 3px);
	padding: 0;
}
.content01-8-3-2a, #form.content01-8-3-2a {
	width: 100%;
}
#form.content01-8-3-2a {
	padding: 0;
}

.content01-8-4 {
	color: var(--text-color);
	background-color: rgba(var(--gray-color-rgb),0.3);
	border-radius: 2px;
	padding: 4px 16px;
	border: 1px solid rgba(var(--gray-color-rgb),0.8);
}
.content01-8-4:hover {
	cursor: pointer;
	background-color: rgba(var(--light-base-color-rgb), 0.3);
	opacity: 0.8;
}
@media screen and (max-width:767px){
.content01-8-3 {
	width:100%;
	margin:0 0 25px 0;
}
.content01-8-2 p {
	font-size: 12px;
}
}

.pay04-l {
	height:1px;
	border-top: 2px dotted var(--middle-text-color);
}

.content01-9 {
	/* display:flex; */
	/* justify-content: center; */
	/* align-items: center; */
	padding: 12px 24px;
}
.content01-9:hover {
	background-color: rgba(var(--light-base-color-rgb), 0.3);
}

.content01-9-1{
	font-size: 15px;
	color: var(--text-color);
	display: flex;
	align-items: center;
	/* width: fit-content; */
	padding-right: 2px;
	border: 1px solid transparent;
}

@media screen and (max-width:767px){
	.content01-9 {
		padding: 12px 16px;
	}
	.content01-9-1{
		font-size: 14px;
	}
}
.content01-9-1 span {
	color: var(--accent-color);
	margin-right: 4px;
}
.content01-9-2 {
	padding-left: 6px;
	color: var(--base-color);
	font-size: 12px;
	font-weight: bold;
}




/*----------------------*/

.form-w01 {
	max-width:600px;
	margin:0 auto;
}

.form-txt1 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 4px;
}
.form-txt1a {
	padding: 16px;
}
#deltitle, #deltitle2 {
	text-align: center;
	font-weight: bold;
}
.form-txt1 p {
	font-size: 12px;
	font-weight: normal;
}
.form-txt1b {
	font-weight: normal;
}

.form-txt2 {
	display:inline-block;
	margin-right: 4px;
	color: var(--alert-color);
}
.form-txt2a {
	display:inline-block;
	font-size:12px;
	color: var(--alert-color);
	padding-left: 4px;
}
.form-txt3 {
	display:inline-block;
	width: 20px;
	height: 20px;
	font-size: 10px;
	line-height: 20px;
	color: var(--reverse-text-color);
	text-align:center;
	background-color: var(--gray-color);
	border-radius:50%;
	margin-right: 4px;
}
.form-txt3-2 {
	background-color:var(--accent-color);
}
.form-txt4 {
	white-space: nowrap;
	display:inline-block;
	font-size: 12px;
	color: var(--gray-color);
}
.form-txt4.form-txt4-2 {
	color: var(--accent-color);
}
.form-txt5 {
	height:1px;
	background-color: var(--gray-color);
}

.form-txt6 {
	margin:2px 0 15px 0;
	padding:8px 10px 4px 10px;
	font-size:15px;
	color:var(--reverse-text-color);
	font-weight: bold;
/* //	border-top:1px solid #aaa;
//	border-bottom:1px solid #aaa; */
	background-color:var(--main-color);
	border-radius:4px;
}
.form-txt7 {
	margin:0 0 15px 0;
	padding:0 0 7px 0;
	font-size:14px;
	font-weight: bold;
	border-bottom:1px solid #aaa;
}

.form-txt8 {
	width:100%;
/* //	height:50px; */
	padding:10px 10px 2px 10px;
	font-size:12px;
	border: solid 1px #aaa;
	border-radius:4px;
}

.form-txt9 {
	font-size:12px;
	font-weight: bold;
	padding: 8px 4px 4px;
}
.form-txt10 {
	padding-top: 8px;
	font-size:12px;
}
.form-txt11 {
	padding-top: 4px;
	font-size: 11px;
	color: var(--middle-text-color);
	text-align:center;
}

/* モーダルプロセスステップ */
.process-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 8px 8px;
	margin-bottom: 8px;
}
.process-step {
	display: flex;
	align-items: center;
}
.process-number {
	display:inline-block;
	width: 20px;
	height: 20px;
	font-size: 10px;
	line-height: 20px;
	color: var(--reverse-text-color);
	text-align :center;
	background-color: var(--gray-color);
	border-radius: 50%;
	margin-right: 4px;
}
.process-number.done{
	background-color:var(--accent-color);
}
.process-txt {
	white-space: nowrap;
	display:inline-block;
	font-size: 12px;
	color: var(--gray-color);
}
.process-txt.done {
	color: var(--accent-color);
}
.process-hr {
	height:1px;
	background-color: var(--gray-color);
	margin: 0 12px;
	flex: 1;
}
.process-hr.done {
	background-color: var(--accent-color);
}
.process-introduction {
	font-size: 12px;
	padding: 8px 12px 16px;
	letter-spacing: 0.4px;
	line-height: 1.5;
}
.form-btn.process-btn {
	margin-top: 24px;
}
.form-btn-bb {
	margin-top: 24px;
	display: flex;
	align-items: center;
	width: fit-content;
	padding: 0 2px;
}
.form-btn-bbb {
	margin-top: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: fit-content;
	padding: 0 2px;
}
.file-link {
	color: var(--link-color);
	background-color: var(--reverse-text-color);
	border: none;
	text-decoration: underline;
}
.form-btn-bb span {
	color: var(--link-color);
}
.form-btn-bb:hover {
	opacity: 0.8;
}




.entry-t00 {
	padding: 24px 0 32px;
	text-align: center;
}
.entry-t00a {
	margin:20px 0 0px 0;
	text-align:center;
}

.entry-t01 {
	display: inline-block;
	font-size: 38px;
	color: var(--accent-color);
	font-weight: bold;
	line-height: 1.0em;
	margin-top: 24px;
}
.entry-t02 {
	display: inline-block;
	margin-left: 4px;
	font-size: 24px;
	color: var(--accent-color);
	font-weight: bold;
	letter-spacing: 5px;
	line-height: 1.0em;
}
.entry-t03 {
	font-size:12px;
	color: var(--accent-color);
	font-weight:bold;
	line-height:1.0em;
	margin-top: 4px;
}

.pay-t00 {
	padding: 0 16px;
	margin:0 auto;
	width: 100%;
}
.pay-t01 {
	font-size: 38px;
	color: var(--text-color);
	font-weight: bold;
}
.pay-t02 {
	margin: 0 0 16px 0;
	font-size: 17px;
	color: var(--text-color);
	font-weight: bold;
}
.pay-t03 {
	font-size:20px;
	color: var(--accent-color);
	font-weight:bold;
	line-height:1.0em;
}
.pay-t04 {
	padding: 4px 0 2px 4px;
	font-size: 14px;
	color: var(--text-color);
	font-weight: bold;
}
.pay-t05 {
	font-size: 11px;
	color: var(--middle-text-color);
	padding-left: 4px;
}
.pay-t06 {
	font-size:14px;
	color:var(--text-color);
/* //	font-weight:bold; */
	line-height:1.0em;
}

.pay-line {
	height: 1px;
	margin: 16px 0;
	border-top: 1px solid var(--light-base-color);
}
.pay-line2 {
	padding: 8px 4px;
	border-top: 1px solid var(--light-base-color);
}
.pay-line2:last-of-type {
	border-bottom:1px solid var(--light-base-color);
}

.form-btn {
	width: 100%;
	padding: 8px 0;
	color:var(--reverse-text-color);
	background-color: var(--accent-color);
	border: 1px solid var(--accent-color);
	border-radius: 4px;
	cursor: pointer;
}
.form-btn:hover {
	opacity: 0.8;
}

.form-btn2 {
	padding: 4px 24px;
	font-size: 12px;
	color: var(--text-color);
	background-color: rgba(var(--gray-color-rgb),0.3);
	border:1px solid var(--gray-color);
	border-radius: 2px;
	cursor: pointer;
}

.form-btn2-2 {
	position: absolute;
	bottom:15px;
	right:auto;
	left:20px;
}
.form-btn2-3 {
	color:#999;
	background-color:#ddd;
	border:1px solid #ddd;
}
.form-btn2-3:hover {
	color:#999;
	background-color:var(--reverse-text-color);
}

.form-btnwrap{
	flex: 1;
	text-align: right;
}

.form-btn3 {
	width: 96px;
	padding: 8px 0px;
	font-size: 12px;
	color: var(--reverse-text-color);
	background-color: var(--accent-color);
	border: 1px solid var(--accent-color);
	border-radius: 2px;
	cursor: pointer;
}
.form-btn3:hover {
	opacity: 0.8;
}
.form-btn3a {
	color: var(--middle-text-color);
	background-color: var(--gray-color);
	border:1px solid var(--gray-color);
}
.form-btn3a:hover {
	opacity: 0.8;
	cursor: pointer;
}

.form-btn4, .form-btn4a, .form-btn5 {
	width: calc(50% - 3px);
	height: 40px;
	font-size: 13px;
	border-radius: 3px;
	cursor: pointer;
}

.form-btn4 {
	color: var(--reverse-text-color);
	background-color: var(--accent-color);
	border: 1px solid var(--accent-color);
	font-weight: bold;
}

.form-btn4:hover {
	opacity: 0.8;
}

.form-btn4a {
	color: var(--middle-text-color);
	background-color: rgba(var(--gray-color-rgb), 0.3);
	border: 1px solid var(--gray-color);
	font-weight: normal;
}

.form-btn5 {
	color:var(--accent-color);
	background-color:var(--reverse-text-color);
	border: 1px solid var(--accent-color);
}

.form-btn4a:hover, .form-btn5:hover {
	opacity: 0.8;
	background-color: rgba(var(--light-base-color-rgb), 0.3);
}



.form-btn6 {
/* //	width:100%; */
	padding:5px 15px;
	font-size:12px;
	color:var(--reverse-text-color);
	background-color:var(--accent-color);
	border:1px solid var(--accent-color);
	border-radius:5px;
	cursor: pointer;
	transition: 0.5s;
}
.form-btn6:hover {
	color:var(--accent-color);
	background-color:var(--reverse-text-color);
}

.form-btn6a {
/* //	width:100%; */
	padding:5px 15px;
	font-size:12px;
	color:var(--accent-color);
	background-color:var(--reverse-text-color);
	border:1px solid var(--accent-color);
	border-radius:5px;
	cursor: pointer;
	transition: 0.5s;
}
.form-btn6a:hover {
	color:var(--reverse-text-color);
	background-color:var(--accent-color);
}
.form-btn6a2 {
	margin:0 10px 0 0;
}

.form-btn7 {
	width: 100%;
	padding: 8px 0;
	color:#fff;
	background-color:#bbb;
	border:1px solid #bbb;
	border-radius: 4px;
}
.form-btn7.process-btn {
	margin-top: 24px;
}

.form-00 {
	width:100%;
	padding:9px;
	font-size:12px;
	border: solid 1px #aaa;
	border-radius:4px;
	caret-color: var(--text-color);
}
.form-01 {
	width:100%;
/* //	height:50px; */
	margin:2px 0 16px 0;
	padding: 8px;
	font-size: 14px;
	border: solid 1px var(--gray-color);
	border-radius: 2px;
	caret-color: var(--text-color);
	outline: none;
}
.form-01 a{
	font-size:12px;
}
.form-01a {
	margin:2px 0 0 0;
}
.form-01b {
	margin:0 0 0 0;
}
.form-01c {
	width:100px;
}
.form-01d {
	margin: 2px 0 16px 0;
	padding: 0 4px;
	font-size: 12px;
}
.form-01e {
	width:150px;
	margin:0 5px 15px 0;
}
.form-01f {
	width:150px;
}
.form-01g {
	width:auto;
}
.form-01h {
	margin:-1px 0 0 0;
}
.form-01 label{
	font-size:12px;
}




.form-02 {
	width: 100%;
	height: 160px;
	margin: 2px 0 16px 0;
	padding: 8px;
	font-size: 12px;
	border: solid 1px var(--gray-color);
	border-radius: 2px;
	caret-color: var(--text-color);
	outline: none;
	resize: none;
}

.form-03 {
	padding: 10px 16px;
	font-size: 12px;
	font-weight: bold;
	border: solid 1px var(--gray-color);
	border-radius: 4px;
	caret-color: var(--text-color);
}
.form-03:hover {
	opacity: 0.8;
	cursor: pointer;
	background-color: rgba(var(--gray-color-rgb), 0.3);
}

.form-04 {
	width: 100%;
	padding: 8px 16px;
	font-size: 12px;
	border: none;
	border-bottom: 1px solid var(--gray-color);
	background-color: rgba(var(--gray-color-rgb), 0.3);
	caret-color: var(--text-color);
	outline: none;
	margin-right: 8px;
}
.form-04.full {
	margin: 0;
}
.form-04::placeholder {
	color: var(--middle-text-color);
}

.chk-a {
	position:relative;
	top: 4px;
	width: 18px;
	height: 18px;
	margin-right: 4px;
	line-height: 1em;
	border: 1px solid var(--gray-color);
}
.chk-b {
	width: 18px;
	height: 18px;
	line-height: 1em;
}
.chk-d {
	display:none;
}
.chk-txt {
	font-size:12px;
	display: flex;
	align-items: center;
}


/*----------------------*/


.content-myteam03 {
	font-size: 12px;
	font-weight: bold;
}
.content-myteam03 a{
	font-size:12px;
	font-weight: bold;
}
.content-myteam03s {
	width: 240px;
	border-bottom:1px solid var(--middle-text-color);
	background-color: rgba(var(--gray-color-rgb), 0.3);
}
@media screen and (max-width:767px){
.content-myteam03s {
	width:100%;
}
}

.operation-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 4px;
}

.operation-left {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 4px;
}

.content-myteam03-1 {
	display:inline-block;
	padding: 2px 4px;
	font-size: 10px;
	color:var(--reverse-text-color);
	background-color: var(--base-color);
	border-radius: 2px;
	margin-left: 8px;
}

@media screen and (max-width:767px){
	.content-myteam03 {
		font-size:13px;
	}
}

.myteam01p2 {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.myteam01p3 {
	width:50px;
}

.myteam02p {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
@media screen and (max-width:767px){
.myteam01p2 {
	height:60px;
	margin:0 20px 0 0;
}
}

/* 運営タスク */

.task01 {
	/* display:flex; */
	padding: 16px;
	border-bottom: 1px solid var(--light-base-color);
}

.task-wrapper {
	display: flex;
	padding: 16px;
	flex-wrap: wrap;
	border-bottom: 1px solid var(--light-base-color);
}

.task-content {
	width: 100%;
}

.task-detail {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	width: 100%;
	margin-top: 12px;
}

.task-deadline {
	display: flex;
	align-items: center;
	gap: 3px;
}

.task-deadline span {
	color: var(--middle-text-color);
	font-size: 18px;
}
.task-deadline p {
	color: var(--middle-text-color);
	font-size: 11px;
	line-height: 1em;
}

.task-link {
	display: flex;
	align-items: center;
	gap: 4px;
}

/*------------------------------*/
.tab-form {
	width: 100%;
}
.pln-button {
	max-width: 1200px;
	width: 100%;
	/* background-color: var(--gray-color); */
	display: flex;
	gap: 4px;
}
.pln-button-wh {
	background-color: var(--reverse-text-color);
}
.pln-button-f {
	width:100%;
}
@media screen and (max-width:767px){
	.pln-button {
		width:100%;
		padding: 0 8px;
	}
}
.pln-button input {
	display: none;
}
.pln-button label {
	width: 184px;
	padding: 6px 0;
	text-align: center;
	background-color: var(--gray-color);
	color: var(--middle-text-color);
}
.pln-button input[type="radio"]:checked + .switch-on, .pln-button input[type="radio"]:checked + .switch-off {
	background-color: var(--reverse-text-color);
	color: var(--text-color);
}
.pln-button label:hover {
	cursor: pointer;
}

.pln-button-f {
	background-color: var(--reverse-text-color);
}
.pln-button-f label{
	cursor: pointer;
	display: inline-block;
	width: 120px;
	padding: 8px 0 6px;
	font-size: 13px;
	text-align: center;
	color: var(--middle-text-color);
	border-top: 1px solid rgba(var(--gray-color-rgb), 0.2);
	border-left: 1px solid rgba(var(--gray-color-rgb), 0.2);
	border-right: 1px solid rgba(var(--gray-color-rgb), 0.2);
	border-radius: 4px 4px 0 0;
	background-color: rgba(var(--gray-color-rgb), 0.2);
	opacity: 1;
}
.pln-button-f label:hover {
	opacity: 0.8;
	background-color: rgba(var(--light-base-color-rgb), 0.7);
	cursor: pointer;
}

.pln-button-f input[type="radio"]:checked + .switch-on, .pln-button-f input[type="radio"]:checked + .switch-off {
	color: var(--text-color);
	font-weight: bold;
	background-color: var(--light-base-color);
	border-top: 1px solid var(--light-base-color);
	border-left: 1px solid var(--light-base-color);
	border-right: 1px solid var(--light-base-color);
	opacity: 1;
}

/*------------------------------*/

.syounin {
    position: fixed;
    bottom: -40px;
    right: 40px;
	padding:11px 40px 9px 15px;
	font-size:12px;
	color:var(--reverse-text-color);
	text-align:left;
	background-color:var(--main-color);
	border:1px solid var(--main-color);
	border-radius:5px;
	transition: 0.3s;
}
.syounin.syounin_up {
    bottom: 40px;
}
.syounin01 {
	float:left;
	font-size:12px;
	color:var(--reverse-text-color);

}
.syounin02 {
	float:left;
	padding:0 10px;
	font-size:12px;
	color:#999;
	text-decoration: underline;
	cursor:pointer;
	transition: 0.5s color;
}
.syounin02:hover {
	color:var(--reverse-text-color);
}
.syounin-bb {
	z-index:10;
	position:absolute;
	top:5px;
	right:8px;
}
.syounin-bb span{
	font-size:28px;
	color:var(--reverse-text-color);
}

/*------------------------------*/

#loader {
    z-index: 100;
    display: none;
    position: fixed;
    _position: absolute; /* IE6対策 */
    top: 50%;
    left: 50%;
//	top: 0;
//	bottom:0;
//	left: 0;
//	right:0;
    width: 60px;
    height: 60px;
	margin-top:auto;
    margin-top: -30px; /* heightの半分のマイナス値 */
    margin-left: -30px; /* widthの半分のマイナス値 */
}
#fade {
    display: none;
    z-index: 99;
    position: absolute;
    top: 0px;
    left: 0px;
//	width: 100%;
//	height: 100%;
	width: 100vw;
	height: 100vh;
    background-color: rgba(255, 255, 255, 0.97);
}
#container {
    z-index:0;
	height:100%;
}
/*------------------------------*/


/*-----------------------------------------------------------------
	-wide-
-----------------------------------------------------------------*/
@media screen and (max-width:1199px){

#pc_wrapper{
	display:none;
}
#pc2_wrapper{
	display:block;
}


}



/*-----------------------------------------------------------------
	-smart-
-----------------------------------------------------------------*/
@media screen and (max-width:767px){

#wrapper{
	display:none;
}
#footer{
	display:none;
}
/*以下は画像などの表示制御クラス*/
.pc_img_class{
	display:none;
}
.smart_img_class{
	display:inline;
}
/*-------------------------------*/

.left-s {
	float:left;
}
.right-s {
	float:right;
}

.clear-s {
	clear:both;
}

*{
	font-size:12px;
}

/*-------------------------------*/






}