@charset "UTF-8";
/* CSS Document */
/*     Common     */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url('https://fonts.googleapis.com/css?family=Noto+Serif');
body {
	font-size: 75%; /* IE */
	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
	font-family: 'Noto Sans JP', sans-serif;
	color: #222222;
	min-width: 1260px;
}

html>/**/body {
	font-size: 14px; /* Except IE */
}

a:hover {
	text-decoration: none;
}

ul li {
    list-style:none;
}

p {
	margin-bottom: 0;
}

/*     reset     */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

ul li {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

input, select {
    vertical-align:middle;
}

th {
	text-align: left;
}

hr,legend {
	display: none;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

img,fieldset {
	border: 0;
}

.left {
	float: left;
}

.right {
	float: right;
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	background-color: #ffffff;
	background-image: url(/lib/img/common/select_bg.png)!important;
	background-position: center right;
	background-repeat: no-repeat;
	background-size: contain;
	font-size: 14px;
	height: 30px;
	border: 1px solid #0a4d8b!important;
	border-radius: 6px!important;
	padding: 5px 10px;
	padding: 5px 28px 5px 10px;
}

select::-ms-expand {
    display: none;
}

select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #000000;
}

/*
select.off {
	background-color: #ffffff;
	background-image: url(../img/common/input/select_bg_off.png)!important;
	border: 2px solid #cecece!important;
}

select.error {
	background-color: #ffffff;
	background-image: url(../img/common/input/select_bg_error.png)!important;
	border: 2px solid #e2195b!important;
}
*/

input[type="text"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	/*font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';*/
	line-height: 1.6;
	border: 1px solid #0a4d8b;
	border-radius: 6px;
	padding: 1px 10px;
	font-size: 13px;
	margin-right: 5px;
}

/*   IE対応　　*/
input[type="text"]:not(:target) {
  line-height: 1\9; /* IE9, 10 */
}

input[type=text]::-ms-clear {
	display: none;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  input[type="text"]:not(:target) {
    line-height: 1\9; /* IE10（\9なしでIE11にも適用） */
  }
}
/*   IE対応　　*/


input.t_right[type="text"] {
	text-align: right;
}

input[type="text"]:focus {
	outline: 0;
	/*background-color: rgba(11,107,196,0.1)!important;*/
	background-color: #ffffff!important;
}

input.off[type="text"] {
	border: 2px solid #cecece!important;
	cursor: default;
	background-color: #ffffff;
}

input.off[type="text"]:focus {
	background-color: #ffffff!important;
}

input.error,
textarea.error {
	border: 2px solid #e2195b!important;
}

input[type="radio"],
input[type="checkbox"] {
	display: none;
}

input[type="radio"] + label {
	padding:3px 0 3px 28px;
	background-image: url(/lib/img/common/radio.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size:22px 22px;
	cursor:pointer;
	font-weight: normal;
}
 
input[type="radio"]:checked + label {
	background-image: url(/lib/img/common/radio_checked.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size:22px 22px;
	cursor:pointer;
}

/*
input.off[type="radio"] + label {
	background-image: url(../lib/img/common/input/radio_off.png);
	cursor: default!important;
}
 
input.off[type="radio"]:checked + label {
	background-image: url(../img/common/input/radio_checked_off.png);
	cursor: default!important;
}

input.error[type="radio"] + label {
	background-image: url(../img/common/input/radio_error.png);
}
 
input.error[type="radio"]:checked + label {
	background-image: url(../img/common/input/radio_checked_error.png);
}

*/

input[type="checkbox"] + label {
	padding:3px 0 3px 28px;
	background-image: url(/lib/img/common/checkBox.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size:22px 22px;
	cursor:pointer;
	font-weight: normal;
}
 
input[type="checkbox"]:checked + label {
	background-image: url(/lib/img/common/checkBox_checked.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size:22px 22px;
	cursor:pointer;
}

/*
input.error[type="checkbox"] + label {
	background-image: url(../img/common/input/checkBox_error.png);
}
 
input.error[type="checkbox"]:checked + label {
	background-image: url(../img/common/input/checkBox_checked_error.png);
}
*/


input[type="button"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	background-color: #0a4d8b;
	color: #ffffff;
	border-radius: 0;
}

input[type="button"]:hover {
	cursor: pointer;
}

input[type="button"]:focus {
	outline: 0;
}

input[type="password"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	border: 1px solid #0a4d8b;
	border-radius: 6px;
	padding: 5px 10px;
}

input[type="password"]:focus {
	outline: 0;
}

input[type="submit"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	background-color: #0a4d8b;
	border-radius: 8px;
	color: #ffffff;
	padding: 3px 5px;
	display: inline-block;
	text-align: center;
	font-size: 12px;
	border: none;
	
}

input[type="submit"]:hover {
	cursor: pointer;
	color: #ffffff;
}

input[type="submit"]:focus {
	outline: 0;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    background-color: rgb(250, 255, 189) !important;
	background-color: #D5C5A6!important;
}

textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	/*
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';	
	*/
	border: 1px solid #0a4d8b;
	border-radius: 6px;
	padding: 5px 10px;
	font-size: 14px;
}


input[type="date"] {
  position: relative;
  padding: 0 10px;
  width: 150px;
  height: 30px;
  background: transparent;
  box-sizing: border-box;
  color: #202020;
	font-weight: normal;
    /*background-image: url(/lib/img/common/select_bg.png)!important;*/
	/*
  background-image: url("/lib/img/common/icon_cale.png")!important;
	background-position: center center;
    background-repeat: no-repeat;
	background-size: 15px 15px;
	*/
    border: 1px solid #0a4d8b!important;
    border-radius: 6px!important;	
	z-index: 50;
}

/*
input[type="date"]:before {
	content: "";
	display: inline-block;
	position: absolute;
	right: 0;
  background-image: url("/lib/img/common/icon_cale.png")!important;
	background-position: top 6.5px center;
    background-repeat: no-repeat;
	background-size: 15px 15px;
	background-color: #0a4d8b;
	width: 30px;
	height: 30px;
	z-index: 1;
}
*/


input[type="date"]::-webkit-inner-spin-button{
  -webkit-appearance: none;
}
input[type="date"]::-webkit-clear-button{
  -webkit-appearance: none;
}

label.inputDate {
  position: relative;
  display: inline-block;
  width: 150px;
  height: 30px;
  border-radius: 5px;
}

label.inputDate::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 30px;
  height: 29px;
  background-color: #0a4d8b;
  background-image: url("/lib/img/common/icon_cale.png");
  background-repeat: no-repeat;
  background-position: center;
	background-size: 15px 15px;
  border-radius: 0 5px 5px 0;
}

input[type="date"]::-webkit-calendar-picker-indicator{
  position: absolute;
  right: 0px;
  top: 0px;
  padding: 0;
  width: 30px;
  height: 30px;
  background: transparent;
  color: transparent;
  cursor: pointer;
}

input[type="file"],
input.form-control[type="file"] {
	border: none!important;
	padding: 0!important;
	height: auto!important;
	margin: 10px 0;
}

.form-control {
	    font-size: 14px;
    height: 30px;
    border: 1px solid #0a4d8b!important;
    border-radius: 6px!important;	
	    padding: 2px 12px;
	box-shadow: none;
	transition: none;
}

#logO popup {
	border-radius: 50px;
	background-color: #E4E4E4;
	color: #337ab7;
	text-decoration: none;
	font-size: 13px;
	padding: 3px 15px;
}

#logO popup:hover {
	background-color: #337ab7;
	color: #ffffff;
}

#logO .memo.btn popup {
	margin-top: 15px;
	padding: 3px 15px;
}

.sai_form_table .memo.btn {
	padding: 0!important;
	margin-top: 20px;
}

.sai_form_table .memo.btn popup {
	background-color: #E4E4E4;
	padding: 3px 10px;
	border-radius: 20px;
	border: 1px solid #337ab7;
	color: #337ab7;
	line-height: 1;
}

.sai_form_table .memo.btn popup:hover {
	background-color: #337ab7;
}

.pc {
	display: block!important;
}

.sp {
	display: none!important;
}

.mb20 {
	margin-bottom: 40px;
}

.t_right {
	text-align: right;
}

.t_center {
	text-align: center;
}

/*     TOP 前  signin     */
#logO.top #main {
	padding-bottom: 0;
	padding: 0;
}

#logO.top #main .clm01 {
	background-image: url(../img/login/login_bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	padding: 140px 0;
	/*
	height: 600px;
	padding-top: 70px;
	*/
}

#logO.top #main .clm01 .inner {
    width: 550px;
	background-color: rgba(255,255,255,0.68);
}

#logO.top #main .inner .loginBox {
    padding: 40px 0;
    width: 490px;
    margin: 0 auto;
}

#logO.top #main .clm01 .inner .table>tbody>tr>td, 
#logO.top #main .clm01 .inner .table>tbody>tr>th, 
#logO.top #main .clm01 .inner .table>tfoot>tr>td, 
#logO.top #main .clm01 .inner .table>tfoot>tr>th, 
#logO.top #main .clm01 .inner .table>thead>tr>td, 
#logO.top #main .clm01 .inner .table>thead>tr>th {
	border: none;
}

#logO.top #main .clm01 .inner .table th {
	text-align: left;
	width: 15%;
}

#logO.top #main .clm01 .inner .sai_form_table {
    margin-bottom: 20px;
}

#logO.top #main .clm02 .inner {
	width: 1000px;
	margin: 0 auto;
	padding: 150px 0;
}

#logO #main h2 {
	text-align: center;
	font-size: 42px;
	font-weight: 100;
	margin-bottom: 56px;
	position: relative;
	padding-bottom: 20px;
}

#logO #main h2:after {
    width: 60px;
    height: 2px;
    background: #3b9fbf;
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

#logO.top #main h2 i:before,
#logO #main h2 i.bukatsu:before,
i.bukatsu:before{
    content: "";
    background-image: url(../img/common/icon_logo.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 50px;
    height: 50px;
    vertical-align: middle;
    margin-bottom: 1px;
	margin-right: 15px;
    display: inline-block;
}

.sai_modal_inner i:before {
	width: 30px;
	height: 30px;
	margin-right: 10px;
}

#logO.top #main .clm02 .clearfix > div {
	float: left;
	width: 31%;
	margin-right: 3.5%;
	text-align: center;
}

#logO.top #main .clm02 .clearfix > div:last-child {
	margin-right: 0;
}

#logO.top #main .clm02 .clearfix .imgCir {
	width: 270px;
	height: 270px;
	margin: 0 auto;
	-moz-transition: all 1.0s ease-out;
	-webkit-transition: all 1.0s ease-out;
	-o-transition: all 1.0s ease-out;
	-ms-transition: all 1.0s ease-out;
	transition: all 1.0s ease-out;
}

#logO.top #main .clm02 .clearfix .imgCir:hover {
	transform: scale(1.08);
}

#logO.top #main .clm02 .clearfix .imgCir img {
	-moz-transition: all 1.0s ease-out;
	-webkit-transition: all 1.0s ease-out;
	-o-transition: all 1.0s ease-out;
	-ms-transition: all 1.0s ease-out;
	transition: all 1.0s ease-out;
}

#logO.top #main .clm02 .clearfix .imgCir:hover img {
	border: 4px solid #0a4d8b;
}

#logO.top #main .clm02 .clearfix .imgCir img {
	width: 100%;
	/*
	border-radius: 250px;
	*/
	border: 2px solid #E3E3E3;
}

#logO.top #main .clm02 .clearfix .dwnBox {
	margin-top: 30px;
}

#logO.top #main .clm02 .clearfix div.ttl {
	font-size: 18px;
	text-align: left;
	vertical-align: middle;
	margin-bottom: 10px;
}

#logO.top #main .clm02 .clearfix div.ttl span {
	font-style: italic;
	display: inline-block;
	margin-right: 7px;
	font-size: 28px;
	color: #0a4d8b;
}

#logO.top #main .clm02 .clearfix p {
	text-align: left;
}

#logO.top #main .btnArea,
#logO.sub #main .btnArea {
	margin: 80px 0 0;
	text-align: center;
}

#logO.top #main .btnArea a, 
#logO.sub #main .btnArea a {
	border: 2px solid #0a4d8b;
	color: #ffffff;
	background-color: #0a4d8b;
	border-radius: 30px;
	padding: 10px 30px;
	display: inline-block;
	font-size: 25px;
	-moz-transition: all 1.0s ease-out;
	-webkit-transition: all 1.0s ease-out;
	-o-transition: all 1.0s ease-out;
	-ms-transition: all 1.0s ease-out;
	transition: all 1.0s ease-out;
}

#logO.top #main .btnArea a i,
#logO.sub #main .btnArea a i {
	margin-left: 10px;
}

#logO.top #main .btnArea a:hover, #logO.sub #main .btnArea a:hover {
	background-color: #ffffff;
	color: #0a4d8b;
}

