body{font-family: "Sawarabi Gothic", sans-serif;}

a {color: #286090;}
a:hover{color: #100b33;}

/* =================================
Navigation
================================= */

.navbar-default {
background-color: #fff;
border-color: transparent;
border-radius:0;
font-family: "Sawarabi Mincho", serif;
padding-top:20px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
color: #000;
background-color:transparent;
}
.navbar-default .navbar-nav>li>a {
color: #000;
font-size:14px;
font-weight:600;
}
.navbar-default .navbar-nav li a :hover{
color: #286090;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #286090;
    background-color: transparent;
}

@media (min-width: 768px) {
.navbar-brand {
margin-bottom: 20px;
margin-top: -10px;
padding: 10px;
}
}

@media (max-width: 767px) {
.navbar-brand {
margin-bottom: 20px;
margin-top: 0px;
padding: 0 10px;
}
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
color: #286090;
background-color: #fff;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
color: #286090;
background-color: #fff;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
border: 1px solid #f5f5f5;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 2px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
color: #262626;
text-decoration: none;
background-color: rgba(50, 173, 250, 0.25);
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
color: #fff;
text-decoration: none;
background-color: #337ab7;
outline: 0;
}

.navbar-default .navbar-collapse {
border-top: none;
}


/* =================================
Button
================================= */

.btn {
border-radius: 2px;
}

.btn-blue{
background: #100b33;
color: #efefef;
border-color: #0d1b62;  
}

.btn-blue:focus,
.btn-blue.focus {
color: #286090;
background: #100b33;
border-color: #0d1b62;
}
.btn-blue:hover {
color: #286090;
background: #100b33;
border-color: #0d1b62;
}


/* =================================
Utility
================================= */

header, section {
margin: 0 0 45px;  
}

.spacer {height: 100px;}
.spacer-medium {height: 50px;}
.spacer-small {height: 25px;}
.spacer-tiny {height: 12px;}

.delimiters {visibility: hidden;}

.mb-30 {margin-bottom: 30px;}
.mb-60 {margin-bottom: 60px;}

.mt-30 {margin-top: 30px;}

.pd-30 {padding: 30px;}
.pd-45 {padding: 45px;}
.pd-60 {padding: 60px;}

.hr {
margin: 15px auto;    
text-align: center;    
}

.content-lists .col-sm-6 {
margin-bottom: 20px;
}

.report img {
margin-bottom: 10px;
max-width: 240px;  
}

.report img.img-right {
text-align: right !important;
margin: 0 0 0 auto; 
}
.report img.img-left {
text-align: left;  
}
.report img.img-center {
text-align: center; 
margin: 0 auto 10px; 
}


@media (max-width: 768px) {
.content-lists img {
margin: 0 auto 10px;
text-align: center;
max-height: 200px;
max-width: 200px;
}

.report img.img-right,
.report img.img-left,
.report img.img-center {
text-align: center; 
margin: 0 auto 10px;  
}

}

td a, p a, dt a, dd a {text-decoration: underline;}
.content-lists p a {text-decoration: none;}
.footer p a {text-decoration: none;}
.footer p a:hover{text-decoration: underline;}

.text-center img {
text-align: center;
margin-left: auto;
margin-right: auto;  
}

@media (min-width: 541px) {
br.none{ display: none;} 
}


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


/* =================================
Typography
================================= */


h2, h2.h2, h2.h3, h3, h3.h3, h3.h4 {
font-family: "Sawarabi Mincho", serif; 
}

h2.h3, h3.h3 {
color: #111;
font-size: 24px;
margin-bottom: 25px;
}

h2.h2 {
color: #286090; 
font-size: 24px;
margin-bottom: 25px;
}

h2.h3 small {color: #111;}

h3.h3 {margin-top: 50px; }

.news .h3 {
background: url(../img/h1.png) top left no-repeat;
border-bottom: 1px solid #333; 
padding: 5px 0 12px 45px;
}

h4 {font-weight: 600}

.rules dt, .rules dd {
margin-bottom: 5px;  
}

.section {margin-top: 20px;}

/* =================================
Footer
================================= */
.report {
background: #e8e8e8;
padding: 20px 0;  
}
.footer {
color: #fefefe;  
background: #100b33;
font-family: serif;
margin: 0 auto; 
padding: 12px 0 5px;
text-align: center;  
}

.footer a {
color: #fefefe;  
}

/* =================================
Panel
================================= */
.panel {
border-radius: 2px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.02);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.02);
}
.panel-body {
padding: 20px 20px 0;
}

.panel-body dt, .panel-body dd {
 margin-bottom: 3px; 
}

@media (max-width: 767px) {
.panel-body dd {
 margin-bottom: 10px;
  }
}

/* ================================================ */
/*!
 * Start Bootstrap - Agency v3.3.7+1 (http://startbootstrap.com/template-overviews/agency)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
 /* ================================================ */
.portfolio-item {
  margin: 0 0 15px;
  right: 0;
}
.portfolio-item .portfolio-link {
  display: block;
  position: relative;
  max-width: 400px;
  margin: 0 auto;
}
.portfolio-item .portfolio-link .portfolio-hover {
  background: rgba(255, 215, 0, 0.6);
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
}
.portfolio-item .portfolio-link .portfolio-hover:hover {
  opacity: 1;
}
.portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
  position: absolute;
  width: 100%;
  height: 20px;
  font-size: 20px;
  text-align: center;
  top: 50%;
  margin-top: -12px;
  color: white;
}
.portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
  margin-top: -12px;
}
.portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
.portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
  margin: 0;
}
.portfolio-item .portfolio-caption {
  max-width: 400px;
  margin: 0 auto;
  background-color: white;
  text-align: center;
  padding: 10px;
}
.portfolio-item .portfolio-caption h4 {
text-transform: none;
margin: 0;   
}
.portfolio-item .portfolio-caption p {
  font-size: 16px;
  margin: 0;
}

