@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/** 1. Set default font family to sans-serif. 2. Prevent iOS and IE text size adjust after device orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/* Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background-color: transparent; }

/** Improve readability of focused elements when they are also in an active/hover state. */
a:active, a:hover { outline: 0; }

/* Text-level semantics ========================================================================== */
/** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari and Chrome. */
dfn { font-style: italic; }

/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9/10. */
img { border: 0; }

/** Correct overflow not hidden in IE 9/10/11. */
svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
/** Address margin not present in IE 8/9 and Safari. */
figure { margin: 1em 40px; }

/** Address differences between Firefox and other browsers. */
hr { box-sizing: content-box; height: 0; }

/** Contain overflow in all browsers. */
pre { overflow: auto; }

/** Address odd `em`-unit font size rendering in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

/* Forms ========================================================================== */
/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }

/** Address `overflow` set to `hidden` in IE 8/9/10/11. */
button { overflow: visible; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
input { line-height: normal; }

/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width.  1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ }

/** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** Remove default vertical scrollbar in IE 8/9/10/11. */
textarea { overflow: auto; }

/** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup { font-weight: bold; }

/* Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=d5967d740ce4723e50a3)
 * Config saved to config.json and https://gist.github.com/d5967d740ce4723e50a3
 */
  /*!
* Bootstrap v3.3.6 (http://getbootstrap.com)
* Copyright 2011-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

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

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background-color: transparent; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: 0.67em 0; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 1em 40px; }

hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

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

td, th { padding: 0; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html { font-size: 10px; -webkit-tap-highlight-color: transparent; }

body { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #fff; }

input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }

a { color: #337ab7; text-decoration: none; }

a:hover, a:focus { color: #23527c; text-decoration: underline; }

a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

figure { margin: 0; }

img { vertical-align: middle; }

.img-responsive { display: block; max-width: 100%; height: auto; }

.img-rounded { border-radius: 6px; }

.img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; display: inline-block; max-width: 100%; height: auto; }

.img-circle { border-radius: 50%; }

hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; }

.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; }

[role="button"] { cursor: pointer; }

.container { margin-right: auto; margin-left: auto; padding-left: 0; padding-right: 0; }

@media (min-width: 768px) { .container { width: 720px; } }
@media (min-width: 992px) { .container { width: 940px; } }
@media (min-width: 1200px) { .container { width: 1140px; } }
.container-fluid { margin-right: auto; margin-left: auto; padding-left: 0; padding-right: 0; }

.row { margin-left: 0; margin-right: 0; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 0; padding-right: 0; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }

.col-xs-12 { width: 100%; }

.col-xs-11 { width: 91.66666667%; }

.col-xs-10 { width: 83.33333333%; }

.col-xs-9 { width: 75%; }

.col-xs-8 { width: 66.66666667%; }

.col-xs-7 { width: 58.33333333%; }

.col-xs-6 { width: 50%; }

.col-xs-5 { width: 41.66666667%; }

.col-xs-4 { width: 33.33333333%; }

.col-xs-3 { width: 25%; }

.col-xs-2 { width: 16.66666667%; }

.col-xs-1 { width: 8.33333333%; }

.col-xs-pull-12 { right: 100%; }

.col-xs-pull-11 { right: 91.66666667%; }

.col-xs-pull-10 { right: 83.33333333%; }

.col-xs-pull-9 { right: 75%; }

.col-xs-pull-8 { right: 66.66666667%; }

.col-xs-pull-7 { right: 58.33333333%; }

.col-xs-pull-6 { right: 50%; }

.col-xs-pull-5 { right: 41.66666667%; }

.col-xs-pull-4 { right: 33.33333333%; }

.col-xs-pull-3 { right: 25%; }

.col-xs-pull-2 { right: 16.66666667%; }

.col-xs-pull-1 { right: 8.33333333%; }

.col-xs-pull-0 { right: auto; }

.col-xs-push-12 { left: 100%; }

.col-xs-push-11 { left: 91.66666667%; }

.col-xs-push-10 { left: 83.33333333%; }

.col-xs-push-9 { left: 75%; }

.col-xs-push-8 { left: 66.66666667%; }

.col-xs-push-7 { left: 58.33333333%; }

.col-xs-push-6 { left: 50%; }

.col-xs-push-5 { left: 41.66666667%; }

.col-xs-push-4 { left: 33.33333333%; }

.col-xs-push-3 { left: 25%; }

.col-xs-push-2 { left: 16.66666667%; }

.col-xs-push-1 { left: 8.33333333%; }

.col-xs-push-0 { left: auto; }

.col-xs-offset-12 { margin-left: 100%; }

.col-xs-offset-11 { margin-left: 91.66666667%; }

.col-xs-offset-10 { margin-left: 83.33333333%; }

.col-xs-offset-9 { margin-left: 75%; }

.col-xs-offset-8 { margin-left: 66.66666667%; }

.col-xs-offset-7 { margin-left: 58.33333333%; }

.col-xs-offset-6 { margin-left: 50%; }

.col-xs-offset-5 { margin-left: 41.66666667%; }

.col-xs-offset-4 { margin-left: 33.33333333%; }

.col-xs-offset-3 { margin-left: 25%; }

.col-xs-offset-2 { margin-left: 16.66666667%; }

.col-xs-offset-1 { margin-left: 8.33333333%; }

.col-xs-offset-0 { margin-left: 0; }

@media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
  .col-sm-12 { width: 100%; }
  .col-sm-11 { width: 91.66666667%; }
  .col-sm-10 { width: 83.33333333%; }
  .col-sm-9 { width: 75%; }
  .col-sm-8 { width: 66.66666667%; }
  .col-sm-7 { width: 58.33333333%; }
  .col-sm-6 { width: 50%; }
  .col-sm-5 { width: 41.66666667%; }
  .col-sm-4 { width: 33.33333333%; }
  .col-sm-3 { width: 25%; }
  .col-sm-2 { width: 16.66666667%; }
  .col-sm-1 { width: 8.33333333%; }
  .col-sm-pull-12 { right: 100%; }
  .col-sm-pull-11 { right: 91.66666667%; }
  .col-sm-pull-10 { right: 83.33333333%; }
  .col-sm-pull-9 { right: 75%; }
  .col-sm-pull-8 { right: 66.66666667%; }
  .col-sm-pull-7 { right: 58.33333333%; }
  .col-sm-pull-6 { right: 50%; }
  .col-sm-pull-5 { right: 41.66666667%; }
  .col-sm-pull-4 { right: 33.33333333%; }
  .col-sm-pull-3 { right: 25%; }
  .col-sm-pull-2 { right: 16.66666667%; }
  .col-sm-pull-1 { right: 8.33333333%; }
  .col-sm-pull-0 { right: auto; }
  .col-sm-push-12 { left: 100%; }
  .col-sm-push-11 { left: 91.66666667%; }
  .col-sm-push-10 { left: 83.33333333%; }
  .col-sm-push-9 { left: 75%; }
  .col-sm-push-8 { left: 66.66666667%; }
  .col-sm-push-7 { left: 58.33333333%; }
  .col-sm-push-6 { left: 50%; }
  .col-sm-push-5 { left: 41.66666667%; }
  .col-sm-push-4 { left: 33.33333333%; }
  .col-sm-push-3 { left: 25%; }
  .col-sm-push-2 { left: 16.66666667%; }
  .col-sm-push-1 { left: 8.33333333%; }
  .col-sm-push-0 { left: auto; }
  .col-sm-offset-12 { margin-left: 100%; }
  .col-sm-offset-11 { margin-left: 91.66666667%; }
  .col-sm-offset-10 { margin-left: 83.33333333%; }
  .col-sm-offset-9 { margin-left: 75%; }
  .col-sm-offset-8 { margin-left: 66.66666667%; }
  .col-sm-offset-7 { margin-left: 58.33333333%; }
  .col-sm-offset-6 { margin-left: 50%; }
  .col-sm-offset-5 { margin-left: 41.66666667%; }
  .col-sm-offset-4 { margin-left: 33.33333333%; }
  .col-sm-offset-3 { margin-left: 25%; }
  .col-sm-offset-2 { margin-left: 16.66666667%; }
  .col-sm-offset-1 { margin-left: 8.33333333%; }
  .col-sm-offset-0 { margin-left: 0; } }
@media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
  .col-md-12 { width: 100%; }
  .col-md-11 { width: 91.66666667%; }
  .col-md-10 { width: 83.33333333%; }
  .col-md-9 { width: 75%; }
  .col-md-8 { width: 66.66666667%; }
  .col-md-7 { width: 58.33333333%; }
  .col-md-6 { width: 50%; }
  .col-md-5 { width: 41.66666667%; }
  .col-md-4 { width: 33.33333333%; }
  .col-md-3 { width: 25%; }
  .col-md-2 { width: 16.66666667%; }
  .col-md-1 { width: 8.33333333%; }
  .col-md-pull-12 { right: 100%; }
  .col-md-pull-11 { right: 91.66666667%; }
  .col-md-pull-10 { right: 83.33333333%; }
  .col-md-pull-9 { right: 75%; }
  .col-md-pull-8 { right: 66.66666667%; }
  .col-md-pull-7 { right: 58.33333333%; }
  .col-md-pull-6 { right: 50%; }
  .col-md-pull-5 { right: 41.66666667%; }
  .col-md-pull-4 { right: 33.33333333%; }
  .col-md-pull-3 { right: 25%; }
  .col-md-pull-2 { right: 16.66666667%; }
  .col-md-pull-1 { right: 8.33333333%; }
  .col-md-pull-0 { right: auto; }
  .col-md-push-12 { left: 100%; }
  .col-md-push-11 { left: 91.66666667%; }
  .col-md-push-10 { left: 83.33333333%; }
  .col-md-push-9 { left: 75%; }
  .col-md-push-8 { left: 66.66666667%; }
  .col-md-push-7 { left: 58.33333333%; }
  .col-md-push-6 { left: 50%; }
  .col-md-push-5 { left: 41.66666667%; }
  .col-md-push-4 { left: 33.33333333%; }
  .col-md-push-3 { left: 25%; }
  .col-md-push-2 { left: 16.66666667%; }
  .col-md-push-1 { left: 8.33333333%; }
  .col-md-push-0 { left: auto; }
  .col-md-offset-12 { margin-left: 100%; }
  .col-md-offset-11 { margin-left: 91.66666667%; }
  .col-md-offset-10 { margin-left: 83.33333333%; }
  .col-md-offset-9 { margin-left: 75%; }
  .col-md-offset-8 { margin-left: 66.66666667%; }
  .col-md-offset-7 { margin-left: 58.33333333%; }
  .col-md-offset-6 { margin-left: 50%; }
  .col-md-offset-5 { margin-left: 41.66666667%; }
  .col-md-offset-4 { margin-left: 33.33333333%; }
  .col-md-offset-3 { margin-left: 25%; }
  .col-md-offset-2 { margin-left: 16.66666667%; }
  .col-md-offset-1 { margin-left: 8.33333333%; }
  .col-md-offset-0 { margin-left: 0; } }
@media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
  .col-lg-12 { width: 100%; }
  .col-lg-11 { width: 91.66666667%; }
  .col-lg-10 { width: 83.33333333%; }
  .col-lg-9 { width: 75%; }
  .col-lg-8 { width: 66.66666667%; }
  .col-lg-7 { width: 58.33333333%; }
  .col-lg-6 { width: 50%; }
  .col-lg-5 { width: 41.66666667%; }
  .col-lg-4 { width: 33.33333333%; }
  .col-lg-3 { width: 25%; }
  .col-lg-2 { width: 16.66666667%; }
  .col-lg-1 { width: 8.33333333%; }
  .col-lg-pull-12 { right: 100%; }
  .col-lg-pull-11 { right: 91.66666667%; }
  .col-lg-pull-10 { right: 83.33333333%; }
  .col-lg-pull-9 { right: 75%; }
  .col-lg-pull-8 { right: 66.66666667%; }
  .col-lg-pull-7 { right: 58.33333333%; }
  .col-lg-pull-6 { right: 50%; }
  .col-lg-pull-5 { right: 41.66666667%; }
  .col-lg-pull-4 { right: 33.33333333%; }
  .col-lg-pull-3 { right: 25%; }
  .col-lg-pull-2 { right: 16.66666667%; }
  .col-lg-pull-1 { right: 8.33333333%; }
  .col-lg-pull-0 { right: auto; }
  .col-lg-push-12 { left: 100%; }
  .col-lg-push-11 { left: 91.66666667%; }
  .col-lg-push-10 { left: 83.33333333%; }
  .col-lg-push-9 { left: 75%; }
  .col-lg-push-8 { left: 66.66666667%; }
  .col-lg-push-7 { left: 58.33333333%; }
  .col-lg-push-6 { left: 50%; }
  .col-lg-push-5 { left: 41.66666667%; }
  .col-lg-push-4 { left: 33.33333333%; }
  .col-lg-push-3 { left: 25%; }
  .col-lg-push-2 { left: 16.66666667%; }
  .col-lg-push-1 { left: 8.33333333%; }
  .col-lg-push-0 { left: auto; }
  .col-lg-offset-12 { margin-left: 100%; }
  .col-lg-offset-11 { margin-left: 91.66666667%; }
  .col-lg-offset-10 { margin-left: 83.33333333%; }
  .col-lg-offset-9 { margin-left: 75%; }
  .col-lg-offset-8 { margin-left: 66.66666667%; }
  .col-lg-offset-7 { margin-left: 58.33333333%; }
  .col-lg-offset-6 { margin-left: 50%; }
  .col-lg-offset-5 { margin-left: 41.66666667%; }
  .col-lg-offset-4 { margin-left: 33.33333333%; }
  .col-lg-offset-3 { margin-left: 25%; }
  .col-lg-offset-2 { margin-left: 16.66666667%; }
  .col-lg-offset-1 { margin-left: 8.33333333%; }
  .col-lg-offset-0 { margin-left: 0; } }
.clearfix:before, .overlay .nav .sns dl:before, .subProfile dl:before, .subBnr:before, #topAppFB:before, .blogEntry:before, .entryButtons .commentBtn:before, .entryButtons .snsBtn:before, #resultLink:before, .resultEntry .tournamentHeader:before, .profileBasic .profileData:before, .clearfix:after, .overlay .nav .sns dl:after, .subProfile dl:after, .subBnr:after, #topAppFB:after, .blogEntry:after, .entryButtons .commentBtn:after, .entryButtons .snsBtn:after, #resultLink:after, .resultEntry .tournamentHeader:after, .profileBasic .profileData:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after { content: " "; display: table; }

.clearfix:after, .overlay .nav .sns dl:after, .subProfile dl:after, .subBnr:after, #topAppFB:after, .blogEntry:after, .entryButtons .commentBtn:after, .entryButtons .snsBtn:after, #resultLink:after, .resultEntry .tournamentHeader:after, .profileBasic .profileData:after, .container:after, .container-fluid:after, .row:after { clear: both; }

.center-block { display: block; margin-left: auto; margin-right: auto; }

.pull-right { float: right !important; }

.pull-left { float: left !important; }

.hide { display: none !important; }

.show { display: block !important; }

.invisible { visibility: hidden; }

.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }

.hidden { display: none !important; }

.affix { position: fixed; }

@-ms-viewport { width: device-width; }
.visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; }

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; }

@media (max-width: 767px) { .visible-xs { display: block !important; }
  table.visible-xs { display: table !important; }
  tr.visible-xs { display: table-row !important; }
  th.visible-xs, td.visible-xs { display: table-cell !important; } }
@media (max-width: 767px) { .visible-xs-block { display: block !important; } }
@media (max-width: 767px) { .visible-xs-inline { display: inline !important; } }
@media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } }
@media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; }
  table.visible-sm { display: table !important; }
  tr.visible-sm { display: table-row !important; }
  th.visible-sm, td.visible-sm { display: table-cell !important; } }
@media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } }
@media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } }
@media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } }
@media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; }
  table.visible-md { display: table !important; }
  tr.visible-md { display: table-row !important; }
  th.visible-md, td.visible-md { display: table-cell !important; } }
@media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } }
@media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } }
@media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } }
@media (min-width: 1200px) { .visible-lg { display: block !important; }
  table.visible-lg { display: table !important; }
  tr.visible-lg { display: table-row !important; }
  th.visible-lg, td.visible-lg { display: table-cell !important; } }
@media (min-width: 1200px) { .visible-lg-block { display: block !important; } }
@media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } }
@media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } }
@media (max-width: 767px) { .hidden-xs { display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } }
@media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } }
@media (min-width: 1200px) { .hidden-lg { display: none !important; } }
.visible-print { display: none !important; }

@media print { .visible-print { display: block !important; }
  table.visible-print { display: table !important; }
  tr.visible-print { display: table-row !important; }
  th.visible-print, td.visible-print { display: table-cell !important; } }
.visible-print-block { display: none !important; }

@media print { .visible-print-block { display: block !important; } }
.visible-print-inline { display: none !important; }

@media print { .visible-print-inline { display: inline !important; } }
.visible-print-inline-block { display: none !important; }

@media print { .visible-print-inline-block { display: inline-block !important; } }
@media print { .hidden-print { display: none !important; } }
@font-face { font-family: 'icomoon'; src: url("../fonts/icomoon.eot?r6awqc"); src: url("../fonts/icomoon.eot?r6awqc#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?r6awqc") format("truetype"), url("../fonts/icomoon.woff?r6awqc") format("woff"), url("../fonts/icomoon.svg?r6awqc#icomoon") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-tennis:before { content: "\e900"; }

/* Magnific Popup CSS */
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; }