#logO.top #main .clm03 {
	background: #ECECEC;
	background-image: url(../img/login/login_bg02.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
}

#logO.top #main .clm03 .filter {
	background-color: rgba(255,255,255,0.30);
}


#logO.top #main .clm03 .inner {
	width: 1000px;
	margin: 0 auto;
	padding: 150px 0;
}


#logO.top #main .clm03 .clearfix .box {
	float: left;
	width: 25%;
	text-align: center;
}

#logO.top #main .clm03 .clearfix .box span {
	color: #3b9fbf;
	border: 2px solid #3b9fbf;
	border-radius: 300px;
	width: 230px;
	height: 230px;
	background-color: #ffffff;
	font-size: 20px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	-moz-transition: all 1.0s ease-out;
	-webkit-transition: all 1.0s ease-out;
	-o-transition: all 1.0s ease-out;
	-ms-transition: all 1.0s ease-out;
	transition: all 1.0s ease-out;
}

#logO.top #main .clm03 .clearfix .box span:hover {
	color: #ffffff;
	background-color: #3b9fbf;
}


/*     login 前 共通     */
#logO #main {
	padding: 50px 0;
	min-height: calc(100vh - 127px);
	/*
	min-height: 500px;
	*/
}

#logO #main .inner {
	width: 800px;
	margin: 0 auto;
}

#logO #main .inner .loginBox {
	padding: 50px 0;
	width: 600px;
	margin: 0 auto;
}

#logO #main h2 i {
margin-right: 7px;
    color: #0a4d8b;
}

/*     login 前 下層ページ　共通     */
#logO.sub #main {
	padding: 5vw 0;
} 

#logO.sub #main .inner {
	padding: 50px 0;
}

#logO.sub #main .inner .box {
	margin-bottom: 30px;
}


/*     login 前 下層ページ　プライバシーポリシー     */
#logO.sub.privacy #main .inner .box h3 {
	color: #0a4d8b;
	font-size: 17px;
	margin-bottom: 10px;
}

#logO.sub.privacy #main .inner .box p {
	margin-bottom: 0.5em;
}

#logO.sub.privacy #main .inner .box ul {
	margin-bottom: 0.5em;
}

#logO.sub.privacy #main .inner .box ul li {
	text-indent: -2.5em;
	margin-left: 2em;
}

#logO.sub.privacy #main .inner .box ul li > ul {
	margin-top: 0.5em;
}

/*     login 前 下層ページ　お問い合わせフォーム     */
#logO.sub .attn {
	margin-bottom: 40px;
	background-color: rgba(223,223,223,0.40);
	padding: 20px;
	border: 2px solid rgba(59,159,191,0.45);
}

#logO.sub .attn > div {
	margin-bottom: 15px;
}

#logO.sub .attn > div:last-child {
	margin-bottom: 0;
}

#logO.sub .attn a {
	background-color: #337ab7;
	color: #ffffff;
	padding: 5px 10px;
	border-radius: 50px;
	margin: 5px 0;
	display: inline-block;
	line-height: 1;
	}

#logO.sub .attn a i {
	margin-right: 5px;
}


#logO.sub .attn p.ttl {
	text-align: center;
	margin-bottom: 15px;
}

#logO.sub .attn p.ttl span {
	background-color: #0a4d8b;
	color: #ffffff;
	padding: 3px 60px;
	font-size: 16px;
}

#logO.sub #main .txtClm {
	margin-bottom: 40px;
}

#logO.sub #main .txtClm a {
	background-color: #337ab7;
	color: #ffffff;
	padding: 5px 10px;
	border-radius: 50px;
	margin: 5px 0;
	display: inline-block;
	line-height: 1;
	margin: 0 8px;
	}

#logO.sub.entry #main .sai_form_table td select {
	width: 100%!important;
	display: inline-block;
	box-sizing: border-box;
	padding-right: 50px;
}

/*     login 前 下層ページ　よくあるご質問     */
	#logO.sub.qa .qaArea {
		border-top: 1px solid #E6E6E6;
}

	#logO.sub.qa .cate {
		margin-bottom: 50px;
}

#logO.sub.qa .qaArea > div {
		padding: 20px 15px;
		border-bottom: 1px solid #E6E6E6;
	/*
		border-left: 1px solid #E6E6E6;
		border-right: 1px solid #E6E6E6;
	*/
	}	

	#logO.sub.qa .qaArea > div dl {
		display: table;
}

	#logO.sub.qa .qaArea > div dl dt,
	#logO.sub.qa .qaArea > div dl dd {
		display: table-cell;
		vertical-align: middle;
		line-height: 1.6;
}

#logO.sub.qa .qaArea > div dl dt {
	padding-right: 15px;
}


#logO.sub.qa .qaArea > div dl dt span {
	background-color: #EB7523;
	color: #ffffff;
	border-radius: 100px;
	font-size: 19px;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	display: inline-block;
	text-align: center;
	line-height: 1;
	font-weight: normal;
	padding-top: 4px;
}

#logO.sub.qa .qaArea > .qBox {
	display: block;
}

#logO.sub.qa .qaArea > .qBox:hover {
	cursor: pointer;
}

#logO.sub.qa .qaArea > .aBox {
	display: none;
}

#logO.sub.qa .qaArea > .aBox dl dt span {
	background-color: #3b9fbf;
}

#logO.sub.qa h3 {
    color: #0a4d8b;
    font-size: 22px;
    margin-bottom: 10px;
}

/*     login 前 下層ページ　使い方     */
#logO.sub.howto li.cateBlc {
	margin-bottom: 50px;
	line-height: 1.8;
}

#logO.sub.howto h3 {
	font-size: 22px;
	border-bottom: 1px solid #E6E6E6;
	margin-bottom: 13px;
	color: #0a4d8b;
	padding-bottom: 8px;
}

#logO.sub.howto h3 a {
	color: #0a4d8b;
	display: inline-block;
}

#logO.sub.howto h3 a i {
	margin-left: 7px;
}

#logO.sub.howto li.cateBlc ul {
	display: flex;
	flex-wrap: wrap;
}

#logO.sub.howto li.cateBlc ul li {
	width: 49%;
	margin-right: 2%;
	vertical-align: middle;
	margin-bottom: 15px;
}

#logO.sub.howto li.cateBlc ul li a {
	border: 1px solid #E6E6E6;
	padding: 15px;
	display: inline-block;
	width: 100%;
	background-color: rgba(51,122,183,0.10);
}

#logO.sub.howto li.cateBlc ul li a:hover {
	background-color: rgba(51,122,183,1.0);
	color: #ffffff;
}


#logO.sub.howto li.cateBlc ul li:nth-child(2n) {
	margin-right: 0;
}


#logO.sub.howto li.cateBlc ul li a i {
	margin-right: 7px;
}

/*     login 前 下層ページ　使い方  詳細    */
#logO.sub.howto.detail li.cateBlc > div p {
	margin-bottom: 1em;
}

#logO.sub.howto.detail li.cateBlc > div p img {
	width: 100%;
	height: auto;
	margin: 15px 0;
}









/*-----   フォーム　　　-----*/
.sai_form_table {
	margin-bottom: 40px;
	border-bottom: 1px solid #dddddd;
}

.sai_form_table th {
	vertical-align: middle!important;
	padding: 20px 0!important;
	text-align: center;
	width: 31%;
	box-sizing: border-box;
}

.sai_form_table th span {
	color: #D40003;
	display: inline-block;
	margin-left: 10px;
}

.sai_form_table td {
	padding: 20px 20px!important;
	width: 70%;
	box-sizing: border-box;
}

.sai_form_table td span.check_box {
	margin-right: 10px;
}


.btn-primary {
	box-shadow: none;
	background-image: none;
	background-color: #0a4d8b;
	width: 300px;
	text-decoration: none;
}

.btn-success {
	box-shadow: none;
	background-image: none;
	background-color: #3b9fbf;
	border: none;
	width: 300px;	
}

.btn-success:hover {
	background-color: #3b9fbf;
	opacity: 0.85;
}

.btn-success:focus {
	background-color: #3b9fbf;
}

.btn-success:visited {
	background-color: #3b9fbf;
}

.delete_btn {
	box-shadow: none;
	background-image: none;
	background-color: #3b9fbf;
	border: none;
	color: #ffffff;
	border-radius: 50px;
	display: inline-block;
	    padding: 5px 50px;
}

.delete_btn:hover {
	color: #ffffff;
	opacity: 0.85;
}

popup:hover {
	color: #ffffff;
	opacity: 0.85;
}

.btn {
	padding: 10px 12px;
}


.sai_form_table .memo {
	margin-top: 10px;
	font-size: 13px;
}



/*     header     */
#header {
	padding: 10px 0 10px 15px;
	border-bottom: 2px solid #3b9fbf;
	background-color: #ffffff;
}

#header > div {
}

#header div.logo {
	width: 257px;
}

#header div.logo img {
	float: left;
	width: 100%;
}

#header div.gNav {
	float: left;
	margin-top: 30px;
	margin-left: 50px;
}

#header div.gNav ul {
	margin-bottom: 0;
}

#header div.gNav ul li {
	float: left;
	margin-right: 30px;
}

#header div.gNav ul li a {
	color: #0C0C0C;
}

div.gNav ul li.logo a i:before {
	content: "";
	background-image: url(../img/common/icon_logo.svg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin-bottom: 1px;
	display: inline-block;
}

#header div.gNav ul li a i:before {
	margin-right: 7px;
	color: #0a4d8b;
}

#header div.gNav ul li a:hover {
	color: #0a4d8b;
	text-decoration: none;
}

#header div.hRight {
	float: right;
	padding-right: 15px;
}

#header div.hRight .hRight_up {
	position: relative;
}

#header div.hRight .hRight_up > span {
	float: left;
	vertical-align: middle;
	display: inline-block;
	margin-left: 8px;
}

#header div.hRight .hRight_up .h_search > span {
	float: left;
	vertical-align: middle;
	display: inline-block;
	margin-left: 8px;
}

#header div.hRight .hRight_up span.search_input input {
	margin-right: 0;
}

#header div.hRight .hRight_up span.search_detail {
	font-size: 12px;
	color: #0a4d8b;
	line-height: 1.1;
}

#header div.hRight .hRight_up span.search_detail:hover {
	cursor: pointer;
}


#header div.hRight .hRight_up span.search_detail_con {
	background-color: #f3f5f7;
	padding: 15px 15px;
	position: absolute;
	top: 40px;
	right: 0;
	z-index: 20;
}

#header div.hRight .hRight_up span.arrw_tri {
	position: absolute;
  border-right: 50px solid transparent;
  border-bottom: 86.6025px solid #f3f5f7;
  border-left: 50px solid transparent; 
	top: -13px;
	right: 32%;
}

#header div.hRight .hRight_up span.search_detail_con {
	display: none;
}

#header div.hRight .hRight_up span.search_detail_con .ttl {
	color: #0a4d8b;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 5px;
}

#header div.hRight .hRight_up span.search_detail_con .term_box {
	margin-bottom: 15px;
}

#header div.hRight .hRight_up span.search_detail_con .term_box label {
	border-color: #0a4d8b;
	background-color: #ffffff;
}

#header div.hRight .hRight_up span.submit input[type="submit"] {
	color: #ffffff!important;
	padding: 5px 15px;
}

#header div.hRight .hRight_up span.search_detail_con .selectBox div {
	width: 152px;
}

#header div.hRight .hRight_up span.search_detail_con .selectBox select {
	width: 100%;
	box-sizing: border-box;
}


#header div.hRight span.btnLog {
	margin-right: 10px;
}

#header div.hRight span.btnLog a {
	color: #0B0B0B;
	border: 1px solid #0a4d8b;
	border-radius: 18px;
	font-size: 12px;
	padding: 5px 0;
	text-align: center;
	display: inline-block;
	width: 90px;
	line-height: 1;
}

#header div.hRight span.btnLog a:hover {
	color: #ffffff;
	background-color: #0a4d8b;
}

#header div.hRight span.btnLog a i {
	margin-right: 3px;
	color: #0a4d8b;
	}

#header div.hRight span.btnLog a:hover i {
	color: #ffffff;
}


#header div.hRight .hRight_btm {
	margin-top: 10px;
	text-align: right;
}

#main > div.clearfix {
	display: flex;
}

#main #leftMenu {
	background-color: #bdc8cf;
	/*width: 180px;*/
	/*
	float: left;
	height: 100vh;
	*/
	width: auto;
	min-height: 800px;
	box-sizing: border-box;
}

#main #rightClm {
	background-color: #bdc8cf;
	/*
	float: right;
	height: 100vh;
	*/
	min-height: 800px;
	width: 300px;
	box-sizing: border-box;
	padding: 2px 0 0 0;
	position: relative;
}

