@charset "utf-8";



/* General

   ========================================================================== */

* {

  margin: 0px;

  padding: 0px; 

} 

html{ 

  height: 100%; 

} 

body{ 

  height: 100%; 

}



body {

  font-family: Meiryo,'メイリオ','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;

  background: none #fff;

  line-height: 1.625;

  font-size: 16px;

  color: #333;

}



h1 { font-size: 2rem !important; }

h2 { font-size: 1.8rem !important; }

h3 { font-size: 1.4rem !important; }

h4 { font-size: 1.2rem !important; }

h5 { font-size: 1rem !important; }



@media (max-width: 768px) {

  h1 { font-size: 1.5rem !important; }

  h2 { font-size: 1.4rem !important; }

  h3 { font-size: 1.3rem !important; }

  h4 { font-size: 1.2rem !important; }

  h5 { font-size: 1.1rem !important; }

}

h1, h2, h3, h4, h5 {

  font-family: "M PLUS Rounded 1c", sans-serif;

  white

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

p, span, ul, dl {

  font-family: "M PLUS Rounded 1c", sans-serif;

  font-weight: 500;

  transform: rotate(0.05deg);

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



a {

  color: #004399;

  text-decoration: underline;

}

::selection {

  background: #004399;

  color: #FFF;

}

::-moz-selection {

  background: #004399;

  color: #FFF;

}

a:hover { 

  color: #004399;

  text-decoration: none;

}

a, a:visited {

  color: #004399;

  outline: none;

}

a:active, a:focus {

  color: #004399;

  outline: none;

  text-decoration: none;

}



dl, ol, ul {

  margin-left: 1.5rem;

}



img {

  display: inline-block;

  vertical-align: middle;

  max-width: 100%;

  height: auto;

}

a img {

  opacity: 1;

}

a:hover img {

  opacity: 0.8;

  filter: alpha(opacity=80);

  -ms-filter: 'alpha(opacity=80)';

  -moz-opacity: 0.8;

  -khtml-opacity: 0.8;

}



a.btn-primary:visited,

a.btn-success:visited {

  color: #FFF;

  text-decoration: none !important;

}



img.main-photo {

  max-width: 640px !important;

}

@media (max-width: 992px) {

  img.main-photo {

    max-width: 100% !important;

  }

}



i {

  margin-right: 5px;

}



@media (min-width: 768px) {

  .w40  { width: 40px !important;}

  .w320 { width: 320px !important;}

}



ul.none,

ul.none li {

  list-style: none;

}



.centered-list {

  display: table;

  margin: 0 auto;

  padding: 0;

  list-style-position: inside;

}



.centered-list li {

  text-align: left;

  padding-left: 1em;

}



/* Font

   ========================================================================== */



.m-plus {

  font-family: "M PLUS Rounded 1c", sans-serif;

  transform: rotate(0.05deg);

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



/* Header

   ========================================================================== */



/* Menu

   ========================================================================== */



.navigation ul {

  list-style: none;

  margin: 0;

  padding: 0;

}



.main-menu {

  margin: 0;

  padding: 0;

  list-style: none;

}

.main-menu li {

  text-align: center;

  height: 50px;

  list-style: none;

  line-height: 50px;

}

.main-menu li a {

  display: block;

  color: #000;

  padding: .75rem 0;

  font-family: "M PLUS Rounded 1c", sans-serif;

  font-weight: 700;

  font-size: 18px;

  line-height: 1;

  text-decoration: none;

  transform: rotate(0.05deg);

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

@media (max-width: 991.98px) {

  .main-menu li a {

    font-size: 16px;

  }

}



.main-menu li a:hover {

  background-color: rgba(200,200,200,0.2);

}

.main-menu li a i {

  color: #999;

}



.sub-menu {

  margin: 0;

  padding: 0;

  list-style: none;

}

.sub-menu li {

  text-align: right;

  height: 32px;

  list-style: none;

  line-height: 32px;

}

.sub-menu li a {

  display: block;

  color: #000;

  font-family: "M PLUS Rounded 1c", sans-serif;

  font-weight: 700;

  font-size: 14px;

  text-decoration: none;

  transform: rotate(0.05deg);

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

.sub-menu li a:hover {

  color: #333;

}



.page-open-mobile-menu-button {

  top: 50px;

}



.page-open-mobile-menu {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	height: 30px;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

	display: none;

}

.page-open-mobile-menu div {

	position: absolute;

	cursor: pointer;

  bottom: 0;

  font-size: 32px;

}

@media (max-width: 1024px) {

	.page-open-mobile-menu {

		display: inline-block;

	}

  .page-open-mobile-menu div {

    font-size: 34px;

  }

}

@media (max-width: 768px) {

  .page-open-mobile-menu div {

    font-size: 28px;

  }

}

@media (max-width: 576px) {

  .page-open-mobile-menu div {

    font-size: 24px;

  }

}



.page-mobile-main-menu {

	position: fixed;

	top: 0;

	right: 100%;

	z-index: 9999999;

	overflow-x: auto;

	width: 100%;

	height: 100%;

	background: #fff;

	box-shadow: 3px 1px 29px rgba(0,0,0,.12);

	text-align: left;

	-webkit-transition: all .3s;

	transition: all .3s;

	background-color: rgba(0,0,0,0.9);

}

.page-mobile-main-menu.open {

	right: 0;

}

.page-mobile-main-menu .mobile-menu {

	margin: 0;

	padding: 20px 30px 30px;

}

.page-mobile-main-menu li {

	display: block;

	list-style-type: none;

}

.page-mobile-main-menu .mobile-menu a {

	position: relative;

	display: block;

}

.page-mobile-main-menu .mobile-menu a {

	font-weight: 400;

	letter-spacing: 0em;

	line-height: 1.5;

	text-transform: none;

}

.page-mobile-main-menu .mobile-menu > li > a {

	padding: 10px 0;

	border: 0;

	border-color: transparent;

	font-size: 20px;

	color: #fff;

}

.page-mobile-main-menu .mobile-menu > li+li > a {

	border-top: 1px solid rgba(255,255,255,.1);

}

.page-mobile-main-menu .toggle-sub-menu {

	position: absolute;

	top: 50%;

	right: 0;

	width: 40px;

	height: 40px;

	background: hsla(0,0%,100%,.1);

	color: #fff;

	text-align: center;

	line-height: 40px;

	z-index: 5;

	-webkit-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	transform: translateY(-50%);

	-webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);

	transition: all .3s cubic-bezier(.645,.045,.355,1);

}

.page-mobile-main-menu .toggle-sub-menu:after {

	display: block;

	content: "\f105";

	font-size: 18px;

	font-family: FontAwesome;

}

.page-mobile-main-menu .toggle-sub-menu.open:after {

	content: "\f107";

}

.page-mobile-main-menu .sub-menu a {

	padding-top: 8px;

	padding-bottom: 8px;

	padding-left: 0;

	padding-right: 0;

	font-size: 17px;

	color: #fff;

}

.page-mobile-main-menu .sub-menu {

	display: none;

	margin: 12px 0 14px 10px;

}

.page-mobile-main-menu .sub-menu.open {

	display: block;

}



.page-mobile-menu-logo {

	-webkit-box-flex: 1;

	-webkit-flex-grow: 1;

	-ms-flex-positive: 1;

	flex-grow: 1;

}



.page-mobile-menu-header {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	padding: 0 15px;

	height: 85px;

	background: #fff;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

}

.page-close-mobile-menu {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	height: 30px;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

}

.page-close-mobile-menu div {

	position: relative;

	width: 50px;

	height: 18px;

	cursor: pointer;

  text-align: right;

}



ul.d-flex {

  display: table\9;

  list-style-type: none\9;

  padding: 0\9;

  margin: 0\9;

  width: 100%\9;

}

li.flex-fill {

  display: table-cell\9;

  width: 1%\9;

  white-space: nowrap\9;

}

li.flex-fill a {

  padding: 0 1rem\9;

}



/* Slider

   ========================================================================== */



/* home */



.home .slider {

  position: relative;

  background-image: url(../images/slider/bg-slider-02.png);

  background-position: center bottom;

  background-repeat: no-repeat;

  text-align: center;

  background-color: #d0eef7;

  height: 480px;

}

.home .slider .site-description {

  font-family: "M PLUS Rounded 1c", sans-serif;

  text-decoration: none;

  transform: rotate(0.05deg);

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

.home .slider .site-description span {

  font-weight: 700;

}

.home .slider .site-description h1 {

  font-weight: 400 !important;

  font-size: 2.6rem !important;

}

@media (max-width: 640px) {

  .home .slider {

    background-image: none;

  }

  

}



/* Page

   ========================================================================== */



/* home */



.home .section-title {

  text-align: center;

}

.home .section-title h2 {

  margin: 0;

  padding: 0;

  font-size: 2rem;

}

.home .section-title span {

  color: #999;

  letter-spacing: 2px;

}



.home .post .title {

  padding: 5px 0;

}

.home .post .title h3 {

  text-align: center;

  font-size: 1rem !important;

}

.home .post .title a {

  color: #333;

}



.home .bank {

  text-align: center;

  background-color: #f2f2f2;

}

.home .bank a {

  text-decoration: none;

}

.home .bank .bank-box h2 {

  font-size: 1.5rem !important;

}

.home .bank .bank-box p {

  color: #333;

}



.home .information .section-title {

  padding: 1rem;

  text-align: left;

  background-color: #f1f1f1;

}

.home .information .news .post {

  padding: 0.75rem 1rem;

  border-bottom: 1px dotted #DDD;

}

.home .information .news .post p {

  margin: 0;

  padding: 0;

}

.home .information .news .post .date {

  margin-right: 10px;

  font-size: 11px;

}



/* page */



#page-title-area {

  background-color: #f9f9f9;

}

.page-title-content {

  padding: 2rem 0;

  background-image: url("../images/bg-page-title.png");

  background-repeat: no-repeat;

  background-position: right bottom;

}

.page-title-content h1 {

  font-family: "M PLUS Rounded 1c", sans-serif;

  font-size: 3rem;

  font-weight: 400;

  text-decoration: none;

  transform: rotate(0.05deg);

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

.page-title-content span {

  padding-left: 5px;

  color: #0066cc;

  text-transform: uppercase;

  letter-spacing: 2px;

}



.page .entry-title {

  border-bottom: 1px solid #DDD;

}

.page .entry-title h2 {

  padding: 0 5px;

}



.page .information .news .post {

  padding: 0.75rem 1rem;

  border-bottom: 1px dotted #DDD;

}

.page .information .news .post p {

  margin: 0;

  padding: 0;

}

.page .information .news .post .date {

  margin-right: 10px;

  font-size: 11px;

}



/* searchandfilter */



.searchandfilter ul {

  margin: 0;

  padding: 0;

  width: 100%;

}



.searchandfilter ul li {

  display: block;

}

.searchandfilter ul li.cat-item {

  display: inline-block;

}

.searchandfilter input[type="submit"] {

	display: block;

	width: 40%;

	margin: 30px auto 15px;

	padding: 10px 6px;

	border-radius: 10px;

	color: #FFF;

	text-align: center;

	font-size: 18px;

	background-color: #1b66ba;

  cursor: pointer;

  border: none;

}

.searchandfilter input[type="submit"]:hover { 

	background-color: #333;

}



.sportsbank .searchandfilter ul li ul li {

    display: inline-block;

    width: 200px;

    vertical-align: top;

}

.sportsclient .searchandfilter ul li ul li {

    display: inline-block;

    width: 200px;

    vertical-align: top;

}



.supporterbank .searchandfilter input[type="submit"] {

  background-color: #28a745;

}

.supporterbank .searchandfilter input[type="submit"]:hover { 

	background-color: #333;

}



.supporterbank .searchandfilter ul li ul li {

    display: inline-block;

    width: 260px;

    vertical-align: top;

}





/* special word */



.wisdom {

  overflow: hidden;

  margin-bottom: 50px;

  padding-bottom: 30px;

  border-bottom: 1px solid #DDD;

}

.wisdom .character-box {

  width: 8%;

  float: left;

}

.wisdom .character-box span {

  display: block;

  width: 40px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  font-size: 20px;

  color: #FFF;

  background-color: #1b66ba;

}

.wisdom .word-box {

  width: 92%;

  float: right;

}

.wisdom .word-box dl {

  padding: 0 6px;

  border-bottom: 1px dotted #DDD;

}

.wisdom .word-box dt {

  margin: 4px 0;

  font-size: 24px;

}

.wisdom .word-box dd {

  margin: 10px 0;

  font-size: 18px;

}

.wisdom .word-box dd.initial {

  font-size: 14px;

  text-align: right;

}



/* card */





.card-columns {

  column-count: 1;

}

@media (min-width: 768px) {

  .card-columns {

    column-count: 2;

  }

}

@media (min-width: 992px) {

  .card-columns {

    column-count: 3;

  }

}



/* カードの見た目 */

.trouble-card {

  position: relative;

  border-left: 5px solid #1b66ba;

  background-color: #f9f9f9;

  padding: 1rem 1rem 1rem 3.25rem; /* 左にアイコン分の余白 */

  transition: transform 0.2s ease, box-shadow 0.2s ease;

}



.trouble-card:hover {

  transform: translateY(-4px);

  box-shadow: 0 6px 12px rgba(0,0,0,0.15);

}



.trouble-card blockquote p {

  font-size: .9rem;

  font-style: italic;

  color: #333;

  margin: 0;

}



/* 左側に「ユーザー」アイコン（FA5 Free） */

.trouble-card::before {

  content: "\f2bd"; /* user-circle（安全：f007=user でもOK） */

  font-family: "Font Awesome 5 Free";

  font-weight: 900; /* Solid */

  position: absolute;

  left: .9rem;

  top: 1rem;

  width: 2rem;

  height: 2rem;

  line-height: 2rem;

  text-align: center;

  border-radius: 50%;

  background: #e7ecf5;

  color: #1b66ba;

}



/* .bubble 付きのカードは「吹き出し」アイコンに切替 */

.trouble-card.bubble::before {

  content: "\f075"; /* comment（f4ad=comment-dots でも可：環境により非対応のことがあるためこちらを推奨） */

}



/* 引用記号をうっすら背景に（装飾） */

.trouble-card blockquote::before {

  content: "\f10d"; /* quote-left */

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

  position: absolute;

  right: .75rem;

  bottom: .5rem;

  font-size: 1.25rem;

  color: rgba(0,0,0,0.08);

  pointer-events: none;

}





/* Single

   ========================================================================== */



.single .entry-title {

  border-bottom: 1px solid #DDD;

}

.single .entry-title h2 {

  padding: 0 5px;

}



/* Archive

   ========================================================================== */



.archive .information .post {

  margin: 0.5rem 0;

  padding: 0.5rem 0;

  font-size: 18px;

  border-bottom: 1px dotted #DDD;

}

.archive .information .post p {

  margin: 0;

  padding: 0;

}

.archive .information .post .date {

  margin-right: 1rem;

  font-size: 14px;

}

.archive .information .post a {

  color: #004399;

}





/* Footer

   ========================================================================== */



#footer {

  overflow: hidden;

  padding: 3rem 0;

  color: #333;

  background-color: #efefef;

}

#footer .site-branding {

  margin: 0 auto;

}

#footer .site-branding img {

  width: 25%;

}

@media (max-width: 768px) {

  #footer .site-branding img {

    width: 80%;

  }

}



#footer .shizuokaken-sports-info p {

  margin: 6px 0;

  color: #333;

  font-size: 14px;

}