#portfolio * {
  z-index: 2;
}

@media (min-width: 767px) {
  #portfolio .portfolio-item {
    margin: 0 0 30px;
  }
}


.portfolio-modal .modal-dialog {
  margin: 0;
  height: 100%;
  width: auto;
}
.portfolio-modal .modal-content {
  border-radius: 0;
  background-clip: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  min-height: 100%;
  padding: 80px 0;
  text-align: center;
}


.portfolio-modal .close-modal {
  position: absolute;
  width: 75px;
  height: 75px;
  background-color: transparent;
  top: 25px;
  right: 25px;
  cursor: pointer;
}
.portfolio-modal .close-modal:hover {
  opacity: 0.3;
}
.portfolio-modal .close-modal .lr {
  height: 75px;
  width: 1px;
  margin-left: 35px;
  background-color: #222222;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Safari and Chrome */
  z-index: 1051;
}
.portfolio-modal .close-modal .lr .rl {
  height: 75px;
  width: 1px;
  background-color: #222222;
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -webkit-transform: rotate(90deg);
  /* Safari and Chrome */
  z-index: 1052;
}
.portfolio-modal .modal-backdrop {
  opacity: 0;
  display: none;
}

.modal-body p {
text-align: left;  
}

.modal-body p.text-center img {
text-align: center;
margin-left: auto;
margin-right: auto;
}

/* ================================================ */
Tumblr
/* ================================================ */

.post .page-header .main-heading-1.text-center-xs {text-align: left; font-size: 36px;} 

.post h2{
font-size: 24px;
font-weight: bold;
}

.asset-footer,
.asset-footer small{
font-size: 13px;    
}
.sidebar section {
margin-bottom: 40px;    
}

.sidebar .page-header {
font-size: 18px;    
}

.sidebar .page-header small {
font-size: 16px; 
}

figure img,
figure.tmblr-full img {
display: block;
max-width: 100%;
height: auto;
margin: 10px auto;
text-align: center;  
}

figure .embed_iframe {
margin: 10px auto;
text-align: center; 
}

.breadcrumb {
background: #fff;   
}