#main #leftMenu .gNav {
	display: none;
}


#main #conArea {
	background-color: #f1f0ec;
	float: left;
	/*height: 100vh;*/
	/*
	height: 100%;
	*/
	min-height: 800px;
	box-sizing: border-box;
	padding: 20px;
	transition: all 0.5s;
	width: calc(100% - 300px - 75px);
	padding-bottom: 40px;
}

#main.open #conArea {
	width: calc(100% - 300px - 180px);
	min-width: 780px;
}

/*     leftMenu     */
#main #leftMenu .menu_btn {
	color: #ffffff;
	background-color: #0a4d8b;
	text-align: center;
	padding: 5px 10px;
	transition: all 0.5s;
	width: 75px;
}

#main.open #leftMenu .menu_btn {
width: 180px;
}

#main #leftMenu .menu_btn span.menu_close {
	display: none;
}

#main.open #leftMenu .menu_btn span.menu {
	display: none;
}

#main.open #leftMenu .menu_btn span.menu_close {
	display: block;
}

#main #leftMenu .menu_btn:hover {
	cursor: pointer;
	background-color: #3b9fbf;
}

#main #leftMenu .menu_btn span i {
	font-size: 30px;
	display: block;
}

#main #leftMenu .menu_detail {
	transition: all 0.5s;
	transform: translate(-180px);
	width: 0;
}

#main.open #leftMenu .menu_detail {
transform: translate(0); 
	width: 180px;
}

#main #leftMenu ul {
	margin-top: 2px;
}

#main #leftMenu ul li a {
	color: #ffffff;
	display: block;
	background-color: #0a4d8b;
	padding: 20px 0 20px 15px;
	box-sizing: border-box;
	width: 180px;
	border-bottom: 2px solid #bdc8cf;
}

#main #leftMenu ul li a i {
	margin-right: 7px;
}


#main #leftMenu ul li.current a {
	background-color: #3b9fbf;
}

#main #leftMenu ul li a:hover {
	background-color: #3b9fbf;
}

/*     rightClm     */
#main #rightClm .blc {
	background-color: #ffffff;
}

#main #rightClm .blc .ttl {
	background-color: #0a4d8b;
	color: #ffffff;
	padding: 7px 0 7px 15px;
	width: 100%;
	display: block;
	border-bottom: 2px solid #bdc8cf;
}

#main #rightClm .blc.adArea {
	/*
	position: absolute;
	bottom: 0;
	*/
	box-sizing: border-box;
	width: 300px;
}

#main #rightClm .blc.adArea .adCon {
	padding: 15px;
}

#main #rightClm .blc .refineCon {
	padding: 15px 15px 5px 15px ;
}

#main #rightClm .blc .refineCon .subTtl {
	color: #0a4d8b;
	font-weight: bold;
	margin-bottom: 5px;
}

#main #rightClm .blc .refineCon .box {
	margin-bottom: 15px;
}

#main #rightClm .blc .refineCon .box:last-child {
	margin-bottom: 0;
}

#main #rightClm .blc .refineCon .box span {
	margin-bottom: 10px;
}

#main #rightClm .blc .refineCon .box.op3 span {
	/* width: 32%; */
	box-sizing: border-box;
	display: inline-block;
}

#main #rightClm .blc .refineCon .box.op2 span {
	width: 49%;
	box-sizing: border-box;
	display: inline-block;
}

#main #rightClm .blc.search_menu .btn-success {
	width: 200px;
	margin: 0 auto 20px;
}

#main #rightClm .blc.recom ul.memo_list li {
	padding: 10px 5px;
	border: none;
	border-bottom: 1px solid #E3E3E3;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 0;
}

#main #rightClm .blc.recom ul.memo_list li .entry_status {
	text-align: center;
}




/*     Footer     */
#footer {
	background-color: #495056;
	color: #ffffff;
	padding: 15px;
	text-align: right;
}

#footer .footer_nav {
	display: inline-block;
	margin-right: 10px;
}

#footer .copy {
	font-size: 11px;
	display: inline-block;
	margin-right: 15px;
}

#footer .footer_nav ul li {
	display: inline-block;
	margin-right: 10px;
}

#footer .footer_nav ul li a {
	background-color: #343a40;
	color: #ffffff;
	display: inline-block;
	padding: 3px 10px;
	font-size: 12px;
	border-radius: 3px;
}

#footer .footer_nav ul li a i {
	margin-right: 5px;
}


/*   モーダル　Common  */
.sai_modal.popup .lnkTtl {
	font-size: 18px;
	margin-bottom: 15px;
}

/*   モーダル　ランクについて  */
.sai_modal.popup .aboutRnk ul li {
	margin-bottom: 10px;
	display: table;
}

.sai_modal.popup .aboutRnk ul li:last-child {
	margin-bottom: 0;
}

.sai_modal.popup .aboutRnk ul li span {
	display: table-cell;
	vertical-align: middle;
}

.sai_modal.popup .aboutRnk ul li span.icon {
	    color: #efae00;
	padding-right: 17px;
	font-size: 18px;
}

/*     Mypage  Common      */
#main #conArea {
	position: relative;
}

/*     Mypage tab     */
#main #conArea .tab {
	height: 42px;
	box-sizing: border-box;
	/*
	position: absolute;
	top: 20px;
	left: 20px;
	*/
	z-index: 10;
	width: 100%;
}

#main #conArea .tab ul li {
	display: inline-block;
	width: 180px;
	width: 20%;
	margin-right: 10px;
	text-align: center;
}

#main #conArea .tab ul li.current a {
	width: 100%;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	padding: 8px 0;
	border-radius: 8px 8px 0 0;
	border-top: 2px solid #3b9fbf;
	border-right: 2px solid #3b9fbf;
	border-left: 2px solid #3b9fbf;
	border-bottom: 2px solid #3b9fbf;
	background-color: #3b9fbf;
	color: #ffffff;
}

#main #conArea .tab ul li a {
	width: 100%;
	text-align: center;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	padding: 8px 0;
	border-radius: 8px 8px 0 0;
	border-top: 2px solid #3b9fbf;
	border-right: 2px solid #3b9fbf;
	border-left: 2px solid #3b9fbf;
	border-bottom: 2px solid #3b9fbf;
	background-color: #ffffff;
	color: #7a7d81;
}

#main #conArea .tab ul li a:hover {
	background-color: #3b9fbf;
	color: #ffffff;
}


#main #conArea .box {
	background-color: #ffffff;
	border-top: 2px solid #3b9fbf;
	border-right: 2px solid #3b9fbf;
	border-left: 2px solid #3b9fbf;
	border-bottom: 2px solid #3b9fbf;
	padding: 20px;
	width: 100%;
	/*
	position: absolute;
	top: 60px;
	left: 20px;
	*/
	margin-top: -2px;
	z-index: 1;
	box-sizing: border-box;
	padding: 20px;
}

#main #conArea .box.btm {
	display: none;
}

#main #conArea .box h3 {
	color: #0a4d8b;
	font-size: 16px;
	margin-bottom: 15px;
	}

#main #conArea .box .btn-primary {
	width: auto;
}

#base #main #conArea .box .btn-primary {
	width: 300px;
	margin-bottom: 40px;
}


	


#main #conArea .box .frame {
	padding: 0 0;
}

#main #conArea .box .frame .txtAttn {
	font-size: 13px;
	margin-top: 20px;
}

#main #conArea .box .memo_list {
	margin-top: 15px;
}



/*  新規試合登録ボタン  */
#main #conArea .btn_newMatch {
	position: absolute;
	top: 15px;
	right: 20px;
} 

#main #conArea .btn_newMatch a {
	color: #256523;
	background-color: #89c997;
	border: 1px solid #979797;
	display: inline-block;
	padding: 5px 15px;
	border-radius: 8px;
	text-decoration: none;
}

#main #conArea .btn_newMatch a:hover {
	opacity: 0.8;
}

/*     Mypage カレンダー表示     */
#main #conArea .box .cale {
	background-color: #f6f6f6;
}

#main #conArea .box .cale .month {
	padding: 10px;
	border-top: 1px solid #d5d5d5;
	border-left: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
}

#main #conArea .box .cale .month .btnPN.prev {
	float: left;
}

#main #conArea .box .cale .month .btnPN.next {
	float: right;
}

#main #conArea .box .cale .month .btnPN a {
	background-color: #0a4d8b;
	color: #ffffff;
	padding: 3px 0;
	display: inline-block;
	text-align: center;
	width: 70px;
	vertical-align: middle;
}

#main #conArea .box .cale .month .thisMon {
	text-align: center;
	color: #7a7d81;
	float: left;
	width: calc(100% - 140px);
}

#main #conArea .box .cale .month .thisMon span {
	font-size: 20px;
	font-weight: bold;
	display: inline-block;
	margin-left: 15px;
}

#main #conArea .box .cale table {
	width: 100%;
}

#main #conArea .box .cale table th {
	font-weight: normal;
	text-align: center;
	background-color: #e8e8e8;
	border: 1px solid #d5d5d5;
	padding: 5px 0;
	width: 14.28%;
	font-family: 'Noto Serif', serif;
	color: #7a7d81;
}

#main #conArea .box .cale table th:nth-child(7) {
	color: #096614;
}

#main #conArea .box .cale table th:nth-child(1) {
	color: #cf0505;
}

#main #conArea .box .cale table td {
	background-color: #ffffff;
	border: 1px solid #d5d5d5;
	height: 112px;
}

#main #conArea .box .cale table td.today {
	border: 2px solid #3b9fbf;
	background-color: rgba(59,159,191,0.08);
}

#main #conArea .box .cale table td span.date {
	font-family: 'Noto Serif', serif;
	font-size: 13px;
	color: #7a7d81;
	display: block;
	padding: 3px 0 2px 3px;
	line-height: 1;
	margin-bottom: 3px;
}

#main #conArea .box .cale table td:nth-child(7) span.date {
	color: #096614;
	background-color: rgba(9,102,20,0.08);
}

#main #conArea .box .cale table td:nth-child(1) span.date {
	color: #cf0505;
	background-color: rgba(170,4,7,0.08);
}

#main #conArea .box .cale table td.holy span.date {
	color: #cf0505;
	background-color: rgba(170,4,7,0.08);
	width: 100%;
	display: block;
}

#main #conArea .box .cale table td.emp {
	background-color: #f6f6f6;
}

#main #conArea .box .cale table td .blc {
	display: block;
	width: 90%;
	margin: 0 auto 5px;
	position: relative;
}

#main #conArea .box .cale table td .blc:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#main #conArea .box .cale table td .blc popup {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#main #conArea .box .cale table td .blc popup:hover {
	background-color: rgba(255,255,255,0.30);
	cursor: pointer;
}


#main #conArea .box .cale table td .blc span {
	display: inline-block;
	text-align: center;
	font-size: 13px;
	padding-bottom: 1px;
	box-sizing: border-box;
	margin-bottom: 5px;
}

#main #conArea .box .cale table td .blc span.icon {
	color: #ffffff;
	width: 25%;
	float: left;
	padding: 0 0 1px;
}

#main #conArea .box .cale table td .blc span.detail {
	width: 75%;
	text-align: center;
	float: left;
	padding: 1.5px 0;
	font-size: 11.5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;	
}




/*  参加試合  */
#main #conArea .box .cale table td .blc.entry span.icon {
	background-color: #ec5b13;
}

#main #conArea .box .cale table td .blc.entry span.detail {
	color: #ec5b13;
	background-color: rgba(236,91,19,0.25);
}

/*  主催試合  */
#main #conArea .box .cale table td .blc.host span.icon {
	background-color: #256523;
}

#main #conArea .box .cale table td .blc.host span.detail {
	color: #256523;
	background-color: rgba(37,101,35,0.25);
}

/*  主催試合 確定後  */
#main #conArea .box .cale table td .blc.host.fix span.icon {
	color: #256523;
	background-color: rgba(37,101,35,0.25);
	border: 1px solid #256523;
	font-weight: bold;
}

#main #conArea .box .cale table td .blc.host.fix span.detail {
	color: #ffffff;
	background-color: #256523;
	border: 1px solid #256523;
}

/*  エントリー中  */
#main #conArea .box .cale table td .blc.fail span.icon {
	background-color: #7a7d81;
}

#main #conArea .box .cale table td .blc.fail span.detail {
	color: #7a7d81;
}

/*  募集確定  */
#main #conArea .box .cale table td .blc.want span.icon {
	background-color: #2a9ee2;
}

#main #conArea .box .cale table td .blc.want span.detail {
	color: #2a9ee2;
	background-color: rgba(42,158,226,0.25);
}

/*  主催確定  */
/*
#main #conArea .box .cale table td .blc.fix span.icon {
	background-color: #2a6be2;
}

#main #conArea .box .cale table td .blc.fix span.detail {
	color: #2a9ee2;
	background-color: rgba(151,180,245,0.25);
}
*/