#footer h4 {

  font-size: 16px !important;

}



.footer-menu {

  margin: 0;

  padding: 0;

  list-style: none;

}

.footer-menu li {

  font-size: 14px;

  line-height: 1;

}

.footer-menu li a {

  position: relative;

  display: block;

  padding: 6px 0 6px 16px;

  color: #333;

}

.footer-menu a::after {

  position: absolute;

  -webkit-font-smoothing: antialiased;

  display: inline-block;

  font-style: normal;

  font-variant: normal;

  text-rendering: auto;

  font-weight: 900;

  line-height: 28px;

  font-family: "Font Awesome 5 Free";

  content: '\f105';

  width: 10px;

  height: 14px;

  font-size: 10px;

  top: 0;

  left: 0;

  color: #333;

}



/* Copyright

   ========================================================================== */



.copyright {

  background-color: #efefef;

}

.copyright p {

  margin: 0;

  color: #333;

  font-size: 12px;

}



/* Breadcrumbs

   ========================================================================== */



.breadcrumbs {

  overflow: hidden;

  font-size: 12px;

  height: 36px;

  line-height: 36px;

  text-align: right;

  color: #333;

}

.breadcrumbs a {

  color: #999;

}

.breadcrumbs i {

  margin: 0 0.5rem;

}

