/* ---- common ---- */
#pagetop { display:none; ;z-index:10; position:fixed; bottom:10px; right:10px; font-size:90%; }
#pagetop a { background:#666; text-decoration:none; color:#fff; width:140px; padding:10px 0px; text-align:center; display:block; border-radius:4px; }
#pagetop a:active { text-decoration:none; background:#777; }
#pagetop a:hover { text-decoration:none; }
@supports (-ms-accelerator:true) {
  #pagetop { right:23px; }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #pagetop { right:30px; }
}
@media (max-width: 767px) {
  #pagetop a{width:70px;}
}
/* ---- common ---- */


.navbar-dark .navbar-nav .nav-link { color:#fff; }

body{font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}

.mv{ position: relative; }
.mv::before {
    position: absolute;
    height: 7vw;
    left: 5px;
    max-height: 80px;
    max-width: 80px;
    top: 10px;
    width: 7vw;
    background: url(/common/jga_logo.svg) 0 0/contain no-repeat;
    content: "";
    display: block;
}

.shade{ filter: drop-shadow(2px 2px 3px #000); }

/* 幅992-1200pxの間 */
header {
	background: url(/common/IMG_0321_bg.jpg);
	background-position: 50% 70%;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

/* 幅1200px以上 */
@media (min-width:1200px){
	header {
		background-position: 50% 70%;
	}
}

/* 幅1500px以上 */
@media (min-width:1350px){
	header {
		background-position: 50% 70%;
	}
}

/* 幅1500px以上 */
@media (min-width:1500px){
	header {
		background-position: 50% 65%;
	}
}

/* 幅991pxまで */
@media (max-width:991px) {
	header {
		background-position: 50% 70%;
	}
}

.pageheader {
    background: url(/common/udr_ttl_bg.jpg) top center no-repeat;
    color:#fff;
}
.pageheader .row{
    position:relative;
    padding-left: 65px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 4rem;
    font-weight:bold;
}
.pageheader .icon{
    height: 100px;
    left: 15px;
    top: 5px;
    width: 36px;
    background: url(/common/udr_ttl_icon.png) top center/contain no-repeat;
    content: "";
    position: absolute;
}

.navbar-header {
border-bottom:1px solid #666;
}
.navbar-dark .navbar-toggler {
    background-color: rgba(255,255,255,.2);
}
.navbar {
	padding:10px;
}
.navbar-nav .nav-link {
    padding:.5rem 1rem!important;
	position: relative;
}
.navbar-nav>li>a:before {
    border-bottom: solid 5px transparent;
    border-left: solid 4px rgba(255,255,255,.5);
    border-top: solid 5px transparent;
    content: "";
    display: block;
    margin-top: -5px;
    position: absolute;
    top: 50%;
}
.navbar-nav>li>a>span {
    margin-left:8px;
}

/* /header & nav */



/* footer */
footer{
    margin-top:20px;
    text-align:center;
    color:#fff;
    background: url(/common/bg.jpg) top center no-repeat;
    padding: 20px 0;
}
footer img{ margin-bottom:10px; }
/* /footer */



/* ad */
section.ad728 {
    margin-top:0;
    text-align:center;
    margin-bottom:20px;
}
section.ad728 a{
    margin:0 auto;
    display:inline-block;
}
/* /ad */

/*
.entry-btn{
font-weight:bold;font-size:30px;
width:100%;
border: 1px solid #eea236;
background: #f0ad4e;
color:#fff;
}
.entry-btn:hover{
color:#fff;
text-decoration: underline;
background-color:#d89a43;
}*/

.entry_btn { font-size:30px; }

main { margin-top:20px; }

section table {
    border: 1px solid #ccc;
    margin: 0 -1px 24px 0;
    text-align: left;
    width: 100%;
    border-collapse: collapse;
}
section table tr th { background-color:#eee; }
section table tr th,
section table tr td {
	border: 1px solid #ccc;
	padding: 5px;
	border-collapse: collapse;
}

h1, h2, h3, h4{ font-weight:bold;margin:0; }
section { margin-top:30px; clear:both; }
section h2 { margin-bottom:10px; }
article { margin-bottom:20px; }

section#schedule table tr th { text-align:center; font-size:85%; }
section#schedule table tr th,
section#schedule table tr td { padding:5px; }
section#schedule table tr td span.note { font-size:85%;color:#666; }
section#schedule table tr td strong { font-weight:bold; font-size:16px; }
section#schedule table tr td strong.price { color:#F00;  }
section#schedule table tr td .sm { font-size:85%; }

/*
section#schedule table tr td a { color:#fff; padding:2px 5px; background-color:#5cb85c; display:inline-block; border:1px solid #4cae4c; font-weight:bold; border-radius:3px; }
section#schedule table tr td a.mb {margin-bottom:5px;}
section#schedule table tr td a.kyogi {background-color:#337ab7;border:1px solid #2e6da4;}
section#schedule table tr td a.manner {background-color:#5bc0de;border:1px solid #46b8da;}
*/

section#schedule table tr td.link a {font-size:85%;}
section#schedule table tr .link2 {display:none;}

#feature h3 {  }
#feature .thum img { border:1px solid #ccc; margin:5px 0 5px 0; }
section#prize .col-md-4 .thum img { margin-bottom:10px; }

.sm { font-size:85%;font-weight:normal; }

.loader {
  border: 15px solid #f3f3f3;
  border-radius: 50%;
  border-top: 15px solid #999;
  width: 50px;
  height: 50px;
  -webkit-animation: spin 1s linear infinite; /* Safari */
  animation: spin 1s linear infinite;
  top: 45%;
  left: 45%;
  position: absolute;
  z-index:30;
}
@media (max-width: 767px) {
	.loader{ top:35%;left:43%;border-width:5px;border-top-width:5px;height:30px;width:30px; }
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
div[class^="col"] { float:left; }

@media (max-width: 767px) { h1 { font-size:20px; } }