.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }

.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; }

.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

.mfp-align-top .mfp-container:before { display: none; }

.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }

.mfp-ajax-cur { cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }

.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }

.mfp-auto-cursor .mfp-content { cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; }

.mfp-loading.mfp-figure { display: none; }

.mfp-hide { display: none !important; }

.mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }

.mfp-preloader a { color: #CCC; }

.mfp-preloader a:hover { color: #FFF; }

.mfp-s-ready .mfp-preloader { display: none; }

.mfp-s-error .mfp-content { display: none; }

button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; }

button::-moz-focus-inner { padding: 0; border: 0; }

.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; }

.mfp-close:hover, .mfp-close:focus { opacity: 1; }

.mfp-close:active { top: 1px; }

.mfp-close-btn-in .mfp-close { color: #333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; }

.mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; }

.mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; }

.mfp-arrow:active { margin-top: -54px; }

.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; }

.mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; }

.mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }

.mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }

.mfp-arrow-left { left: 0; }

.mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; }

.mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; }

.mfp-arrow-right { right: 0; }

.mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; }

.mfp-arrow-right:before { border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }

.mfp-iframe-holder .mfp-close { top: -40px; }

.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }

.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; }

/* Main image in popup */
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure { line-height: 0; }

.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; }

.mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; }

.mfp-figure figure { margin: 0; }

.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }

.mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; }

.mfp-image-holder .mfp-content { max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** Remove all paddings around the image on small screen */
  .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
  .mfp-img-mobile img.mfp-img { padding: 0; }
  .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
  .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
  .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
  .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } }
@media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); }
  .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; }
  .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; }
  .mfp-container { padding-left: 6px; padding-right: 6px; } }
.clearfix, .overlay .nav .sns dl, .subProfile dl, .subBnr, #topAppFB, .blogEntry, .entryButtons .commentBtn, .entryButtons .snsBtn, #resultLink, .resultEntry .tournamentHeader, .profileBasic .profileData { *zoom: 1; }
.clearfix:after, .overlay .nav .sns dl:after, .subProfile dl:after, .subBnr:after, #topAppFB:after, .blogEntry:after, .entryButtons .commentBtn:after, .entryButtons .snsBtn:after, #resultLink:after, .resultEntry .tournamentHeader:after, .profileBasic .profileData:after { content: ""; display: table; clear: both; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

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