/* 終了 */
#main #conArea .box .cale table td .blc.end span.icon {
	background-color: #7a7d81;
}

#main #conArea .box .cale table td .blc.end span.detail {
	color: #4F4F4F;
}

/* 不成立 */
#main #conArea .box .cale table td .blc.fail span.detail {
	background-color: #e8e8e8;
	color: #4F4F4F;
}


/*  吹き出し  */
#main #conArea .box .cale table td .blc .ballon {
	background-color: #e50423;
	border-radius: 15px;
	color: #ffffff;
	font-size: 11px;
	padding: 1px 7px 3px;
	line-height: 1;
	position: absolute;
	top: -10px;
	right: -1px;
}

#main #conArea .box .cale table td .blc .ballon i {
	margin-right: 3px;
}


/*  過去  */
#main #conArea .box .cale table td.passed .blc span.detail {
	background-color: #e8e8e8;
	text-align: center;
}

/*     Mypage 一覧表示     */
#main #conArea .box.lstBox .cale {
	background-color: #ffffff;
}

#main #conArea .box.lstBox .cale .month {
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 15px;
background-color: #f6f6f6;	
}

#main #conArea .box.lstBox .lst_flm {
	display: flex;
	flex-wrap: wrap;
}


#main #conArea .box.lstBox .lstBlc {
	position: relative;
	width: 32.5%;
	box-sizing: border-box;
	margin-right: 1%;
	margin-bottom: 10px;
	position: relative;
}

#main #conArea .box.lstBox .lstBlc popup {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

#main #conArea .box.lstBox .lstBlc popup:hover {
	background-color: rgba(255,255,255,0.30);
}

#main #conArea .box.lstBox .lstBlc:nth-child(3n) {
	margin-right: 0;
}


/*  主催試合  */
.lstBlc.host {
	border: 2px solid #256523;
	background-color: #e9f3ea;
}

.lstBlc.host span.cate {
	color: #256523;
	background-color: #89c997;
}

/*  参加試合  */
.lstBlc.entry {
	border: 2px solid #ec5b13;
	background-color: #f9f0e9;
}

.lstBlc.entry span.cate {
	color: #ec5b13;
	background-color: #fdd3b7;
}

/*  確定した試合  */
.lstBlc.want {
	border: 2px solid #2a9ee2;
	background-color: #ecf6fb;
}

.lstBlc.want span.cate {
	color: #2a9ee2;
	background-color: #d0eeff;
}


/*  開催決定した試合  */
.lstBlc.fix {
	/*
	border: 2px solid #2a9ee2;
	background-color: rgba(151,180,245,0.25);
	*/
}

.lstBlc.fix span.cate {
	/*
	color: #2a9ee2;
	background-color: #d0eeff;
	*/
}


/*  終了した試合  */
/*
.lstBlc.end {
	border: 2px solid #2a9ee2;
	background-color: rgba(239,151,245,0.25);
}

.lstBlc.end span.cate {
	color: #2a9ee2;
	background-color: #d0eeff;
}
*/

/*  過去  */
.lstBlc.passed {
	background-color: #e8e8e8;
}


.lstBlc span.cate {
	padding: 3px 10px;
	display: inline-block;
	font-weight: bold;
	font-weight: 16px;
}

/*  ステータスタグ  */
.lstBlc span.status {
	border-radius: 18px;
	font-size: 12px;
	padding: 2px 15px;
	display: inline-block;
	margin-left: 7px;
	line-height: 1;
	vertical-align: text-bottom;
}

/*  ステータスタグ  確定　*/
.lstBlc span.status.set {
	background-color: #00b7ee;
	border: 2px solid #00b7ee;
	color: #ffffff;
}

/*  ステータスタグ  未確定　*/
.lstBlc span.status.unSet {
	background-color: #eb7706;
	border: 2px solid #eb7706;
	color: #ffffff;
}

/*  ステータスタグ  不成立　*/
.lstBlc span.status.unMatch {
	background-color: #818181;
	border: 2px solid #3e3e3e;
	color: #ffffff;
}




/*  ステータスタグ  主催　募集中　*/
.lstBlc.host span.status {
	border: 2px solid #256523;
	color: #ffffff;
    background-color: #256523;
}

/*  ステータスタグ  主催　試合確定　*/
.lstBlc.host.fix span.status {
	background-color: #89c997;
	border: 2px solid #256523;
	color: #256523;
}

/*  ステータスタグ  主催　試合終了　*/
.lstBlc.host.end span.status {
    background-color: #818181;
    border: 2px solid #3e3e3e;
    color: #ffffff;
}

.lstBlc.host.end {
	background-color: #e8e8e8;
	border: 2px solid #3e3e3e;
}

.lstBlc.host.end span.cate {
	background-color: #818181;
	color: #ffffff;
}

/*  ステータスタグ  主催　試合不成立　*/
.lstBlc.host.fail span.status {
    background-color: #3e3e3e;
    border: 2px solid #3e3e3e;
    color: #ffffff;
}

.lstBlc.host.fail {
	background-color: #e8e8e8;
	border: 2px solid #3e3e3e;
}

.lstBlc.host.fail span.cate {
	background-color: #818181;
	color: #ffffff;
}

/*  ステータスタグ  参加　エントリー中　*/
.lstBlc.entry span.status {
	border: 2px solid #ec5b13;
	color: #ffffff;
    background-color: #ec5b13;
}

/*  ステータスタグ  参加　参加決定　*/
.lstBlc.entry.ok span.status {
	border: 2px solid #ec5b13;
	color: #ec5b13;
    background-color: #fdd3b7;
}

/*  ステータスタグ  参加　開催決定　*/
.lstBlc.entry.fix span.status {
	border: 2px solid #ec5b13;
	color: #ec5b13;
    background-color: #fdd3b7;
}

/*  ステータスタグ  参加　試合終了　*/
.lstBlc.entry.end span.status {
    background-color: #818181;
    border: 2px solid #3e3e3e;
    color: #ffffff;
}

.lstBlc.entry.end {
	background-color: #e8e8e8;
	border: 2px solid #3e3e3e;
}

.lstBlc.entry.end span.cate {
	background-color: #818181;
	color: #ffffff;
}

/*  ステータスタグ  参加　不成立　*/
.lstBlc.entry.fail span.status {
    background-color: #818181;
    border: 2px solid #3e3e3e;
    color: #ffffff;
}

.lstBlc.entry.fail {
	background-color: #e8e8e8;
	border: 2px solid #3e3e3e;
}

.lstBlc.entry.fail span.cate {
	background-color: #818181;
	color: #ffffff;
}







/*  ステータスタグ  終了　*/
.lstBlc span.status.fin {
	background-color: #bdc8cf;
	border: 2px solid #0a4d8b;
	color: #0a4d8b;
}

.lstBlc .btm {
	padding: 0 7px 7px;
}

.lstBlc .btm .date {
	padding: 5px 0;
}

.lstBlc .btm .school {
	padding: 0 0 5px 0;
}

.lstBlc .btm .app {
	float: left;
	width: 50%;
	box-sizing: border-box;
	display: inline-block;
	margin-bottom: 5px;
}

.lstBlc .btm .app i {
	color: #e50423;
	text-align: center;
	width: 20px;
}

.lstBlc .btm .app.btn_ent {
	color: #ffffff;
	background-color: #0a4d8b;
	float: right;
	width: auto;
	font-size: 13px;
	line-height: 1;
	padding: 3px 10px 3px 7px;
}

.lstBlc .btm .app.btn_ent i {
	color: #ffffff;
}

/*   システムメッセージ　　*/
#logO.top #main .clm00 .inner {
	width: 1000px;
}

#logO.top #main .clm00 .inner .sysMes {
    padding: 50px 100px!important;
    margin: 50px auto!important;
}

#logO.top #main .clm00 .inner .sysMes h2 {
    border-bottom: none!important;
    margin-bottom: 40px!important;
}

.sysMes {
	margin: 30px 0;
	padding: 20px;
	background-color: rgba(249,249,249,0.60);
}

.sysMes h2 {
	font-size: 18px;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(84,80,65,0.35);
}

.sysMes h2 i {
	color: #0a4d8b;
	margin-right: 7px;
}

.sysMes .blc {
	padding: 15px 0;
	border-bottom: 1px dotted rgba(84,80,65,0.35);
}

.sysMes .blc .date span {
	margin-right: 15px;
	background-color: #3b9fbf;
	background-color: rgba(59,159,191,0.85);
	padding: 2px 10px;
	color: #ffffff;
	line-height: 1;
}

.sysMes .blc .date i {
	margin-right: 5px;
}

.sysMes .blc popup:hover {
	color: #337ab7;
}


/*   お気に入り登録校　　*/
.favSch {
	margin: 30px 0 0;
	padding: 20px;
}

.favSch h2 {
	font-size: 18px;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(84,80,65,0.35);
	margin-bottom: 15px;
}

.favSch h2 i {
	color: #0a4d8b;
	margin-right: 7px;
}

.favSch .frmB {
	display: flex;
	flex-wrap: wrap;
}

.favSch .frmB > .clm {
	width: 25%;
	box-sizing: border-box;
	position: relative;
	background-color: rgba(10,77,139,0.80);
	color: #ffffff;
}

.favSch .frmB > .clm .logo {
	text-align: center;
	background-color: #ffffff;
	width: 100%;
	padding: 10px 0;
}

.favSch .frmB > .clm .info {
	box-sizing: border-box;
	padding: 15px;
}

.favSch .frmB > .clm .info .s_place {
	background-color: rgba(10,77,139,1.0);
	border-radius: 5px;
	padding: 2px 0;
	text-align: center;margin-bottom: 10px;
}

.favSch .frmB > .clm:nth-child(2n) .logo {
	background-color: rgba(12,38,111,0.05);
	background-color: #DCDCDC;
}

.favSch .frmB > .clm:nth-child(2n) {
	background-color: rgba(10,77,139,1.00);
	color: #ffffff;
}

.favSch .frmB > .clm:nth-child(2n) .s_place {
	background-color: rgba(52,120,174,0.80);
}

.favSch .clm .info .s_lnk {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
}

.favSch .clm .info .s_lnk a {
	display: inline-block;
	width: 100%;
	height: 100%;
}

.favSch .clm .info .s_lnk a:hover {
	background-color: rgba(255,255,255,0.15);
}









/*  試合詳細 モーダル　*/
.sai_modal .match_detail .date {
	font-size: 16px;
	margin-bottom: 10px;
}


.sai_modal .match_detail .date i {
	margin-right:5px;
	color: #0a4d8b;
}

.sai_modal .match_detail .lstBlc {
	margin-bottom: 15px;
}

.sai_modal .match_detail .lstBlc .btm {
	padding:5px 20px 15px 20px;
}

.sai_modal .match_detail .lstBlc:last-child {
	margin-bottom: 0;
}

.matchBox .lstBlc .btm > div span.ttl {
	display: inline-block;
	width: 6.0em;
}

.matchBox .lstBlc .btm .app {
	float: none;
	width: auto;
	margin-bottom: 0;
}

.matchBox .lstBlc .btm dt {
	font-weight: normal;
	width: 7em;
	display: inline-block;
	float: left;
	border-bottom: 1px solid #666666;
	padding: 5px 0;
}

.matchBox .lstBlc .btm dd {
	font-weight: normal;
	width: calc(100% - 7em);
	display: inline-block;
	float: left;
	border-bottom: 1px solid #666666;
	padding: 5px 0;
}

.matchBox .lstBlc .btm > div span.btn_ent {
	float: right;
    padding: 8px 10px 8px 7px;	
	margin-top: 10px;
} 

.matchBox .lstBlc .btm > div span.btn_ent a {
	color: #ffffff;
	display: inline-block;
	width: 100%;
	height: 100%;
}


/*  試合詳細 モーダル　2 */
.shiai_pop .shiai_entry_box .info_base {
    position: absolute;
	top: 95px;
	width: 100%;
}

.shiai_pop .shiai_entry_box .info_base .tg {
	background-color: #256523;
	color: #ffffff;
	display: inline-block;
	float: left;
	text-align: center;
    width: 100px;
    box-sizing: border-box;
    padding: 5px 0;
	font-weight: bold;
}

.shiai_pop .shiai_entry_box .info_base.entry .tg {
	background-color: #ec5b13;
}



.shiai_pop .shiai_entry_box .info_base .edit a {
    color: #256523;
    background-color: #89c997;
    border: 1px solid #979797;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 8px;
}

.shiai_pop .shiai_entry_box .info_base .edit a i {
	margin-right: 5px;
}


.shiai_pop .shiai_entry_box .info_base .edit {
	display: inline-block;
	float: right
}


.shiai_entry_box .entry_head .school {
	width: 100%;
	padding-top: 10px;
	top: 130px;
}