@media (max-width: 520px) {

  .breadcrumbs {

    font-size: 10px;

  }

}



/* Common - module

   ========================================================================== */



.tag span {

  margin-right: 10px;

  padding: 3px 6px;

  font-size: 10px;

  background-color: #333;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -o-border-radius: 3px;

  border-radius: 3px;

  text-align: center;

  color: #FFF;

}

.tag span.news {

  background-color: #1b66ba;

}

.tag span.workshop {

  background-color: #ff6c00;

}



.button a {

  display: block;

  height: 48px;

  line-height: 48px;

  -webkit-border-radius: 24px;

  -moz-border-radius: 24px;

  -o-border-radius: 24px;

  border-radius: 24px;

  color: #FFF;

  text-align: center;

  background-color: #1b66ba;

  font-family: "M PLUS Rounded 1c", sans-serif;

  font-weight: 700;

  font-size: 16px;

  text-decoration: none;

  transform: rotate(0.05deg);

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

.button a:hover {

  background-color: #333;

}



.search-button a {

  display: block;

  padding: 12px 0;

  line-height: 1;

  -webkit-border-radius: 12px;

  -moz-border-radius: 12px;

  -o-border-radius: 12px;

  border-radius: 12px;

  color: #FFF;

  text-align: center;

  background-color: #333;

  font-family: "M PLUS Rounded 1c", sans-serif;

  font-weight: 700;

  font-size: 16px;

  text-decoration: none;

  transform: rotate(0.05deg);

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

.search-button.blue a {

  background-color: #1b66ba;

}

.search-button.cyan a {

  background-color: #0c9cc5;

}

.search-button.green a {

  background-color: #369315;

}

.search-button.yellow-green a {

  background-color: #75b10c;

}

.search-button.orange a {

  background-color: #ff6c00;

}

.search-button a:hover {

  background-color: #111;

}



.cheering-button a {

  position: relative;

  display: block;

  padding-top: 18px;

  height: 72px;

  line-height: 18px;

  -webkit-border-radius: 12px;

  -moz-border-radius: 12px;

  -o-border-radius: 12px;

  border-radius: 12px;

  color: #FFF;

  text-align: center;

  background-color: #333;

  font-family: "M PLUS Rounded 1c", sans-serif;

  font-weight: 400;

  font-size: 18px;

  text-decoration: none;

  transform: rotate(0.05deg);

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

.cheering-button a:hover {

  background-color: #111;

}

.cheering-button a::after {

  position: absolute;

  -webkit-font-smoothing: antialiased;

  display: inline-block;

  font-style: normal;

  font-variant: normal;

  text-rendering: auto;

  font-weight: 900;

  line-height: 1;

  font-family: "Font Awesome 5 Free";

  content: '\f138';

  width: 24px;

  height: 24px;

  font-size: 24px;

  top: 24px;

  right: 10px;

  color: #FFF;

}



/* color */



.blue {

  color: #1b66ba !important;

}

.cyan {

  color: #0c9cc5 !important;

}

.green {

  color: #369315 !important;

}

.yellow-green {

  color: #75b10c !important;

}

.orange {

  color: #ff6c00 !important;

}

.grey {

  color: #7C7C7C !important;

}





.prepared {

  position: relative;

  height: 20rem;

  line-height: 20rem;

  text-align: center;

  font-size: 2rem;

  background-color: #f6f6f6;

  -webkit-border-radius: 1rem;

  -moz-border-radius: 1rem;

  -o-border-radius: 1rem;

  border-radius: 1rem;

}



.color-box {

  padding: 2rem;

  background-color: #f6f6f6;

  -webkit-border-radius: 1rem;

  -moz-border-radius: 1rem;

  -o-border-radius: 1rem;

  border-radius: 1rem;

}

.color-box p:last-child {

  margin: 0;

  padding: 0;

}



.white-box {

  padding: 2rem;

  background-color: #FFF;

  -webkit-border-radius: 1rem;

  -moz-border-radius: 1rem;

  -o-border-radius: 1rem;

  border-radius: 1rem;

}

.white-box p:last-child {

  margin: 0;

  padding: 0;

}





/* movie-box */



.movie-box {

     position: relative;

     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/

     height: 0;

     overflow: hidden;

}

 

.movie-box iframe {

     position: absolute;

     top: 0;

     left: 0;

     width: 100%;

     height: 100%;

}



/* page-to-top */



#page-to-top {

  position: fixed;

  width: 60px;

  height: 60px;

  line-height: 60px;

  text-align: center;

  bottom: 100px;

  right: 0;

  z-index: 200;

  color: #FFF;

}

#page-to-top a {

  display: block;

  color: #FFF;

  background-color: #1b66ba;

}

#page-to-top a:hover {

  background-color: #0e539f;

}



