#content .first { margin: 30px; font-size: 16px; }
#content .first .attn { color: #c00; }

#content .subheading { margin: 30px 0 0; padding-bottom: 2px; display: table; width: 100%; height: 48px; color: #fff; background: url(../img/subheading.png) no-repeat;  }
#content .subheading .h { margin: 0; padding: 0 16px; display: table-cell; vertical-align: middle; font-size: 18px; font-weight: bold; }

#content .paginate { margin: 30px 0; text-align: center; font-size: 0; font-weight: bold; }
#content .paginate a { margin: 1px; border-radius: 4px; display: inline-block; min-width: 40px; height: 40px; line-height: 40px; color: #fff; background-color: #333; text-align: center; text-decoration: none; font-size: 14px; transition: color .1s linear, background-color .1s linear; }
#content .paginate a:hover,
#content .paginate .active { color: #000; background-color: #fc0; }

#content .message { margin: 60px 30px; padding: 40px 0; border-radius: 8px; background-color: #eee; text-align: center; }

#content .return-button { margin-top: 30px; text-align: center; font-size: 0; font-weight: bold; }
#content .return-button a { margin: 1px; border-radius: 4px; display: inline-block; min-width: 320px; height: 48px; line-height: 48px; color: #fff; background-color: #333; text-align: center; text-decoration: none; font-size: 16px; transition: color .1s linear, background-color .1s linear; }
#content .return-button a:hover { background-color: #444; }


/* #budokailoc-detail */
#content .detail { margin: 30px 0; font-size: 14px; }
#content .detail-box { margin: 30px; border: 1px solid #ddd; font-size: 16px; }
#content .detail-box .head { padding: 20px; background-color: #f0f0f0; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
#content .detail-box .head .name { font-size: 18px; font-weight: bold; }
#content .detail-box .head .update { font-size: 14px; }
#content .detail-box .foot { padding: 20px; background-color: #f0f0f0; }
#content .detail-box .foot .refer { margin-top: -5px; list-style: none; }
#content .detail-box .foot .refer li { margin-top: 5px; }
#content .detail-box .main { padding: 0 20px; background-color: #fff; }
#content .detail-box .main table { margin: 30px 0; width: 100%; }
#content .detail-box .main caption { margin-bottom: 10px; padding: 0 10px 5px; border-bottom: 4px solid #46b6ff; font-weight: bold; }
#content .detail-box .main caption .type { margin-left: 5px; display: inline-block; position: relative; }
#content .detail-box .main caption .type-tenkaichi { bottom: -16px; }
#content .detail-box .main caption .type-season { bottom: -4px; }
#content .detail-box .main caption .type img { width: 100%; vertical-align: bottom; }
#content .detail-box .main caption .type .cat { color: #333; display: block; text-align: center; line-height: 1.5; font-size: 13px; }
#content .detail-box .main th,
#content .detail-box .main td { padding: 10px; border-bottom: 1px solid #ddd; vertical-align: top; box-sizing: border-box; }
#content .detail-box .main th { color: #666; font-weight: normal; width: 35%; white-space: nowrap; }


/* #budokailoc-list */
#content .list { margin: 30px 0; font-size: 14px; }
#content .list-body { margin: 30px; }
#content .list-body .row { margin: 10px 0; padding: 10px 20px; border: 1px solid #ddd; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
#content .list-body .row:hover { background-color: #f8f8f8; }
#content .list-body .row .col1 { padding: 10px 0; flex-grow: 18; }
#content .list-body .row .col2 { flex-grow: 1; }
#content .list-body .row .col3 { padding: 10px 0; flex-grow: 1; }
#content .list-body .row .stats { margin: 0 0 5px; color: #333; }
#content .list-body .row .stats dt { margin: 0 1em 0 0; display: inline-block; }
#content .list-body .row .stats dd { margin: 0 1em 0 0; display: inline-block; }
#content .list-body .row .name { margin: 0; font-size: 18px; font-weight: bold; }
#content .list-body .row .type { display: inline-block; position: relative; }
#content .list-body .row .type-tenkaichi,
#content .list-body .row .type-season { margin: 0; width: 160px; }
#content .list-body .row .type img { width: 100%; vertical-align: bottom; }
#content .list-body .row .type .cat { color: #333; display: block; text-align: center; line-height: 1.5; font-size: 13px; }
#content .list-body .row .button { border: 1px solid #ddd; border-radius: 4px; background-color: #fff; min-width: 96px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; font-weight: bold; }