.shiai_entry_box .entry_head .school_bg {
    background-color: rgba( 0,0,0,0.3 );
	display: block;
	width: 100%;
	height: 73px;
	position: absolute;
	bottom: 0;
}

.shiai_entry_box .entry_head .school .imgarea {
	margin-right: 20px;
}

.shiai_entry_box .entry_head .school .infoarea {
    width: calc(100% - 120px);
}

.shiai_entry_box .entry_head .school .infoarea .s_title {
	margin-bottom: 10px;
}

.shiai_entry_box .entry_head .school .infoarea .s_name {
	margin-bottom: 3px;
}

.shiai_entry_box .entry_head .school .infoarea .s_name .club_name {
	font-weight: bold;
	font-size: 15px;
	display: inline-block;
	margin-right: 15px;
	color: #256523;
}

.shiai_entry_box .entry_body_area h3 {
	color: #0a4d8b;
	font-size: 16px;
	margin-bottom: 10px;
}

.shiai_entry_box .entry_body_area .p_entry_list_block {
	margin-bottom: 40px;
}

.shiai_entry_box .entry_body_area .p_entry_list_block ul {
	display: flex;
	flex-wrap: wrap;
}

.shiai_entry_box .entry_body_area .p_entry_list_block ul li {
	width: 100%;
	margin-right: 0;
	box-sizing: border-box;
	border: 1px solid rgba(221,221,221,1.00);
	box-sizing: border-box;
	padding: 10px 15px;
	margin-bottom: 20px;
	position: relative;
}
/*
.shiai_entry_box .entry_body_area .p_entry_list_block ul li:nth-child(2n) {
	margin-left: 2%;
	margin-right: 0;
}
*/

.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info span.name {
	display: inline-block;
	margin-right: 15px;
	color: #ec5b13;
	font-weight: bold;
	font-size: 15px;
}

.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info .scl_info {
	float: left;
	display: inline-block;
}

.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info .e_detail {
	display: inline-block;
	float: right;
}

.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info .e_detail.cancel {
	float: none;
	background-color: rgba(229,228,228,0.50);
	display: block;
	padding: 20px 20px;
	text-align: center;
}

.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info .e_detail.cancel h5 {
    color: #171717;
    font-size: 15px;
    margin-bottom: 5px;
	text-align: left;
}

.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info .e_detail.cancel .txt {
	text-align: left;
}

.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info .e_detail.cancel textarea {
	margin: 10px 8px 20px;
	width: calc(100% - 16px);
	box-sizing: border-box;
}

.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info .e_detail.cancel .syusai_entry_cansel {
    background-color: #181818;
    color: #ffffff;
    border: 1px solid #181818;
	
	border-radius: 3px;
	width: 300px;
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
}

.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info .e_detail span,
.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info .e_detail button {
	display: inline-block;
	margin-left: 15px;
}

.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info .e_detail button {
	border-radius: 20px;
	padding: 2px 10px;
}


.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info .e_detail .lbl_sanka_fix {
	color: #ec5b13;
	border: 1px solid #ec5b13;
	background-color: #fdd3b7;
}

.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info .e_detail .lbl_sanka_cancel {
	color: #ffffff;
	border: 1px solid #7a7d81;
    background-color: #7a7d81;
}

.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info .e_detail .lbl_sanka_now {
	color: rgba(47,143,95,1.00);
	border: 1px solid rgba(47,143,95,1.00);
    background-color: rgba(47,143,95,0.20);
}

.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info .e_detail .syusai_entry_cansel {
	background-color: #181818;
	color: #ffffff;
	border: 1px solid #181818;
}

.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info .e_detail .syusai_entry_cansel:hover {
		background-color: #e8e8e8;
	color: #181818;
}

.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info .e_detail .syusai_entry_fix {
	color: #2a9ee2;
	border: 1px solid #2a9ee2;
     background-color: rgba(42,158,226,0.25);
}

.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info .e_detail .syusai_entry_fix:hover {
	color: #ffffff;
	background-color: #2a9ee2;
}

.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info .tgl_btn {
    color: #ffffff;
    border: 1px solid #0a4d8b;
	background-color: #0a4d8b;
    border-radius: 18px;
    padding: 5px 10px;
    text-align: center;
    display: inline-block;
    line-height: 1;
	position: absolute;
	right: 15px;
	top: 45px;
}

.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info .tgl_btn:hover {
	color: #0a4d8b;
	border: 1px solid #0a4d8b;
	background-color: #ffffff;
	cursor: pointer;
}

.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info .tgl_btn i {
	margin-left: 5px;
}

.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info .tgl_dwn {
	display: none;
	border-top: 4px #ddd solid;
}

.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info .tgl_dwn .blc_up {
	padding: 0px 20px;
	background: #f7ffee;
}

.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info .sanka_team {
	padding: 20px 0;
}

.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info .sanka_team .team_flm {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info .sanka_team .team_box {
	width: 33%;
	margin-bottom: 15px;
}


.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info .sanka_team h5 {
	color: #3b9fbf;
	font-size: 15px;
	margin-bottom: 5px;
}

.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info .sanka_team h5 i {
	margin-right: 8px;
}

.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info .sanka_team dt {
	font-weight: normal;
}

.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info .sanka_team dt span {
	margin-left: 15px;
}

.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info .messeage_list h5 {
color: #3b9fbf;
    font-size: 15px;
    margin-bottom: 5px;
}

.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info .messeage_list h5 i {
	margin-right: 8px;
}

/*-----   参加申込モーダル　　popup  -----*/
.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info.entry .sanka_team {
    padding: 0px;
}

.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info.entry .messeage_list h5 {
	color: #3b9fbf;
	font-size: 14px;
	margin-bottom: 10px;
color: #ffffff;
    border: 1px solid #0a4d8b;
    background-color: #0a4d8b;
    border-radius: 18px;
    padding: 5px 10px;
    text-align: center;
    display: inline-block;
    line-height: 1;	
}
.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info.entry .messeage_list h5 i.arrw {
	margin-right: 0;
	margin-left: 8px;
}

.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info.entry .messeage_list .msg_dwn {
	display: none;
}

.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info .messeage_list dt {
	background-color: rgba(42,158,226,0.25);
	color: #337ab7;
	font-weight: normal;
	padding: 2px 8px;
}

.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info .messeage_list dd {
	padding: 8px 8px 30px;
}

.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info .messeage_list dd textarea {
	margin-top: 3px;
}

.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info .messeage_list .send_msg .btn_send {
	text-align: center;
	margin-top: 20px;
}

.shiai_entry_box .entry_body_area .entry_info_table {
	border-bottom: 1px solid #ddd;
}

.shiai_entry_box .entry_body_area .entry_info_table td {
	min-height: 37px;
}

.shiai_entry_box .entry_body_area .entry_info_table td span {
	margin-right: 16px;
}

.shiai_entry_box .entry_body_area .entry_info_table td span:last-child {
	margin-right: 0;
}






/*-----   myPage 　チーム登録　 team.php  -----*/
#team .sai_form_table {
    margin-bottom: 10px;
}

.memoBox .memo_list li {
	float: left;
	width: 31%;
	margin-right: 3.5%;
	box-sizing: border-box;
	text-align: center;
	/*
	padding: 30px 0;
	float: none;
	width: 100%;
	*/
}

.memoBox .memo_list li.clm {
	border: 1px solid #BFBFBF;
	margin-bottom: 30px;
}

#team.memoBox .memo_list li.clm ul {
	margin-bottom: 30px;
}

#team.memoBox .memo_list li.clm ul li {
	width: 100%;
	float: none;
	margin-right: 0;
}

.memoBox .memo_list li:nth-child(3n) {
	margin-right: 0;
}

.memoBox .memo_list li .name {
	background-color: #0a4d8b;
	color: #ffffff;
	padding: 5px 0;
	margin-bottom: 30px;
}

#team.memoBox .memo_list li .name {
	margin-bottom: 20px;
}

.memoBox .memo_list li div.teamData {
	margin-bottom: 15px;
}
.memoBox .memo_list li span {
	display: inline-block;
	margin: 0 10px;
}

.memoBox .memo_list li span.rank {
	color: #efae00;
}

#team.memoBox .memo_list li span.rank {
}


.memoBox .memo_list li ul li popup {
	background-color: #3b9fbf;
	color: #ffffff;
	border-radius: 50px;
	padding: 5px 50px;
	text-decoration: none;
}

/*-----   myPage 　登録情報変更　 base.php  -----*/
#base .tab_item table {
	width: 60%;
	margin: 40px auto;
}

.mypage #main {
	background-color: #bdc8cf!important;
	min-height: 
}

/*-----   myPage 　ギャラリー　 gallery.php  -----*/
#gallery #conArea .box .img_list li {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

	#gallery #conArea .box .img_list li popup {
		width: 100%;
		height: 100%;
		display: inline-block;
	}


#gallery #conArea .box .btn-success {
	width: auto!important;
}

#gallery #conArea .box .col-md-4,
#gallery #conArea .box .col-md-2 {
	padding: 0;
}

#gallery #conArea .box .col-md-4 input {
	width: 90%;
}

#gallery #conArea .box .col-md-2 button[type="submit"] {
	width: 95%;
padding: 9px 0;	
}

#gallery #conArea .box .col-md-2 a {
	width: 95%!important;
	box-sizing: border-box;
}

#gallery #conArea .box .col-md-4 input {
	margin-top: 8px;
}

#gallery #conArea .box .col-md-4 input.form-control {
	padding: 6px 12px;
}

#gallery #conArea .box .col-md-4.file input.form-control {
	padding: 6px 0;
	box-shadow: none;
	border: none!important;
}

#gallery #conArea .box .img_list {
	margin-bottom: 30px;
}

#gallery #conArea .box .img_list li .imgname {
	padding: 0;
}

#gallery #conArea .box .img_list li .imgname p {
	padding: 5px;
}

#gallery #conArea .box .imgUpArea {
	margin-bottom: 40px;
}

#gallery #conArea .box .imgUpArea.btn_back {
	margin-top: 30px;
	margin-bottom: 0px;
}

#gallery #conArea .box .imgUpArea.btn_back .col-md-2 {
	float: right;
	width: auto;
}

#gallery #conArea .box .imgUpArea.btn_back .col-md-2 a {
	width: 100%!important;
}


#gallery #conArea .box .open_g .attn {
	margin-bottom: 15px;
}

#gallery #conArea .box .open_g .urlArea {
	margin-bottom: 15px;
	background-color: rgba(0,0,0,0.08);
	padding: 20px;
}

#gallery #conArea .box .open_g dl {
	width: 69%;
	display: inline-block;
	vertical-align: top;
}

#gallery #conArea .box .open_g dl.cord dd {
	padding-right: 30px;
}

#gallery #conArea .box .open_g dl.qr {
	width: 30%;
}

#gallery #conArea .box .open_g dl.qr dd {
	text-align: center;
}

#gallery #conArea .box .open_g dl dt {
	margin-bottom: 10px;
}

#gallery #conArea .box .dateC form {
	display: inline-block;
}

#gallery #conArea .box .dateC span {
	margin-right: 10px;
}

#gallery #conArea .box .dateC input[type="date"] {
	margin-right: 10px;
}

#gallery #conArea .box .dateC button {
	margin-right: 10px;
}


/*-----   myPage 　メモ　memo.php　  -----*/
#memo.memoBox .memo_list li .name {
	margin-bottom: 15px;
}

#memo.memoBox .memo_list li .date {
	text-align: left;
	display: block;
	margin-bottom: 10px;
}

#memo.memoBox .memo_list li ul li popup {
	display: inline-block;
	width: 85%;
}

#memo.memoBox .memo_list li ul li .delete_btn {
	width: 85%;
	padding: 5px 0;
}

#memo.memoBox .memo_list li ul li {
    padding: 0px 0 20px;
}

#memo.memoBox .memo_list li ul li popup {
	padding: 5px 0;
}

/*-----   myPage 　試合を主催する　 shiai.php  -----*/
#shiai #conArea .box .btn-primary {
	width: 300px;
}

#shiai #conArea .box .btn-primary:hover {
	opacity: 0.8;
}

#shiai #main #conArea {
	height: auto;
}

#shiai #main {
	background-color: #bdc8cf;
}

/*-----   myPage 　参加申込をする　 entry.php  -----*/
#shiai.entry .btn_search {
	width: 300px;
	background-color: #0a4d8b;
	color: #ffffff;
	text-align: center;
	margin: 20px auto 30px;
	border-radius: 4px;
	padding: 10px 0;
}

#shiai.entry .btn_search:hover {
	cursor: pointer;
	opacity: 0.8;
}

#shiai.entry .btn_search i {
	margin-left: 6px;
}

#shiai.entry .tgl_dwn {
	display: none;
}

#shiai.entry #conArea .box .btn-primary {
	background-color: #3b9fbf;
}