/* Common - table

   ========================================================================== */

   

table {

	width: 100%;

	border-collapse: collapse;

	table-layout: fixed;

  font-size: 1rem;

}

table th {

	width: 20%;

	padding: 8px;

	text-align: center;

	vertical-align: central;

	color: #333;

	background-color: #eee;

	border: 1px solid #b9b9b9;

}

table td {

	padding: 8px;

	background-color: #fff;

	border: 1px solid #b9b9b9;

}

table td.headline {

	color: #333;

	background-color: #eee;

  white-space: nowrap;

}

table td.download {

	width: 150px;

}



table.data td {

  text-align: center;

}



table tr:nth-child(even) td {

	background: #f9f9f9;

}



table th p:last-child, table td p:last-child {

  margin-bottom: 0;

}



@media (max-width: 768px) {

  table th, table td {

    display: block !important;

    width: 100% !important;

    border-top: none;

  }

  table th:first-child, table td:first-child {

    border-top: 1px solid #b9b9b9;

  }

}



table span.spathletic,

table span.spperson,

table span.splicence1,

table span.splicence2,

table span.sulicence1,

table span.spfield {

  padding: 0 4px;

  border-right: 1px solid #999;

}

table span:last-child.spathletic,

table span:last-child.spperson,

table span:last-child.splicence1,

