@charset "UTF-8";

/*---
* color pallet

primary{ border: 1px solid #7460ee; }
success{ border: 1px solid #55ce63; }
info{ border: 1px solid #009efb; }
warning{ border: 1px solid ##ffbc34; }
danger{ border: 1px solid ##f62d51; }
org soft green #E5F4E3
*/

/* -----------------------
  override
 ------------------------- */
@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 100;
	src: url(/fonts/NotoSans_thin.woff) format("woff"), url(/fonts/NotoSans_thin.otf) format("opentype");
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 200;
  src: url(/fonts/NotoSans_light.woff) format("woff"), url(/fonts/NotoSans_light.otf) format("opentype");
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 300;
  src: url(/fonts/NotoSans_demilight.woff) format("woff"), url(/fonts/NotoSans_demilight.otf) format("opentype");
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/NotoSans_regular.woff) format("woff"), url(/fonts/NotoSans_regular.otf) format("opentype");
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 500;
  src: url(/fonts/NotoSans_medium.woff) format("woff"), url(/fonts/NotoSans_medium.otf) format("opentype");
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  src: url(/fonts/NotoSans_bold.woff) format("woff"), url(/fonts/NotoSans_bold.otf) format("opentype");
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 900;
  src: url(/fonts/NotoSans_black.woff) format("woff"), url(/fonts/NotoSans_black.otf) format("opentype");
}

body{
    font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif !important;
}

textarea {
	resize: both !important;
}

@media all and (max-width: 768px) {
	.topbar .top-navbar{
			max-height:45px;
			min-height:45px;
	}
	.topbar .navbar-header,
	.topbar .navbar-collpse,
	.topbar .navbar-header a,
	.topbar .navbar-header b,
	.topbar .navbar-header b img {
		height:45px !important;
		line-height: 45px !important;
		vertical-align: bottom;
	}
	.topbar .navbar-brand .header-logo-mark {
		/*height:35px !important;*/
	}
	.topbar #dateController {
		padding-top : 10px;
		height:45px !important;
		line-height: 45px !important;
		vertical-align: bottom;
		}

	.page-wrapper {
		padding-bottom:100px !important;
	}
}

.topbar .top-navbar ul.navbar-nav li.nav-item .app-search {
    margin-top: 2px;
}

ul.chat-list .chat-content .chat-comment {
	font-size: 100%;
	color: #333;
	margin-bottom: 0;
}
ul.chat-list .chat-content .box{
	margin-bottom: 0;
}
ul.chat-list .chat-content .chat-time {
	text-align: center;
	width: 150px;
	padding: 6px 0;
	margin-bottom: 0;
	font-size: 12px;
}

@media screen and (max-width:600px) {
	.topbar .top-navbar .app-search input {
		width : 150px !important;
	}
}

 /* additional */

 /* スクロールバー */
::-webkit-scrollbar{
  width: 10px;
}
::-webkit-scrollbar-track{
  background: #fff;
  border: none;
  border-radius: 10px;
  box-shadow: inset 0 0 2px #777; 
}
::-webkit-scrollbar-thumb{
  background: #ccc;
  border-radius: 10px;
  box-shadow: none;
}

.text_btn{
	font-size:small;
	color: #666;
	cursor: pointer;
	text-decoration: underline;
	padding-bottom: 2px;
}
.text_btn::before{
	content:"…"
}

.open_rescomment{
	padding:0 10px;
}
.customtab2 .nav-item a.nav-link{
	border: 1px solid #ccc;
	background-color: white;
}
.customtab2 .nav-item a.nav-link.active{
	border-top: 1px solid #009efb;
	border-left: 1px solid #009efb;
	border-right: 1px solid #009efb;
}
/*.customtab2 .nav-item a.nav-link:hover{
	transition: all 0.5s ease-in;
	border: 1px solid #009efb;
}*/
 /* original */
div.tab-content>div.org_tab_pane{
	transition: all 0.3s ease-in;
}

@media screen and (max-width:768px) {
	.card-block{
		padding: 10px;
	}
	.container-fluid{
		padding:25px 10px
	}
}

small.form-control-feedback {
	display: block;
	margin-left: 10px;
}
.form-control-feedback {
     margin-top: 0;
}

.passive_btn {
	display: inline-block;
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    border-radius: .25rem;
    background: #aaa;
    color: #111;
    border: 1px solid #333;
    padding: 7px 12px;
    font-size: 14px;
}

.btn-secondary {
    border-color: #ccc !important;
}
.btn-secondary:hover {
    color: #292b2c;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.btn-group label{
	/*color: #fff;*/
	/*background-color: white;*/
}
[class*="btn-outline-"]:not(.active):not(:hover){
	background-color: white;
}
[class*="btn-outline-"]:hover {
	color: #fff !important;
}
[class*="btn-outline-"].active {
	color: #fff !important;
}

.btn-back{
	margin-right:10px;
}

.submit{
	text-align: center;
}

legend{
	font-weight: bold;
}
/* tooltip */
.tooltip-inner{
	font-weight: bold;
	color: #0d3f67;
	background-color: white;
	border:1px solid #0d3f67;
	font-size: 15px;
}
.tooltip.bs-tether-element-attached-top .tooltip-inner::before{
	border-bottom-color: #0d3f67 !important;
}
.tooltip.bs-tether-element-attached-right  .tooltip-inner::before{
	border-left-color: #0d3f67 !important;
}
.tooltip.bs-tether-element-attached-left .tooltip-inner::before{
	border-right-color: #0d3f67 !important;
}
.tooltip.bs-tether-element-attached-bottom  .tooltip-inner::before{
	border-top-color: #0d3f67 !important;
}

/* search ajax recommend */
.input_recommend_parent{
	z-index: 999;
	padding:0 5px 5px 5px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-radius: 0 0 10px 10px;
	position: absolute;
	background: white;
	max-height: 200px;
	overflow-y: scroll;
}
.input_recommend ul{
	padding: 0;
}
.input_recommend li{
	cursor: pointer;
	padding: 5px 0 5px 10px;
	border-bottom: 1px solid #eee;
}
.input_recommend ul li:last-child{
	border-bottom: none;
}
.input_recommend li:hover{
	background-color: #ebf6f7;
}

/* -----------------------
  animation btn
 ------------------------- */

.bgSldBtnWrap {
  position: relative;
  z-index: 0;
}
.send_favorit{
	cursor: pointer;
	color: #009efb;
}
.favorit_set{
	animation: r1 15s linear infinite;
	-webkit-animation: r2 15s linear infinite;
}
.favorit_set:hover{
	animation: kurukuru 5s linear infinite;
	-webkit-animation: kurukuru 5s linear infinite;
}
@media all and (min-width:769px) {
	.send_favorit{
		font-size: 35px;
	}
}
@media all and (max-width:768px) {
	.send_favorit{
		font-size: 25px;
	}
}

.nav-tabs .nav-link:hover i{
	animation: kurukuru 4s linear infinite;
	-webkit-animation: kurukuru 4s linear infinite;
}
.nav-tabs .nav-link.active i{
	animation: konkon 5s linear infinite;
	-webkit-animation: konkon 5s linear infinite;
}
.nav-tabs .nav-link i,
.btn i{
	display: inline-block;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.btn:hover i{
	animation: konkon 4s linear infinite;
	-webkit-animation: konkon 4s linear infinite;
}

/* icon */
i.link_icon {
	margin-left : 5px;
	font-size : small;
}

/* スポーツアイコン */
.sports_icon svg{
	animation: kurukuru2 10s linear infinite;
	-webkit-animation: kurukuru2 10s linear infinite;
}

.sports_icon.baseball svg,
.sports_icon.sbaseball svg{
	animation: baseball 10s linear infinite;
	-webkit-animation: baseball 10s linear infinite;
	animation-iteration-count: 1;
}
.sports_icon.softball svg{
	animation: softball 10s linear infinite;
	-webkit-animation: softball 10s linear infinite;
	animation-iteration-count: 1;
}
.sports_icon.football svg{
	animation: football 10s linear infinite;
	-webkit-animation: football 10s linear infinite;
	animation-iteration-count: 1;
}

@-webkit-keyframes baseball {
  0%   { transform: translateX(-50px); }
  40%  { transform: translateX(0px) rotate(1180deg); }
  50%  { transform: scale(0.3) translateX(-50px) translateY(-50px) rotate(380deg); }
  80%  { opacity:0; transform: scale(0.1) translateX(-180px) translateY(15px) rotate(80deg); }
  95%  { opacity:0; transform: translateX(0px) translateY(0px) rotate(0deg); }
  100% { opacity:1; }
}
@-webkit-keyframes softball {
  0%   { transform: translateX(-50px); }
  40%  { transform: translateX(0px) rotate(-1180deg); }
  50%  { transform: scale(0.3) translateX(-50px) translateY(-50px) rotate(-380deg); }
  80%  { opacity:0; transform: scale(0.1) translateX(-180px) translateY(15px) rotate(-80deg); }
  95%  { opacity:0; transform: translateX(0px) translateY(0px) rotate(0deg); }
  100% { opacity:1; }
}
@-webkit-keyframes football {
  0%   { transform: translateX(-50px); }
  40%  { transform: translateX(0px) rotate(1180deg); }
  50%  { transform: scale(0.3) translateX(50px) translateY(-50px) rotate(1080deg); }
  80%  { opacity:0; transform: scale(0.1) translateX(180px) translateY(15px) rotate(980deg); }
  95%  { opacity:0; transform: translateX(0px) translateY(0px) rotate(0deg); }
  100% { opacity:1; }
}

@-webkit-keyframes konkon {
  10%   { transform: rotate(0deg); }
  13%  { transform: rotate(30deg); }
  16%  { transform: rotate(0deg); }
  19%  { transform: rotate(35deg); }
  22%  { transform: rotate(0deg); }
}

@-webkit-keyframes kurukuru {
  0%  { transform: rotateY(0deg); }
  20%  { transform: rotateY(180deg); }
  40%  { transform: rotateY(0deg); }
  60%  { transform: rotateY(180deg); }
  80%  { transform: rotateY(0deg); }
}
@-webkit-keyframes kurukuru2 {
  0%  { transform: rotateY(0deg); }
  22%  { transform: rotateY(0deg); }
  25%  { transform: rotateY(180deg); }
  28%  { transform: rotateY(0deg); }
}
@-webkit-keyframes r2 {
  0%   { transform: rotate(0deg); }
  1%  { transform: rotate(30deg); }
  2%  { transform: rotate(0deg); }
  3%  { transform: rotate(35deg); }
  4%  { transform: rotate(0deg); }
  7%  { transform: rotate(0deg); }
  9%  { transform: rotate(120deg); }
  12%  { transform: rotate(240deg); }
  15%  { transform: rotate(360deg); }
  20%  { transform: rotate(360deg) rotateY(0deg); }
  22%  { transform: scale(1.1) rotateY(280deg); }
  24%  { transform: scale(1.4) rotateY(140deg); }
  26%  { transform: scale(1.8) rotateY(0deg); }
  36%  { transform: scale(1.8); }
  38%  { transform: scale(1); }
}
@keyframes r1 {
  0%   { transform: rotate(0deg); }
  1%  { transform: rotate(30deg); }
  2%  { transform: rotate(0deg); }
  3%  { transform: rotate(35deg); }
  4%  { transform: rotate(0deg); }
  7%  { transform: rotate(0deg); }
  12%  { transform: rotate(360deg); }
  20%  { transform: rotateY(360deg); }
  24%  { transform: rotateY(0deg) scale(1.8); }
  36%  { transform: scale(1.8); }
  38%  { transform: scale(1); }
}
.bgSldBtn {
	position   : relative;
	display    : inline-block;
	transition : .2s ease-out;
}
.bgSldBtn:hover {
  color: #fff;
  opacity: 1 !important;
}
.bgSldBtn::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: '';
  background: #009efb;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform .2s ease-out;
}
.bgSldBtn:hover::before {
  transform-origin: left top;
  transform: scale(1, 1);
}