#shiai.entry #main #conArea .box .memo_list {
	display: flex;
	flex-wrap: wrap;
}

#shiai.entry #main #conArea .box .memo_list li {
	float: none;
}

#shiai.entry #main #conArea .box .memo_list li.clm {
	position: relative;
}

#shiai.entry #main #conArea .box .memo_list li.clm .s_name {
	margin-bottom: 30px;
}


#shiai.entry #main #conArea .box .memo_list li.clm .t_right {
	display: inline-block;
	position: absolute;
	right: 7px;
	bottom: 7px;
}



#shiai.entry .entry_status span.entry {
    background: #ec5b13;
}

#shiai.entry .sai_form_table td.date span {
	display: inline-block;
}

#shiai.entry .sai_form_table td.date span.inp {
	margin: 0 10px;
}

popup {
	text-decoration: none!important;
}


/*-----   myPage 　試合結果登録　 result.php  -----*/
#result #main {
	background-color: #bdc8cf;
}

#result #main .box .cate_clm {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dashed #D7D7D7;
}

#result #main .box .cate_clm ul li {
	border-top: 4px solid rgba(10,77,139,0.32);
	border-bottom: 4px solid rgba(10,77,139,0.32);
	padding: 20px 0;
	margin-bottom: 20px;
}

#result #main .box .cate_clm ul li table {
	width: 100%;
}


#result #main .shiai_info {
	padding: 5px 5px;
	border-bottom: 2px solid #E7E7E7;
	margin-bottom: 15px;
	font-size: 15px;
}

#result #main .shiai_info span.date {
	background-color: #0a4d8b;
	color: #ffffff;
	padding: 2px 10px;
	font-size: 13px;
	display: inline-block;
	margin-right: 10px;
	border-radius: 20px;
}


#result #main .shiai_info span.date i {
	margin-right: 7px;
}

#result #main .flm {
	display: flex;
	flex-wrap: wrap;
}

#result #main .result_box {
	border: 1px solid #D8D8D8;
	box-sizing: border-box;
	width: 48%;
	margin-right: 2%;
	margin-bottom: 20px;
}

#result #main .result_box:nth-child(2) {
	margin-left: 2%;
	margin-right: 0;
}

#result #main .result_box .team_name i {
	margin-right: 7px;
}

#result #main .result_box .team_name {
	text-align: center;
	background-color: #3b9fbf;
	color: #ffffff;
	font-size: 15px;
	padding: 5px 0;
}

#result #main .result_box .result_data {
	padding: 15px;
}

#result #main .result_box .result_data input {
	width: 4em;
	display: inline-block;
	text-align: center;
	margin-right: 7px;
}

#result #main .result_box .result_data .game_num {
	margin-bottom: 15px;
}

#result #main .result_box .result_data .game_dtl {
	margin-bottom: 15px;
}

#result #main .result_box .result_data p.ttl {
	margin-bottom: 3px;
}

#result #main .result_box .result_data .game_dtl > span {
	width: 32%;
	display: inline-block;
}

#result #main .result_box .result_data .game_memo textarea {
	padding: 7px 10px;
}

#result #main button.result_touroku {
	width: 300px!important;
}

.pager li {
    display: inline-block;
	margin: 0 5px;
}

.pager li a,
.pager li span,
.pager li p {
	border-radius: 0!important;
	background-color: #ddd;
	
}

.pager .disabled>a,
.pager .disabled>a:focus,
.pager .disabled>a:hover,
.pager .disabled>span {
    color: #777;
    cursor: not-allowed;
    background-color: #ddd;
}

.pager li p {
	border: 1px solid #ddd;
display: inline-block;
    padding: 5px 12px;	
}

.pager li.on p {
	background-color: #ffffff; 
}

#result #main .team_listset li .t_name {
	color: #0a4d8b;
	font-weight: bold;
	font-size: 15px;
	background-color: #EDEDED;
	padding: 5px 10px;
}

#result #main .team_listset li {
	border: none!important;
	padding: 0!important;
	margin-bottom: 40px!important;
}

#result #main .team_listset li .t_name i {
	margin-right: 8px;
}

#result #main .team_listset li table th {
	text-align: center;
	width: 10%;
	padding: 8px 0;
	border: 1px solid #E7E7E7;
}

#result #main .team_listset li table th:first-child {
	width: 60%;
	text-align: left;
	font-weight: normal;
	padding: 8px 10px;
}

#result #main .team_listset li table th span {
	display: inline-block;
	border-radius: 80px;
	background-color: #3b9fbf;
	color: #ffffff;
	font-weight: normal;
	width: 80%;
}

#result #main .team_listset li table td {
	text-align: center;
	padding: 8px 0;
	border: 1px solid #E7E7E7;
}

#result #main .team_listset li table td:first-child {
	text-align: left;
	padding: 8px 10px;
}

#result #main .team_listset li table tr.total td {
	border-top: 2px double rgba(10,77,139,0.30);
	border-bottom: 2px double rgba(10,77,139,0.30);
	font-weight: bold;
	background-color: rgba(10,77,139,0.10);
	color: #0a4d8b;
}

#result #main .box.btm .cate_clm {
	padding-bottom: 0;
}


#result #main .team_listset li table td span.date {
    background-color: #0a4d8b;
    color: #ffffff;
    padding: 2px 10px;
    font-size: 13px;
    display: inline-block;
    margin-right: 10px;
    border-radius: 20px;
}

#result #main .team_listset li table td span.date i {
	margin-right: 3px;
}

/*-----   myPage 　学校情報　 school.php  -----*/
#result.school .fav_icon {
	margin-bottom: 20px;
}

#result.school .fav_icon {
    position: absolute;
    top: 15px;
    right: 20px;
}

#result.school .fav_icon a {
color: #256523;
    background-color: #89c997;
    border: 1px solid #979797;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 8px;
	text-decoration: none;
}

#result.school .shiai_entry_box .entry_head .school .infoarea {
	margin-top: 10px;
}

#result.school .shiai_entry_box .entry_head .school .infoarea .s_title {
    margin-bottom: 15px;
}

#result.school #main .box .cate_clm {
	border-bottom: none;
}

#result.school #main .box .school_detail {
	margin-top: 40px;
}

#result.school #main .box .school_detail ul.base_blocs > li {
	display: inline-block;
	width: 54%;
	box-sizing: border-box;
	vertical-align: top;
}

#result.school #main .box .school_detail ul.base_blocs > li.b_left table {
    border-bottom: 1px solid #ddd;
	width: 95%;
}

#result.school #main .box .school_detail ul.base_blocs > li.b_left th {
    width: 120px;
    background: #eee;
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

#result.school #main .box .school_detail ul.base_blocs > li.b_left td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

#result.school #main .box .school_detail ul.base_blocs > li.b_right {
	width: 45%
}

#result.school #main .box .school_detail ul.base_blocs > li.b_right ul.memo_list {
    border-top: 1px solid #ddd;
}

#result.school #main .box .school_detail ul.base_blocs > li.b_right ul.memo_list li.clm {
    border-bottom: 1px solid #ddd;
	padding: 10px 0;
}

#result .sai_modal_inner .ppu_ttl {
	font-size: 16px;
	    background-color: #3b9fbf;
	color: #ffffff;
	padding: 5px 10px;
	text-align: center;
}

#result .sai_modal_inner .result_data {
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 2px solid #dddddd;
}

#result .sai_modal_inner .result_data .game_num {
	padding-left: 7px;
}

#result .sai_modal_inner .result_data .game_num input {
	display: inline-block;
	width: 3em;
	padding: 2px 7px;
	text-align: right;
	vertical-align: baseline;
	margin-right: 7px;
}

#result .sai_modal_inner .result_data .ttl {
	padding-left: 12px;
}

#result .sai_modal_inner .result_data .game_dtl {
	padding-bottom: 10px;
	margin-top: 5px;
}

#result .sai_modal_inner .result_data .game_dtl input {
	display: inline-block;
	width: 3em;
	padding: 2px 7px;
	text-align: right;
	vertical-align: baseline;
	margin-right: 7px;
	margin-left: 7px;
}

#result .box.tab_item {
	position: relative;
}

#result .box.tab_item popup {
    color: #256523;
    background-color: #89c997;
    border: 1px solid #979797;
    display: inline-block;
    padding: 3px 10px;
    border-radius: 8px;
    text-decoration: none;	
	font-size: 13px;
}

#result .box.tab_item .unentry {
	border:1px solid #CCCCCC;
	background-color: #ECECEC;
	padding: 5px;
	display: inline-block;
	position: absolute;
	right: 10px;
	top: 10px;
}

#result .box.tab_item .unentry p {
	font-size: 12px;
	display: inline-block;
}

#result .box.tab_item .unentry p span {
	color: #D00206;
	font-size: 12px;
}













 


@media screen and (max-width: 736px) {
	.pc {
		display: none!important;
	}
	
	.sp {
		display: block!important;
	}
	
	body {
		min-width: 100%;
	}
	
	input {
		  font-size: 16px!important;
	}
	
	select {
		font-size: 16px!important;
	}
	
	textarea {
		font-size: 16px!important;
	}
	
	.btn-success {
		width: 100%;
	}
	
/*     TOP 前  signin     */
#logO.top #main .clm01 {
	box-sizing: border-box;
	padding: 8vh 3vw ;
	background-attachment: inherit;
	}
	
#logO.top #main .clm01 .inner {
    width: 100%;
	padding: 0;
}

#logO.top #main .inner .loginBox {
    width: 100%;
	padding: 30px 0 40px;
}
	

#logO.top #main .clm01 .inner .table tr {
	display: block;
	}
	
	#logO.top #main .clm01 .inner .table th {
	width: 100%!important;
	display: block!important;
	box-sizing: border-box!important;
	padding: 5px 20px 5px!important;	
}

	#logO.top #main .clm01 .inner .table td {
	width: 100%!important;
	display: block!important;
	box-sizing: border-box!important;
}
	
	#logO.top #main .clm01 .inner .table td input {
		width: 100%;
	}
	
		


	#logO.top #main h2 {
    font-size: 8vw;
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 20px;
}
	
	#logO.top #main h2 i:before {
    width: 10vw;
    height: 10vw;
}
	
#logO.sub #main .btnArea, #logO.sub #main .btnArea {
    margin: 5px 0 0;
    text-align: center;
}	

	
#logO.top #main .clm02 .inner {
	width: 100%;
	padding: 50px 3vw;
	box-sizing: border-box;
}

	#logO.top #main .clm03 .inner {
	width: 100%;
	padding: 50px 3vw;
}
	
#logO.top #main .clm02 .clearfix > div {
	float: none;
	width: 100%;
	margin-right: 0;
}

#logO.top #main .clm02 .clearfix .imgCir {
	width: 80%;
	height: auto;
	margin: 0 auto;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
}
	
#logO.top #main .clm02 .clearfix .imgCir:hover {
	transform: scale(1.00);
}
	
	#logO.top #main .clm02 .clearfix .imgCir img {
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
	border: 2px solid #0a4d8b;
}

#logO.top #main .clm02 .clearfix .imgCir:hover img {
	border: 2px solid #0a4d8b;
}
	
#logO.top #main .clm02 .clearfix .dwnBox {
	margin: 10px 0 40px;
}	

	#logO.top #main .clm03 {
	background-attachment: inherit;		
	}	
	
#logO.top #main .clm03 .clearfix .box {
	float: left;
	width: 50%;
	text-align: center;
	margin-bottom: 4vw;
}

#logO.top #main .clm03 .clearfix .box span {
	width: 45vw;
	height: 45vw;
	font-size: 4.5vw;

	color: #3b9fbf;
	border: 2px solid #3b9fbf;
	border-radius: 300px;
	background-color: #ffffff;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	-moz-transition: all 1.0s ease-out;
	-webkit-transition: all 1.0s ease-out;
	-o-transition: all 1.0s ease-out;
	-ms-transition: all 1.0s ease-out;
	transition: all 1.0s ease-out;
}
	
	
	


	
	
/*     login 前 共通     */
#logO #main .inner {
	width: 100%;
	padding: 0 3vw 15vw;
	box-sizing: border-box;
}

#logO #main .inner .loginBox {
	width: 100%;
	box-sizing: border-box;
}

	#logO #main .inner .loginBox .btn-primary {
		width: 80%;
	}
	
/*     login 前 下層ページ　共通     */
#logO.sub #main .inner {
	padding: 4vw 4vw;
}

	#logO.sub #main .inner h2 {
		font-size: 8vw;
		margin-bottom: 7vw;
	}
	
	
#logO.sub #main .inner .box {
	margin-bottom: 4vw;
}

/*     login 前 下層ページ　使い方     */
#logO.sub.howto li.cateBlc {
	margin-bottom: 4vw;
}

#logO.sub.howto h3 {
	font-size: 16px;
	margin-bottom: 4vw;
}