table span:last-child.splicence2,

table span:last-child.sulicence1,

table span:last-child.spfield {

  border: none;

}





/* Common - icon

   ========================================================================== */

   

a[href$=".pdf"] {

	display: block;

	height: 24px;

	line-height: 24px;

	padding-left: 24px;

    background: url(../images/icon-pdf.png) no-repeat left center;  

}  

* html a.pdf{

	display: block;

	height: 24px;

	line-height: 24px; 

    padding-left: 24px;

    background: url(../images/icon-pdf.png) no-repeat left center;  

}



a[href$=".doc"] {

	display: block;

	height: 24px;

	line-height: 24px;

	padding-left: 24px;

    background: url(../images/icon-doc.png) no-repeat left center;  

}

a[href$=".docx"] {

	display: block;

	height: 24px;

	line-height: 24px;

    padding-left: 24px; 

    background: url(../images/icon-doc.png) no-repeat left center;  

}

* html a.doc{

	display: block;

	height: 24px;

	line-height: 24px;

	padding-left: 24px;

    background: url(../images/icon-doc.png) no-repeat left center;  

}  



a[href$=".xls"] {

	display: block;

	height: 24px;

	line-height: 24px;

	padding-left: 24px;

    background: url(../images/icon-xls.png) no-repeat left center;  

}  

