/*---------------------------------------------------------------------------
共通CSS
---------------------------------------------------------------------------*/
	header, body { font-family: 'YuGothic','Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', 'Meiryo','ＭＳ ゴシック',sans-serif; }
	a { overflow: hidden; color: #000000; outline: none; text-decoration: none; }
	a:hover { color: #0000FF; text-decoration: none; }
	.delmsg1{ font-size: 24px; color: #FF0000; }

	@media screen and (min-width: 768px) { 
	 .g_register_body { width: 80%; }
	}

/*---------------------------------------------------------------------------
ヘッダー
---------------------------------------------------------------------------*/
	.jumbotron { background:url(../images/heder1.jpg) center no-repeat; background-size: cover; padding-top: 10%; }
	.jumbotron .convention { font-size: 24pt; font-weight: bold; color: #0000FF; background-color: #FFFFFF; }
	@media screen and (max-width: 540px) { .jumbotron .convention { font-size: 15pt; } }
	/* トップへのボタン */
	.btn-gradient-radius { display: inline-block; padding: 7px 50px; border-radius: 25px; text-decoration: none; color: #FFF; background-image: linear-gradient(45deg, rgb(120, 141, 137) 0%, rgb(150, 145, 130) 100%); transition: .4s; }
	.btn-gradient-radius:hover { background-image: linear-gradient(45deg, #FFC107 0%, #f76a35 100%); }

/*---------------------------------------------------------------------------
ヘッダー下 団体名など
---------------------------------------------------------------------------*/
	.g_name_code { font-size: 15pt; }

/*---------------------------------------------------------------------------
サイドバー
---------------------------------------------------------------------------*/
	.sidebar table{ width: 230px; border:1px solid rgb(30, 61, 97); font-family: serif; }
	table:nth-child(2) { border:1px solid rgb(255, 0, 0); }
	.syusou tr th{ background-color: rgb(30, 61, 97); font-size: 14pt; color: #fff; }
	.triangle_01 a { color: #000000; }
	.triangle_01 a:hover { color: #FF4500; }

	/* 三角矢印 */
	.triangle_01 { text-indent: -1em; margin-left: 1em; font-size: 12pt; font-weight: bold; }
	.triangle_01:before { content: ''; display: inline-block; width: 0; height: 0; margin-right: 4px; margin-left: 4px; margin-bottom: -4px; border: transparent solid 12px; border-left-color: rgb(30, 61, 97); }
	table:nth-child(2) .triangle_01:before { border-left-color: rgb(255, 0, 0); }

/*---------------------------------------------------------------------------
スマフォ用ナビメニュー
---------------------------------------------------------------------------*/
	.navbar-toggler .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }
	.back_white { background-color: rgb(255, 255, 255); }

/*---------------------------------------------------------------------------
メイン
---------------------------------------------------------------------------*/
	.main_body { font-family: "Sawarabi Mincho"; background-image: url(../images/bimage1.jpg); background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-color: #464646; }
	.main_body .box { width: 100%; height: 100vh; color: #0000FF;  display: flex; align-items: center; /* 縦方向中央揃え */ justify-content: center; /* 横方向中央揃え */
 flex-direction: column; }
	.box h1{ font-size: 40px; padding-bottom: 30px; }
	.box .msg1{ font-size: 18px; color: #000000; background: #FFFFFF; }
	@media screen and (max-width: 640px) {
	 .box > div { font-size: 2.5em; white-space: nowrap; }
	}
	.box a{ width: 400px; margin-top: 50px; }
	.main_body .btn-primary{ background-color: rgb(17, 38, 61); border: 1px solid rgb(12, 26, 42); }
/*---------------------------------------------------------------------------
初期登録
---------------------------------------------------------------------------*/
	.initial_body { font-family: "Sawarabi Mincho"; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-color: #F5F5F5; }
	.initial_body .box { width: 100%; height: 100vh; color: #fff;  display: flex; align-items: center; /* 縦方向中央揃え */ justify-content: center; /* 横方向中央揃え */
 flex-direction: column; }
	.box h1{ font-size: 40px; padding-bottom: 30px; }
	.msg1{ font-size: 18px; color: #FF4500; }
	@media screen and (max-width: 640px) {
	 .box > div { font-size: 2.5em; white-space: nowrap; }
	}
	.box a{ width: 400px; margin-top: 50px; }
	.initial_body .btn-primary{ background-color: rgb(17, 38, 61); border: 1px solid rgb(12, 26, 42); }
	.initial_body a { font-size: 20px; overflow: hidden; color: #333333; outline: none; text-decoration: none; }
	.initial_body a:hover { color: #0000FF; text-decoration: none; }



/*---------------------------------------------------------------------------
メイン
---------------------------------------------------------------------------*/
	main  { background: #ebebeb; margin-bottom: 100px; }
	.main_c { padding: 10px 30px; }
	h2 { margin-top: 10px; padding: .5em; position: relative; }
	h2:after { content: ""; width:100%; height:4px; position: absolute; left: 0; bottom: 0; background: linear-gradient(to right, #7ED1E6, rgba(255,255,255,0) 100%); }
	@media screen and (max-width: 540px) {
	 h2 { font-size: 23px; letter-spacing: -1px; }
	}
	.kubun_01 { font-size: 14pt; font-weight: bold; padding-top: 35px; }

	.msg2{ font-size: 18px; color: #FF4500; }
	.msg3{ font-size: 24px; color: #000000; }

	/* 確認ボタン */
	.kakunin .btn-primary{ font-size: 20px; font-weight: bold; background-color: rgb(17, 38, 61); border: 1px solid rgb(12, 26, 42); width: 300px; }
	/* 編集ボタン */
	.edit .btn-primary{ font-size: 20px; font-weight: bold; background-color: rgb(30, 144, 255); border: 1px solid rgb(255, 255, 255); width: 300px; }
	/* 選手ボタン */
	.member .btn-primary{ font-size: 20px; font-weight: bold; background-color: rgb(34, 139, 34); border: 1px solid rgb(255, 255, 255); width: 300px; }
	/* 削除ボタン */
	.delete .btn-primary{ font-size: 20px; font-weight: bold; background-color: rgb(255, 69, 0); border: 1px solid rgb(255, 255, 255); width: 300px; }
	/* 印刷ボタン */
	.print .btn-primary{ font-size: 20px; color: #0000FF; font-weight: bold; background-color: rgb(255, 215, 0); border: 1px solid rgb(255, 255, 255); width: 300px; }

/*---------------------------------------------------------------------------
団体選手登録確認
---------------------------------------------------------------------------*/
	.group_confirm p { font-size: 17pt; }
	.group_confirm .col-sm-3 > p { text-align: right; }
	@media screen and (max-width: 540px) {
	 .group_confirm .col-sm-3 > p { text-align: left; padding-top: 5px; }
	}
	.group_confirm .kubun_01 { font-size: 18pt; }

	/* 確認ボタン */
	.group_confirm .kakunin .btn-primary{ width: 100%; }

/*---------------------------------------------------------------------------
団体エントリー
---------------------------------------------------------------------------*/
	.group_body main { background-color: rgb(255, 255, 255) !important; font-family: serif; }
	@media screen and (min-width: 768px) {
	 .group_body { width: 70%; }
	}
	.group_body h1 { font-weight: bold; padding-bottom: 30px; }
	@media screen and (max-width: 540px) {
	 .group_body h1 { font-size: 20pt; padding-bottom: 10px; }
	}
	.group_body label { font-size: 16pt; font-weight: bold; text-align: right; }
	@media screen and (max-width: 540px) {
	 .group_body label { text-align: left; }
	}

/*---------------------------------------------------------------------------
出漕登録内容一覧
---------------------------------------------------------------------------*/
	.main_list { padding: 10px 30px; }
	.main_list .btn-primary{ height: 45px; }

/*---------------------------------------------------------------------------
トップページ (いざゴールへ)
---------------------------------------------------------------------------*/
	.event_body { font-family: "Sawarabi Mincho"; background-image: url(../images/bimage1.jpg); background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-color: #464646; }
	.event_body .box { width: 100%; height: 100vh; color: #fff;  display: flex; align-items: center; /* 縦方向中央揃え */ justify-content: center; /* 横方向中央揃え */
 flex-direction: column; }
	.box h1{ font-size: 40px; padding-bottom: 30px; }
	.box .msg1{ font-size: 18px; color: #000000; background: #FFFFFF; }
	@media screen and (max-width: 640px) {
	 .box > div { font-size: 2.5em; white-space: nowrap; }
	}
	.box a{ width: 400px; margin-top: 50px; }
	.event_body .btn-primary{ background-color: rgb(17, 38, 61); border: 1px solid rgb(12, 26, 42); }

/*---------------------------------------------------------------------------
ログインページ
---------------------------------------------------------------------------*/
	.log_html, .log_body { height: 100%; font-family: serif; }
	.log_body { font-family: "Sawarabi Mincho"; background-image: url(../images/bimage1.jpg); background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-color: #464646; }
	.event_body .box { width: 100%; height: 100vh; color: #fff;  display: flex; align-items: center; /* 縦方向中央揃え */ justify-content: center; /* 横方向中央揃え */
 flex-direction: column; }
	.form-signin { width: 100%; max-width: 330px; padding: 15px; margin: 0 auto; }
	.form-signin .checkbox { font-weight: 400; }
	.form-signin .form-control { position: relative; box-sizing: border-box; height: auto; padding: 10px; font-size: 16px; }
	.form-signin .form-control:focus { z-index: 2; }
	.form-signin input[type="email"] { margin-bottom: -1px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
	.form-signin input[type="password"] { margin-bottom: 10px; border-top-left-radius: 0; border-top-right-radius: 0; }