#logO.sub.howto li.cateBlc ul li {
	width: 100%;
	margin-right: 0;
	margin-bottom: 4vw;
}
	
	
/*     login 前 下層ページ　使い方 詳細     */
	#logO.sub.howto.detail li.cateBlc {
		margin-bottom: 10vw;
	}
	
	#logO.sub.howto.detail li.cateBlc > div p img {
    margin: 4vw 0;
}

	
	

/*     login 前 下層ページ　プライバシーポリシー     */
#logO.sub.privacy #main .inner .box h3 {
	color: #0a4d8b;
	font-size: 17px;
	margin-bottom: 10px;
}

#logO.sub.privacy #main .inner .box p {
	margin-bottom: 0.5em;
}

#logO.sub.privacy #main .inner .box ul {
	margin-bottom: 0.5em;
}

#logO.sub.privacy #main .inner .box ul li {
	text-indent: -2.5em;
	margin-left: 2em;
}
	
	
	
	
/*      フォーム    */
	.sai_form_table tr {
		display: block;
		width: 100%;
	}
	
	.sai_form_table th {
		display: block;
		width: 100%;
		text-align: left;
		padding: 20px 20px 5px!important;
		border-bottom: none!important;
	}

		.sai_form_table td {
		display: block;
		width: 100%;
			padding: 5px 20px 20px!important;
			border-top: none!important;
	}

	
/*     header     */
#header {
	padding: 0;
	height: 62px;
	background-color: #ffffff;
	
	border-bottom: 2px solid #3b9fbf;
}

#header div.logo {
	width: calc(100% - 75px - 75px);
	position: absolute;
	top: 0;
	left: 75px;
	text-align: center;
	padding-top: 12px;
	height: 62px;
}

#header div.logo img {
	float: none;
	height: 72%;
}

#header div.gNav {
	float: none;
	display: none;
	
	margin-top: 30px;
	margin-left: 50px;
}
	
#main > div.clearfix {
	display: block;
}
	
	
	#main #leftMenu .gNav {
	display: block;
}
	
	
#main #leftMenu {
	position: absolute;
	left: 0;
	top: 0;
	height: auto;
	min-height: auto;
	background-color: transparent;
	z-index: 100;
	width: 75px;
	height: 60px;
	float: none;
	}
	
	#main.open #leftMenu {
		width: 100%;
	}
	


	
	#main #conArea {
		float: none;
		width: 100%;
		height: auto;
		min-height: auto;
		padding: 30vw 10px 10px;
		min-height: 73vh;
	}
	
	#main #conArea .btn_newMatch {
    position: absolute;
    top: 8px;
    right: 10px;
}
	
	#main.open #conArea {
		width: 100%;
		min-width: 100%;
}
	
	#main #conArea .tab {
		position: relative;
		top: 0;
		left: 0;
	}	
	
	#main #conArea .tab li {
		width: 40%!important;
	}
	
	
	
#main #conArea .box {
	position: relative;
	top: 0;
	left: 0;
	padding: 10px 10px 30px;
	width: 100%;
	margin-top: -2px;
	}
	
	#main #conArea .box .cale table td .blc span.icon {
		float: none;
		width: 100%;
		margin-bottom: 0;
	}
	
	#main #conArea .box .cale table td.passed .blc span.detail {
		float: none;
		width: 100%;
		padding: 2px 10px;
		line-height: 1.3;
}
	
	#main #conArea .box .cale table td .blc.fail span.detail {
		padding: 2px 0;
	}
	
	#main #conArea .box .cale table td .blc .ballon {
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		margin-bottom: 2px;
	}
	
	#main #conArea .box .cale table td .blc span.detail {
    width: 100%;
    text-align: center;
    float: none;
    padding: 1px 0;
    font-size: 12px;
}
	
	#main #conArea .box.lstBox .lstBlc {
		float: none;
		width: 100%;
	}
	
	.matchBox .lstBlc .btm dt {
		border-bottom: none;
		padding: 5px 0 0 0;
	}

	.matchBox .lstBlc .btm dd {
		padding: 3px 0 5px;
	}
	
	.matchBox .lstBlc .btm dt,
	.matchBox .lstBlc .btm dd {
		float: none;
		width: 100%;
	}
	
		#main #rightClm {
		float: none;
		width: 100%;
		position: inherit;
			height: auto;
			min-height: auto;
	}	

		#main #rightClm .blc.search_menu {
			position: absolute;
			top: 111px;
			width: 100%;
			z-index: 90;
		display: none;
	}

	#main #rightClm .btn_search {
		position: absolute;
		top: 70px;
		left: 10px;
    color: #256523;
    background-color: #89c997;
    border: 1px solid #979797;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 8px;
	}
	
#main #rightClm .blc.adArea {
    position: inherit;
    bottom: 0;
    box-sizing: border-box;
    width: 100%;
}	
	

	
	
	#main.open #leftMenu .menu_btn {
		width: 75px;
}
	
	#main.open #leftMenu .menu_detail {
		width: 100%;
	}	
	
	#main #leftMenu ul {
		border-top: 2px solid #bdc8cf		
	}
	
	#main #leftMenu ul li {
		display: inline-block;
		float: left;
		width: 50%;
		border-right: 2px solid #bdc8cf
	}
	
	#main #leftMenu ul li:nth-child(2n) {
		border-right: 0;
	}
	

	#main #leftMenu ul li a {
		width: 100%;
		box-sizing: border-box;
	}
	
	#leftMenu .menu_detail {
		background-color: rgba(0,0,0,0.24);
	}
	
	#main #leftMenu .gNav ul {
		margin-top: 0;
		border-top: none;
	}

	#main #leftMenu .gNav ul li a {
		height: 40px;
		padding: 10px 0 0 15px;
		background-color: #CCE4EC;
		color: #0a4d8b;
	}

#header div.hRight {
	float: right;
	padding-right: 0;
	padding: 7px 7px 0 0;
}

	#header div.hRight .logBtn {
		color: #0a4d8b;
		border: 1px solid #0a4d8b;
		border-radius: 8px;
		padding: 2px 0 3px;
		text-align: center;
		width: 67px;
		box-sizing: border-box;
		float: right;
	}

#header div.hRight .hRight_up {
	position: absolute;
	display: none;
	top: 60px;
	left: 0;
	width: 100%;
	z-index: 90;
	background-color: #495056;
	box-sizing: border-box;
	padding: 15px 10px 0 10px;
}

	/*
#header div.hRight .hRight_up > span {
	float: left;
	vertical-align: middle;
	display: inline-block;
	margin-left: 8px;
}
	*/
	
		/* 検索BOX */
	#header div.hRight .hRight_up .h_search {
		/*display: none;*/
	}	

	/* 学校名 */
	#header div.hRight .hRight_btm {
		display: none!important;
	}
	

#header div.hRight .hRight_up > span.search_input input {
	margin-right: 0;
}

#header div.hRight .hRight_up > span.search_detail {
	font-size: 12px;
	color: #0a4d8b;
	line-height: 1.1;
}

#header div.hRight .hRight_up > span.search_detail:hover {
	cursor: pointer;
}


#header div.hRight .hRight_up > span.search_detail_con {
	background-color: #f3f5f7;
	padding: 15px 15px;
	position: absolute;
	top: 40px;
	right: 0;
	z-index: 20;
}

#header div.hRight .hRight_up span.arrw_tri {
	position: absolute;
  border-right: 50px solid transparent;
  border-bottom: 86.6025px solid #f3f5f7;
  border-left: 50px solid transparent; 
	top: -13px;
	right: 15.0%;
}

#header div.hRight .hRight_up > span.search_detail_con {
	display: none;
}

#header div.hRight .hRight_up > span.search_detail_con .ttl {
	color: #0a4d8b;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 5px;
}

#header div.hRight .hRight_up > span.search_detail_con .term_box {
	margin-bottom: 15px;
}

#header div.hRight .hRight_up > span.search_detail_con .term_box label {
	border-color: #0a4d8b;
	background-color: #ffffff;
}

#header div.hRight .hRight_up > span.submit input[type="submit"] {
	color: #ffffff!important;
	padding: 5px 15px;
}

#header div.hRight .hRight_up > span.search_detail_con .selectBox > div {
	width: 152px;
}

#header div.hRight .hRight_up > span.search_detail_con .selectBox select {
	width: 100%;
	box-sizing: border-box;
}
	
	#header div.hRight .hRight_up form {
		width: 100%;
	}

	#header div.hRight .hRight_up .clearfix {
		width: 100%;
		display: block;
		margin-bottom: 15px;
		margin-left: 0;
		float: none;
	}
	

#header div.hRight span.btnLog,
	#header div.hRight span.btnMy {
	margin-right: 0;
	margin-left: 0;
	margin-top: 10px;
	margin: 0;
	width: 48%;
}

	#header div.hRight span.btnLog {
		float: left;
	}
	
	
	#header div.hRight span.btnMy {
		float: right;
	}
	
#header div.hRight span.btnLog a,
	#header div.hRight span.btnMy a {
	background-color: #ffffff;
	color: #0B0B0B;
	border: 1px solid #0a4d8b;
	border-radius: 5px;
	font-size: 12px;
	padding: 12px 0;
	text-align: center;
	display: inline-block;
	width: 100%;
	line-height: 1;
}
	
#header div.hRight span.btnMy a i {
    color: #0a4d8b;
	}

#header div.hRight span.btnLog a:hover {
	color: #0a4d8b;
	background-color: #ffffff;
}

#header div.hRight .hRight_btm {
	margin-top: 10px;
	text-align: right;
}
	
#header div.hRight .hRight_up .h_search .search_input {
	margin-left: 0;
	width: 66%;
	}

	#header div.hRight .hRight_up .h_search .search_input input[type="text"] {
		padding: 7px 10px;
		width: 100%;
	}

		#header div.hRight .hRight_up .h_search .search_input input:focus {
			background-color: #ffffff;
	}

	#header div.hRight .hRight_up span.search_detail {
		background-color: #ffffff;
		border: 1px solid #0a4d8b;
		padding: 6px;
		vertical-align: middle;
		border: 1px solid #0a4d8b;
		border-radius: 5px;
	}	
	
#header div.hRight .hRight_up span.search_detail_con {
    background-color: #f3f5f7;
    padding: 15px 10px;
    position: absolute;
    top: 122px;
    right: 0;
	width: 100%;
    z-index: 20;
	border-bottom: 2px solid #0a4d8b;
	}
	
	#header div.hRight .hRight_up span.submit input[type="submit"] {
    color: #ffffff!important;
    padding: 8px 15px;
		border: 1px solid #ffffff;
}
	
	#header div.hRight .hRight_up span.search_detail_con .term_box label.inputDate {
		width: 47%;
	}
	
	#header div.hRight .hRight_up span.search_detail_con .selectBox div {
    width: 47%;
}
	
	#header div.hRight .hRight_up .clearfix.selectBox {
		margin-bottom: 5px;
	}	
	
#footer {
	text-align: center;
	/*position: fixed;*/
	position:relative;
	bottom: 0;
	z-index: 10;
	padding: 15px 5px;
	}
	
	#footer .footer_nav {
    display: inline-block;
    margin-right: 0px;
		margin-bottom: 10px;
}

	#footer .footer_nav ul li {
		margin-bottom: 10px;
		width: 46%;
	}

		#footer .footer_nav ul li a {
			width: 100%;
	}

#footer .footer_nav ul li:nth-child(2n) {
	margin-right: 0;
	}
	
	
	
/*    Dashbord    */	
	.dash #conArea .tab ul li:first-child {
		display: none!important;
	}
	
	.dash #conArea .tab_con li[data="1"] {
		display: none!important;
	}

	.dash	#conArea .tab_con li[data="2"] {
		display: block!important;
	}
	
	/*  試合詳細 モーダル　2 */
	/*
	.sai_modal_inner {
		padding: 0;
		background:none;
		min-width: 100vw;
	}
	*/
	
	.shiai_entry_box {
    width: 86vw;
}

	.shiai_entry_box .entry_head {
		height: 40vw;
	}	

.shiai_pop .shiai_entry_box .info_base {
	top:23vw;
}
		
	.shiai_entry_box .entry_head .school {
		top: 20vw;
	}
	
	.shiai_entry_box .entry_head .school .imgarea {
    width: 20vw;
		margin-right: 1vw;
		float: none;
}
	
	.shiai_entry_box .entry_head .school .imgarea img {
		width: 80%;
	}
	
	.shiai_entry_box .entry_head .school .infoarea .s_title {
		font-size: 16px;
}
	
.shiai_entry_box .entry_head .school .infoarea {
	width: 100%;
	float: none;
	}

	.shiai_entry_box .entry_head .school .infoarea .s_date {
		position: absolute;
		top: 8vw;
		left: 25vw;
	}
	