.bgSldBtnWrap.sldR .bgSldBtn::before {
  transform-origin: right top;
  transform: scale(0, 1);
}
.bgSldBtnWrap.sldR .bgSldBtn:hover::before {
  transform-origin: left top;
  transform: scale(1, 1);
}
.bgSldBtnWrap.sldU .bgSldBtn::before {
  transform-origin: bottom;
  transform: scale(1, 0);
}
.bgSldBtnWrap.sldU .bgSldBtn:hover::before {
  transform-origin: bottom;
  transform: scale(1, 1);
}
.bgSldBtnWrap.sldD .bgSldBtn::before {
  transform-origin: top;
  transform: scale(1, 0);
}
.bgSldBtnWrap.sldD .bgSldBtn:hover::before {
  transform-origin: top;
  transform: scale(1, 1);
}

.bgSldBtnWrap.bgSldBtn-primary .bgSldBtn::before,
.bgSldBtnWrap.bgSldBtn-primary .bgSldBtn:hover { background:#7460ee !important; border-color:#7460ee !important; }
.bgSldBtnWrap.bgSldBtn-secondary .bgSldBtn:hover,
.bgSldBtnWrap.bgSldBtn-secondary .bgSldBtn::before { background:#cccccc !important; border-color:#cccccc !important; }
.bgSldBtnWrap.bgSldBtn-success .bgSldBtn:hover,
.bgSldBtnWrap.bgSldBtn-success .bgSldBtn::before { background:#55ce63 !important; border-color:#55ce63 !important; }
.bgSldBtnWrap.bgSldBtn-info .bgSldBtn:hover,
.bgSldBtnWrap.bgSldBtn-info .bgSldBtn::before { background:#009efb !important; border-color:#009efb !important; }
.bgSldBtnWrap.bgSldBtn-warning .bgSldBtn::before,
.bgSldBtnWrap.bgSldBtn-warning .bgSldBtn:hover { background:#ffbc34 !important; border-color:#ffbc34 !important; }
.bgSldBtnWrap.bgSldBtn-danger .bgSldBtn::before,
.bgSldBtnWrap.bgSldBtn-danger .bgSldBtn:hover { background:#f62d51 !important; border-color:#f62d51 !important; }
.bgSldBtnWrap.bgSldBtn-inverse .bgSldBtn::before,
.bgSldBtnWrap.bgSldBtn-inverse .bgSldBtn:hover { background:#2f3d4a !important; border-color:#2f3d4a !important; }

/* -----------------------
  mark
 ------------------------- */
.required_mark{
	color: orange;
	width: 12px;
	display: inline-block;
}
.q_mark{
	display: inline-block;
	width: 18px;
	height: 18px;
	text-align: center;
	margin: 0 5px 3px;
	cursor: pointer;
	background-size:contain; 
	background-image: url("../images/icons/icon_question.png");
    background-repeat  : no-repeat;
	vertical-align: bottom;
}
.btn-group .q_mark{
	position: relative;
	top: 12px;
}

/* マーカー */
.marker_yellow{
	background: -webkit-linear-gradient(transparent 0%, #ffff66 0%);
	background: -o-linear-gradient(transparent 0%, #ffff66 0%);
	background: linear-gradient(transparent 0%, #ffff66 0%);
 }
.marker_green {
	background: -webkit-linear-gradient(transparent 0%, #6f6  0%);
	background: -o-linear-gradient(transparent 0%, #6f6  0%);
	background: linear-gradient(transparent 0%, #6f6  0%);
}
.marker_red {
	background: -webkit-linear-gradient(transparent 0%, #faf  0%);
	background: -o-linear-gradient(transparent 0%, #faf  0%);
	background: linear-gradient(transparent 0%, #faf  0%);
}

.marker_lime {
	background: -webkit-linear-gradient(transparent 60%, #66FFCC 60%);
	background: -o-linear-gradient(transparent 60%, #66FFCC 60%);
	background: linear-gradient(transparent 60%, #66FFCC 60%);
}
.marker_water {
	background: -webkit-linear-gradient(transparent 60%, #66ccff 60%);
	background: -o-linear-gradient(transparent 60%, #66ccff 60%);
	background: linear-gradient(transparent 60%, #66ccff 60%);
}
.marker_pink {
	background: -webkit-linear-gradient(transparent 60%, #ff66ff 60%);
	background: -o-linear-gradient(transparent 60%, #ff66ff 60%);
	background: linear-gradient(transparent 60%, #ff66ff 60%);
}

/* shadow */
.dropshadow {
  -webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  -moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  -ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
}
/**
 * 3D btn
 */
.entryBtnWrap {
  text-align: center;/*ボタンをセンター寄りに設置*/
}

.entryBtn {
  display: inline-block;
  height: auto;
  text-decoration: none;
  color: #fff;
  text-align:center;
  box-shadow:0 6px 0 0 #005400;
  transform: translateY(-6px);
  transition:0.3s all;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0ba500+0,008000+100 */
  background: #0ba500; /* Old browsers */
  background: -moz-linear-gradient(top,  #0ba500 0%, #008000 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #0ba500 0%,#008000 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #0ba500 0%,#008000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ba500', endColorstr='#008000',GradientType=0 ); /* IE6-9 */
}

.entryBtn:hover {
  box-shadow:0 2px 0 0 #005400;
  transform: translateY(-2px);
}

/* -----------------------
  additional style
 ------------------------- */
.unit_word{
	font-size: small;
	margin-left:2px;
	color: #999;
}
.preloader {
	z-index: 9999;
}
.clearfix::after {
	content: “”;
	display: block;
	clear: both;
}

.auto_scroll{
	overflow: auto;
	display: inline-block;
}

.base_header{
	background: #009efb;
    border-color: #009efb;
    color: white;
}

a.widelink { display: block; }

.block{
	display: block !important;
}
.bold{
	font-weight: bold;
}
.bold1{
	font-weight:100;
}
.bold3{
	font-weight:300;
}
.bold4{
	font-weight:400;
}
.bold5{
	font-weight:500;
}
.bold6{
	font-weight:600;
}
.bold7{
	font-weight:700;
}
.bold9{
	font-weight:900;
}
.xx-large{
	font-size: xx-large;
}
.x-large{
	font-size: x-large;
}
.large{
	font-size: large;
}
.small{
	font-size: small;
}
.x-small{
	font-size: x-small !important;
}
.thinSmall{
	font-size: small !important;
	color: #999 !important;
}
.top{
	vertical-align: top;
}
.bottom{
	vertical-align: bottom;
}
.pointer,
.cursor{
	cursor: pointer;
}
.ub {
	text-decoration: underline !important;
}
.border{
	border: 1px solid #ccc !important;
}
.border-red{
	border-color:  #d9534f !important;
}
.has-danger{
	color:  #d9534f !important;
}
.has-danger input:placeholder-shown{
	color:  #d9534f !important;
}

input:placeholder-shown {
    color: #3E6EB4 !important; }

ul,ol{
	list-style-type:none;
}

/* select2 */
.select2-container--open.select2-container--default .select2-selection--single{
	border-color: orange;
	background: #ffffe0;
}
.select2-container--open.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: orange;
}
.has-danger span.select2-selection__rendered{
	/*color: #d9534f !important;*/
}
optgroup,
.select2-results__group{
	background-color: #E5F4E3;
	padding: 2px 3px;
	color: #777;
	font-size: 22px;
	font-family: 'Meiryo';
	font-weight: normal;
}

.borderR3{ border-radius: 3px; }
.borderR5{ border-radius: 5px; }
.borderR7{ border-radius: 7px; }
.borderR10{ border-radius: 10px; }
.border1{ border: 1px solid #999; }
.border2{ border: 2px solid #999; }
.border3{ border: 3px solid #999; }
.border4{ border: 4px solid #999; }
.border5{ border: 5px solid #999; }
.border_u1{
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}
.border_u2{
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	border-left: 2px solid #999;
}
.border_u3{
	border-right: 3px solid #999;
	border-bottom: 3px solid #999;
	border-left: 3px solid #999;
}

.h5{ height: 50px; }
.h10{ height: 100px; }
.h20{ height: 200px; }
.h30{ height: 300px; }
.h40{ height: 400px; }
.h50{ height: 500px; }

.w2{ width: 20px; }
.w3{ width: 30px; }
.w5{ width: 50px; }
.w6{ width: 60px; }
.w7{ width: 70px; }
.w8{ width: 80px; }
.w10{ width: 100px; }
.w12{ width: 120px; }
.w14{ width: 140px; }
.w16{ width: 160px; }
.w18{ width: 180px; }
.w20{ width: 200px; }
.w30{ width: 300px; }
.w40{ width: 400px; }
.w50{ width: 500px; }
.w60{ width: 600px; }

.mw5{ max-width: 50px; }
.mw6{ max-width: 60px; }
.mw7{ max-width: 70px; }
.mw8{ max-width: 80px; }
.mw10{ max-width: 100px; }
.mw12{ max-width: 120px; }
.mw14{ max-width: 140px; }
.mw16{ max-width: 160px; }
.mw18{ max-width: 180px; }
.mw20{ max-width: 200px; }
.mw30{ max-width: 300px; }
.mw40{ max-width: 400px; }
.mw50{ max-width: 500px; }
.mw60{ max-width: 600px; }

.w100p{ width: 100% !important; }
.w95p{ width: 95% !important; }
.w90p{ width: 90% !important; }
.w85p{ width: 85% !important; }
.w80p{ width: 80% !important; }

.m0{ margin: 0 !important;}
.m5{ margin: 5px !important;}
.m10{ margin: 10px !important;}
.m20{ margin: 20px !important; }
.m30{ margin: 30px !important; }
.p0{ padding: 0 !important; }
.p5{ padding: 5px !important; }
.p10{ padding: 10px !important; }
.p20{ padding: 20px !important; }
.p30{ padding: 30px !important; }
.p40{ padding: 40px !important; }
.p50{ padding: 50px !important; }
table.p0 td,table.p0 th{ padding: 0 !important; }
table.p5 td,table.p5 th{ padding: 5px !important; }
table.p10 td,table.p10 th{ padding: 10px !important; }

.mt0{ margin-top: 0 !important;}
.mt5{ margin-top: 5px !important;}
.mt10{ margin-top: 10px !important;}
.mt20{ margin-top: 20px !important; }
.mt30{ margin-top: 30px !important; }
.mt40{ margin-top: 40px !important; }
.mt50{ margin-top: 50px !important; }
.pt0{ padding-top: 0 !important; }
.pt5{ padding-top: 5px !important; }
.pt10{ padding-top: 10px !important; }
.pt20{ padding-top: 20px !important; }
.pt30{ padding-top: 30px !important; }
.pt50{ padding-top: 50px !important; }

.mb0{ margin-bottom: 0 !important;}
.mb5{ margin-bottom: 5px !important;}
.mb10{ margin-bottom: 10px !important;}
.mb20{ margin-bottom: 20px !important; }
.mb30{ margin-bottom: 30px !important; }
.pb0{ padding-bottom: 0 !important; }
.pb5{ padding-bottom: 5px !important; }
.pb10{ padding-bottom: 10px !important; }
.pb20{ padding-bottom: 20px !important; }
.pb30{ padding-bottom: 30px !important; }

.ml0{ margin-left: 0px !important; }
.ml5{ margin-left: 5px !important; }
.ml10{ margin-left: 10px !important; }
.ml20{ margin-left: 20px !important; }
.ml30{ margin-left: 30px !important; }
.pl5{ padding-left: 5px !important; }
.pl10{ padding-left: 10px !important; }
.pl20{ padding-left: 20px !important; }
.pl30{ padding-left: 30px !important; }

.mr0{ margin-right: 0px !important; }
.mr5{ margin-right: 5px !important; }
.mr10{ margin-right: 10px !important; }
.mr20{ margin-right: 20px !important; }
.mr30{ margin-right: 30px !important; }
.pr0{ padding-right: 0px !important; }
.pr5{ padding-right: 5px !important; }
.pr10{ padding-right: 10px !important; }
.pr20{ padding-right: 20px !important; }
.pr30{ padding-right: 30px !important; }

.br5{ border-radius: 5px; }
.br10{ border-radius: 10px; }
.br15{ border-radius: 15px; }
.br20{ border-radius: 20px; }

.relative{ position: relative; }
.absolute{ position: absolute; }

.inline-block{ display: inline-block !important; }
.block{ display: block !important; }
.table-cell{ display: table-cell; }

.table-th-large th{
	font-size: large;
}

@media all and (min-width:769px) {
	.pc_inline{ display: inline-block; }
}
@media all and (max-width:768px) {
	.pc_inline{ display: block; }
	.m_w5{ width: 50px; }
	.m_w6{ width: 60px; }
	.m_w7{ width: 70px; }
	.m_w8{ width: 80px; }
	.m_w10{ width: 100px; }
	.m_w12{ width: 120px; }
	.m_w14{ width: 140px; }
	.m_w16{ width: 160px; }
	.m_w18{ width: 180px; }
	.m_w20{ width: 200px; }
	.m_w30{ width: 300px; }
	.m_w40{ width: 400px; }
	.m_w50{ width: 500px; }
	.m_w60{ width: 600px; }
	.m_small{ font-size: small; }
}

.header-logo-mark{
	height: 45px;
}
.header-logo-text{
	width: 174px;
}
.topbar .navbar .navbar-collapse ul.navbar-nav{
	display: table;
}
.topbar .navbar .navbar-collapse ul.navbar-nav li.nav-item{
	display: table-cell;
	vertical-align: middle;
	padding:0;
	margin:0;
}

.topbar .navbar .navbar-collapse .navbar-nav .nav-item .btn.white-alpha-outline-btn{
	display: inline;
	border: 1px solid #fff;
	border-radius: 5px;
    transition: 1s;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -o-transition: 0.8s;
    -ms-transition: 0.8s;

}
.topbar .navbar .navbar-collapse .navbar-nav .nav-item .btn.white-alpha-outline-btn:hover{
	color: #009efb !important;
    background-color: white;
}

.btn-disable{
	cursor: auto !important;
	border:1px solid #999;
	background-color: #aaa;
	color: #666;
}

.link-btn{
	margin-left: 10px;
	margin-bottom: 10px;
}

.over_hidden{ overflow: hidden;}

.fr{float: right;}
.fl{float: left;}
.ar{text-align: right;}
.al{text-align: left;}

.ul{border-bottom: 1px solid #000; padding-bottom: 2px;}
.uldot{border-bottom: 1px dashed #000; padding-bottom: 2px;}
.ol{border-top: 1px solid #000; padding-top: 2px;}

.border_solid{border: 1px solid #dae6e8 !important;}
.border_dot{border: 1px dashed #333 !important;}

.correct td{background-color: #FFFBFA;}
.uncorrect td{background-color: #C8D3D5;}

.noborder{ border: none !important; }
.no_side_border{ border-left: none !important; border-right: none !important; }

.code{
	padding: 10px;
	border: 1px solid #bdbdbd;
	background-color: #f5f5f5 !important;
	border-radius: 5px;
}
.code p,
.code span,
.code div {
	background-color: #f5f5f5 !important;
}

.fraction{
	width: 60px;
	margin: 0 auto;
}
.fraction div{
	text-align: center;
	padding:3px 0;
}
.fraction div:first-child{
	border-bottom: 1px solid #888;
}
/* media 基本設定 */
.page-titles h1{
	color : #333 !important;
}
.page-titles h1 span.main_title{
	opacity: 0;
}
.page-titles h1 span.main_title span{
	opacity: 0;
	display: inline-block;
	position: relative;
	top: -20px
}
.page-titles h1 span.sub_title{
	display: block;
	line-height: 16px;
	color: #009efb;
	margin: 0;
}

@media all and (min-width:769px) {
	h1 {	font-size:28px !important;
			padding: 20px 0;}
	h2 { font-size:24px !important;}
	h3 { font-size:20px !important;}
	.mobile,
	.pc_hide { display: none !important; }
	.page-titles h1 span.sub_title{
		font-size: 16px;
	}
}
@media all and (max-width:768px) {
	h1 {	font-size:20px !important;
			/*padding: 20px 30px;*/
			line-height: 24px}
	h2 { font-size:16px !important;
		 line-height: 20px}
	h3 { font-size:14px !important;
		 line-height: 16px}
	.pc,.mobile_hide{ display: none !important; }
	.page-titles h1 span.sub_title{
		font-size: 12px;
	}
}
.template, .hide{
	display: none;
}
/*
 banner
 */
.bnr_side_long {
	width: 100%;
	max-width: 1000px;
}


/*
 background box wrap
 */
.bg_box{
	background-color: rgba(255,255,255,0.9);
	border-radius: 5px;
	margin: 20px 10px;
}


@media all and (max-width:768px) {
	.bg_box{
		margin: 10px 0;
	}
	.col-12{
		padding: 0px;
	}
	.page-titles{
		margin: 0px;
	}
	.tournamentTeamInfo .entry_num a{
		font-size: 12px !important;
		margin-left: 0 !important;
	}
	.entry_num .e_num{
		display: none;
	}
}
.bg_box.bg_box_blue{
	background-color: #BFD5E2;
}
.bg_box.bg_box_red{
	background-color: #EAC9C1;
}
.bg_box.bg_box_brown{
	background-color: #D8CFAF;
}
.bg_box.bg_box_bd_blue{
	border: 1px solid #BFD5E2;
}
.bg_box.bg_box_bd_red{
	border: 1px solid #EAC9C1;
}
.bg_box.bg_box_bd_brown{
	border: 1px solid #D8CFAF;
}
.tag{
	border-radius: 3px !important;
	padding: 3px !important;
}
.tag_sm{
	font-size: small !important;
	padding: 2px !important;
}
.tag_lg{
	font-size: large !important;
	padding: 4px !important;
}

.btn-outline-inverse.active{ background: #2f3d4a !important; }
.btn-outline-inverse:focus{ color: #2f3d4a !important; }
.btn-outline-inverse:hover{ color: #fff !important; }
.btn-outline-info.active{ background: #009efb !important; }
.btn-outline-info:active{ color: #009efb !important; }
.btn-outline-info:focus{ color: #009efb !important; }
.btn-outline-info:hover{ color: #fff !important; }

.color_primary{ color:#7460ee !important; }
.color_secondary{ color:#ccc !important; }
.color_success{ color:#55ce63 !important; }
.color_info{ color:#009efb !important; }
.color_warning{ color:#ffbc34 !important; }
.color_danger{ color:#f62d51 !important; }
.color_inverse{ color:#2f3d4a !important; }

.bg_primary{ background-color:#7460ee !important; }
.bg_secondary{ background-color:#ccc !important; }
.bg_success{ background-color:#55ce63 !important; }
.bg_info{ background-color:#009efb !important; }
.bg_warning{ background-color:#ffbc34 !important; }
.bg_danger{ background-color:#f62d51 !important; }
.bg_inverse{ background-color:#2f3d4a !important; }

.border_primary{ border: 1px solid #7460ee !important; }
.border_secondary{ border:1px solid #ccc !important; }
.border_success{ border: 1px solid #55ce63 !important; }
.border_info{ border: 1px solid #009efb !important; }
.border_warning{ border: 1px solid #ffbc34 !important; }
.border_danger{ border: 1px solid #f62d51 !important; }
.border_inverse{ border: 1px solid #2f3d4a !important; }
.border_red{ border: 1px solid red !important; }
.border_blue{ border: 1px solid blue !important; }
.border_green{ border: 1px solid green !important; }
.border_white{ border: 1px solid white !important; }

.center{text-align: center !important;}
.middle{vertical-align: middle !important;}
.red{color: red !important;}
.blue{color: blue !important;}
.green{color: green !important;}
.orange{color: orange !important;}
.navy{color: navy !important;}
.teal{color: teal !important;}
.lime{color: lime !important;}
.aqua{color: aqua !important;}
.yellow{color: yellow !important;}
.olive{color: olive !important;}
.purple{color: purple !important;}
.maroon{color: maroon !important;}
.gray{color: gray !important;}
.silver{color: silver !important;}
.white{color: white !important;}
.black{color: black !important;}
.black2{color: #333 !important;}
.black3{color: #666 !important;}
.black4{color: #aaa !important;}
.black5{color: #ccc !important;}
[class*=btn-outline-]:hover .red,
[class*=btn-outline-].active .red {
    color: #fcf !important;
}
[class*=btn-outline-]:hover .blue,
[class*=btn-outline-].active .blue {
    color: #cff !important;
}
[class*=btn-outline-]:hover .green,
[class*=btn-outline-].active .green {
    color: #dfd !important;
}

.bg_red{background-color: red !important;}
.bg_yellow{background-color: yellow !important;}
.bg_blue{background-color: blue !important;}
.bg_green{background-color: green !important;}
.bg_white{background-color: white !important;}
.bg_orange{background-color: orange !important;}
.bg_navy{background-color: navy !important;}
.bg_teal{background-color: teal !important;}
.bg_lime{background-color: lime !important;}
.bg_aqua{background-color: aqua !important;}
.bg_olive{background-color: olive !important;}
.bg_purple{background-color: purple !important;}
.bg_maroon{background-color: maroon !important;}
.bg_gray{background-color: gray !important;}
.bg_silver{background-color: silver !important;}
.bg_black{background-color: black !important;}
.bg_black2{background-color: #333 !important;}
.bg_black3{background-color: #666 !important;}
.bg_black4{background-color: #aaa !important;}
.bg_black5{background-color: #ccc !important;}

.text-wine{color: #AD1457 !important;}
.text-orange{color: #F4511E !important;}
.text-lemon{color: #E4C441 !important;}
.text-basil{color: #0B8043 !important;}
.text-blueberry{color: #3F51B5 !important;}
.text-grapes{color: #8E24AA !important;}
.text-rose{color: #D81B60 !important;}
.text-pumpkin{color: #EF6C00 !important;}
.text-avocado{color: #C0CA33 !important;}
.text-eucalyptus{color: #009688 !important;}
.text-lavender{color: #7986CB !important;}
.text-cocoa{color: #795548 !important;}
.text-tomato{color: #D50000 !important;}
.text-mango{color: #F09300 !important;}
.text-pistachio{color: #7CB342 !important;}
.text-peacock{color: #039BE5 !important;}
.text-lilac{color: #B39DDB !important;}
.text-graphite{color: #616161 !important;}
.text-flamingo{color: #E67C73 !important;}
.text-banana{color: #F6BF26 !important;}
.text-sage{color: #33B679 !important;}
.text-cobalt{color: #4285F4 !important;}
.text-amethyst{color: #9E69AF !important;}
.text-birch{color: #A79B8E !important;}

.bg-wine{background-color: #AD1457 !important;}
.bg-orange{background-color: #F4511E !important;}
.bg-lemon{background-color: #E4C441 !important;}
.bg-basil{background-color: #0B8043 !important;}
.bg-blueberry{background-color: #3F51B5 !important;}
.bg-grapes{background-color: #8E24AA !important;}
.bg-rose{background-color: #D81B60 !important;}
.bg-pumpkin{background-color: #EF6C00 !important;}
.bg-avocado{background-color: #C0CA33 !important;}
.bg-eucalyptus{background-color: #009688 !important;}
.bg-lavender{background-color: #7986CB !important;}
.bg-cocoa{background-color: #795548 !important;}
.bg-tomato{background-color: #D50000 !important;}
.bg-mango{background-color: #F09300 !important;}
.bg-pistachio{background-color: #7CB342 !important;}
.bg-peacock{background-color: #039BE5 !important;}
.bg-lilac{background-color: #B39DDB !important;}
.bg-graphite{background-color: #616161 !important;}
.bg-flamingo{background-color: #E67C73 !important;}
.bg-banana{background-color: #F6BF26 !important;}
.bg-sage{background-color: #33B679 !important;}
.bg-cobalt{background-color: #4285F4 !important;}
.bg-amethyst{background-color: #9E69AF !important;}
.bg-birch{background-color: #A79B8E !important;}

.bd_width1{border-style: solid; border-width: 1px !important;}
.bd_radius{border-radius: 5px;}

.bd_red{border-color: red !important;}
.bd_blue{border-color: blue !important;}
.bd_green{border-color: green !important;}
.bd_white{border-color: white !important;}
.bd_inverse{border-color: #2f3d4a !important;}
.bd_orange{border-color: orange !important;}
.bd_navy{border-color: navy !important;}
.bd_teal{border-color: teal !important;}
.bd_lime{border-color: lime !important;}
.bd_aqua{border-color: aqua !important;}
.bd_olive{border-color: olive !important;}
.bd_purple{border-color: purple !important;}
.bd_maroon{border-color: maroon !important;}
.bd_gray{border-color: gray !important;}
.bd_silver{border-color: silver !important;}
.bd_black{border-color: black !important;}
.bd_black2{border-color: #333 !important;}
.bd_black3{border-color: #666 !important;}
.bd_black4{border-color: #aaa !important;}
.bd_black5{border-color: #ccc !important;}

.float_btn{
	z-index: 5000;
}

/**
 * common fixed btn
 */
#back_to_top{
	position : fixed;
	right    : 50px;
	bottom   : 20px;
	box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.5);
}

/**
 * common background image
 */
.title-bgimg-wrap{
	padding-left: 0;
}
.title-bgimg{
	background-position: 0 0;
	height: 350px;
	background-size: cover;
	position: relative;
	z-index: 0;
	overflow: hidden;
	box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
}
.title-bgimg a{
	display: block;
	height: 100%;
}
.title-bgimg a .title{
	margin-top: 30px;
	padding-left: 30px;
	background-color: rgba(255,255,255,0.5);
}
@media all and (min-width:769px) {
	.title-bgimg{
		margin-right: -30px;
		margin-left: -30px;
	}
	.title-bgimg a{
		font-size: 64px;
	}
}
@media all and (max-width:768px) {
	.title-bgimg{
		margin-right: -15px;
		margin-left: -15px;
		background-position: 700px 0;
		height: 200px;
	}
	.title-bgimg a{
		font-size: 32px;
	}
}
.title-bgimg:hover:before{
	content: '';
	background-color: rgba(255,255,255,0.5);
	background-image:linear-gradient(0deg, rgba(190,190,190,0.2) 50%, transparent 0%);
	background-size: 40px 40px;
	background-position: 0 0, 40px 20px;
	position: absolute;
	top: -5px;
	left: -5px;
	right: -5px;
	bottom: -5px;
	z-index: -1;/*重なり順序を一番下から２番目にしておく*/
	animation-duration: 0.5s;
	animation-name: fade-in;
	-moz-animation-duration: 0.5s;
	-moz-animation-name: fade-in;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-name: fade-in;
}
.title-bgimg:hover:after{
	content: '';
	background: inherit;
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px) brightness(80%);
	position: absolute;
	/*ブラー効果で画像の端がボヤけた分だけ位置を調整*/
	top: -5px;
	left: -5px;
	right: -5px;
	bottom: -5px;
	z-index: -2;/*重なり順序を一番下にしておく*/
	animation-duration: 0.5s;
	animation-name: fade-in;
	-moz-animation-duration: 0.5s;
	-moz-animation-name: fade-in;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-name: fade-in;
}
@keyframes fade-in {
  0% {display: none;opacity: 0;}1% {display: block;opacity: 0;}100% {display: block;opacity: 1;}
}
@-moz-keyframes fade-in {
  0% {display: none;opacity: 0;}1% {display: block;opacity: 0;}100% {display: block;opacity: 1;}
}
@-webkit-keyframes fade-in {
  0% {display: none;opacity: 0;}1% {display: block;opacity: 0;}100% {display: block;opacity: 1;}
}

.title-bgimg.title-bgimg-assoc{
	background-image: url('/images/bg/bg_title_assoc.jpg'), url('/images/bg/bg_title_def.jpg');
}
.title-bgimg.title-bgimg-team{
	background-image: url('/images/bg/bg_title_team.jpg'), url('/images/bg/bg_title_def.jpg');
}
.title-bgimg.title-bgimg-tour{
	background-image: url('/images/bg/bg_title_tour.jpg'), url('/images/bg/bg_title_def.jpg');
}
.title-bgimg.title-bgimg-rank{
	background-image: url('/images/bg/bg_title_rank.jpg'), url('/images/bg/bg_title_def.jpg');
}

/* -----------------------
   サイドメニュー sidebarnav
 ------------------------- */
#sidebarnav li a i{
	text-align: center;
}
@media all and (min-width:1167px) {
	#sidebarnav li.ae a{
		display: table
	}
	#sidebarnav li.ae a span:first-child{
		padding-right:5px;
	}
	#sidebarnav li.ae a span{
		display: table-cell;
		vertical-align: middle;
	}
}
/* -----------------------
   comment common
 ------------------------- */
.comment_title{
	font-size:large;
	font-weight: bold;
	padding: 10px 20px;
	background-color: #cef;
}

.chat-list li{
	margin-top: 0;
}
.chat-list > li{
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.chat-child li{
	padding-top: 10px;
	margin-top: 10px;
	margin-left: 20px;
	border-top: 1px solid #eee;
}

.res_box{
	/*display: none;*/
	margin-top: 10px;
}
.res_box ul {
	float: right;
	width: 35%;
}
.res_box ul li:nth-child(1){
	float: left;
	margin-top: 2px;
	width: 100%;
}
.res_box ul li:nth-child(1) input{
	border-radius: 20px;
}
.res_box ul li:nth-child(2){
	width: 15%;
	float: left;
	margin-left: 10px;
	margin-top: 3px;
}
.res_box .res_btn{
	display: none;
}
/* -----------------------
   login
 ------------------------- */
#password_strength{
	display: inline-block;
}
#password_strength #strength{
	display: inline-block;
	border-radius: 5px;
	padding: 3px 20px;
	color: white;
}
#strength_check_list{
	display: inline-table;
	border-collapse: collapse;
	padding: 3px;
}
#strength_check_list div{
	display: table-cell;
	padding: 2px;
	margin: 0;
	font-size: small;
	color: black;
	background-color: white;
	border: 1px solid #888;
}
#strength_check_list div.checked{
	color: white;
	background-color: green;
}


/* -----------------------
   form
 ------------------------- */
/* placeholder */
textarea::placeholder,
input::placeholder {
  color: #ccc !important;
  font-size: small;
  font-style: italic;
}
/* system */
.form-group.system_form{
	padding: 0px;
	border: 1px dotted blue;
}
.form-group.system_form::before{
	content:'only system';
	position: absolute;
	font-size: small;
	color: #999;
}

/* label */
label.def_label{
	padding-top: calc(.5rem - 1px * 2);padding-bottom: calc(.5rem - 1px * 2);padding-left:5px;padding-right:5px;
}

/* radio */
.radio input[type="radio"]{
	display: none;
}
input[type="radio"], input[type="checkbox"]{
	width: 32px !important;
	vertical-align:middle;
}
.radio label{
	position: static;
	border-radius: 0;
	border-right-style: hidden;
}
.radio label:first-of-type{
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.radio label:last-of-type{
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-right-style: solid;
}

.form_middle{
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
}

.form-group.textarea_form{
	display: table;
}

.label_middle{
	display: table-cell;
	vertical-align: middle;
}
@media all and (min-width:769px) {
	.pc_vm{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
}
/* h1 title */
.page-title-bgimg{
  background-position: 0 0;
  padding: 100px 0;
  background-size: cover;
  position: relative;
  z-index: 0;
  overflow: hidden;
  margin-top: -30px;
  box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
}
.page-title-bgimg>div {
	padding : 0 20px 0 10px;
}
@media all and (min-width:769px) {
  .page-title-bgimg{
    margin-right: -30px;
    margin-left: -30px;
  }
}
@media all and (max-width:768px) {
  .page-title-bgimg .sports_icon {
  	display : none !important;
  }
  .page-title-bgimg{
    padding: 30px 15px;
    margin-right: -15px;
    margin-left: -15px;
  }
}
.page-title-bgimg:before{
  content: '';
  background-color: rgba(255,255,255,0.5);
  background-image:linear-gradient(0deg, rgba(190,190,190,0.2) 50%, transparent 0%);
  background-size: 40px 40px;
  background-position: 0 0, 40px 20px;
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;/*重なり順序を一番下にしておく*/
}
.page-title-bgimg:after{
  content: '';
  background: inherit;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px) brightness(80%);
  position: absolute;
  /*ブラー効果で画像の端がボヤけた分だけ位置を調整*/
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -2;/*重なり順序を一番下にしておく*/
}
.page-title-bgimg h1{
}
.sports_icon,
.page-title-bgimg h1{
  font-weight: bold;
  text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;

}
.page-title-bgimg .breadcrumb{
  padding: 0px 10px;
  display: inline-block;
  background: rgba(255,255,255,0.7);
}


/* form title */
.form_title{
	font-size: large;
	font-weight: bold;
	margin:20px 0 10px;
	padding: 10px;
}
/* -----------------------
   base setting
 ------------------------- */

pre{
	white-space: pre-wrap;
	font-family: 'Noto Sans JP' !important;
	font-size: 100% !important;
	color: #54667C !important;
}

/* -----------------------
   上書き
 ------------------------- */
.row.inline-row{
	display: inline-block;
	padding-top: 0px !important;
}
.row.inline-row .form-group{
	-webkit-transform: none;
    transform: none;
}
.clearTransform .form-group{
	top: 0;
	-webkit-transform: none;
    transform: none;
}

.form-group{
	margin-bottom: 10px;
/*	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);*/
}

 /* -----------------------
  by kakomon test page
 ------------------------- */
h3+p{
 	font-size: 14px;
 	margin-bottom: 0;
 }

 .card-title span.performance,
 .card-title span.t_info{
 	float: right;
 	font-size: 14px;
 }


/* editor area */
.editor_area{
	position: relative;
	/*background-color: #f0f8ff;*/

background-color: #f0f8ff;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #E7F8FC), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #E7F8FC),color-stop(.75, #E7F8FC), color-stop(.75, transparent),to(transparent));
-webkit-background-size: 14px 14px;

	padding: 20px 30px 10px;
	margin: 10px 20px;
	border: 1px solid navy;
}
.editor_area::before{
	content: '操作パネル';
	position: absolute;
	top: -20px;
	left: -10px;
	padding: 3px 5px;
	background-color: white;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	color: #2f3d4a;
}
#edit_group_wrap .btn{
	margin-bottom: 5px;
}

/* サイドメニュー menu */
.menu_small{
	font-size:12px;
}
.menu_exsmall{
	font-size:10px;
}

/* スマホ用 menu */
@media all and (min-width:769px) {
	#sm_menu{
		display: none;
	}
	.sm_show{
		display: none;
	}
	.sm_show_inline{
		display: none;
	}
	.sm_show_tablecell{
		display: none;
	}
	.sm_hide{
		display: block;
	}
	.sm_hide_inline{
		display: inline;
	}
	.sm_hide_tablecell{
		display: table-cell;
	}
}
@media all and (max-width:768px) {
	#sm_menu{
		display: block;
	}
	.sm_show{
		display: block;
	}
	.sm_show_inline{
		display: inline;
	}
	.sm_show_tablecell{
		display: table-cell;
	}
	.sm_hide{
		display: none;
	}
	.sm_hide_inline{
		display: none;
	}
	.sm_hide_tablecell{
		display: none;
	}
	.profiletimeline{
		margin-left: 0px !important;
	}
}
/* breadcrumbs */
@media all and (min-width:769px) {
	#breadcrumb_pc{
		display: block;
	}
	#breadcrumb_md{
		display: none;
	}
	#breadcrumb_sm{
		display: none;
	}
}
@media all and (max-width:768px) {
	#breadcrumb_pc{
		display: none;
	}
	#breadcrumb_md{
		display: block;
	}
	#breadcrumb_sm{
		display: none;
	}
	#breadcrumb_md ol.breadcrumb li.breadcrumb-item::before{
		padding: 0 3px !important;
	}
}
@media all and (max-width:768px) {
	#breadcrumb_pc{
		display: none;
	}
	#breadcrumb_md{
		display: none;
	}
	#breadcrumb_sm{
		display: block;
	}
	#breadcrumb_sm ol.breadcrumb li.breadcrumb-item::before{
		padding: 0 2px !important;
	}
}


/* footer?*/
footer div li{
	display: table-cell;
	font-size: 14px;
	padding: 0px 5px;
}

/* edit area */
.form-checkbox{
	display: inline-block;
	margin-bottom: 5px;
	width: auto;
}

/* tournament detail */
/* 大会情報 */
#tour_info_table th{
	text-align: left;
	padding-left:20px !important;
	color: #0275d8;
	font-weight: normal;
}
#tour_info_table td a{
	color: #54667a;
}
#tour_info_table td a:hover{
	text-decoration: underline;
	color: #0275d8;
}
#tour_info_table td a i{
	color: #0275d8;
}

 /* メディア */
.media-header {
	font-size: large;
	font-weight: bold;
	padding: 5px 10px;
}
.media-block {
	margin: 10px;
}

 /* 斜線 */
.league_block td.slash,
.league_block th.slash {
  background: url('/img/slash.svg') 100%;
}
.league_block table{
	margin: 5px;
}
.league_block table.score_table {
	background: white;
}
.league_block table.score_table th {
	font-weight: bold;
}
.league_block table.score_table td,
.league_block table.score_table th {
	padding: 2px;
	height: 30px;
	border: 1px solid #666;
	text-align: center;
	/*background-color: white; firefox で線が消える*/
}
.ranking_table{
	width: 100%;
}
.ranking_table th{
	font-weight: bold;
}
.ranking_table th,
.ranking_table td {
	padding: 10px;
	font-size: 24px;
}
.ranking_table th:first-child,
.ranking_table td:first-child {
	width: 100px;
	text-align: center;
}
.ranking_table th:nth-child(3),
.ranking_table td:nth-child(3) {
	width: 200px;
	text-align: center;
}

/* detail 個別試合 */
.score_list_table{
	width:100%;
	padding: 5px 10px;
	/*border: 1px solid #777;*/
}
.score_list_table table{
	width        : 100%;
	table-layout : fixed;
	word-break   : break-all;
}
.score_list_table table tr td{
	text-align: center;
	/*font-size: 24px;*/
	font-weight: bold;
}
.score_list_table table tr td.team_cell{
	width: 32%;
}
.score_list_table table tr td.score_cell,
.score_list_table table tr td.center_cell
{
	max-width: 100px;
	font-size:20px;
	width: 12%;
}
.score_list_table table tr td.score_cell div:nth-child(2){
	font-size: 14px;
}

/*
	league block
*/
.league_block .score_table_wrap{
	padding : 0 10px;
	width   : 100%;
}
.league_block table.score_table {
	table-layout: fixed;
}
.league_block table.score_table td.score_cell{
	vertical-align: middle;
	height: 70px;
	position: relative;
}
.league_block table.score_table td div.league_score{
	width: 100%;
	font-size: 22px;
}
.league_block table.score_table td div.match_num_box{
	position    : absolute;
	top         : 0px;
	font-size   :10px;
	color       : #aaa;
	font-weight : normal;
	text-align  : left;
	white-space : nowrap;
	overflow    : hidden;
}

/*
	simple table
*/
.league_block table.score_table.simple td.score_cell,
.league_block table.score_table.simple td,
.league_block table.score_table.simple th {
	height: 40px;
}
.league_block table.score_table.simple .result_cell.rank{
	color: #333;
}

.league_block table.score_table.simple .table_score.win,
.league_block table.score_table.simple .table_score.lose,
.league_block table.score_table.simple .table_score.draw,
.league_block table.score_table.simple .result_cell,
.league_block table.score_table.simple th{
	font-weight: normal;
	background-color: #fff;
	color: #333;
	font-size: small;
}
.league_block table.score_table.simple .win_font,
.league_block table.score_table.simple .lose_font,
.league_block table.score_table.simple .draw_font {
	display: none;
}

.league_block table.score_table.simple td div.league_score{
	font-size: small;
}
.league_block table.score_table.simple td div.match_num_box{
	transform:scale(0.8);
}
.league_block table.score_table.simple .sub_table_score{
	display:inline-block;
	padding:3px 5px;
	font-size: x-small;
}



/** league */

 /* add team */
 .team_condition_title{
	padding          : 5px 20px;
	background-color : #888;
	color            : white;
}

 /* league table Score*/
.league_block table.score_table .table_score{
	border-bottom: 1px solid #fff;
}
.league_block table.score_table .sub_table_score{
	display:inline-block;
	padding:3px 5px;
	font-size: small;
}
.league_block table.score_table .table_score.win,
.message-box .win {
	font-weight: bold;
/*	background-color: #D0FFD6;
	color: teal;*/
}
.league_block table.score_table .table_score,
.league_block table.score_table .table_score a {
	color: #54667a !important;
}
.league_block table.score_table .table_score a {
	text-decoration: underline;
}
.league_block table.score_table .table_score.win,
.league_block table.score_table .table_score.win a {
	color: rgba(226,44,44,.95) !important;
}

.league_block table.score_table .table_score.lose,
.message-box .lose {
	font-weight: bold;
/*	background-color: #F5E6E8;
	color: maroon;*/
}
.league_block table.score_table .table_score.draw,
.league_block table.score_table .table_score.draw a,
.message-box .draw {
	font-weight: bold;
/*	background-color: #F9FBB2;*/
	color: #ffbc34 !important;
}

.message-box .score_result{
	align-items: center;
	justify-content: center;
	margin: 8px 0;
}
.message-box .score_result div{
	margin: 0;
	padding: 0;
	text-align: center;
}

.league_block table.score_table .win_font {color: rgba(226,44,44,.95)!important; font-weight: bold;}
.league_block table.score_table .lose_font {color: #54667a !important; font-weight: bold;}
.league_block table.score_table .draw_font {color: #ffbc34 !important; font-weight: bold;}
.league_block table.score_table .result_cell{
	width     : 50px;
	min-width : 50px;
	color     : #7460ee;
}
.league_block table.score_table .result_cell.double_width_cell{
	width     : 100px;
	min-width : 100px;
}
.league_block table.score_table .result_cell.point_cnt{
	font-weight: bold;
	color: blue;
}
.league_block table.score_table .result_cell.rank{
	font-weight: bold;
	color: rgba(226,44,44,.95);
}

.league_block table .score{
	text-align: center;
}

.league_block table.score_table td.score_cell,
.league_block table.score_table th.row_team_name{
	width     : 120px;
	min-width : 120px;
}

/* league table team name */
@media all and (min-width:1200) {
	.league_block table.score_table tbody th:nth-child(1){
		width: 250px;
		min-width: 250px;
	}
}
@media all and (min-width:769px) {
	.league_block table.score_table tbody th:nth-child(1){
		width: 150px;
		min-width: 150px;
	}
}

/* no_scroll_table */
.no_scroll_table_change_btn_wrap{
	padding: 10px 20px;
}
.league_block .score_table_wrap.no_scroll_table{
	padding : 0 10px;
}
.league_block .score_table_wrap.no_scroll_table table.score_table{
	width  : 100%;
	margin : 10px 3px;
	table-layout: fixed;
}
.league_block .score_table_wrap.no_scroll_table table.score_table td.score_cell,
.league_block .score_table_wrap.no_scroll_table table.score_table th.row_team_name{
	width: auto;
	min-width: 15px;
	white-space: nowrap;
	overflow: hidden;
}
.league_block .score_table_wrap.no_scroll_table table.score_table th{
	font-size: 12px;
}

.league_block .score_table_wrap.no_scroll_table table.score_table thead th{
	text-align : center;
}
.league_block .score_table_wrap.no_scroll_table table.score_table thead tr:nth-child(1) th:nth-child(1){
	width : 250px;
}
.league_block .score_table_wrap.no_scroll_table table.score_table tbody th{
	width     : 40px;
	min-width : 40px;
	max-width : 250px;
	overflow  : hidden;
}
.league_block .score_table_wrap.no_scroll_table table.score_table th.result_cell,
.league_block .score_table_wrap.no_scroll_table table.score_table td.result_cell{
	text-align : center;
	width      : 40px;
	min-width  : 40px;
	max-width  : 60px;
}
.league_block .score_table_wrap.no_scroll_table table.score_table th.result_cell.double_width_cell,
.league_block .score_table_wrap.no_scroll_table table.score_table td.result_cell.double_width_cell{
	text-align : center;
	width      : 40px;
	min-width  : 40px;
	max-width  : 60px;
}
.league_block .score_table_wrap.no_scroll_table table.score_table td{
	padding: 1px;
}
.league_block .score_table_wrap.no_scroll_table table.score_table td div.match_num_box{
	display: none;
}
.league_block .score_table_wrap.no_scroll_table table.score_table td div.openResultWindow{
	display: block;
	margin: 2px 0 0 0 !important;
	padding: 4px 0;
}

@media all and (max-width:1084px) {
	.league_block .score_table_wrap.no_scroll_table table.score_table td div.openResultWindow{
		display          : inline;
		-ms-writing-mode : tb-rl;
		writing-mode     : vertical-rl;
	}
	.league_block .score_table_wrap table.score_table thead th.slash{
		width     : 150px;
		min-width : 150px;
	}
	.league_block .score_table_wrap.no_scroll_table table.score_table thead th span{
		writing-mode : vertical-rl;
	}
	.league_block .score_table_wrap.no_scroll_table table.score_table thead tr:nth-child(1) th:nth-child(1){
		width : 60px;
	}
	.league_block .score_table_wrap.no_scroll_table table.score_table th,
	.league_block .score_table_wrap.no_scroll_table table.score_table td{
		padding : 0;
		height  : auto;
	}
	.league_block .score_table_wrap.no_scroll_table table.score_table td.score_cell,
	.league_block .score_table_wrap.no_scroll_table table.score_table th.row_team_name{
		width: 15px;
	}
	.league_block .score_table_wrap.no_scroll_table table.score_table td div.league_score div.table_score,
	.league_block .score_table_wrap.no_scroll_table table.score_table td div.league_score div.sub_table_score {
		margin       : 0 auto;
		writing-mode : vertical-rl;
		padding      : 5px 0;
	}
	.league_block .score_table_wrap.no_scroll_table table.score_table .table_score a  {
		text-decoration: none !important;
	}
	.league_block .score_table_wrap.no_scroll_table table.score_table td div.league_score div.table_score span:nth-child(1),
	.league_block .score_table_wrap.no_scroll_table table.score_table td div.league_score div.table_score span:nth-child(3),
	.league_block .score_table_wrap.no_scroll_table table.score_table td div.league_score div.sub_table_score span:nth-child(1),
	.league_block .score_table_wrap.no_scroll_table table.score_table td div.league_score div.sub_table_score span:nth-child(3){
		text-orientation : upright;
	}
	.league_block .score_table_wrap.no_scroll_table table.score_table tbody th{
		width      : 40px;
		min-width  : 40px;
		max-width  : 100px;
		overflow   : hidden;
		text-align : left;
	}
	.league_block .score_table_wrap.no_scroll_table table.score_table .sub_table_score{
		border-top : 2px solid white;
		display    : inline-block;
		padding    : 3px 5px;
		font-size  : 2vw;
	}

	.league_block .score_table_wrap.no_scroll_table table.score_table th.result_cell,
	.league_block .score_table_wrap.no_scroll_table table.score_table td.result_cell{
		text-align : center;
		width      : 20px;
		min-width  : 20px;
		max-width  : 30px;
	}
	.league_block .score_table_wrap.no_scroll_table table.score_table th.result_cell.double_width_cell,
	.league_block .score_table_wrap.no_scroll_table table.score_table td.result_cell.double_width_cell{
		text-align : center;
		width      : 30px;
		min-width  : 30px;
		max-width  : 30px;
	}
}

@media all and (max-width:768px) {
	.league_block .score_table_wrap.no_scroll_table table.score_table td div.league_score div.table_score {
		font-size        : 3vw;
	}
	.league_block .score_table_wrap.no_scroll_table table.score_table th.result_cell,
	.league_block .score_table_wrap.no_scroll_table table.score_table td.result_cell{
		font-size  : 3vw;
	}
}



 /* request */
.request_detail{
	margin: 5px 5px 5px 30px;
	border: 1px solid #999;
	border-radius: 5px;
}

.request_detail .req_title{
	color: #888;
	border-bottom: 1px solid #888;
	padding:3px 10px;
	letter-spacing: 5px;
}
.request_detail .req_message_wrap{
	padding: 10px;
}
.request_detail .req_message_title{
	margin: 3px 5px;
	font-size: small;
}
.request_detail .req_message{
	padding: 10px;
	border: 1px solid #ccc;
}
.request_detail .req_message pre{
	color:  #888;
}
.request_detail .req_btns{
	margin: 5px 20px;
	height: 20px;
}


/* modal match */

#modal-match .left_team{
	margin: 10px 0;
	border: 1px solid #999;
}
#modal-match .vs_box{
	margin-top: 150px;
	font-weight: bold;
	text-align: center;
}
#modal-match .right_team{
	margin: 10px 0;
	border: 1px solid #999;
}

#modal-match .bg_win,
#modal-match-bulk .bg_win{
	background-color: #dfe88a;
}
#modal-match .bg_lose,
#modal-match-bulk .bg_lose{
	background-color: #eed8ce;
}
#modal-match .bg_draw,
#modal-match-bulk .bg_draw{
	background-color: #FFFFCC;
}

/*
color pallet
https://www.toyoink1050plus.com/color/image-color-search/result/%E5%84%AA%E3%81%97%E3%81%84
 */

/** tour */
.view_tour_wrap{
	position: relative;
	width: 100%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ddd;
	background-color: white;
	/*min-width: 800px;*/
}
.view_tour_wrap svg{
	width: 100%;
	position: absolute;
	background-color: white;
}
.view_tour_wrap svg .tournamentTeamInfo,
.view_tour_wrap svg .match_info,
.view_tour_wrap svg .linePath {
	cursor: pointer;
}

/* slide */
.slide_box {
	overflow: hidden;
	border: 1px solid #ccc;
	margin: 0;
	max-height: 200px;
	-webkit-transition:  max-height 1s;
	-moz-transition:  max-height 1s;
	transition:  max-height 1s;
}
.slide_box.slide_long {
	max-height: 600px;
}
.slide_box.slide_open{
	max-height:1200px;
	overflow-y:scroll;
}

.card-outline-info>.slide_box_btn {
	background-color: #ddd;
}
.slide_box_btn {
	height: 60px;
	cursor: pointer;
}
.slide_box_btn div{
	left: 50%;
}
.slide_box_btn div,
.slide_box_btn span {
  position: relative;
  top: 50%;
  width: 46px;
  height: 46px;
  margin-top: -23px;
  margin-left: -23px;
  border: 1px solid #333;
  border-radius: 100%;
  box-sizing: border-box;
}
.slide_box_btn span {
	background-color: white;
	display: inline-block;
	top: 15px;
	left: 40px;
}
.slide_box_btn div.slide_down::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  width: 16px;
  height: 16px;
  margin: -12px 0 0 -8px;
  border-left: 1px solid #333;
  border-bottom: 1px solid #333;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}
.slide_box_btn div.slide_up::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  width: 16px;
  height: 16px;
  margin: -6px 0 0 -8px;
  border-left: 1px solid #333;
  border-bottom: 1px solid #333;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  box-sizing: border-box;
}
.slide_box_btn span.slide_down::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  width: 16px;
  height: 16px;
  margin: -12px 0 0 -8px;
  border-left: 1px solid #333;
  border-bottom: 1px solid #333;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}
.slide_box_btn span.slide_up::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  width: 16px;
  height: 16px;
  margin: -6px 0 0 -8px;
  border-left: 1px solid #333;
  border-bottom: 1px solid #333;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  box-sizing: border-box;
}

.slide_box_btn:hover span,
.slide_box_btn:hover div{
	border-color: #009efb;
}
.slide_box_btn:hover span::after,
.slide_box_btn:hover div::after {
  border-left: 1px solid #009efb;
  border-bottom: 1px solid #009efb;
}

/* champion */
.champion_wrap{
	position: absolute;
	display: none;
	text-align: center;
	z-index:20;
}
.champion_wrap .champion_name{
	font-size: 12px;
	color: red;
	font-weight: bold;
	background-color: white;
	width: 80px;
}

.team_wrap{
	position: absolute;
	top: 10px;
	left:0;
}
.match_info_wrap{
	position: absolute;
	top:0;
	left:0;
}
.match_info_wrap .match_info{
	font-size: large;
}
.match_info_wrap .match_info .score1,
.match_info_wrap .match_info .score2{
	background-color: none;
	pointer-events: none;
}
.match_info_wrap .match_info .score2{
	position: absolute;
}
.match_info_wrap .match_info .score1 .small,
.match_info_wrap .match_info .score2 .small{
	font-weight: normal;
	background-color: rgba( 255, 255, 255, 0.75 );
}

@media all and (max-width:768px) {
	.entry_num{
		font-size: 4px;
		height: 24px;
	}
	.entry_num a{
		font-size: 12px;
		line-height: 20px;
	}
	.match_info_wrap .match_info{
		padding-top: 5px;
		font-size: 80%;
		font-weight: normal;
		width: 70px;
	}
	.match_info_wrap .match_info .score1 .small,
	.match_info_wrap .match_info .score2 .small{
		font-size: 60%;
		font-weight: normal;
	}
}

.match_info_wrap .match_info .win_score{
	color: red;
}
.openResultWindow{
	cursor: pointer;
}
.match_info .openResultWindow{
	left:15px;
	top:20px;
	padding: 2px 3px;
	z-index:10;
}

.match_info .match_num{
	position: absolute;
	font-size: 6px;
	font-weight: normal;
	color: #aaa;
	top: 20px;
	left: -65px;
	width: 50px;
	text-align: right;
}
.match_info .match_num span{
	font-size: 8px;
}

.player_data{
	/*position: absolute;*/
	border: 1px dotted #ccc;
}
#tournament{
	height: 100px;
	width: 100%;
	border: 1px solid #aaa;
}

.match_info{
	position: absolute;
}
.tournamentTeamInfo{
	position: absolute;
	left: 0;
	height: 28px;
	overflow: hidden;
	cursor: default;
}
a text.tournamentTeamInfo{
	cursor: pointer;
}
.tournamentTeamInfo .form-group{
	display: inline-block;
}
.tournamentTeamInfo .entry_num{
	display: inline-block;
	vertical-align: middle;
	padding-left: 3px;
	font-size: 70%;
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
	/*text-align: center;*/
	margin-right:3px;
/*	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;*/
	border-right: 1px solid #ececec;
	border-left: 1px solid #ececec;
}
.tournamentTeamInfo .entry_num a {
	margin-left:3px;
	font-size: 16px;
}
.tournamentTeamInfo .team_name{
	display: inline-block;
	width: 50px;
}
.tournamentTeamInfo input.seed_num{
	display: inline-block;
	width: 30px;
	text-align: center;
	height: 25px;
	font-size: 12px;
	padding:0;
}
.tournamentTeamInfo div.btn{
	display: inline;
	font-size: 12px;
	padding:7px 1px !important;
	width: 15px;
	height: 30px;
	vertical-align: middle;
}

.match_info.matchInfoHighLight div.score1,
.match_info.matchInfoHighLight div.score2,
.match_info.matchInfoHighLight span.score1,
.match_info.matchInfoHighLight span.score2{
	/*border-bottom: 1px solid #000;*/
	color: #0a0;
	font-weight: bold;
}

.tournamentTeamInfo.teamHighLight{
	font-weight: bold;
	background-color: mistyrose;
	z-index: 100;
	border: 1px solid sandybrown;
	color: black !important;
	transition: all 1000ms 0s ease;
}
.tournamentTeamInfo.teamHighLight a{
	color: black !important;
	transition: all 1000ms 0s ease;
}

.view_tour_wrap #modal_svg{
	display: none;
	position: absolute;
	background-color: rgba( 100, 100, 100, 0.35 );
	text-align: center;
	width: 100%;
	height: 100%;
}
.view_tour_wrap #modal_svg #modal_svg_exp{
	position: absolute;
	top: 25%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 18px;
	font-weight: bold;
	color: blue;
}

/* schedule スケジュール部 */
.sdl_date_block {
	width: 100%;
	margin: 0 0 10px 0;
	overflow: hidden;
	position: relative;
}
.sdl_date_block .sdl_date,
.sdl_date_block .sdl_place_block .sdl_place,
.sdl_date_block .sdl_place_block .sdl_ground_block .sdl_ground,
{
	display: table-cell;
	width: 30px;
	/*border: 1px solid #333;*/
	margin: 5px;
}
.sdl_date_block .sdl_date{
	font-size: 24px;
	padding: 5px 10px;
	background-color: #009efb;
	color: white;
}
.sdl_date_block .sdl_place_block .sdl_place{
	font-size: 18px;
	padding: 10px;
	margin-top: 5px;
	background-color: #fff;
	color: #444;
	border: 1px solid #ccc;
}
.sdl_date_block .sdl_place_block .sdl_ground_block .sdl_ground{
	margin: 5px 5px 5px 20px;
}
.sdl_date_block .sdl_place_block{
	width: 100%;
	/*border: 1px solid blue;*/
	margin: 5px;
}
.sdl_date_block .sdl_place_block .sdl_ground_block{
	width: 100%;
	border: 1px solid #ccc;
	margin: 0 0 5px 0;
	padding: 5px 10px;
	overflow-x: scroll;
	overflow-y: hidden;
}
.sdl_date_block .sdl_place_block .sdl_ground_block .sdl_data_block{
	position: relative;
	display: inline-block;
	margin: 0;
}
.sdl_date_block .sdl_place_block .sdl_ground_block .sdl_data{
	cursor: pointer;
	position: absolute;
	height: 96px;
	border: 1px solid #c0c0c0;
	margin: 2px 0;
	border-radius: 4px;
	background-color: rgba(250,240,230,0.8);
	font-size: 11px;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	display: flex;
	justify-content: center;
	align-items: center;
}
.sdl_date_block .sdl_place_block .sdl_ground_block .sdl_data .sdl_match_num{
	background-color: rgba(255,245,255,0.8);
	position: absolute;
	top: 1px;
	left: 1px;
	z-index: 10;
	padding: 0 2px;
}
.sdl_date_block .sdl_place_block .sdl_ground_block .sdl_data .sdl_match_time{
	font-size: 13px;
	font-weight: bold;
}

.sdl_date_block .sdl_place_block .sdl_ground_block .sdl_data:hover{
	background-color: rgba(215,215,255,1);
}
.sdl_date_block .sdl_place_block .sdl_ground_block .sdl_data_block table.schedule_bg{
	position: absolute;
	margin: 0;
	top: 0;
	left: 0;
	background-color: #fffefe;
	background-image: repeating-linear-gradient(90deg,
	#f6f6f6,#f6f6f6 30px,
	transparent 0, transparent 60px);
}
.sdl_date_block .sdl_place_block .sdl_ground_block .sdl_data_block table.schedule_bg td{
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-right: 1px dashed #aaa;
	text-align: center;
	vertical-align: middle;
	font-size: 20px;
	color: #aaa;
}

.no_res_message{
	padding: 20px;
	margin: 30px 40px;
	font-size: 22px;
	background-color: #FDFDFD;
}

/**
 * news block
 */
.message-box .message-widget a .mail-contnet,
.news .mail-contnet{
	width: 100% !important;
}
.news .message-widget {
	padding: 3px !important;
	background-color: #BFD5E2;
	border: 1px solid #BFD5E2 !important;
}
.news .message-widget a{
	background-color: white;
}

/**
 * card header override
 */

.card-inverse>.card-header>h2,
.card-inverse>.card-header>h3,
.card-inverse>.card-header>h4,
.card-outline-inverse>.card-header>h2,
.card-outline-inverse>.card-header>h3,
.card-outline-inverse>.card-header>h4,
.card-info>.card-header>h2,
.card-info>.card-header>h3,
.card-info>.card-header>h4,
.card-outline-info>.card-header>h2,
.card-outline-info>.card-header>h3,
.card-outline-info>.card-header>h4{
	padding: 0;
	margin: 0;
}
.card-info>.card-header,
.card-outline-info>.card-header{
	/*width: 100%;
	position: absolute;
	top: -30px;
	left: -10px;
	padding: 3px 15px;
	border-radius: 5px;*/
}
.card-info>.card-header{
/*	background-color: #009efb;
	border: none;
	color: white;*/
}
.card-outline-info>.card-header{
/*	background-color: white;
	border: 1px solid #009efb;
	color: #009efb;*/
}

.card-inverse .card-block,
.card-outline-inverse .card-block,
.card-info .card-block,
.card-outline-info .card-block{
	padding-top: 30px;
}
.card-info .card-header+div.card-block,
.card-outline-info .card-header+div.card-block{
	border: 1px solid #ccc;
}

.card-inverse .card-block,
.card-outline-inverse .card-block,
.card-success .card-block,
.card-outline-success .card-block{
	padding: 5px;
}
.card-success .card-block .message-box,
.card-outline-success .card-block .message-box{
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.card-outline-success .card-header,
.card-outline-success .card-header h1,
.card-outline-success .card-header h2,
.card-outline-success .card-header h3,
.card-outline-success .card-header h4,
.card-outline-success .card-header a,
.card-outline-success .card-header h1 a,
.card-outline-success .card-header h2 a,
.card-outline-success .card-header h3 a,
.card-outline-success .card-header h4 a{
	color:white !important;
}
.card-outline-info .card-header h1,
.card-outline-info .card-header h2,
.card-outline-info .card-header h3,
.card-outline-info .card-header h4,
.card-outline-info .card-header h1 a,
.card-outline-info .card-header h2 a,
.card-outline-info .card-header h3 a,
.card-outline-info .card-header h4 a{
	color:white !important;
}

table.table.table-striped th{
	font-weight: bold;
}

/* datepicker override */
.datepicker { z-index: 9999 !important; }

@media print{
	/*width: 350px;*/
	.no_print{display:none;}
	.card .card-block{
		padding: 0 10px !important;
	}
	.card-outline-info .card-header+div.card-block{
		border: none;
	}
}
/* schedule */
.schedule_wrap table{
	margin-bottom: 30px;
}
.schedule_wrap table th,
.schedule_wrap table td{
	text-align: center;
}
.schedule_wrap table th{
	font-weight: normal !important;
	color:white;
	background-color: #666;
	border: 1px solid #fff;
}
.schedule_wrap div.title_date,
.schedule_wrap div.title_place{
	margin-left: 10px;
	font-weight: bold;
}
.schedule_wrap div.title_date{
	font-size: x-large;
	color: #666;
}
.schedule_wrap div.title_place{
	font-size: large;
	color: #999;
}
.schedule_wrap table td span{
	font-size: large;
}
.schedule_wrap table td span .sub_score{
	font-size: small;
}

@media all and (min-width:769px) {
	.schedule_wrap table td span,
	.schedule_wrap table td span .sub_score{
		margin: 0 5px;
	}

	.schedule_wrap table td span .sub_score.left_score{
		text-align: right;
	}
	.schedule_wrap table td span .sub_score.right_score{
		text-align: left;
	}
}
.schedule_wrap table td span span{
	padding: 2px 3px;
}
.schedule_wrap table td span.win{
	font-weight: bold;
	background-color: #D0FFD6;
	color: teal;
}
.schedule_wrap table td span.lose{
	background-color: #F5E6E8;
	color: maroon;
}
.schedule_wrap table td span.draw{
	background-color: #F9FBB2;
	color: #ffbc34;
}

/* share btn */
.sns_btns {
	margin-left: 5px;
	display: inline-block;
	position: relative;
	vertical-align: bottom;
}
.sns_btns iframe {
	display: block;
}

.sns_btns .fb-like>span,
.sns_btns .fb-like>span>iframe {
	height: 20px !important;
}

/* edit rank */
#sortableArea ul,
#rankTable tr {
	cursor: grab;
}
#sortableArea ul:active,
#rankTable tr:active {
	cursor: grabbing;
}

/**
 * search
 */

/* search input */
.search_card_header{
	background: white;
	max-width:600px;
	width: 100%;
	border-bottom: none;
}
.search_header{
	display: block;
}
.search_header div{
	display: inline-block;
	vertical-align: middle;
}
.search_header div.input_wrap{
	width: 100%;
	border: 1px solid #999;
	background-color: white;
	padding: 1px 10px;
	border-radius: 30px;
	box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
}
.search_header div.input_wrap div{
	display: inline-block;
	cursor: pointer;
}
.search_header div input{
	width : -webkit-calc(100% - 45px) ;
	width : calc(100% - 45) ;
	display: inline-block;
	border: none;
	margin-left:10px;
	font-size:18px;
	padding: 3px;
	color: #333;
}



/* search_result */

#result_box ul li{
	padding: 10px 5px;
	border-bottom: 1px solid #eee;
}
#result_box ul li:last-child{
	border-bottom: none;
}
#result_box ul li:hover a{
	text-decoration: underline;
	/*background-color:#ebf6f7;*/
}
#result_box ul li .search_title{
	display: inline-block;
	padding: 4px;
	background: #ebf6f7;
	font-size: large;
}

/* bulk match add */
#scoreInputBtns{
	display: none;
	position: absolute;
}
#bulk_match tr.active td{
	font-weight: bold;
}
#bulk_match td{
	vertical-align: middle;
}
#bulk_match td input{
	padding: 2px;
	border-radius: 5px;
	border:1px solid #333;
	margin-bottom: 1px;
}