#content .list-body .row-past { background-color: #ccc; border-color: #ccc; }
#content .list-body .row-past:hover { background-color: #d4d4d4; }
#content .list-body .row-past .button { border-color: #ccc; }

#content .list-body .toushinsai,
#content .detail-box .toushinsai { margin: 0 8px; text-align: center; color: #fd1; background: #115a84; font-weight: normal; font-size: 11px; text-decoration: none; display: inline-block; }
#content .list-body .toushinsai b,
#content .detail-box .toushinsai b { padding: 4px 8px; font-size: 18px; text-shadow: 1px 1px 1px #000, 0 0 #000; display: inline-block; }
#content .list-body .toushinsai span,
#content .detail-box .toushinsai span { padding: 4px 8px; background: #111; color: #fff; display: inline-block; }
#content .detail-box .toushinsai { margin: -2em 0 0px 2em; }


/* #budokailoc-index
----------------------------------------------------------------------------- */
/*
#content .map-pane { margin: 30px 0 0; position: relative; width: 740px; height: 440px; background-color: #e0e0e0;
	background-image: -moz-radial-gradient( 50% 50%, circle closest-side, rgb(255,255,255) 25%, rgb(217,217,217) 100%);
	background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, rgb(255,255,255) 25%, rgb(217,217,217) 100%);
	background-image: -ms-radial-gradient( 50% 50%, circle closest-side, rgb(255,255,255) 25%, rgb(217,217,217) 100%);
}
#content .map-pane .map-copy { margin: 0; padding: 16px 40px; position: absolute; top: 30px; right: 0; left: 0; z-index: 1; color: #fff; line-height: 1.5; font-size: 24px; font-weight: bold; text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.5); }
#content .map-pane .map-copy:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1;
	background-image: -moz-linear-gradient( 0deg, rgb(153,153,153) 0%, rgba(153,153,153,0) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(153,153,153) 0%, rgba(153,153,153,0) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(153,153,153) 0%, rgba(153,153,153,0) 100%);
}
#content .map-body { position: absolute; top: 80px; left: 113px; z-index: 3; width: 465px; height: 317px; background: url(../img/map-body.png) no-repeat; background-size: 465px 317px; }
*/

#content .map-pane { margin: 30px 0 0; position: relative; width: 740px; height: 480px; background: url(../img/map-pane.jpg) no-repeat; }
#content .map-pane .map-copy { text-indent: 100%; overflow: hidden; white-space: nowrap; }
#content .map-body { position: absolute; top: 106px; left: 176px; z-index: 3; width: 465px; height: 317px; background: url(../img/map-body.png) no-repeat; background-size: 465px 317px; }