.shiai_entry_box .entry_head .school .infoarea .s_title {
	margin-top: 16vw;
}	
	
	.shiai_entry_box .entry_head .school .infoarea .s_name .club_name {
		margin-right: 0;
		display: block;
	}
	
	.entry_body_area {
		margin-top: 51vw;
	}
	
	.shiai_entry_box .entry_body_area .p_entry_list_block ul li {
		width: 100%;
		margin-right: 0;
		margin-left: 0!important;
	}
	
	.shiai_entry_box .entry_body_area .p_entry_list_block {
    margin-bottom: 20px;
}
	
.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info .scl_info {
    float: none;
    display: block;
}	
	
.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info .e_detail {
    float: none;
    display: block;
	margin-bottom: 8px;
}	
	
.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info span.name {
	display: block;
    margin-right: 0;
}	
	
.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info span.rank {
	display: block;
	margin-bottom: 8px;
	margin-left: 0!important;
	}
	
.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info .tgl_btn {
	position: unset;
	float: right;
	margin-top: 10px;
	}
	
.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info .tgl_btn:hover {
    color: #ffffff;
    border: 1px solid #0a4d8b;
    background-color: #0a4d8b;
	}
	
.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info .e_detail .syusai_entry_cansel:hover {
		background-color: #181818;
	color: #ffffff;
}
	
	.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info .sanka_team h5 {
		margin-left: 3vw;
	}
	
.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info .messeage_list h5 {	
		margin-left: 3vw;
	}
	
.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info .tgl_dwn .blc_up {
    padding: 0 0;
    background: #f7ffee;
}
	
.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info .e_detail.cancel .syusai_entry_cansel {
	width: 100%;
	}	
	
	.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info .e_detail.cancel {
    padding: 20px 3vw;
}
	
.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info .e_detail.cancel textarea {
    margin: 10px 0px 20px;
	width: 100%;
}	
	
	
	
	
	
.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info .e_detail span,
.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info .e_detail button {
    margin-left: 0px;
    margin-right: 10px;
}	
	
	.entry_body_area .entry_info_table th {
		padding: 5px 8px;
	}

	
	.entry_body_area .entry_info_table tr,
	.entry_body_area .entry_info_table th,
		.entry_body_area .entry_info_table td {
		width: 100%;
		display: block;
	}	
	
	
	
	/*
	
.shiai_entry_box .entry_head .school .infoarea .s_name .club_name {
	width: 100%;
	margin-right: 0;
	}
	
.shiai_entry_box .entry_head .school .infoarea .s_addr {
	display: block;
	width: 85vw;
}	
	*/
	
.shiai_entry_box .entry_body_area .p_entry_list_block ul li.bu_info .sanka_team .team_box {
    width: 100%;
    margin-bottom: 10px;
	border-bottom: 1px solid #EAEAEA;
	padding: 0 3vw 10px;
}	
	
	
/*   システムメッセージ　　*/
#logO.top #main .clm00 .inner {
	width: 100%;
    padding: 0 3vw!important;
}

#logO.top #main .clm00 .inner .sysMes {
    padding: 5vw 3vw!important;
    margin: 5vw auto!important;
}

#logO.top #main .clm00 .inner .sysMes h2 {
    border-bottom: none!important;
    margin-bottom: 30px!important;
}
    
    
.sysMes {
	margin: 5vw 0;
	padding: 3vw;
}

.sysMes h2 {
	font-size: 16px;
}

.sysMes .blc {
	padding: 4vw 0;
}

.sysMes .blc .date {
	margin-right: 0;
	display: block;
	margin-bottom: 4vw;
}
    
.sysMes .blc .date span {
    margin-right: 0;
    }
    

.sysMes .blc .date i {
	margin-right: 5px;
}

/*   お気に入り登録校　　*/
.favSch {
	margin: 5vw 0 4vw;
	padding: 3vw;
}

.favSch h2 {
	font-size: 16px;
	margin-bottom: 3.5vw;
}

.favSch .frmB > .clm {
	width: 50%;
	box-sizing: border-box;
	position: relative;
}

.favSch .frmB > .clm .logo {
	text-align: center;
	background-color: #ffffff;
	width: 100%;
	padding: 10px 0;
}

.favSch .frmB > .clm .info {
	padding: 3.0vw;
	font-size: 12px;
}

.favSch .frmB > .clm .info .s_place {
	margin-bottom: 3vw;
	font-size: 12px;
	padding: 2px 2px;
}

	

	
/*-----   myPage 　登録情報変更　 base.php  -----*/
#base .tab_item table {
	width: 100%;
	margin: 40px auto;
}

#base #main #conArea .box {
	margin-top: -3px;
	}
	
#base #main #conArea .tab li {
	width: 32.0%!important;
	margin-right: 0.7%;
	}
	
#base #main #conArea .tab li:last-child {
	margin-right: 0!important;
	}
	
#base #main #conArea .tab li a {
	font-size: 4.1vw;
	}
	
	
/*-----   myPage 　チーム登録　  team.php -----*/
.memoBox .memo_list li {
	float: none;
	width: 100%;
	margin-right: 0;
}

	.memoBox .memo_list li.clm {
		width: 100%;
		padding: 0;
	}

	.memoBox .memo_list li.clm ul li {
		display: inline-block;
		width: 31%;
	}
	
	
/*-----   myPage 　試合を主催する　  shiai.php -----*/
#shiai #main #conArea .tab li {
    width: 60%!important;
}	
	
	#shiai #main #conArea .box {
		padding-bottom: 30px;
		margin-bottom: 50px;
	}
	
/*-----   myPage 　参加申込をする　 entry.php  -----*/
#shiai.entry .sai_form_table td.date span.inp {
	margin: 0;
}
	
	
/*-----   myPage 　試合結果登録　 result.php  -----*/
#result #main .result_box {
	width: 100%;
}

#result #main .result_box:nth-child(2) {
	margin-left: 0;
}
	
	#result #main .shiai_info span.date {
		margin-bottom: 5px;
	}
	
/*	
	#result #main .team_listset li table th {
		vertical-align: middle;
    padding: 5px 0px;
		width: 11%;
	}
	
		#result #main .team_listset li table th:first-child {
			width: 56%;
		padding: 5px 5px;
	}

	
	#result #main .team_listset li table th span {
		font-size: 11px;
		width: 100%;
	}
	*/

	#result #main .team_listset li table tr.ttl td {
		text-align: left!important;
	}

	
	#result #main .team_listset li table td {
		vertical-align: middle;
		padding: 8px 5px;
		width: 24%;
		font-size: 13px;
}

		#result #main .team_listset li table td:first-child {
		padding: 8px 5px;
		width: 28%;
			text-align: center!important;
}
	
	#result #main .team_listset li table tr.total_ttl td {
		text-align: left!important;
		border-top: 2px solid rgba(10,77,139,0.30);
		border-bottom: none;
    font-weight: bold;
    background-color: rgba(10,77,139,0.10);
    color: #0a4d8b;
		padding: 5px 5px 2px;		
		line-height: 1;
		font-size: 12px;
	}
	
	#result #main .team_listset li table tr.total td {
		border-top: none;
		padding: 0px 5px 5px;
		line-height: 1;
	}	

	#result #main .team_listset li table tr.total td span {
		margin-left: 3px;
	}
	
	#result .box.tab_item popup {
    color: #256523;
    background-color: #89c997;
    border: 1px solid #979797;
    display: inline-block;
    padding: 3px 10px;
    border-radius: 8px;
    text-decoration: none;
    /* font-size: 13px; */
		font-size: 3vw;
		width: 40%;
}
	
	#result .box.tab_item .unentry {
	position: initial;
		margin-bottom: 4vw;
		width: 100%;
		box-sizing: border-box;
		text-align: center;
		padding: 2vw 2vw 3vw 2vw;
}

#result .box.tab_item .unentry p {
	font-size: 2.8vw;
	display: block;
	text-indent: -1em;
	margin-left: 1em;
	margin-bottom: 2.5vw;
	text-align: left;
}

#result .box.tab_item .unentry p span {
	color: #D00206;
	font-size: 2.8vw;
}

	

	
/*-----   myPage 　参加申込　 entry.php  -----*/
	#shiai.entry .sai_form_table td {
		width: 100%;
	}	
	
	#shiai.entry .sai_form_table td select {
		width: 80vw;
	}

	#shiai.entry .sai_form_table td textarea {
		width: 80vw;
	}
	
	#shiai.entry .sai_form_table td.date span {
		display: inline-block;
		box-sizing: border-box;
		width: 5vw;
		text-align: center;
		vertical-align: middle;
	} 

	#shiai.entry .sai_form_table td.date span.inp {
		width: 36vw;
	} 
	
	#shiai.entry .sai_form_table td.date input {
		width: 36vw;
		box-sizing: border-box;
		vertical-align: middle;
	}
	
	/*-----   myPage 　ギャラリー　 gallery.php  -----*/
#gallery #conArea .box .dir_list li {
	width: 44%;
	}

#gallery #conArea .box .dir_list li span {
	font-size: 11px;
	}
	
#gallery #conArea .box .imgUp {
	text-align: center;
	}
 	
	
	#gallery #conArea .box .img_list li {
	width: 42vw;
		height: 42vw;
	box-sizing: border-box;
		margin: 0 0 15px!important;
	}
	
	

	#gallery #conArea .box .img_list li:nth-child(2n) {
		margin-right: 0;
		float: right;
	}
	
	#gallery #conArea .box .img_list li img {
		width: 100%;
		height: auto;
	}
	
	#gallery #conArea .box .col-md-4 input.form-control {
     padding: 2px 12px; 
}
	
#gallery #conArea .box .imgUpArea .col-md-4 input {
    width: 100%;
}	
	
	#gallery #conArea .box .imgUpArea .col-md-2 {
		width: 50%;
		margin: 0 auto 15px;
		text-align: center;
	} 	
	
	#gallery #conArea .box .imgUpArea .col-md-2 button {
		margin-bottom: 20px;
	}

	#gallery #conArea .box .dateC {
		text-align: center;
	}	
	
	#gallery #conArea .box .dateC button {
		display: block;
		width: 50%!important;
		margin-top: 20px;
		margin: 20px auto;
	}
	
	#gallery #conArea .box .btn_back {
		margin-top: 30px;
	}
	
	#gallery #conArea .box .imgUpArea.btn_back {
		margin: 50px 0 0px;
	}
	
	#gallery #conArea .box .imgUpArea.btn_back .col-md-2 {
	float: none;
	width: auto;
}

#gallery #conArea .box .imgUpArea.btn_back .col-md-2 a {
	width: auto!important;
}
	
	#gallery #conArea .box .open_g dl {
    width: 100%!important;
		margin-bottom: 40px;
}
	
	#gallery #conArea .box .open_g dl.cord dd {
    padding-right: 0px;
}

		#gallery #conArea .box .open_g dl.qr {
			margin-bottom: 20px;
	}
	
	#gallery #conArea .box .dateC form {
    display: block;
}

/*-----   myPage 　学校情報　 school.php  -----*/
#result.school .fav_icon {
	margin-bottom: 20px;
}

#result.school .fav_icon {
    position: absolute;
    top: -83px;
    right: 0;
}
	
.shiai_entry_box .entry_head .school_bg {
	background: none;
	}

#result.school .shiai_entry_box .entry_head .school .infoarea {
	
	margin-top: 10px;
}

#result.school .shiai_entry_box .entry_head .school .infoarea .s_title {
    margin-top: 4vw;
	margin-bottom: 2vw;
}	

#result.school #main .box .cate_clm {
	border-bottom: none;
}

#result.school #main .box .school_detail {
	margin-top: 25vw;
}

#result.school #main .box .school_detail ul.base_blocs > li {
	display: inline;
	width: 100%;
}

#result.school #main .box .school_detail ul.base_blocs > li.b_left table {
	width: 100%;
	margin-bottom: 10vw;
}

#result.school #main .box .school_detail ul.base_blocs > li.b_left th {
    width: 120px;
    background: #eee;
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

#result.school #main .box .school_detail ul.base_blocs > li.b_left td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

#result.school #main .box .school_detail ul.base_blocs > li.b_right {
	width: 45%
}

#result.school #main .box .school_detail ul.base_blocs > li.b_right ul.memo_list {
    border-top: 1px solid #ddd;
}

#result.school #main .box .school_detail ul.base_blocs > li.b_right ul.memo_list li.clm {
    border-bottom: 1px solid #ddd;
	padding: 10px 0;
}	
	
	
}

#logO.sub #main .btnArea{
	margin-top: 16px;
}
section.about_block{
	margin-bottom: 56px;
}
section.about_block h3{
	text-align: center;
	margin: 8px;
	padding: 16px;
	font-size: 24px;
	line-height: 200%;
}

section.about_block .att{
	background: #eee;
	width: 85%;
	margin: 0 auto;
	padding: 16px;
}