a[href$=".xlsx"] {

	display: block;

	height: 24px;

	line-height: 24px;

	padding-left: 24px;

    background: url(../images/icon-xls.png) no-repeat left center;  

}  

a[href$=".xlsm"] {

	display: block;

	height: 24px;

	line-height: 24px;

	padding-left: 24px;

    background: url(../images/icon-xls.png) no-repeat left center;  

}  

* html a.xls{

	display: block;

	height: 24px;

	line-height: 24px;

    padding-left: 24px;

    background: url(../images/icon-xls.png) no-repeat left center;  

}



/* Sidebar

   ========================================================================== */



.sidebar .widget {

  margin-bottom: 1.5rem;

}



.sidebar .widget .banner {

  margin-bottom: 1rem;

}



.sidebar .widget-title {

  margin: 0;

  padding: 0.5rem;

  text-align: center;

  color: #FFF;

  font-size: 1rem!important;

  background-color: #666;

}



.sidebar ul {

  margin: 0;

  padding: 0;

  list-style: none;

}

.sidebar ul li {

  border-bottom: 1px dotted #999;

}

.sidebar ul li a {

  display: block;

  padding: 0.5rem 1rem;

  background-color: #FFF;

}



/* wp-pagenavi

   ========================================================================== */



.wp-pagenavi  {

	clear: both;

	margin: 30px 0;

	padding: 10px;

	font-size: 16px;

  text-align: right;

}