/* .map-pref */
#content .map-body .map-pref { display: block; position: absolute; background-color: #3799dd; text-indent: -999px; overflow: hidden; outline: none; box-shadow: 0 2px 0 0 rgba(0,0,0,.2); }
#content .map-body #map-pref-1  { top:   0;   left: 367px; width: 98px; height: 70px; }
#content .map-body #map-pref-2  { top:  88px; left: 367px; width: 85px; height: 24px; }
#content .map-body #map-pref-3  { top: 115px; left: 411px; width: 41px; height: 24px; }
#content .map-body #map-pref-4  { top: 142px; left: 411px; width: 41px; height: 24px; }
#content .map-body #map-pref-5  { top: 115px; left: 367px; width: 41px; height: 24px; }
#content .map-body #map-pref-6  { top: 142px; left: 367px; width: 41px; height: 24px; }
#content .map-body #map-pref-7  { top: 169px; left: 367px; width: 85px; height: 24px; }
#content .map-body #map-pref-8  { top: 196px; left: 427px; width: 25px; height: 44px; }
#content .map-body #map-pref-9  { top: 196px; left: 395px; width: 29px; height: 24px; }
#content .map-body #map-pref-10 { top: 196px; left: 367px; width: 25px; height: 44px; }
#content .map-body #map-pref-11 { top: 223px; left: 395px; width: 29px; height: 24px; }
#content .map-body #map-pref-12 { top: 243px; left: 427px; width: 25px; height: 44px; }
#content .map-body #map-pref-13 { top: 250px; left: 395px; width: 29px; height: 24px; }
#content .map-body #map-pref-14 { top: 243px; left: 367px; width: 25px; height: 44px; }
#content .map-body #map-pref-15 { top: 149px; left: 339px; width: 25px; height: 44px; }
#content .map-body #map-pref-16 { top: 149px; left: 311px; width: 25px; height: 44px; }
#content .map-body #map-pref-17 { top: 149px; left: 283px; width: 25px; height: 44px; }
#content .map-body #map-pref-18 { top: 149px; left: 255px; width: 25px; height: 44px; }
#content .map-body #map-pref-19 { top: 196px; left: 339px; width: 25px; height: 44px; }
#content .map-body #map-pref-20 { top: 196px; left: 311px; width: 25px; height: 44px; }
#content .map-body #map-pref-21 { top: 196px; left: 283px; width: 25px; height: 44px; }
#content .map-body #map-pref-22 { top: 243px; left: 339px; width: 25px; height: 44px; }
#content .map-body #map-pref-23 { top: 243px; left: 311px; width: 25px; height: 44px; }
#content .map-body #map-pref-24 { top: 243px; left: 283px; width: 25px; height: 44px; }
#content .map-body #map-pref-25 { top: 196px; left: 255px; width: 25px; height: 44px; }
#content .map-body #map-pref-26 { top: 149px; left: 227px; width: 25px; height: 44px; }
#content .map-body #map-pref-27 { top: 243px; left: 227px; width: 25px; height: 44px; }
#content .map-body #map-pref-28 { top: 196px; left: 227px; width: 25px; height: 44px; }
#content .map-body #map-pref-29 { top: 243px; left: 255px; width: 25px; height: 44px; }
#content .map-body #map-pref-30 { top: 290px; left: 227px; width: 53px; height: 24px; }
#content .map-body #map-pref-31 { top: 149px; left: 199px; width: 25px; height: 44px; }
#content .map-body #map-pref-32 { top: 149px; left: 171px; width: 25px; height: 44px; }
#content .map-body #map-pref-33 { top: 196px; left: 199px; width: 25px; height: 44px; }
#content .map-body #map-pref-34 { top: 196px; left: 171px; width: 25px; height: 44px; }
#content .map-body #map-pref-35 { top: 176px; left: 143px; width: 25px; height: 64px; }
#content .map-body #map-pref-36 { top: 290px; left: 181px; width: 32px; height: 24px; }
#content .map-body #map-pref-37 { top: 263px; left: 181px; width: 32px; height: 24px; }
#content .map-body #map-pref-38 { top: 263px; left: 146px; width: 32px; height: 24px; }
#content .map-body #map-pref-39 { top: 290px; left: 146px; width: 32px; height: 24px; }
#content .map-body #map-pref-40 { top: 176px; left: 107px; width: 25px; height: 44px; }
#content .map-body #map-pref-41 { top: 176px; left:  79px; width: 25px; height: 44px; }
#content .map-body #map-pref-42 { top: 176px; left:  51px; width: 25px; height: 44px; }
#content .map-body #map-pref-43 { top: 223px; left:  79px; width: 25px; height: 44px; }
#content .map-body #map-pref-44 { top: 223px; left: 107px; width: 25px; height: 44px; }
#content .map-body #map-pref-45 { top: 270px; left: 107px; width: 25px; height: 44px; }
#content .map-body #map-pref-46 { top: 270px; left:  79px; width: 25px; height: 44px; }
#content .map-body #map-pref-47 { top: 290px; left:   3px; width: 32px; height: 24px; }
#content .map-body .map-pref:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; }
#content .map-body .map-pref:hover:before { background-color: rgba(255,255,255,.3); }