a:link, a:visited, a:active, a:hover { overflow: hidden; outline: none; text-decoration: none; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

html { font-size: 62.5%; }

body { font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 14px; font-size: 1.4rem; background-color: #000; color: #333; }
body#index { visibility: hidden; }

#header { position: fixed; z-index: 200; width: 100%; opacity: 0; -webkit-transition: 0.1s; -moz-transition: 0.1s; -ms-transition: 0.1s; -o-transition: 0.1s; transition: 0.1s; }
@media (min-width: 768px) { #header { height: 88px; } }
@media (max-width: 767px) { #header { height: 50px; } }
#header .logo a { display: block; float: left; text-indent: -99999px; }
@media (min-width: 768px) { #header .logo a { width: 318px; height: 88px; background: url("../images/2016/logo.png") 30px center no-repeat; } }
@media (max-width: 767px) { #header .logo a { width: 260px; height: 50px; background: url("../images/2016/logo_sp.png") center center no-repeat; -webkit-background-size: 90% auto; -o-background-size: 90% auto; background-size: 90% auto; } }
@media (max-width: 767px) { .lt-ie8 #header .logo a { background: url("../images/2016/logo_ie8.png") center center no-repeat; } }
#header .topics { display: inline-block; float: right; margin-right: 110px; color: #666; }
#header .topics li { float: left; }
#header .topics a, #header .topics span { display: block; line-height: 88px; padding: 0 22px; }
#header .topics a { color: #fff; }
#header .topics a:hover { color: #3c3; }
#header .topics .external:after { font-family: FontAwesome; content: "\f08e"; font-size: 13px; font-size: 1.3rem; color: #fff; opacity: 0.4; padding-left: 5px; }
#header .topics .lang { font-family: 'Roboto', sans-serif; font-weight: 300; color: #666; }
#header .topics .lang dt { display: none; }
#header .topics .lang dd { float: left; }
#header .topics .lang dd:after { display: block; float: left; content: ""; background-color: #fff; opacity: 0.4; width: 1px; height: 14px; margin-top: 36px; -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); }
#header .topics .lang dd.lastChild:after { display: none; }
#header .topics .lang a { float: left; color: #fff; opacity: 0.4; }
#header .topics .lang a:hover { color: #3c3; opacity: 1.0; }
#header .topics .lang a.active { color: #fff; opacity: 1.0; }
#header .topics .lang a.active:hover { color: #3c3; }
@media (min-width: 992px) { #header .topics .lang a { padding: 0 10px; } }
#header .menu { position: absolute; top: 0; right: 0; }
@media (min-width: 768px) { #header .menu { width: 110px; height: 88px; } }
@media (max-width: 767px) { #header .menu { width: 50px; height: 50px; } }
#header .menu .menuOpen { display: block; cursor: pointer; text-indent: -99999px; }
@media (min-width: 768px) { #header .menu .menuOpen { width: 110px; height: 88px; background: url("../images/2016/btn_menu_open.png") center center no-repeat; } }
@media (max-width: 767px) { #header .menu .menuOpen { width: 50px; height: 50px; background: url("../images/2016/btn_menu_open_sp.png") center center no-repeat; -webkit-background-size: 50%; -o-background-size: 50%; background-size: 50%; } }
@media (max-width: 767px) { .lt-ie8 #header .menu .menuOpen { background: url("../images/2016/btn_menu_open.png") center center no-repeat; } }

/* Overlay style */
.overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; }
@media (min-width: 1200px) { .overlay .left { float: left; position: relative; width: 50%; height: 100%; background: #6c3; } }
@media (min-width: 1200px) { .overlay .left .inner a { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 258px; height: 20px; text-indent: -99999px; background: url("../images/2016/logo_w.png") 0 0 no-repeat; } }
.overlay .right { background: #000; height: 100%; }
@media (min-width: 1200px) { .overlay .right { position: relative; float: right; width: 50%; } }
.overlay .menuClose { display: block; cursor: pointer; text-indent: -99999px; position: absolute; right: 0; top: 0; }
@media (min-width: 768px) { .overlay .menuClose { width: 110px; height: 88px; background: url("../images/2016/btn_menu_close.png") center center no-repeat; } }
@media (max-width: 767px) { .overlay .menuClose { width: 50px; height: 50px; background: url("../images/2016/btn_menu_close_sp.png") center center no-repeat; -webkit-background-size: 50%; -o-background-size: 50%; background-size: 50%; } }
.lt-ie8 .overlay .menuClose { background: url("../images/2016/btn_menu_close.png") center center no-repeat; }
.overlay .nav h1 { display: none; }
.overlay .nav a { display: block; color: #666; }
.overlay .nav a:hover { color: #666; }
.overlay .nav a:hover span { color: #3c3; }
.overlay .nav a span { color: #fff; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s; }
@media (min-width: 768px) { .overlay .nav a { padding: 10px; font-size: 12px; font-size: 1.2rem; } }
@media (max-width: 767px) { .overlay .nav a { padding-bottom: 15px; font-size: 11px; font-size: 1.1rem; } }
@media (min-width: 768px) { .english .overlay .nav a { padding: 10px 10px 20px; } }
@media (max-width: 767px) { .english .overlay .nav a { padding-bottom: 20px; } }
.overlay .nav span { display: block; font-family: 'Roboto', sans-serif; font-weight: 400; line-height: 1.0; }
@media (min-width: 768px) { .overlay .nav span { font-size: 22px; font-size: 2.2rem; } }
@media (max-width: 767px) { .overlay .nav span { font-size: 20px; font-size: 2.0rem; } }
.overlay .nav .external span:after { font-family: FontAwesome; content: "\f08e"; color: #666; padding-left: 5px; }
@media (min-width: 768px) { .overlay .nav .external span:after { font-size: 15px; font-size: 1.5rem; } }
@media (max-width: 767px) { .overlay .nav .external span:after { font-size: 13px; font-size: 1.3rem; } }
.overlay .nav .lang { font-family: 'Roboto', sans-serif; font-weight: 300; }
@media (min-width: 768px) { .overlay .nav .lang { margin-bottom: 20px; } }
.overlay .nav .lang dl { width: 100%; display: table; }
.overlay .nav .lang dt { display: none; }
.overlay .nav .lang dd { display: table-cell; width: 50%; }
.overlay .nav .lang a { display: block; color: #666; font-size: 16px; text-align: center; }
.overlay .nav .lang a.active { color: #fff; }
.overlay .nav .lang a:hover { color: #3c3; }
.overlay .nav .sns dt { display: none; }
.overlay .nav .sns dd { float: left; position: relative; width: 50%; padding: 0 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.overlay .nav .sns a { display: block; width: 40px; height: 40px; font-size: 20px; line-height: 40px; border: solid 1px #333; -webkit-border-radius: 20px; border-radius: 20px; margin: 0 auto; padding: 0; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s; }
.overlay .nav .sns a:hover { border-color: #fff; }
.overlay .nav .sns a:hover i { color: #fff; }
.lt-ie8 .overlay .nav .sns a { border: none; }

/* Overlay closing cross */
.overlay .overlay-close { display: block; text-indent: -99999px; z-index: 110; }
@media (min-width: 768px) { .overlay .overlay-close .inner { position: relative; top: 36px; width: 24px; height: 24px; margin: 0 auto; } }

/* Menu style */
.overlay nav { text-align: center; position: relative; top: 50%; height: 60%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.overlay ul { list-style: none; padding: 0; margin: 0 auto; display: inline-block; height: 100%; position: relative; }

.overlay ul li { display: block; }

.overlay ul li a { display: block; color: #fff; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }

.overlay ul li a:hover, .overlay ul li a:focus { color: #f0f0f0; }

/* Effects */
.overlay-door { visibility: hidden; width: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: width 0.2s, visibility 0.2s; -moz-transition: width 0.2s, visibility 0.2s; -ms-transition: width 0.2s, visibility 0.2s; -o-transition: width 0.2s, visibility 0.2s; transition: width 0.2s, visibility 0.2s; }
.lt-ie8 .overlay-door { width: 100%; left: 0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6000000,endColorstr=#E6000000); }

.overlay-door.open { visibility: visible; width: 100%; -webkit-transition: width 0.2s; -moz-transition: width 0.2s; -ms-transition: width 0.2s; -o-transition: width 0.2s; transition: width 0.2s; }

.overlay-door nav { position: absolute; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); }
.lt-ie8 .overlay-door nav { position: relative; top: 100px; left: 0; width: 100%; text-align: center; }

.overlay-door nav, .overlay-door .left .inner, .overlay-door .overlay-close { opacity: 0; }

.overlay-door.open nav, .overlay-door.open .left .inner, .overlay-door.open .overlay-close { opacity: 1; }

.adBnr { text-align: center; }
@media (min-width: 768px) { .adBnr .inner { margin-bottom: 30px; } }
@media (max-width: 767px) { .adBnr .inner { margin-bottom: 15px; } }
.adBnr div { display: inline-block; }
.adBnr .pc img { width: 100%; }
.adBnr .sp img { width: 100%; max-width: 320px; }

#footer { background: #fff; border-top: 1px solid #f2f2f2; }
@media (min-width: 768px) { #footer { padding-top: 50px; } }
@media (max-width: 767px) { #footer { padding-top: 30px; } }

#sponsorList { margin: 0 auto; }
@media (min-width: 768px) { #sponsorList { width: 90%; max-width: 800px; margin-bottom: 50px; } }
@media (max-width: 767px) { #sponsorList { width: 100%; margin-bottom: 20px; } }
#sponsorList dt { display: none; }
#index #sponsorList dt { display: block; }
@media (min-width: 768px) { #index #sponsorList dt { margin-bottom: 50px; } }
#sponsorList a { display: block; margin: 0 auto; }
#sponsorList a img { width: 100%; }
@media (min-width: 768px) { #sponsorList li { margin-bottom: 30px; } }
@media (max-width: 767px) { #sponsorList li { margin-bottom: 20px; } }
@media (min-width: 768px) { #sponsorList .sponsor1 a { max-width: 144px; } }
@media (max-width: 767px) { #sponsorList .sponsor1 a { max-width: 100px; } }
@media (min-width: 768px) { #sponsorList .sponsor2 a { max-width: 106px; } }
@media (max-width: 767px) { #sponsorList .sponsor2 a { max-width: 70px; } }

#pageTop { font-family: 'Roboto', sans-serif; font-weight: 300; border-bottom: solid 2px #0c0; font-size: 11px; font-size: 1.1rem; }
#pageTop a { display: block; width: 100%; color: #999; text-align: center; }
@media (min-width: 768px) { #pageTop a { background: #f2f2f2 url("../images/2016/icon_pageTop.png") center 15px no-repeat; -webkit-background-size: 50px 21px; -o-background-size: 50px 21px; background-size: 50px 21px; padding: 45px 0 15px; } }
@media (max-width: 767px) { #pageTop a { background: #f2f2f2 url("../images/2016/icon_pageTop.png") center 12px no-repeat; -webkit-background-size: 36px 15px; -o-background-size: 36px 15px; background-size: 36px 15px; padding: 35px 0 10px; } }
@media (min-width: 768px) { #pageTop a:hover { background-color: #090; color: #fff; } }
.lt-ie8 #pageTop a { background: #f2f2f2 url("../images/2016/icon_pageTop_ie8.png") center 15px no-repeat; }

#sitecredit { background: #000; text-align: center; }
@media (min-width: 768px) { #sitecredit { padding: 30px 0; } }
@media (max-width: 767px) { #sitecredit { padding: 20px 0; } }
#sitecredit .company { font-family: 'Roboto', sans-serif; font-weight: 500; }
@media (min-width: 768px) { #sitecredit .company { font-size: 16px; font-size: 1.6rem; margin-bottom: 20px; } }
@media (max-width: 767px) { #sitecredit .company { margin-bottom: 10px; } }
#sitecredit .company a { color: #fff; }
@media (min-width: 768px) { #sitecredit .company a { padding: 10px; } }
@media (min-width: 768px) { #sitecredit .company a:hover { color: #ccc; } }
#sitecredit .footerLink { text-align: center; }
@media (min-width: 768px) { #sitecredit .footerLink { margin-bottom: 20px; } }
@media (max-width: 767px) { #sitecredit .footerLink { margin-bottom: 10px; } }
#sitecredit .footerLink li { display: inline-block; border-left: solid 1px #333; }
#sitecredit .footerLink li:after { content: ""; border-right: solid 1px #333; }
#sitecredit .footerLink a { color: #ccc; padding: 5px 15px; font-size: 12px; font-size: 1.2rem; }
#sitecredit .footerLink a:hover { color: #0c0; }
#sitecredit .credit { color: #3c3; font-family: 'Roboto', sans-serif; font-weight: 400; margin-bottom: 5px; }
@media (min-width: 768px) { #sitecredit .credit { font-size: 16px; font-size: 1.6rem; } }
@media (max-width: 767px) { #sitecredit .credit { font-size: 14px; font-size: 1.4rem; } }
#sitecredit .note { color: #484848; font-size: 11px; font-size: 1.1rem; }
@media (max-width: 767px) { #sitecredit .note { width: 90%; margin: 0 auto; } }

#contents { background-color: #fff; }
@media (min-width: 768px) { #contents { padding-top: 30px; } }
@media (max-width: 767px) { #contents { padding-top: 15px; } }
.blogBody #contents { background-color: #f2f2f2; }
.blogPreview #contents { padding-top: 30px; }

@media (min-width: 768px) { #contentsInner { padding: 0 30px; } }
@media (min-width: 1200px) { #contentsInner { display: table; width: 1140px; margin: 0 auto; padding: 0; } }
@media (max-width: 767px) { #contentsInner { padding: 0 10px; } }

@media (min-width: 1200px) { #main { display: table-cell; vertical-align: top; width: 790px; padding: 0 50px 0 0; } }

@media (min-width: 1200px) { #sub { display: table-cell; width: 300px; padding: 0; } }
@media (min-width: 1200px) { #sub #subInner { width: 300px; } }
@media (min-width: 768px) { #sub .subItem { margin-bottom: 30px; } }
@media (max-width: 767px) { #sub .subItem { margin-bottom: 20px; } }
#sub .subItem h1 { font-family: 'Roboto', sans-serif; font-weight: 500; border-bottom: 1px solid #e7e7e7; font-size: 17px; font-size: 1.7rem; padding-bottom: 10px; margin-bottom: 20px; }
#sub .bgWhite { background-color: #fff; -webkit-border-radius: 5px; border-radius: 5px; }
@media (min-width: 768px) { #sub .bgWhite { padding: 30px; } }
@media (max-width: 767px) { #sub .bgWhite { padding: 15px 10px; } }

@media (min-width: 768px) { .subProfile .photo { float: left; width: 140px; height: 140px; margin: 0 20px 10px 0; } }
@media (min-width: 1200px) { .subProfile .photo { float: none; margin: 0 auto 20px; } }
@media (max-width: 767px) { .subProfile .photo { float: left; width: 120px; height: 120px; margin: 0 10px 10px 0; } }
.subProfile .photo img { width: 100%; height: auto; }
.subProfile .name { font-weight: bold; font-size: 16px; font-size: 1.6rem; }
@media (min-width: 1200px) { .subProfile .name { text-align: center; } }
@media (min-width: 768px) { .subProfile .rank { margin-bottom: 15px; } }
@media (min-width: 1200px) { .subProfile .rank { text-align: center; } }
@media (max-width: 767px) { .subProfile .rank { margin-bottom: 5px; } }
.subProfile .text { color: #999; }
@media (min-width: 768px) { .subProfile .text { font-size: 13px; font-size: 1.3rem; margin-bottom: 15px; } }
@media (max-width: 767px) { .subProfile .text { font-size: 12px; font-size: 1.2rem; margin-bottom: 10px; } }
.subProfile .btn a { display: block; border: 1px solid #0c0; color: #0c0; text-align: center; -webkit-border-radius: 5px; border-radius: 5px; padding: 10px 0; }
@media (min-width: 768px) { .subProfile .btn a { width: 50%; margin: 0 auto; } }
@media (min-width: 1200px) { .subProfile .btn a { width: auto; } }
.subProfile .btn a:hover { color: #fff; background-color: #090; border-color: #090; }

@media (min-width: 1200px) { .subArchive ul { margin-left: 10px; } }
@media (min-width: 768px) { .subArchive li { display: inline-block; margin: 0 15px 15px 0; } }
@media (min-width: 1200px) { .subArchive li { display: block; margin: 0; } }
@media (max-width: 767px) { .subArchive li { display: inline-block; margin: 0 5px 10px 0; } }
.subArchive a { color: #333; }
@media (min-width: 768px) { .subArchive a { display: block; padding: 10px; border: 1px solid #e7e7e7; -webkit-border-radius: 5px; border-radius: 5px; } }
@media (min-width: 1200px) { .subArchive a { border: none; display: inline-block; padding: 5px 0; } }
@media (max-width: 767px) { .subArchive a { font-size: 12px; font-size: 1.2rem; display: block; padding: 12px 10px; border: 1px solid #e7e7e7; -webkit-border-radius: 5px; border-radius: 5px; } }
.subArchive a:hover { color: #0c0; }
.subArchive a:before { font-family: FontAwesome; content: "\f0da"; color: #0c0; margin-right: 8px; }
.subArchive a span { color: #999; }
@media (min-width: 768px) { .subArchive a span { font-size: 13px; font-size: 1.3rem; } }
@media (max-width: 767px) { .subArchive a span { font-size: 11px; font-size: 1.1rem; } }

@media (min-width: 768px) { .subBnr { width: 600px; margin: 0 auto; } }
@media (min-width: 1200px) { .subBnr { width: auto; margin: 0; } }
@media (max-width: 767px) { .subBnr { width: 300px; margin: 0 auto; } }

@media (min-width: 768px) { .suAppSite { float: left; margin-right: 20px; } }
@media (min-width: 1200px) { .suAppSite { float: none; margin-right: 0; } }

@media (min-width: 768px) { .subSpecialSite div { float: left; margin-right: 20px; margin-bottom: 30px; } }
@media (min-width: 1200px) { .subSpecialSite div { float: left; width: 140px; } }
@media (max-width: 767px) { .subSpecialSite div { display: table-cell; padding-right: 20px; } }
@media (min-width: 768px) { .subSpecialSite div.lastChild { margin-right: 0px; } }
@media (min-width: 1200px) { .subSpecialSite div.lastChild { margin-right: 0; } }
@media (max-width: 767px) { .subSpecialSite div.lastChild { padding-right: 0; } }
@media (min-width: 768px) { .subSpecialSite img { width: auto; height: 250px; } }
@media (min-width: 1200px) { .subSpecialSite img { width: 140px; height: 280px; } }

.subFb { width: 300px; }
@media (min-width: 768px) { .subFb { margin: 0 auto !important; height: 330px; } }
@media (max-width: 767px) { .subFb { margin: 0 auto !important; height: 320px; } }

.subRaningHistory h1 { border-bottom: 2px solid #0c0 !important; margin-bottom: 0 !important; }
.subRaningHistory table { width: 100%; font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 14px; font-size: 1.4rem; margin-bottom: 15px; }
.subRaningHistory tr { border-bottom: 1px solid #eee; }
.subRaningHistory th, .subRaningHistory td { width: 50%; padding: 6px 10px; text-align: center; }
.subRaningHistory td { color: #999; }
.subRaningHistory .rank { font-size: 16px; font-size: 1.6rem; font-weight: 700; color: #0c0; }
@media (min-width: 1200px) { .subRaningHistory .moreBtn { display: none; } }
.subRaningHistory .moreBtn a { display: block; color: #0c0; border: 1px solid #0c0; -webkit-border-radius: 5px; border-radius: 5px; text-align: center; margin: 0 auto 20px; padding: 10px 0; }
@media (min-width: 768px) and (max-width: 991px) { .subRaningHistory .moreBtn a { width: 300px; } }
@media (max-width: 767px) { .subRaningHistory .moreBtn a { margin: 0 10px; } }

.headerImg { position: relative; }
@media (min-width: 992px) { .headerImg { height: 350px; } }
@media (min-width: 768px) and (max-width: 991px) { .headerImg { height: 300px; } }
@media (max-width: 767px) { .headerImg { height: 200px; } }
.headerImg .headerImgBg { width: 100%; height: 100%; }
@media (min-width: 768px) { .headerImg .headerImgBg { background: -webkit-linear-gradient(rgba(0, 0, 0, 0.6) 0%, transparent 30%, transparent 100%); background: -o-linear-gradient(rgba(0, 0, 0, 0.6) 0%, transparent 30%, transparent 100%); background: linear-gradient(rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 100%); } }
@media (min-width: 768px) and (max-width: 991px) { .headerImg .headerImgBg { background: -webkit-linear-gradient(rgba(0, 0, 0, 0.8) 0%, transparent 40%, transparent 100%); background: -o-linear-gradient(rgba(0, 0, 0, 0.8) 0%, transparent 40%, transparent 100%); background: linear-gradient(rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%); } }
@media (max-width: 767px) { .headerImg .headerImgBg { background: -webkit-linear-gradient(rgba(0, 0, 0, 0.3) 0%, transparent 30%, transparent 100%); background: -o-linear-gradient(rgba(0, 0, 0, 0.3) 0%, transparent 30%, transparent 100%); background: linear-gradient(rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 100%); } }
#contactIndex .headerImg .headerImgBg { background: -webkit-linear-gradient(rgba(0, 0, 0, 0.7) 0%, transparent 50%, transparent 100%); background: -o-linear-gradient(rgba(0, 0, 0, 0.7) 0%, transparent 50%, transparent 100%); background: linear-gradient(rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#00000000',GradientType=0 ); }
.headerImg .inner { text-align: center; color: #fff; }
@media (min-width: 992px) { .headerImg .inner { padding-top: 170px; } }
@media (min-width: 768px) and (max-width: 991px) { .headerImg .inner { padding-top: 140px; } }
@media (max-width: 767px) { .headerImg .inner { padding-top: 95px; } }
.headerImg h1 { font-family: 'Roboto', sans-serif; font-weight: 400; line-height: 1; }
@media (min-width: 992px) { .headerImg h1 { margin-bottom: 10px; font-size: 48px; font-size: 4.8rem; } }
@media (min-width: 768px) and (max-width: 991px) { .headerImg h1 { margin-bottom: 5px; font-size: 48px; font-size: 4.8rem; } }
@media (max-width: 767px) { .headerImg h1 { margin-bottom: 5px; font-size: 30px; font-size: 3.0rem; } }
.headerImg .lead { opacity: 0.6; }
.headerImg .credit { position: absolute; color: #fff; opacity: 0.5; text-shadow: 1px 1px 20px #000, -1px 1px 20px #000, 1px -1px 20px #000, -1px -1px 20px #000; }
@media (min-width: 768px) { .headerImg .credit { bottom: 20px; right: 30px; font-size: 11px; font-size: 1.1rem; } }
@media (max-width: 767px) { .headerImg .credit { bottom: 10px; right: 10px; font-size: 10px; font-size: 1.0rem; } }
#profileIndex .headerImg .credit { text-shadow: none; }
#contactIndex .headerImg .credit { text-shadow: none; }

.breadcrumbs { margin: 0 auto; }
@media (min-width: 768px) { .breadcrumbs { padding: 0 30px; margin-bottom: 30px; } }
@media (min-width: 1200px) { .breadcrumbs { width: 1140px; padding: 0; } }
@media (max-width: 767px) { .breadcrumbs { padding: 0 15px; margin-bottom: 15px; } }
.breadcrumbs h1 { display: none; }
.breadcrumbs ol { overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
.breadcrumbs li { display: inline; }
.breadcrumbs a, .breadcrumbs span { padding-right: 12px; }
.breadcrumbs a { color: #333; }
.breadcrumbs a:hover { color: #0c0; }
.breadcrumbs a:after { font-family: FontAwesome; content: "\f105"; color: #333; }

.borderEntry { border: 1px solid #e7e7e7; -webkit-border-radius: 5px; border-radius: 5px; }
.borderEntry .borderEntryTitle { line-height: 1.0; border-left: 2px solid #3c3; font-family: 'Roboto', sans-serif; font-weight: 700; }
@media (min-width: 768px) { .borderEntry .borderEntryTitle { float: left; font-size: 24px; font-size: 2.4rem; padding-left: 20px; } }
@media (max-width: 767px) { .borderEntry .borderEntryTitle { font-size: 20px; font-size: 2.0rem; margin-bottom: 20px; padding-left: 10px; } }
@media (min-width: 768px) { .borderEntry .inner { margin-left: 25%; } }
@media (max-width: 767px) { .borderEntry .inner { margin-left: 10px; } }

#preLoad { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #000; z-index: 10000; }
#preLoad .inner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 258px; height: 60px; }
#preLoad .logo { width: 100%; height: 100%; text-indent: -99999px; background: #000 url(../images/2016/logo.png) center center no-repeat; -webkit-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; }

#afterLoad { background: #f2f2f2; }

#topMain { position: relative; width: 100%; }
#topMain .inner { position: absolute; color: #fff; z-index: 110; }
@media (min-width: 768px) { #topMain .inner { width: 270px; left: 10%; bottom: 20%; } }
@media (max-width: 767px) { #topMain .inner { width: 90%; left: 5%; bottom: 10%; } }
#topMain .topRanking { position: relative; font-family: 'Roboto', sans-serif; font-weight: 500; border-bottom: dotted 1px #ccc; font-size: 16px; font-size: 1.6rem; margin-bottom: 10px; }
@media (max-width: 767px) { #topMain .topRanking { display: inline-block; padding-right: 60px; } }
#topMain .topRanking .date { font-weight: 300; font-size: 12px; font-size: 1.2rem; margin-bottom: 10px; }
@media (min-width: 768px) { #topMain .topRanking .date { color: #ccc; } }
@media (max-width: 767px) { #topMain .topRanking .date { color: #fff; } }
#topMain .topRanking .rank { position: absolute; color: #3c3; line-height: 1; }
@media (min-width: 768px) { #topMain .topRanking .rank { top: -5px; right: 20px; font-size: 50px; font-size: 5.0rem; } }
@media (max-width: 767px) { #topMain .topRanking .rank { top: 0; right: 0; font-size: 40px; } }
#topMain .siteInfo { margin-bottom: 15px; }
#topMain .siteInfo .en { font-family: 'Roboto', sans-serif; font-weight: 300; }
@media (min-width: 768px) { #topMain .siteInfo .en { font-size: 13px; font-size: 1.3rem; } }
@media (min-width: 768px) { #topMain .siteInfo .en span { font-size: 20px; font-size: 2.0rem; font-weight: 500; margin-right: 5px; } }
@media (min-width: 768px) { #topMain .siteInfo .jp { font-size: 12px; font-size: 1.2rem; } }
#topMain .bnr.pc a { background: url("../images/2016/bnr_join.png") 0 0 no-repeat; }
#topMain .bnr.pc a:hover { background: url("../images/2016/bnr_join_on.png") 0 0 no-repeat; }
#topMain .bnr.sp a { background: url("../images/2016/bnr_join_sp.png") 0 0 no-repeat; -webkit-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; }
#topMain .bnr a { display: block; text-indent: -99999px; width: 270px; height: 70px; }
@media (max-width: 767px) { .lt-ie8 #topMain .bnr a { background: url("../images/2016/bnr_join.png") 0 0 no-repeat; } }
#topMain .credit { position: absolute; color: #fff; z-index: 110; font-family: 'Roboto', sans-serif; font-weight: 300; }
@media (min-width: 768px) { #topMain .credit { opacity: 0.6; right: 10%; bottom: 5%; font-size: 11px; font-size: 1.1rem; } }
@media (max-width: 767px) { #topMain .credit { opacity: 0.4; right: 5%; bottom: 5%; font-size: 10px; font-size: 1.0rem; } }

#topMainBg { position: absolute; width: 100%; z-index: 101; }
@media (min-width: 992px) { #topMainBg { height: 100px; background: -webkit-linear-gradient(rgba(0, 0, 0, 0.7) 0%, transparent 100%); background: -o-linear-gradient(rgba(0, 0, 0, 0.7) 0%, transparent 100%); background: linear-gradient(rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%); } }
@media (min-width: 768px) and (max-width: 991px) { #topMainBg { height: 100px; background: -webkit-linear-gradient(rgba(0, 0, 0, 0.7) 0%, transparent 100%); background: -o-linear-gradient(rgba(0, 0, 0, 0.7) 0%, transparent 100%); background: linear-gradient(rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%); } }
@media (max-width: 767px) { #topMainBg { height: 70px; background: -webkit-linear-gradient(rgba(0, 0, 0, 0.8) 0%, transparent 100%); background: -o-linear-gradient(rgba(0, 0, 0, 0.8) 0%, transparent 100%); background: linear-gradient(rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); } }

#topMainBgBtm { position: absolute; width: 100%; height: 100%; z-index: 101; }
@media (min-width: 992px) { #topMainBgBtm { background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, transparent 50%); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, transparent 50%); background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=1 ); } }
@media (min-width: 768px) and (max-width: 991px) { #topMainBgBtm { background: -moz-linear-gradient(top, transparent 30%, rgba(0, 0, 0, 0.3) 100%); background: -webkit-linear-gradient(top, transparent 30%, rgba(0, 0, 0, 0.3) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.3) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#4d000000',GradientType=0 ); } }
@media (max-width: 767px) { #topMainBgBtm { background: -moz-linear-gradient(top, transparent 30%, rgba(0, 0, 0, 0.5) 100%); background: -webkit-linear-gradient(top, transparent 30%, rgba(0, 0, 0, 0.5) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); } }

.btnScrool { position: absolute; bottom: 0; z-index: 110; }
@media (min-width: 768px) { .btnScrool { width: 100%; height: 50px; } }
.btnScrool a { display: block; position: absolute; left: 50%; }
@media (min-width: 768px) { .btnScrool a { width: 48px; height: 50px; } }
.btnScrool a span { display: block; text-indent: -99999px; -webkit-animation: scroll 2s; -moz-animation: scroll 2s; -o-animation: scroll 2s; animation: scroll 2s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; }
@media (min-width: 768px) { .btnScrool a span { background: url("../images/2016/icon_scroll.png") center 0 no-repeat; width: 48px; height: 35px; } }
@media (min-width: 768px) { .btnScrool a:hover span { background: url("../images/2016/icon_scroll_on.png") center 0 no-repeat; } }

@keyframes scroll { 0% { transform: translateY(0px); }
  20% { transform: translateY(15px); }
  75% { transform: translateY(0px); }
  100% { transform: translateY(0px); } }
.fullSlideShow { width: 100%; text-align: left; position: relative; overflow: hidden; background-color: #000; }
.fullSlideShow ul { top: 0; left: 50%; width: 100%; position: fixed; /* absolute or fixed */ overflow: hidden; display: inline-block; }
.fullSlideShow ul:after { content: "."; height: 0; clear: both; display: block; visibility: hidden; }
@media (max-width: 767px) { .fullSlideShow ul { position: absolute; } }
.fullSlideShow li { top: 0; left: 0; width: 100%; display: none; position: absolute; }
@media (min-width: 768px) { .fullSlideShow .viewList1 { background: url("../images/2016/slider/slider_1.jpg") center 0 no-repeat; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; } }
@media (min-width: 768px) { .fullSlideShow .viewList2 { background: url("../images/2016/slider/slider_2.jpg") center 0 no-repeat; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; } }
@media (min-width: 768px) { .fullSlideShow .viewList3 { background: url("../images/2016/slider/slider_3.jpg") center 0 no-repeat; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; } }
@media (min-width: 768px) { .fullSlideShow .viewList4 { background: url("../images/2016/slider/slider_4.jpg") center 0 no-repeat; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; } }
@media (min-width: 768px) { .fullSlideShow .viewList5 { background: url("../images/2016/slider/slider_5.jpg") center 0 no-repeat; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; } }
.fullSlideShow img { width: 100%; height: auto; }
@media (min-width: 768px) { .fullSlideShow img { display: none; } }
.fullSlideShow .pagiNation { visibility: visible; position: absolute; right: 20px; top: 45%; width: 10px; height: 100%; z-index: 110; }
@media (max-width: 767px) { .fullSlideShow .pagiNation { visibility: hidden; } }
.fullSlideShow .pagiNation a { display: inline-block; width: 10px; height: 10px; margin-bottom: 5px; overflow: hidden; background: #000; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.fullSlideShow .pagiNation .pnActive { filter: alpha(opacity=100) !important; -moz-opacity: 1 !important; opacity: 1 !important; }

#scrollTop { position: relative; z-index: 100; width: 100%; background: #f2f2f2; }
@media (min-width: 768px) { #scrollTop { padding-top: 30px; } }
@media (max-width: 767px) { #scrollTop { padding-top: 15px; } }

.section .ttl_section { font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 20px; font-size: 2.0rem; text-align: center; margin-bottom: 30px; }
@media (min-width: 768px) and (max-width: 991px) { .english .section .ttl_section { margin-bottom: 20px; } }
@media (max-width: 767px) { .english .section .ttl_section { margin-bottom: 20px; } }
.section .ttl_section span { position: relative; display: inline-block; padding-bottom: 10px; }
.section .ttl_section span:after { position: absolute; content: ""; bottom: 0; left: 0; width: 100%; height: 2px; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.section .ttl_section span.lined:after { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); }

#topNews .ttl_section span:after { background-color: #000; }

#topProfile .ttl_section span:after { background-color: #fff; }

#topApp .ttl_section span:after { background-color: #fff; }

#topFb .ttl_section span:after { background-color: #fff; }

#footer .ttl_section span:after { background-color: #000; }

#topNews { margin-top: 30px; }
#topNews .entry { border: solid 1px #f2f2f2; -webkit-border-radius: 5px; border-radius: 5px; background: #fff; margin-bottom: 2%; }
#topNews .entry .text { padding: 5%; }
#topNews .entry .text p { color: #999; }
.english #topNews .entry .text p { font-size: 12px; font-size: 1.2rem; }
#topNews .entry .ttl_entry { font-size: 15px; font-size: 1.5rem; margin-bottom: 3%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#topNews a { display: block; height: 100%; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s; }
#topNews a .image { color: #fff; }
#topNews a .text { color: #333; }
#topNews a:hover .text { color: #0c0; }
#topNews a img { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
#topNews a:hover img { opacity: 0.75; filter: alpha(opacity=75); -ms-filter: "alpha(opacity=75)"; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
.lt-ie9 #topNews a:hover img { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
#topNews .image { position: relative; width: 100%; overflow: hidden; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
#topNews .image:before { content: ""; display: block; padding-top: 55%; }
#topNews .box { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 30%; height: 35%; min-height: 80px; margin: auto; text-align: center; font-family: 'Roboto', sans-serif; font-weight: 400; }
#topNews .label { font-size: 20px; font-size: 2.0rem; margin-bottom: 5%; }
#topNews .label:before { display: block; font-size: 24px; font-size: 2.4rem; margin-bottom: 5%; text-align: center; }
#topNews .blog .image { background: #000; }
#topNews .blog img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: auto; margin: auto; opacity: 0.4; filter: alpha(opacity=40); -ms-filter: "alpha(opacity=40)"; border-top-left-radius: 5px; border-top-right-radius: 5px; }
#topNews .blog img.blur { filter: blur(2px); -webkit-filter: blur(2px); }
#topNews .blog .label:before { font-family: FontAwesome; content: "\f003"; }
#topNews .result .image { background: #6c3; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
#topNews .result a:hover .image { background: #090; }
#topNews .result .label:before { font-family: "icomoon"; content: "\e900"; }
#topNews .result .box { border: solid 1px #94db71; padding-top: 2%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
#topNews .result a:hover .box { border-color: #fff; }
#topNews .result .match, #topNews .result .versus { color: #999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#topNews .result .versus { font-size: 12px; font-size: 1.2rem; margin-bottom: 2%; }
#topNews .result .score { font-size: 18px; font-size: 1.8rem; color: #333; }
#topNews .result .score:before { font-family: FontAwesome; content: "\f00c"; color: #ccc; margin-right: 3%; }
#topNews .result .score.win:before { content: "\f00c"; color: #090; }
#topNews .link { display: table; width: 100%; }
@media (min-width: 768px) { #topNews .link { margin-bottom: 50px; } }
@media (max-width: 767px) { #topNews .link { margin-bottom: 40px; } }
#topNews .link li { display: table-cell; width: 50%; border-right: solid 2px #f2f2f2; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; }
#topNews .link li.lastChild { border-right: none; }
#topNews .link a { display: block; padding: 2.5% 0; text-align: center; background: #fff; color: #0c0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
@media (min-width: 768px) { #topNews .link a { padding: 2.5% 0; } }
@media (max-width: 767px) { #topNews .link a { padding: 5% 0; } }
#topNews .link a:hover { background: #090; color: #fff; }
#topNews .link a:before { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: solid 2px #0c0; text-align: center; }
.lt-ie8 #topNews .link a:before { border: none; }
@media (min-width: 768px) { #topNews .link a:before { width: 52px; height: 52px; -webkit-border-radius: 26px; border-radius: 26px; font-size: 26px; font-size: 2.6rem; margin: 0 auto 15px; line-height: 48px; } }
@media (max-width: 767px) { #topNews .link a:before { width: 36px; height: 36px; -webkit-border-radius: 18px; border-radius: 18px; font-size: 20px; font-size: 2.2rem; margin: 0 auto 5px; } }
#topNews .link a:hover:before { border-color: #fff; }
#topNews .link a.linkBlog:before { font-family: FontAwesome; content: "\f003"; }
#topNews .link a.linkResult:before { font-family: 'icomoon'; content: "\e900"; }

#topProfile { width: 100%; color: #fff; }
@media (min-width: 992px) { #topProfile { height: 300px; background: #172c23 url("../images/2016/bg_topProfile.jpg") 0 0 no-repeat; } }
@media (min-width: 768px) and (max-width: 991px) { #topProfile { height: 300px; background: #172c23 url("../images/2016/bg_topProfile.jpg") -100px 0 no-repeat; } }
@media (max-width: 767px) { #topProfile { height: 250px; background: #172c23 url("../images/2016/bg_topProfile.jpg") -100px 0 no-repeat; -webkit-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; } }
#topProfile a { display: block; width: 100%; height: 100%; color: #fff; }
#topProfile a:hover { background: rgba(0, 0, 0, 0.4); }
#topProfile .inner { float: right; display: inline; }
@media (min-width: 992px) { #topProfile .inner { padding-top: 40px; width: 45%; margin-right: 5%; } }
@media (min-width: 768px) and (max-width: 991px) { #topProfile .inner { padding-top: 30px; width: 45%; margin-right: 2%; } }
@media (max-width: 767px) { #topProfile .inner { padding-top: 50px; width: 45%; margin-right: 5%; } }
#topProfile .ttl_section { font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 20px; font-size: 2.0rem; }
@media (min-width: 992px) { #topProfile .ttl_section { margin-bottom: 30px; } }
@media (min-width: 768px) and (max-width: 991px) { #topProfile .ttl_section { margin-bottom: 20px; } }
@media (max-width: 767px) { #topProfile .ttl_section { margin-bottom: 30px; } }
#topProfile .outline { line-height: 1.75; opacity: 0.7; }
@media (min-width: 992px) { #topProfile .outline { margin-bottom: 30px; } }
@media (min-width: 768px) and (max-width: 991px) { #topProfile .outline { margin-bottom: 20px; } }
#topProfile .btn { text-align: center; color: #fff; display: block; padding: 12px 0; border: solid 1px #fff; margin: 0 auto; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
@media (min-width: 768px) { #topProfile .btn { width: 30%; min-width: 190px; } }
@media (max-width: 767px) { #topProfile .btn { width: 100%; background: rgba(0, 0, 0, 0.25); } }
#topProfile a:hover .btn { background: rgba(255, 255, 255, 0.1); }
.lt-ie8 #topProfile a:hover .btn { background: #fff; color: #000; }

@media (min-width: 768px) { #topAppFB { margin-bottom: 50px; } }
@media (max-width: 767px) { #topAppFB { margin-bottom: 40px; } }

#topApp { position: relative; background: #485c73; color: #fff; background-repeat: no-repeat; }
@media (min-width: 768px) { #topApp { height: 250px; background-image: url("../images/2016/bg_topApp_s.png"); background-position: right 0 top 0; background-position-x: right; background-position-y: top; } }
@media (min-width: 1200px) { #topApp { height: 250px; background-image: url("../images/2016/bg_topApp.png"); background-position: right 0 top 0; background-position-x: right; background-position-y: top; } }
@media (max-width: 767px) { #topApp { height: 170px; background-image: url("../images/2016/bg_topApp_s.png"); -webkit-background-size: auto 130%; -o-background-size: auto 130%; background-size: auto 130%; background-position: right 0 top 0; background-position-x: right; background-position-y: top; } }
#topApp a { display: block; width: 100%; height: 100%; color: #fff; }
#topApp a:hover { background: rgba(0, 0, 0, 0.4); }
@media (min-width: 768px) { #topApp .inner { width: 40%; height: 50%; margin-left: 5%; margin-top: 70px; } }
@media (max-width: 767px) { #topApp .inner { width: 50%; margin-left: 5%; margin-top: 40px; } }
#topApp .lead { text-align: center; }
#topApp .lead:after { font-family: FontAwesome; content: "\f08e"; margin-left: 5px; }

#topFb { position: relative; background: #3b5998; color: #fff; background-repeat: no-repeat; }
@media (min-width: 768px) { #topFb { height: 250px; background-image: url("../images/2016/bg_topFb_s.png"); background-position: 0 0; } }
@media (min-width: 1200px) { #topFb { height: 250px; background-image: url("../images/2016/bg_topFb.png"); background-position: right 0 top 0; background-position: 0 0; } }
@media (max-width: 767px) { #topFb { height: 170px; background-image: url("../images/2016/bg_topFb.png"); -webkit-background-size: auto 130%; -o-background-size: auto 130%; background-size: auto 130%; background-position: left -110px top 0; } }
#topFb a { display: block; width: 100%; height: 100%; color: #fff; }
#topFb a:hover { background: rgba(0, 0, 0, 0.4); }
#topFb .inner { float: right; }
@media (min-width: 768px) { #topFb .inner { width: 50%; height: 50%; margin-right: 5%; margin-top: 70px; } }
@media (max-width: 767px) { #topFb .inner { width: 55%; margin-right: 5%; margin-top: 40px; } }
#topFb .lead { text-align: center; }
#topFb .lead:after { font-family: FontAwesome; content: "\f08e"; margin-left: 5px; }
#topFb .credit { position: absolute; color: #fff; }
@media (min-width: 768px) { #topFb .credit { bottom: 20px; right: 30px; opacity: 0.6; font-size: 11px; font-size: 1.1rem; } }
@media (min-width: 1200px) { #topFb .credit { opacity: 0.4; } }
@media (max-width: 767px) { #topFb .credit { bottom: 10px; right: 10px; opacity: 0.4; font-size: 10px; font-size: 1.0rem; } }

.headerImg.blog { background-color: #04080b; background-repeat: no-repeat; }
@media (min-width: 992px) { .headerImg.blog { background-image: url("../images/2016/bg_blogImg_blog.jpg"); -webkit-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; background-position: center top; } }
@media (min-width: 768px) and (max-width: 991px) { .headerImg.blog { background-image: url("../images/2016/bg_blogImg_blog.jpg"); -webkit-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; background-position: right -360px top 0; } }
@media (max-width: 767px) { .headerImg.blog { background-image: url("../images/2016/bg_blogImg_blog_s.jpg"); -webkit-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; background-position: center top; } }

.blogEntry { background-color: #fff; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15); }
@media (min-width: 768px) { .blogEntry { padding: 30px 0; margin-bottom: 30px; } }
@media (max-width: 767px) { .blogEntry { padding: 20px 0; margin-bottom: 20px; } }

.blogHeader h1 { border-left: 3px solid #3c3; font-size: 18px; font-size: 1.8rem; font-weight: bold; line-height: 1.0; }
@media (min-width: 768px) { .blogHeader h1 { padding-left: 30px; padding-right: 30px; margin-bottom: 20px; } }
@media (max-width: 767px) { .blogHeader h1 { padding-left: 10px; padding-right: 10px; margin-bottom: 15px; } }
.blogHeader h1 a { display: inline-block; padding: 5px 0 0; color: #333; }
.blogHeader h1 a:hover { color: #0c0; }
.blogHeader .category { float: left; font-size: 12px; font-size: 1.2rem; }
@media (min-width: 768px) { .blogHeader .category { border-right: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7; margin-right: 20px; } }
@media (max-width: 767px) { .blogHeader .category { display: none; } }
.blogHeader .category a { color: #999; }
@media (min-width: 768px) { .blogHeader .category a { padding: 0 20px; } }
.blogHeader .category a:hover { color: #0c0; }
.blogHeader .date { float: left; font-size: 12px; font-size: 1.2rem; color: #999; }
@media (max-width: 767px) { .blogHeader .date { padding: 5px 0; } }
.blogHeader .commentCount { float: right; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; font-size: 1.4rem; }
.blogHeader .commentCount a { color: #0c0; }
.blogHeader .commentCount a:hover { color: #090; }
@media (max-width: 767px) { .blogHeader .commentCount a { padding: 5px 10px; } }
.blogHeader .commentCount i { position: relative; top: -2px; margin-right: 5px; }
@media (min-width: 768px) { .blogHeader .commentCount i { font-size: 16px; font-size: 1.6rem; } }
@media (max-width: 767px) { .blogHeader .commentCount i { font-size: 14px; font-size: 1.4rem; } }

.entryInner { word-break: break-all; clear: both; }
@media (min-width: 768px) { .entryInner { padding: 0 30px 30px; } }
@media (max-width: 767px) { .entryInner { padding: 0 10px 20px; } }

.entryBody p, .entryBody div { line-height: 2.5; }
.entryBody img { max-width: 100%; height: auto; }
@media (max-width: 767px) { .entryBody img { display: block; float: none !important; margin: 0 auto 20px !important; } }
.entryBody a { text-decoration: underline; }

.entryButtons a { display: block; text-align: center; }
@media (max-width: 767px) { .entryButtons a { font-size: 13px; font-size: 1.3rem; } }
@media (min-width: 768px) { .entryButtons i { font-size: 18px; font-size: 1.8rem; margin-right: 5px; } }
@media (max-width: 767px) { .entryButtons i { font-size: 20px; font-size: 2.0rem; margin-right: 3px; } }
.entryButtons .lastChild { margin-right: 0% !important; }
.entryButtons .commentBtn { width: 100%; margin-bottom: 20px; }
.entryButtons .commentBtn li { float: left; width: 48%; margin-right: 4%; }
.entryButtons .commentBtn li.onlyRead { float: none; width: 100%; margin-right: 0; }
.entryButtons .commentBtn a { background-color: #0c0; color: #fff; -webkit-border-radius: 5px; border-radius: 5px; }
.entryButtons .commentBtn a:hover { background-color: #090; }
@media (min-width: 768px) { .entryButtons .commentBtn a { padding: 12px 0; } }
@media (max-width: 767px) { .entryButtons .commentBtn a { padding: 15px 0; } }
.entryButtons .snsBtn { width: 100%; }
.entryButtons .snsBtn li { float: left; width: 32%; margin-right: 2%; }
.entryButtons .snsBtn a { border: 1px solid #e2e2e2; -webkit-border-radius: 5px; border-radius: 5px; }
@media (min-width: 768px) { .entryButtons .snsBtn a { padding: 10px 0; } }
@media (max-width: 767px) { .entryButtons .snsBtn a { padding: 13px 0; } }
.entryButtons .snsBtn a.fb { color: #315096; }
.entryButtons .snsBtn a.fb:hover { border-color: #315096; background-color: #315096; color: #fff; }
.entryButtons .snsBtn a.tw { color: #55acee; }
.entryButtons .snsBtn a.tw:hover { border-color: #55acee; background-color: #55acee; color: #fff; }
.entryButtons .snsBtn a.gplus { color: #dd4b39; }
.entryButtons .snsBtn a.gplus:hover { border-color: #dd4b39; background-color: #dd4b39; color: #fff; }

.pagenation { width: 100%; display: table; font-family: 'Roboto', sans-serif; font-weight: 500; }
@media (min-width: 768px) { .pagenation { margin-bottom: 40px; } }
@media (max-width: 767px) { .pagenation { margin-bottom: 20px; } }
.pagenation div { display: table-cell; text-align: center; }
@media (min-width: 768px) { .pagenation .linkFirst, .pagenation .linkLast { width: 10%; } }
@media (max-width: 767px) { .pagenation .linkFirst, .pagenation .linkLast { width: 20%; } }
@media (min-width: 768px) { .pagenation .linkPrev, .pagenation .linkNext { width: 20%; } }
@media (max-width: 767px) { .pagenation .linkPrev, .pagenation .linkNext { width: 30%; } }
@media (min-width: 768px) { .pagenation .count { width: 40%; } }
@media (min-width: 768px) { #blogIndividual .pagenation .count { width: 60%; } }
@media (min-width: 768px) { .pagenation .linkFirst { padding-right: 10px; } }
@media (min-width: 768px) { .pagenation .linkLast { padding-left: 10px; } }
@media (max-width: 767px) { .pagenation .linkPrev { padding-right: 5px; } }
@media (max-width: 767px) { .pagenation .linkNext { padding-left: 5px; } }
.pagenation i { color: #bdbdbd; font-size: 18px; font-size: 1.8rem; }
.pagenation a { display: block; background-color: #fff; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15); color: #333; }
@media (min-width: 768px) { .pagenation a { padding: 12px 0; } }
@media (max-width: 767px) { .pagenation a { padding: 15px 0; } }
.pagenation a:hover { background-color: #0c0; color: #fff; }
.pagenation a:hover i { color: #fff; }
@media (min-width: 768px) { .pagenation .linkPrev i { margin-right: 10px; } }
@media (max-width: 767px) { .pagenation .linkPrev i { margin-right: 5px; } }
@media (min-width: 768px) { .pagenation .linkNext i { margin-left: 10px; } }
@media (max-width: 767px) { .pagenation .linkNext i { margin-left: 5px; } }

.commentItem { background-color: #fff; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15); }
@media (min-width: 768px) { .commentItem { margin-bottom: 30px; padding: 30px; } }
@media (max-width: 767px) { .commentItem { margin-bottom: 15px; padding: 20px 10px; } }
.commentItem h1 { font-size: 15px; font-size: 1.5rem; font-weight: bold; }
@media (min-width: 768px) { .commentItem h1 { margin: 0 20px 30px 0; } }
@media (max-width: 767px) { .commentItem h1 { margin: 0 15px 15px 0; } }
.commentItem h1 i { position: relative; top: -2px; margin-right: 10px; color: #3c3; }

#readComment h1 { float: left; }
#readComment .count { float: left; background-color: #d0d0d0; color: #fff; font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 11px; font-size: 1.1rem; padding: 2px 8px 1px; -webkit-border-radius: 10px; border-radius: 10px; }
#readComment .comment { color: #666; font-size: 12px; font-size: 1.2rem; line-height: 2.0; border-bottom: 1px solid #ededed; margin-bottom: 20px; padding-bottom: 20px; }
#readComment .comment-header { font-size: 11px; font-size: 1.1rem; color: #ccc; margin-bottom: 10px; }
#readComment .comment-header .author { color: #999; padding: 0 5px; }
#readComment .comment-header a { color: #999; padding: 0 5px; }
#readComment .comment-header abbr { border: none; }
#readComment .moreBtn a { display: block; text-align: center; color: #0c0; border: 1px solid #0c0; -webkit-border-radius: 5px; border-radius: 5px; }
@media (min-width: 768px) { #readComment .moreBtn a { width: 300px; margin: 0 auto; padding: 12px 0; } }
@media (max-width: 767px) { #readComment .moreBtn a { margin: 0 10px; padding: 12px 0; } }
@media (min-width: 992px) { #readComment .moreBtn a:hover { background-color: #090; border-color: #090; color: #fff; } }

#writeComment { color: #666; font-size: 13px; font-size: 1.3rem; }
#writeComment label { display: block; margin-bottom: 5px; }
#writeComment #comments-open-captcha { margin-bottom: 30px; }
#writeComment #comments-open-captcha label { display: none; }
#writeComment #comments-open-captcha img { margin-bottom: 10px; }
#writeComment #comments-open-captcha #captcha_code { margin-bottom: 5px; }
#writeComment #comments-open-data, #writeComment #comments-open-text { margin-bottom: 20px; }
#writeComment input, #writeComment textarea { border: 0; padding: 10px; border: solid 1px #ccc; -webkit-border-radius: 5px; border-radius: 5px; }
@media (max-width: 767px) { #writeComment input { width: 100%; } }
#writeComment textarea { width: 100%; }
#writeComment p { margin-bottom: 30px; }

#comments-open-footer { text-align: center; }
@media (min-width: 768px) { #comments-open-footer { margin-bottom: 30px; } }
@media (max-width: 767px) { #comments-open-footer { margin-bottom: 15px; } }
#comments-open-footer input { background-color: #0c0; color: #fff; border: none; padding: 12px 0; }
@media (min-width: 992px) { #comments-open-footer input:hover { background-color: #090; } }
@media (min-width: 768px) { #comments-open-footer input { width: 30%; } }
@media (max-width: 767px) { #comments-open-footer input { width: 45%; margin-bottom: 10px; } }
#comments-open-footer #comment-preview { margin-right: 5%; }
@media (min-width: 768px) { #comments-open-footer #comment-preview { margin-right: 10px; } }
@media (min-width: 768px) { .blogPreview #comments-open-footer #comment-submit { margin-right: 10px; } }
#comments-open-footer #comment-cancel { background-color: #eee; color: #666; }
#comments-open-footer #comment-cancel:hover { background-color: #ccc; color: #333; }
@media (max-width: 767px) { #comments-open-footer #comment-cancel { width: 95%; } }

#comments-notice { font-size: 13px; font-size: 1.3rem; color: #999; line-height: 1.75; }

.headerImg.result { background-color: #04080b; background-repeat: no-repeat; }
@media (min-width: 992px) { .headerImg.result { background-image: url("../images/2016/bg_blogImg_result.jpg"); -webkit-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; background-position: center top; } }
@media (min-width: 768px) and (max-width: 991px) { .headerImg.result { background-image: url("../images/2016/bg_blogImg_result.jpg"); -webkit-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; background-position: center top; } }
@media (max-width: 767px) { .headerImg.result { background-image: url("../images/2016/bg_blogImg_result_s.jpg"); -webkit-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; background-position: center top; } }

@media (min-width: 768px) { .tinynav { display: none; } }
@media (max-width: 767px) { .tinynav { display: block; } }

@media (min-width: 768px) { #resultLink { display: block; } }
@media (max-width: 767px) { #resultLink { display: none; } }

.resultHeader { margin-bottom: 20px; }
.resultHeader h1 { font-size: 18px; font-size: 1.8rem; line-height: 1.0; border-left: 3px solid #0c0; margin-bottom: 20px; }
.english .resultHeader h1 { padding-left: 10px; }
.resultHeader h1 span { font-size: 26px; font-size: 2.6rem; font-weight: bold; margin-right: 10px; padding-left: 5px; }
.resultHeader select { width: 100%; padding: 5px 0; }

#resultLink { font-family: 'Roboto', sans-serif; font-weight: 400; }
#resultLink li { float: left; }
#resultLink a { display: inline-block; padding: 5px 13px 5px 0; color: #666; }
#resultLink a:hover { color: #0c0; }
#resultLink a:before { content: "|"; color: #dadada; margin-right: 15px; }

.resultEntry .monthlyTitle { font-size: 15px; font-size: 1.5rem; font-weight: bold; margin-bottom: 20px; padding-top: 20px; }
.resultEntry .tournament { margin-bottom: 30px; }
.resultEntry .tournament .rank { color: #393; padding: 8px 10px; font-family: 'Roboto', sans-serif; font-weight: 400; }
.resultEntry .tournament table { width: 100%; border-bottom: 1px solid #eee; }
@media (max-width: 767px) { .resultEntry .tournament table { display: block; } }
.resultEntry .tournament thead { display: none; }
@media (max-width: 767px) { .resultEntry .tournament tbody { display: block; } }
@media (max-width: 767px) { .resultEntry .tournament tr { display: block; } }
@media (min-width: 768px) { .resultEntry .tournament tr:nth-child(2n-1) td { background-color: #f4f4f4; } }
.resultEntry .tournament td { padding: 8px 10px; font-size: 13px; font-size: 1.3rem; }
@media (max-width: 767px) { .resultEntry .tournament td { display: block; } }
.lt-ie8 .resultEntry .tournament td { border-top: 1px solid #eee; }
.resultEntry .tournament .wl { text-align: center; }
@media (min-width: 768px) { .resultEntry .tournament .wl { width: 7%; } }
@media (max-width: 767px) { .resultEntry .tournament .wl { float: left; width: 10%; background-color: #f4f4f4; } }
@media (max-width: 767px) { .lt-ie9 .resultEntry .tournament .wl { float: none; background: none; border-top: 1px solid #eee; } }
@media (max-width: 767px) { .lt-ie8 .resultEntry .tournament .wl { float: none; background: none; border-top: 1px solid #eee; } }
.resultEntry .tournament .wl i { color: #0c0; }
.resultEntry .tournament .wl.lose i { color: #bbb; }
.resultEntry .tournament .wl span { display: none; }
@media (min-width: 768px) { .resultEntry .tournament .round { width: 15%; } }
@media (max-width: 767px) { .resultEntry .tournament .round { font-weight: bold; background-color: #f4f4f4; } }
@media (max-width: 767px) { .lt-ie9 .resultEntry .tournament .round { border-top: 1px solid #eee; background: none; } }
@media (max-width: 767px) { .lt-ie8 .resultEntry .tournament .round { background: none; } }
@media (min-width: 768px) { .resultEntry .tournament .player { width: 40%; } }
@media (max-width: 767px) { .resultEntry .tournament .player { border-bottom: 1px solid #eee; } }
@media (max-width: 767px) { .lt-ie9 .resultEntry .tournament .player { border-top: 1px solid #eee; } }
@media (min-width: 768px) { .resultEntry .tournament .playerRank { text-align: center; width: 13%; } }
@media (max-width: 767px) { .resultEntry .tournament .playerRank { display: none; } }
@media (min-width: 768px) { .resultEntry .tournament .score { width: 25%; } }
@media (max-width: 767px) { .lt-ie9 .resultEntry .tournament .score { border-top: 1px solid #eee; } }
.resultEntry .tournamentHeader { background-color: #090; color: #fff; border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; }
@media (min-width: 768px) { .resultEntry .tournamentHeader { padding: 12px 10px; } }
@media (max-width: 767px) { .resultEntry .tournamentHeader { padding: 10px; } }
.resultEntry .tournamentHeader h1 { font-size: 15px; font-size: 1.5rem; font-weight: bold; }
@media (min-width: 768px) { .resultEntry .tournamentHeader h1 { float: left; } }
.resultEntry .tournamentHeader .place { font-size: 12px; font-size: 1.2rem; opacity: 0.7; }
.resultEntry .tournamentHeader .place:before { font-family: FontAwesome; content: "\f041"; margin-right: 5px; }
@media (min-width: 768px) { .resultEntry .tournamentHeader .place { text-align: right; } }

.headerImg.profile { background-color: #12271e; background-repeat: no-repeat; }
@media (min-width: 992px) { .headerImg.profile { background-image: url("../images/2016/bg_blogImg_profile.jpg"); -webkit-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; background-position: center top; } }
@media (min-width: 768px) and (max-width: 991px) { .headerImg.profile { background-image: url("../images/2016/bg_blogImg_profile.jpg"); -webkit-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; background-position: center top; } }
@media (max-width: 767px) { .headerImg.profile { background-image: url("../images/2016/bg_blogImg_profile_s.jpg"); -webkit-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; background-position: center top; } }

@media (min-width: 768px) { .profileEntry { padding: 30px 30px 30px 0; margin-bottom: 30px; } }
@media (max-width: 767px) { .profileEntry { padding: 20px 10px 20px 0; margin-bottom: 20px; } }

.profileBasic { line-height: 1.75; }
.profileBasic p { margin-bottom: 2em; }
.profileBasic .profileName { background-color: #eee; padding: 10px; font-size: 14px; font-size: 1.4rem; font-weight: bold; line-height: 1.0; margin-bottom: 15px; }
@media (min-width: 768px) { .profileBasic .profileData { margin-bottom: 30px; } }
@media (max-width: 767px) { .profileBasic .profileData { margin-bottom: 20px; } }
.profileBasic .profileData dt { line-height: 2; font-weight: bold; padding: 0 10px; }
@media (min-width: 768px) { .profileBasic .profileData dt { float: left; width: 10em; white-space: nowrap; } }
@media (min-width: 768px) { .english .profileBasic .profileData dt { width: 16em; } }
.profileBasic .profileData dd { line-height: 2; padding: 0 10px; }
@media (min-width: 768px) { .profileBasic .profileData dd { margin-left: 10em; } }
.profileBasic .profileData img { width: 100px; height: auto; }
.profileBasic .profileDataTitle { font-weight: bold; }

@media (min-width: 768px) { .profilePhoto { margin-bottom: 40px; } }
@media (max-width: 767px) { .profilePhoto { margin-bottom: 20px; } }
.profilePhoto img { width: 100%; height: auto; }
.profilePhoto .profilePhoto1 { position: relative; border: 1px solid #fff; }
.profilePhoto .profilePhoto1 .credit { position: absolute; bottom: 10px; right: 10px; color: #fff; opacity: 0.3; }
@media (min-width: 768px) { .profilePhoto .profilePhoto1 .credit { font-size: 11px; font-size: 1.1rem; } }
@media (max-width: 767px) { .profilePhoto .profilePhoto1 .credit { font-size: 10px; font-size: 1.0rem; } }
.profilePhoto .profilePhoto2 div { border: 1px solid #fff; }

.headerImg.contact { background-color: #69abd8; background-repeat: no-repeat; }
@media (min-width: 992px) { .headerImg.contact { background-image: url("../images/2016/bg_blogImg_contact.jpg"); -webkit-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; background-position: left top; } }
@media (min-width: 768px) and (max-width: 991px) { .headerImg.contact { background-image: url("../images/2016/bg_blogImg_contact.jpg"); -webkit-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; background-position: left top; } }
@media (max-width: 767px) { .headerImg.contact { background-image: url("../images/2016/bg_blogImg_contact_s.jpg"); -webkit-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; background-position: left top; } }

@media (min-width: 768px) { .contactEntry { padding: 30px 30px 30px 0; margin-bottom: 30px; } }
@media (max-width: 767px) { .contactEntry { padding: 20px 10px 20px 0; margin-bottom: 20px; } }

@media (min-width: 768px) { .contactItem { margin-bottom: 50px; } }
@media (max-width: 767px) { .contactItem { margin-bottom: 20px; } }
.contactItem h1 { background-color: #eee; line-height: 1.0; font-size: 14px; font-size: 1.4rem; padding: 10px; margin-bottom: 20px; }
.contactItem .contactDataTitle { font-weight: bold; line-height: 2; }
@media (min-width: 768px) { .contactItem .contactDataTitle { padding: 0 10px; } }
.contactItem .contactData dt { font-weight: bold; line-height: 2; }
@media (min-width: 768px) { .contactItem .contactData dt { float: left; width: 6em; padding: 0 10px; } }
.contactItem .contactData dd { line-height: 2; }
@media (min-width: 768px) { .contactItem .contactData dd { margin-left: 6em; padding: 0 10px; } }
.contactItem .contactItemInner { line-height: 2; padding: 0 10px; }