.wp-pagenavi a, .wp-pagenavi span {

  margin: 2px 5px;

  padding: 8px 16px;

  text-decoration: none;

	background: none #1164b7;

	color: #FFF;

	border-radius: 4px;

}



.wp-pagenavi .current,

.wp-pagenavi a:hover {

	color: #FFF !important;

	background: none #333;

}



.wp-pagenavi a:active, .wp-pagenavi a:link, .wp-pagenavi a:visited {

  color: #FFF !important;



/* WordPress Core

   ========================================================================== */



.alignnone {

    margin: 5px 20px 20px 0;

}



.aligncenter,

div.aligncenter {

    display: block;

    margin: 5px auto 20px auto;

}



.alignright {

    float:right;

    margin: 5px 0 20px 20px;

}



.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

}



a img.alignright {

    float: right;

    margin: 5px 0 20px 20px;

}



a img.alignnone {

    margin: 5px 20px 20px 0;

}



a img.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

}



a img.aligncenter {

    display: block;

    margin-left: auto;

    margin-right: auto;

}



.wp-caption {

    background: #fff;

    border: 1px solid #f0f0f0;

    max-width: 96%; /* Image does not overflow the content area */

    padding: 5px 3px 10px;

    text-align: center;

}



.wp-caption.alignnone {

    margin: 5px 20px 20px 0;

}



.wp-caption.alignleft {

    margin: 5px 20px 20px 0;

}



.wp-caption.alignright {

    margin: 5px 0 20px 20px;

}



.wp-caption img {

    border: 0 none;

    height: auto;

    margin: 0;

    max-width: 98.5%;

    padding: 0;

    width: auto;

}



.wp-caption p.wp-caption-text {

    font-size: 11px;

    line-height: 17px;

    margin: 0;

    padding: 0 4px 5px;

}



.gallery-box {

  overflow: hidden;

  margin-bottom: 50px;

  text-align: center;

  width: 100%;

}

.gallery-item {

  margin: 2px;

}

.gallery-item img {

  border: 1px solid #DDD !important;

  padding: 2px;

}



.caption-no .gallery-caption {

  display: none;

}