/* .map-pref:after */
#content .map-body .map-pref:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: url(../img/map-body.png) no-repeat; background-size: 465px 317px; }
#content .map-body #map-pref-1:after  { background-position: -367px   -0; }
#content .map-body #map-pref-2:after  { background-position: -367px  -88px; }
#content .map-body #map-pref-3:after  { background-position: -411px -115px; }
#content .map-body #map-pref-4:after  { background-position: -411px -142px; }
#content .map-body #map-pref-5:after  { background-position: -367px -115px; }
#content .map-body #map-pref-6:after  { background-position: -367px -142px; }
#content .map-body #map-pref-7:after  { background-position: -367px -169px; }
#content .map-body #map-pref-8:after  { background-position: -427px -196px; }
#content .map-body #map-pref-9:after  { background-position: -395px -196px; }
#content .map-body #map-pref-10:after { background-position: -367px -196px; }
#content .map-body #map-pref-11:after { background-position: -395px -223px; }
#content .map-body #map-pref-12:after { background-position: -427px -243px; }
#content .map-body #map-pref-13:after { background-position: -395px -250px; }
#content .map-body #map-pref-14:after { background-position: -367px -243px; }
#content .map-body #map-pref-15:after { background-position: -339px -149px; }
#content .map-body #map-pref-16:after { background-position: -311px -149px; }
#content .map-body #map-pref-17:after { background-position: -283px -149px; }
#content .map-body #map-pref-18:after { background-position: -255px -149px; }
#content .map-body #map-pref-19:after { background-position: -339px -196px; }
#content .map-body #map-pref-20:after { background-position: -311px -196px; }
#content .map-body #map-pref-21:after { background-position: -283px -196px; }
#content .map-body #map-pref-22:after { background-position: -339px -243px; }
#content .map-body #map-pref-23:after { background-position: -311px -243px; }
#content .map-body #map-pref-24:after { background-position: -283px -243px; }
#content .map-body #map-pref-25:after { background-position: -255px -196px; }
#content .map-body #map-pref-26:after { background-position: -227px -149px; }
#content .map-body #map-pref-27:after { background-position: -227px -243px; }
#content .map-body #map-pref-28:after { background-position: -227px -196px; }
#content .map-body #map-pref-29:after { background-position: -255px -243px; }
#content .map-body #map-pref-30:after { background-position: -227px -290px; }
#content .map-body #map-pref-31:after { background-position: -199px -149px; }
#content .map-body #map-pref-32:after { background-position: -171px -149px; }
#content .map-body #map-pref-33:after { background-position: -199px -196px; }
#content .map-body #map-pref-34:after { background-position: -171px -196px; }
#content .map-body #map-pref-35:after { background-position: -143px -176px; }
#content .map-body #map-pref-36:after { background-position: -181px -290px; }
#content .map-body #map-pref-37:after { background-position: -181px -263px; }
#content .map-body #map-pref-38:after { background-position: -146px -263px; }
#content .map-body #map-pref-39:after { background-position: -146px -290px; }
#content .map-body #map-pref-40:after { background-position: -107px -176px; }
#content .map-body #map-pref-41:after { background-position:  -79px -176px; }
#content .map-body #map-pref-42:after { background-position:  -51px -176px; }
#content .map-body #map-pref-43:after { background-position:  -79px -223px; }
#content .map-body #map-pref-44:after { background-position: -107px -223px; }
#content .map-body #map-pref-45:after { background-position: -107px -270px; }
#content .map-body #map-pref-46:after { background-position:  -79px -270px; }
#content .map-body #map-pref-47:after { background-position:   -3px -290px; }

/* .map-pref-nrf */
#content .map-body .map-pref-nrf { background-color: #999;  }
#content .map-body .map-pref-nrf:hover:before { background-color: transparent; }
#content .map-body .map-pref-nrf:after { opacity: .3; }

/* .map-body / @2x */
@media screen and (min-resolution: 1.5dppx) {
	#content .map-body,
	#content .map-body .map-pref:after { background-image: url(../img/map-body@2x.png); }
}




#content .map-note { margin: 15px; padding: 0; list-style: none; }
#content .map-note li { padding-left: 1em; text-indent: -1em; }

#content .nav { margin: 20px; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; line-height: 1; font-size: 0; }
#content .nav:first-child { margin-top: 0; }
#content .nav p { margin: 0; }
#content .nav .button { padding: 13px 15px; border: 1px solid #ccc; position: relative; display: block; box-sizing: border-box; background-color: #ececec; text-align: center; font-size: 14px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.5), 0 1px 1px 0 rgba(0,0,0,.1); }
#content .nav .button:before { position: absolute; top: 0; bottom: 50%; left: 0; right: 0; z-index: 1; content: ""; background-color: #fff; box-shadow: inset 0 2px 1px 0 rgba(255,255,255,.5); border-radius: 3px 3px 6px 6px; }
#content .nav .button:after { position: absolute; right: 0; top: 11px; bottom: 11px; content: ""; width: 1px; background-color: #ccc; }
#content .nav .button:hover { }
#content .nav .button:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
#content .nav .button:last-child { padding-right: 13px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
#content .nav .button:last-child:after { content: none; }
#content .nav .button:hover { background-color: #f0f0f0; }
#content .nav .button i:before { margin-right: .5em; }
#content .nav .button-inner { position: relative; z-index: 2; text-shadow: 2px 1px 1px #fff; }
#content .nav .about { min-width: 160px; }