/*
Theme Name: ForeverWood
Theme URI: http://www.tomastoman.cz/foreverwood/
Author: Tomas Toman
Author URI: http://www.tomastoman.cz/
Description: ForeverWood is an easily customizable multipurpose theme. It is a minimalistic, fully responsive and Retina ready theme that allows for easy viewing on any device. It can be adapted to your needs using the Theme Customizer. ForeverWood theme offers 3 pre-defined color schemes, 220 Google fonts, selection between Wide or Boxed layout, 2 blog layouts (One Column and Masonry Grid), 2 header layouts, sidebar and footer widget areas, ability to set your header logo and favicon, theme documentation and much more. Supports popular plugins WooCommerce and Breadcrumb NavXT. Available in Czech, Dutch, English, French, German, Italian, Russian, Slovak, Spanish and Turkish.
Version: 2.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, #1A495B, white, gray, green, red, orange, one-column, two-columns, right-sidebar, responsive-layout, custom-background, custom-header, custom-colors, custom-menu, featured-images, full-width-template, sticky-post, theme-options, translation-ready, editor-style, rtl-language-support
Text Domain: foreverwood
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border: none;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	letter-spacing: 0.05em;
	line-height: 180%;
}
h1, h2, h3, h4, h5, h6 {
  -ms-word-wrap: break-word;
  word-wrap:     break-word;
  font-family: "PT Sans", Arial, Helvetica, sans-serif; 
  line-height: 180%;
}
h1 {
	color: #ffffff;
	font-size: 24px;
	letter-spacing: 0.1em;
	background: #0084DB url(http://yokosuka-chuogodo.jp/new/wp-content/uploads/2017/03/top_menu_bar.jpg) no-repeat 10px center;
	padding-left: 36px;
	display: block;
	margin-bottom: 10px;
}
h2 {
	color: #004385;
	font-size: 18px;
	background: #e4f0f8;
	display: block;
	padding: 5px 5px 5px 15px;
	letter-spacing: 0.1em;
	margin-top: 20px;
	margin-bottom: 20px;
}
h3 {
	color: #4C4948;
	font-size: 19px;
	display: block;
	margin-top: 7px;
	margin-bottom: 30px;
	border-bottom: 1px solid #999999;
	letter-spacing: 0.1em;
	background: url(http://yokosuka-chuogodo.jp/new/wp-content/uploads/2017/03/h3_line.gif) no-repeat left bottom;
	padding-bottom: 5px;
}
h3b {
	color: #4C4948;
	font-size: 19px;
	display: block;
	margin-top: 7px;
	border-bottom: 1px solid #999999;
	letter-spacing: 0.1em;
	background: url(http://yokosuka-chuogodo.jp/new/wp-content/uploads/2017/03/h3_line.gif) no-repeat left bottom;
	padding-bottom: 5px;
	font-weight: bold;
}
h4 {
	color: #0084DB;
	font-size: 20px;
	display: block;
	height: auto;
	width: auto;
	padding-bottom: 7px;
	border-bottom: 6px solid #e4f0f8;
	padding-top: 20px;
}
h5 {
	color: #004385;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 10px;
}
h6 {
	color: #004385;
	font-size: 16px;
	display: block;
	margin-top: 10px;
}
p, ul, ol, li, dl, address {
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	font-size: 100%;
	text-align: left;
	list-style: none;
}
li.disc{
	list-style: disc outside;
	margin-left: 20px;
}
ul {
  margin-left: 0px;   
}
ol {
	list-style: none;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
dl {
  margin-bottom: 20px;   
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 5px;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
blockquote cite {
  display: block;
  font-style: normal;
	text-transform: uppercase;
}
a {
	color: #0084DB;
	text-decoration: none;
}
a:hover {
  text-decoration: none;           
}
a img {
  border: none;      
}
img {
  height: auto; 
  max-width: 100%;   
}
table {
  font-size: 15px;
  width: 100%;      
}
table, td, th {
	border: 1px solid #e3e3e3;
	border-collapse: collapse;
	text-align: left;
	vertical-align: middle;
}
td, th {
	padding: 7px 5px 7px 10px;
}
th {
	background: #f7f7f7;
	color: #4C4948;
	text-align: center;
	vertical-align: middle;
}
blockquote, q { 
  border-left: 1px solid #e3e3e3;
  clear: both;
  color: #333333;
  font-style: italic;
  margin: 0 0 20px;
  padding-left: 20px;
}
address {
  font-style: italic;        
}
pre {
  margin-bottom: 20px;
  overflow: auto;   
}
sup {
  vertical-align: super;    
}
sub {
  vertical-align: sub;    
}
iframe,
embed {
  clear: both;
  width: 100%;   
}
hr {
  background: #e3e3e3;
  border: none;
  height: 1px; 
  margin: 15px 0;  
}


/* WordPress Core
-------------------------------------------------------------- */

.alignnone {
	clear: both;
	margin: 0px;
}
.aligncenter,
div.aligncenter {
  clear: both;
  display: block;
  margin: 5px auto 20px auto;
}
.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
.aligncenter {
  display: block;
  margin: 5px auto 20px auto;
}
a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
a img.alignnone {
	margin: 5px 0px;
}
a img.alignleft {
	float: left;
	margin: 6px;
}
a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto
}
.wp-caption,
.gallery-caption {
  border: 1px solid #f7f7f7;
  max-width: 96%;
  padding: 5px 3px;
  text-align: center;
}
#wrapper .gallery-caption {
  border: none;                          
}
.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;
}
#wrapper .wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px;
}
.wp-audio-shortcode {
  margin-bottom: 20px;                   
}


/* basic structure
-------------------------------------------------------------- */

body {
	background: white;
	color: #4C4948;
	font-family: "PT Sans", Arial, Helvetica, sans-serif;
	line-height: 180%;
}
.menu-panel-wrapper,
#wrapper-header,
#wrapper-footer {
	float: left;
	height: auto;
	position: relative;
	width: 100%;
}  
.footer-signature-content,
.menu-panel,
.container,
#footer {  
  margin: 0 auto;
  max-width: 1170px;
  position: relative;
  width: 100%; 
}  
#wrapper-header {
  z-index: 1000; 
}
#main-content {
  float: left;
  margin: 30px 0 10px;
  width: 850px;         
}
.page-template-template-full-width-php .container #main-content,
.page-template-template-landing-page-php .container #main-content {
  width: 100% !important;                                                      
}
#sidebar {
  float: right;
  margin: 30px 0 10px 30px;
  width: 260px;         
}
#wrapper-footer {
  background: #00305F;                
}
.scroll-top {
  border: 1px solid #111111;
  color: #111111;
  cursor: pointer;
  display: block;
  font-family: ElegantIcons !important;
  font-size: 21px;
  height: 21px;
  line-height: 21px;
  opacity: 0.3;
  filter: alpha(opacity=30);
  padding: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  text-align: center;
  width: 21px;
  z-index: 2000; 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;           
}
#wrapper .scroll-top:hover {
  background: #e8e8e8;
  opacity: 1;
  filter: alpha(opacity=100);                             
}


/* header
-------------------------------------------------------------- */

.header-content-wrapper {
	float: left;
	height: auto;
	position: relative;
	width: 100%;
	z-index: 1000;
	border-top: 5px solid #0084DB;
	background: #FFF;
}
.header-content {
  height: auto;
  margin: 0 auto;
  max-width: 1170px;
  position: relative;
  width: 100%;                
}
.title-box {
	float: left;
	width: 100%;
	font-size: 11px;
	color: #7E7D79;
	padding-left: 10px;
}
.page-template-template-landing-page-php .title-box {
  width: 100% !important;                                                    
}
.menu-box {
  float: right;
  width: 50%;           
}
.site-title {
	font-family: "PT Sans", Arial, Helvetica, sans-serif;
	margin: 10px 0px;
	position: relative;
	text-align: left;
	width: auto;
	z-index: 50;
	float: left;
	vertical-align: bottom;
	display: block;
	font-size: 12px;
	color: #7E7D79;
}
.site-title a {
  color: #eead51;
  text-decoration: none; 
  -webkit-transition: color 1s ease;
     -moz-transition: color 1s ease;
       -o-transition: color 1s ease;
      -ms-transition: color 1s ease;
          transition: color 1s ease;          
}
.site-title a:hover {
  color: #111111;                    
}
.header-logo {
  clear: both;
  display: block;
  height: auto;
  margin: 0px auto;
  max-width: 100%;
  position: relative;
  width: auto;             
}
.header-image {
  float: left;
  height: auto;
  position: relative;
  width: 100%;              
}
.header-image .header-img {
  display: block;
  margin: 0 auto;
  position: relative;                      
}
.header-image .header-image-container {
  height: 100%;
  overflow: auto;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 100;                                      
}
.header-image .header-image-text-wrapper {
  display: table;
  height: 100%;
  margin: 0 auto;
  width: 1170px;                                        
}
.header-image .header-image-text {
  display: table-cell;
  height: 100%;
  margin: 0;
  vertical-align: middle;                                
}
.header-image .header-image-text .header-image-headline {
  color: white;
  font-family: "PT Sans", Arial, Helvetica, sans-serif;
  font-size: 35px;
  line-height: 100%;
  margin: 0 0 16px;
  position: relative; 
  text-align: center;
  width: 100%;                               
}
.header-image .header-image-text .header-image-link-wrapper {
  text-align: center;                                                            
}
.header-image .header-image-text .header-image-link {
  color: white !important;
  display: inline-block;
  font-size: 15px;
  line-height: 100%;
  padding: 12px 20px;
  text-decoration: none;
}

/* header menu */
/* 
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop3.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements. */

/* main menu - right aligned */
.menu-box ul {
  float: right;
  list-style-type: none;
  margin: 0;
  text-align: right;
}
.menu-box ul ul {
  background: #1A495B;
  border-top: 1px solid #1A495B;
  width: 180px;
  z-index: 110;
}
.menu-box ul li {
  float: left;
  height: 108px;
  line-height: 108px;
  margin-left: 37px;
  position: relative;
}
.menu-box ul ul li {
  border-bottom: 1px solid #1A495B;
  display: block;
  height: auto;
  line-height: 39px;
  margin: 0;
  min-height: 39px;
  position: relative;
  width: 180px;
}
#wrapper #wrapper-header .menu-box ul ul .last-menu-item {
  border-bottom: none;                          
}
.menu-box a,
.menu-box a:visited {
  color: #333333;
  display: block;
  float: left;
  font-size: 15px;
  font-weight: normal;
  height: 110px;
  line-height: 110px;
  text-align: right;
  text-decoration: none;
  -webkit-transition: color 1s ease;
     -moz-transition: color 1s ease;
       -o-transition: color 1s ease;
      -ms-transition: color 1s ease;
          transition: color 1s ease;
}
#wrapper-header .menu-box ul ul a,
#wrapper-header .menu-box ul ul a:visited {
  color: #333333;
  display: block;
  font-size: 13px;
  font-weight: normal;
  height: auto;
  line-height: 39px;
  margin: 0;
  min-height: 39px;
  padding-right: 12px;
  text-align: right;
  width: 200px;
}
#wrapper-header .menu-box ul ul ul a,
#wrapper-header .menu-box ul ul ul a:visited {
  color: #444444;
}
.menu-box a:hover,
.menu-box :hover > a {
  color: #eead51;
}
#wrapper-header .menu-box ul ul a:hover,
#wrapper-header .menu-box ul ul :hover > a {
  background-color: #dbdbdb;
  border-bottom: none;
  color: #1A495B;
  -webkit-transition: background-color 1s ease;
     -moz-transition: background-color 1s ease;
       -o-transition: background-color 1s ease;
      -ms-transition: background-color 1s ease;
          transition: background-color 1s ease;
}
.menu-box ul ul {
  height: 0;
  position: absolute;
  right: 0px;
  top: 109px;
  visibility: hidden;
  width: 180px; 
}
.menu-box ul ul ul {
  left: -212px;
  top: -1px;
  width: 180px;
}
.menu-box ul li:hover ul,
.menu-box ul a:hover ul,
.top-navigation ul li:hover ul,
.top-navigation ul a:hover ul {
  height: auto;
  padding-bottom: 0;
  visibility: visible;
}
.menu-box ul :hover ul ul,
.top-navigation ul :hover ul ul {
  visibility: hidden;
}
.menu-box ul :hover ul :hover ul ul,
.top-navigation ul :hover ul :hover ul ul {
  visibility: hidden;
}
.menu-box ul :hover ul :hover ul,
.top-navigation ul :hover ul :hover ul {
  visibility: visible;
}
.menu-box ul :hover ul :hover ul :hover ul,
.top-navigation ul :hover ul :hover ul :hover ul {
  visibility: visible;
}
#wrapper-header .menu-box .current-menu-item > a,
#wrapper-header .menu-box .current-menu-ancestor > a,
#wrapper-header .menu-box .current_page_item > a,
#wrapper-header .menu-box .current-page-ancestor > a {
  color: #eead51;
}
#wrapper-header .menu-box .sub-menu .current-menu-item > a,
#wrapper-header .menu-box .sub-menu .current-menu-ancestor > a,
#wrapper-header .menu-box .sub-menu .current_page_item > a,
#wrapper-header .menu-box .sub-menu .current-page-ancestor > a {  
  color: #1A495B;
}

/* main menu - centered */
.menu-panel-wrapper {
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #999999;
	box-shadow: 0px 0px 2px #DDDDDD;
	background: #FFF;
}
.menu-panel {
  min-height: 45px;
  text-align: center;
  width: 100%;  
  z-index: 200;        
}
.menu-panel ul {
  list-style-type: none;
  margin: 0; 
  position: relative;
  text-align: center;
}
.menu-panel ul ul {
	background: #ededed;
	border-top: 1px solid #004385;
	width: 180px;
	z-index: 110;
}
.menu-panel ul li {
	display: inline-block;
	height: 60px;
	margin: 0;
	position: relative;
	vertical-align: bottom;
}
.menu-panel ul ul li {
  border-bottom: 1px solid #00305F;
  display: block;
  height: auto;
  line-height: 39px;
  margin: 0;
  min-height: 39px;
  position: relative;
  width: 180px;
}
#wrapper #wrapper-header .menu-panel ul ul .last-menu-item {
  border-bottom: none;                          
}
.menu-panel a,
.menu-panel a:visited {
	color: #3E3A39;
	float: left;
	font-size: 18px;
	font-weight: normal;
	text-decoration: none;
	-webkit-transition: color 1s ease;
	-moz-transition: color 1s ease;
	-o-transition: color 1s ease;
	-ms-transition: color 1s ease;
	transition: color 1s ease;
	padding-right: 40px;
	padding-left: 40px;
	line-height: 30px;
	padding-top: 6px;
	letter-spacing: 0.1em;
}
#wrapper-header .menu-panel ul ul a,
#wrapper-header .menu-panel ul ul a:visited {
	color: #f7f7f7 !important;
	display: block;
	float: none;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 39px;
	margin: 0;
	min-height: 39px;
	padding: 0 0 0 16px;
	text-align: left;
	width: 164px;
	background: #004385;
}
#wrapper-header .menu-panel ul ul ul a,
#wrapper-header .menu-panel ul ul ul a:visited {
  color: #f7f7f7 !important;
  background: #25395E;
}
.menu-panel a:hover,
.menu-panel :hover > a {
  color: #8C98A4;
}
#wrapper-header .menu-panel ul ul a:hover,
#wrapper-header .menu-panel ul ul :hover > a {
  background-color: #00305F !important;
  color: #f7f7f7 !important;
  -webkit-transition: background-color 1s ease;
     -moz-transition: background-color 1s ease;
       -o-transition: background-color 1s ease;
      -ms-transition: background-color 1s ease;
          transition: background-color 1s ease;
}
.menu-panel ul ul {
	height: 0;
	position: absolute;
	left: 0px;
	top: 60px;
	visibility: hidden;
	width: 180px;
}
.menu-panel ul ul ul {
  left: 180px;
  top: -1px;
  width: 180px;
}
.menu-panel ul li:hover ul,
.menu-panel ul a:hover ul {
  height: auto;
  padding-bottom: 0;
  visibility: visible;
}
.menu-panel ul :hover ul ul {
  visibility: hidden;
}
.menu-panel ul :hover ul :hover ul ul {
  visibility: hidden;
}
.menu-panel ul :hover ul :hover ul {
  visibility: visible;
}
.menu-panel ul :hover ul :hover ul :hover ul {
  visibility: visible;
}
#wrapper-header .menu-panel .current-menu-item > a,
#wrapper-header .menu-panel .current-menu-ancestor > a,
#wrapper-header .menu-panel .current_page_item > a,
#wrapper-header .menu-panel .current-page-ancestor > a {
	border-top: 3px solid #0084DB;
}
#wrapper-header .menu-panel .sub-menu .current-menu-item > a,
#wrapper-header .menu-panel .sub-menu .current-menu-ancestor > a,
#wrapper-header .menu-panel .sub-menu .current_page_item > a,
#wrapper-header .menu-panel .sub-menu .current-page-ancestor > a {  
  color: #1A495B;
}
#wrapper .sticky-nav {
  background-color: #ffffff;
  position: fixed;
  top: 0;
  z-index: 200;
}   
.admin-bar .sticky-nav {
  top: 32px !important;
}
.selectnav {
  display: none;
} 


/* main content
-------------------------------------------------------------- */

.content-headline {
  float: left;
  margin: 0 0 13px;
  width: 100%;                  
}
.entry-headline {
	color: #1A495B;
	font-size: 30px;
	position: relative;
	z-index: 50;
	padding: 10px 30px;
	font-weight: normal;
	border: 1px solid #C8CCD2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 0px 0px 6px #C8CCD2;
	-webkit-box-shadow: 0px 0px 6px #C8CCD2;
	box-shadow: 0px 0px 6px #C8CCD2;
	background-image: -moz-linear-gradient(top, #ffffff, #e1e3e7);
	background-image: -ms-linear-gradient(top, #ffffff, #e1e3e7);
	background-image: -o-linear-gradient(top, #ffffff, #e1e3e7);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#e1e3e7));
	background-image: -webkit-linear-gradient(top, #ffffff, #e1e3e7);
	background-image: linear-gradient(top, #ffffff, #e1e3e7);
	letter-spacing: 0.1em;
}
.home-latest-posts .entry-headline {
  margin-bottom: 22px;                                   
}
.entry-content {
	float: left;
	width: 790px;
	background: #FFF;
	border: 1px solid #DDDDDD;
	padding: 45px;
}
#main-content p,
#main-content ul,
#main-content ol,
#main-content table,
#main-content address {
  margin-bottom: 15px;           
}
#main-content ul ul,
#main-content ol ol,
#main-content ol ul,
#main-content ul ol {
  margin-bottom: 0;           
}  
.home-latest-posts {
  float: left;
  width: 100%;                  
}
#main-content .breadcrumb-navigation {
  color: #bbbbbb; 
  float: left; 
  font-size: 13px;
  line-height: 100%;
  margin: 0 0 7px;
  position: relative;
  width: 100%;                                      
}
.page-template-template-without-title-php #main-content .breadcrumb-navigation {
  margin: 5px 0 20px;                                                                          
}
#main-content .breadcrumb-navigation a {
  color: #8C98A4 !important; 
  text-decoration: none;
  -webkit-transition: color 1s ease;
     -moz-transition: color 1s ease;
       -o-transition: color 1s ease;
      -ms-transition: color 1s ease;
          transition: color 1s ease;
}
#main-content .breadcrumb-navigation a:hover {
  color: #333333 !important; 
}
#main-content .post-meta {
  clear: both;
  color: #8C98A4 !important; 
  font-size: 13px;
  line-height: 21px;
  margin: -2px 0 0;
  padding-bottom: 7px;        
}
.single #main-content .post-meta {
  margin: 0 0 20px; 
  padding: 0;                                         
}
#main-content .post-meta span {
  border-left: 1px solid #dbdbdb; 
  padding: 0 3px 0 7px;                             
}
#main-content .post-meta .post-info-author {
  border-left: none; 
  padding-left: 0;                                          
}
#main-content .post-meta i {
  margin-right: 2px;                           
}
.post-meta a {
  color: #8C98A4 !important;
  text-decoration: none;
  -webkit-transition: color 1s ease;
     -moz-transition: color 1s ease;
       -o-transition: color 1s ease;
      -ms-transition: color 1s ease;
          transition: color 1s ease;             
}
.post-meta a:hover {
  color: #111111 !important;             
}
#main-content .author-info,
#main-content .archive-meta,
#main-content .number-of-results {
  border-bottom: 1px solid #e8e8e8;
  float: left; 
  margin-bottom: 25px;  
  width: 100%;                           
}
#main-content .number-of-results {
  padding-bottom: 10px;                                 
}
#main-content .author-info h2 {
  margin-top: 0;                              
}
#main-content .author-info .author-avatar {
  margin: 10px 0 5px;                                          
}
#main-content .page-link {
  color: #1A495B;
  font-size: 13px;                         
}
#nav-below,
#foreverwood-post-nav,
.search .navigation {
  float: left;
  margin: 0 0 20px;
  width: 100%;           
}
#main-content #foreverwood-post-nav {
  margin: 10px 0 20px;                                 
}
.nav-wrapper {
  border-bottom: 1px solid #e8e8e8;
  border-top: 1px solid #e8e8e8;
  float: left;
  padding: 5px 0;
  width: 100%;               
}
.navigation-headline {
  font-size: 18px;
  font-weight: normal;
  margin: 0 0 4px;                                          
}
.navigation .navigation-links {
  margin-bottom: 0 !important;                              
}
.navigation .navigation-links a {
  text-decoration: none;                                
}
.navigation .navigation-links a:hover {
  text-decoration: underline;                                
}
#main-content .nav-previous {
  float: left;
  margin: 0;
  width: 50%;                       
}
#main-content .nav-next {
  float: right;
  margin: 0;
  text-align: right;
  width: 50%;                       
}
#main-content .nav-previous a,
#main-content .nav-next a {
  text-decoration: none;                          
}
#main-content .nav-previous a:hover,
#main-content .nav-next a:hover {
  text-decoration: underline;                          
}
.post-edit-link {
  font-weight: bold;                
}

/* default post entry */
.post-entry {
  border-bottom: 1px solid #e8e8e8;
  float: left;
  margin-bottom: 25px;
  padding-bottom: 25px;
  position: relative; 
  width: 100%;           
}
#main-content .sticky {
  background-color: #f7f7f7;
  padding: 20px 3% 25px;
  width: 94%;                 
}
.post-entry-content-wrapper {
  padding: 3px 0 0;                           
}
.attachment-post-thumbnail { 
  display: block;
  float: left;
  height: auto;
  margin: 0 15px 5px 0;
  max-width: 40%;
  width: auto;
}
.single #main-content .attachment-post-thumbnail,
.page #main-content .attachment-post-thumbnail { 
  clear: both;
  display: block;
  float: none;
  margin: 0 0 20px;  
  max-width: 100%;
  padding: 0;
}
.post-entry-content {
  margin-bottom: -12px; 
  margin-top: -5px;                   
}
.post-entry-content h1 {
  font-size: 22px;  
}
.post-entry-content h2 {
  font-size: 20px;  
}
#main-content .post-entry .post-entry-headline {
  font-size: 23px;
  font-weight: normal;
  line-height: 100%;
  margin: 0 0 7px;            
}
.post-entry .post-entry-headline a {
  color: #2156a8;
  text-decoration: none;  
  -webkit-transition: color 1s ease;
     -moz-transition: color 1s ease;
       -o-transition: color 1s ease;
      -ms-transition: color 1s ease;
          transition: color 1s ease;               
}
.post-entry .post-entry-headline a:hover {
  color: #1A495B;                       
}
.post-entry .read-more-button {
  background-color: #eead51;
  color: white !important;
  display: inline-block;
  font-size: 13px;
  line-height: 13px;
  margin: 8px 0 3px;
  padding: 6px 8px;
  text-decoration: none;
  text-transform: uppercase; 
  -webkit-transition: background-color 1s ease;
     -moz-transition: background-color 1s ease;
       -o-transition: background-color 1s ease;
      -ms-transition: background-color 1s ease;
          transition: background-color 1s ease;                            
}
.post-entry .read-more-button:hover {
  background-color: #da912a;                                    
}

/* post entry - grid */
.home-grid-posts .entry-headline {
  margin-bottom: 20px;                                 
}
.js-masonry {
  float: left; 
  margin: 0 0 0 -10px;
  width: 100%;                     
}
.grid-entry {  
  padding: 0 0 20px;
  width: 33.33%;                          
}  
.grid-entry .grid-entry-inner {
  border-bottom: 1px solid #e8e8e8;
  margin: 0 0 0 20px;
  padding: 0 0 15px;
  position: relative;                              
}
#main-content .js-masonry .sticky {
  background: none !important;
  padding: 0 0 20px;
  width: 33.33%;                 
}
#main-content .js-masonry .sticky .grid-entry-inner {
  background-color: #f7f7f7;
  padding: 15px;                                                      
}
.grid-entry .attachment-post-thumbnail { 
  clear: both;
  float: none;
  margin: 0 0 9px !important;
  max-width: 100%;
}
#main-content .grid-entry .grid-entry-headline {
  font-size: 23px;
  font-weight: normal;
  line-height: 100%;
  margin: 0 0 4px;            
}
.grid-entry .grid-entry-headline a {
  color: #eead51;
  text-decoration: none;
  -webkit-transition: color 1s ease;
     -moz-transition: color 1s ease;
       -o-transition: color 1s ease;
      -ms-transition: color 1s ease;
          transition: color 1s ease;                 
}
.grid-entry .grid-entry-headline a:hover {
  color: #1A495B;                     
}
.grid-entry p {
  margin-bottom: 0 !important;  
  padding-bottom: 0 !important;                          
}
#main-content .grid-entry .post-meta {
  margin-top: 0;
  padding-bottom: 0;                         
}
.grid-entry .read-more-button {
  background-color: #eead51;
  color: white !important;
  display: inline-block;
  font-size: 13px;
  line-height: 13px;
  margin: 3px 0;
  padding: 6px 8px;
  text-decoration: none;
  text-transform: uppercase; 
  -webkit-transition: background-color 1s ease;
     -moz-transition: background-color 1s ease;
       -o-transition: background-color 1s ease;
      -ms-transition: background-color 1s ease;
          transition: background-color 1s ease;                            
}
.grid-entry .read-more-button:hover {
  background-color: #da912a;                                    
}


/* sidebar
-------------------------------------------------------------- */

.sidebar-widget {
	color: #1A495B;
	float: left;
	font-size: 14px;
	margin-bottom: 15px;
	width: 100%;
	margin-top: 10px;
}
.sidebar-widget .sidebar-headline {
	color: #4C4948;
	font-size: 18px;
	display: block;
	margin-top: 7px;
	margin-bottom: 15px;
	border-bottom: 1px solid #999999;
	letter-spacing: 0.1em;
	background: url(http://yokosuka-chuogodo.jp/new/wp-content/uploads/2017/03/h3_line.gif) no-repeat left bottom;
	padding-bottom: 5px;
	font-weight: bold;
}
.sidebar-widget .sidebar-headline a {
  color: #1A495B;
  text-decoration: none;                                    
}
.sidebar-widget img {
  height: auto;
  max-width: 100%;                    
}
.sidebar-widget table {
  font-size: 13px;                    
}
.sidebar-widget p {
  margin: 6px 0 -4px;                  
}
.sidebar-widget p,
.sidebar-widget ul li,
.sidebar-widget ol li {
	color: #1A495B;
	font-size: 15px;
	padding-left: 5px;
}
.sidebar-widget ul {
  margin: 0;                      
}
.sidebar-widget ul ul {
	margin-top: 0;
}
#sidebar .widget_rss ul {
  background-image: none;                        
}
.sidebar-widget ul li {
	list-style: none;
	padding: 6px 0px 6px 28px;
	border-bottom: 1px solid #DDDDDD;
	background: url(http://yokosuka-chuogodo.jp/new/wp-content/uploads/2017/03/yajirushi_blue.png) no-repeat 5px;

} 
.sidebar-widget a {
	color: #3E3A39;
	text-decoration: none;
	-webkit-transition: color 1s ease;
	-moz-transition: color 1s ease;
	-o-transition: color 1s ease;
	-ms-transition: color 1s ease;
	transition: color 1s ease;
}
.sidebar-widget ul li a {
  text-decoration: none;                        
}
.sidebar-widget a:hover {
  color: #004385 !important;
  text-decoration: none;                       
}                                     
@media screen and (max-width: 760px){
	.sidebar-widget ul li {
	display:none;
} 
} 
/* footer
-------------------------------------------------------------- */

#footer p,
#footer ul li,
#footer ol li {
	color: #f7f7f7;
	font-size: 15px;
}
#footer .footer-widget-area p,
#footer .footer-widget-area ul,
#footer .footer-widget-area ol {
  margin-bottom: 2px;          
}
#footer table,
#footer td,
#footer th {
  border-color: #111111;
  color: white;
  font-size: 13px;                                      
}
#footer a {
  color: #FFF3C3;          
}
.footer-widget-area {
  float: left;
  height: auto;
  margin-right: 30px;
  padding: 30px 0 4px;
  position: relative; 
  width: 370px; 
  z-index: 50;                
}
#footer .footer-widget-area-3 {
  margin-right: 0;                              
}
.footer-widget {
  float: left;
  margin-bottom: 21px;
  width: 100%;               
}
#footer .footer-widget .footer-headline {
	color: #ffffff;
	font-family: "PT Sans", Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 110%;
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-weight: normal;
}
.footer-signature { 
  background: #004385;
  float: left;
  position: relative;
  width: 100%; 
  z-index: 50;       
}
.footer-signature .footer-signature-content {
  color: white;
  font-size: 13px;
  line-height: 22px;
  min-height: 42px;
  text-align: center;                                          
}
.footer-signature .footer-signature-content p {
  color: white;
  font-size: 13px;
  line-height: 22px;
  min-height: 22px;
  padding: 10px 0;
  text-align: center;                                              
}
.footer-signature .footer-signature-content a {
  color: #ffd9a4;                                             
}


/* default widgets
-------------------------------------------------------------- */

#wp-calendar th,
#wp-calendar td {
  text-align: center;                   
}
#wp-calendar a,
#wp-calendar #today {
  font-weight: bold;
  text-decoration: none;               
}
#wp-calendar #prev {
  text-align: left;                   
}
#wp-calendar #next {
  text-align: right;                   
}
.tagcloud {
  padding-top: 5px;          
}
#footer .tagcloud {
  padding-top: 0;          
}
.tagcloud a {
  text-decoration: none;          
}
.tagcloud a:hover {
  text-decoration: underline;          
}
.sidebar-widget img,
.footer-widget img {
  padding-top: 3px;                           
}
.sidebar-widget .wp-caption,
.footer-widget .wp-caption {
  border: none;
  margin-bottom: 10px;
  margin-right: 0;                          
}
.sidebar-widget .wp-caption img,
.footer-widget .wp-caption img {
  max-width: 100%;                           
}
.sidebar-widget select {
  margin-top: 3px;
  width: 100%;                       
}
.sidebar-widget #searchform {
  margin-top: 8px;                       
}


/* form fields
-------------------------------------------------------------- */

input[type="text"],
input[type="file"],
input[type="password"],
input[type="number"],
input[type="search"],
input[type="email"],
input[type="url"],
textarea,
select {
	background-color: white;
	border: 1px solid #D8D7D4;
	color: #3E3A39;
	font-family: "PT Sans", Arial, Helvetica, sans-serif;
	line-height: 180%;
	padding: 7px;
	width: 90%;
	-webkit-appearance: none;
	-moz-appearance: none;
	font-size: 15px;
}
textarea {
	overflow: auto;
	vertical-align: top;
  width: 90%;
}
input[type="submit"],
input[type="reset"] {
	border-radius: 0 !important;
	box-shadow: none;
	color: white !important;
	cursor: pointer;
	font-size: 18px;
	height: auto;
	margin-top: 5px;
	padding: 7px 10px;
	text-align: center;
	text-decoration: none;
	text-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 100%;
	margin-bottom: 10px;
	font-weight: bold;
}
input[type="submit"],
input[type="reset"],
.header-image .header-image-text .header-image-link {
  background: #0084DB;
  border: none;
  -webkit-transition: background-color 1s ease;
     -moz-transition: background-color 1s ease;
       -o-transition: background-color 1s ease;
      -ms-transition: background-color 1s ease;
          transition: background-color 1s ease;
}
input[type="submit"]:hover,
input[type="reset"]:hover,
.header-image .header-image-text .header-image-link:hover {
  background-color: #F39E4A;                     
}
#searchform .searchform-wrapper {
  height: 33px;
  position: relative;
  width: 100%;                                
}
#searchform .searchform-wrapper #s {
  background-color: white;
  border: 1px solid #e3e3e3;
  color: #aaaaaa; 
  font-size: 13px;
  height: 21px;
  padding: 5px 0 5px 3%;
  position: absolute;
  left: 0;
  top: 0;
  width: 96%;  
  -webkit-appearance: none;
  -moz-appearance: none;            
}
#searchform .searchform-wrapper .send {
  background-color: #eead51;
  border: none;
  color: white;
  cursor: pointer;
  font-family: ElegantIcons !important;
  font-size: 15px;
  height: 33px;
  line-height: 33px;
  margin: 0; 
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center; 
  width: 33px;
  z-index: 20;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-transition: background-color 1s ease;
     -moz-transition: background-color 1s ease;
       -o-transition: background-color 1s ease;
      -ms-transition: background-color 1s ease;
          transition: background-color 1s ease; 
}
#searchform .send:hover {
  background-color: #da912a;
}
.search-no-results #searchform,
.error404 #searchform {
  margin-bottom: 25px;                               
}


/* comments area
-------------------------------------------------------------- */

#comments {
  float: left;
  margin-top: 25px; 
  width: 100%;        
}
.single .comments-area-post {
  margin-top: 5px !important;                            
}
.page #comments {
  margin-top: 16px !important;                            
}
#content .commentlist {
  list-style-type: none;
  margin-bottom: 30px;             
}
.commentlist .children {
  list-style-type: none;                       
}
.comment-reply-title {
  font-size: 20px;
  font-weight: normal;
  line-height: 100%;
  margin-top: 0;             
}
#comments .entry-headline-wrapper {
  margin-bottom: -21px;                        
}
#comments .entry-headline {
  background-image: none;
  border-bottom: none;
  color: #333333;
  font-size: 20px;
  font-weight: normal; 
  margin-bottom: -4px;
  padding: 0;                         
}
.comment-reply-link {
  font-size: 13px;                    
}
.comments-title {
  margin-top: 0;                
}
#comments .section-heading {
  font-weight: normal;              
}
#comments ol {
  color: #333333;
  margin-left: 0;             
}
#comments ol ol {
  margin: 0 20px;             
}
#comments ol li { 
  border-top: 1px solid #e8e8e8;
  margin: 15px 0 0 0;
  padding: 15px 0 0 0;                
}
#comments .avatar,
#comments .fn {
  float: left;
  margin: 0 6px 0 0;                  
}
#comments .fn {
  font-style: italic; 
  margin: 0 3px 0 0;             
}
#comments time,
#comments .edit-link {
  color: #1A495B;
  float: right; 
  font-size: 13px;              
}
#comments .comment-content {
  clear: both;
  padding-top: 10px;                          
}
#comments #comment-nav-below {
  float: left;
  margin: 10px 0 30px;
  width: 100%;                  
}
#comments input,
#comments textarea {
  margin-top: 7px;                
}
#content #commentform .form-allowed-tags {
  color: #707070; 
  font-size: 12px;                  
}  
#comments .bypostauthor {
  background: #f2f2f2;
  border-top: 1px solid #cccccc;
  color: #1A495B;
  margin-bottom: -15px;
  padding: 10px 30px;              
}
.reply {
  margin-top: -10px;
  width: 50%;      
}
#content .comment-content p {
  font-size: 13px;
  margin-bottom: 10px;                   
}
#content .comment-content .edit-link {
  margin: -15px 0 0;
  text-align: right; 
  width: 50%;                                    
}
#content .comment-content li {
  border: none;
  font-size: 13px;
  margin: 0;
  padding: 0;                             
}
#content #commentform p {
  color: #333333;
  font-size: 13px;
  margin-bottom: 5px;                        
}
#content #commentform .logged-in-as,
#content #commentform .comment-notes {
  margin-top: 0;         
}
#comments #respond {
  float: none; 
  margin-bottom: 20px;  
  width: 100%;                
}


/* media queries
-------------------------------------------------------------- */

@media screen and (max-width: 1170px) {
  body .footer-signature-content,
  body .menu-panel,
  body .container,
  body #footer,
  body .header-content {
    max-width: 960px;
}
  body #main-content {
    width: 630px;
}
  body .header-image .header-image-text-wrapper {
    width: 960px;
}
  body .footer-widget-area {
    width: 300px;
}
}

@media screen and (max-width: 990px) {
  #wrapper .header-image .header-image-text-wrapper,
  #wrapper .header-content,
  #wrapper .menu-panel,
  #wrapper .container,
  #wrapper #footer,
  #wrapper .footer-signature-content {
    max-width: 90%;
    width: 90%;                         
}
  #wrapper #main-content {
    max-width: 100% !important;
    width: 100% !important;                    
}
  #wrapper #sidebar {
    float: left;
    margin: 20px 0 10px;
    width: 100%;                    
}
  #wrapper .menu-panel-wrapper,
  #wrapper .header-image .header-image-text .header-image-link {
    max-width: 100%;                   
}
  #wrapper .header-image .header-image-text .header-image-headline {
    width: 100%;                                                                   
}
  #wrapper #wrapper-header .header-content .title-box,
  #wrapper #wrapper-header .header-content .menu-box {
    float: left;
    width: 100% !important;           
}
  #wrapper #wrapper-header .header-content .menu-box {
    padding: 10px 0 30px;                                                     
}
  #wrapper #wrapper-header .header-content .site-title {
    max-width: 100%;               
}
  #wrapper #wrapper-header .header-content .header-logo {
    max-width: 100%;               
}
  .js #nav,
  .js #main-nav {
    display: none;
}
  .js .selectnav {
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    color: #333333;
    display: block;
    float: left;
    height: auto;
    margin: 8px; 
    position: relative;
    width: 40%;
    -webkit-appearance: none;
    -moz-appearance: none;
}
  .js .header-content .selectnav,
  .js .menu-panel-wrapper .selectnav {
    width: 100%;                                
}
  .js .menu-panel-wrapper .selectnav {
    margin-top: 8px;                                
}
  #wrapper .grid-entry,
  #wrapper #main-content .js-masonry .sticky {
    width: 50%;                          
}
  #wrapper #footer {
    padding: 30px 0 4px;                   
}
  #footer .footer-widget-area {
    margin: 0;
    padding: 0;
    width: 100%;                              
}
}

@media screen and (max-width: 782px) {
  .admin-bar #wrapper-header .sticky-nav {
    top: 46px !important;
} 
.entry-content {
margin: 0;
width: 90%;
	padding: 15px;
}
}

@media screen and (max-width: 600px) {
  .admin-bar #wrapper-header .sticky-nav {
    top: 0 !important;
}
  #wrapper .post-entry-thumbnail {
    max-width: 50%;                                               
} 
}

@media screen and (max-width: 500px) {
  #wrapper .container .grid-entry,
  #wrapper .container #main-content .js-masonry .sticky {
    width: 100%;                          
}
  #wrapper .grid-entry .grid-entry-inner,
  #wrapper .container #main-content .js-masonry {
    margin: 0 !important;                                         
}
  #wrapper .header-image .header-image-text .header-image-headline {
    font-size: 22px !important; 
    margin-bottom: 8px;                                                         
}
}


/* print
-------------------------------------------------------------- */




/* メニュー項目の2行目を英語表記
-------------------------------------------------------------- */
/* ホーム：home */
#menu-item-24 > a:after {
	content: 'Home';
	display: block;
	text-align: center;
	font-size: 12px;
	line-height: 12px;
}
/* 事務所紹介：About us */
#menu-item-21 > a:after {
	content: 'About us';
	display: block;
	text-align: center;
	font-size: 12px;
	line-height: 12px;
}
/* 業務案内：Business */
#menu-item-55 > a:after {
	content: 'Business';
	display: block;
	text-align: center;
	font-size: 12px;
	line-height: 12px;
}
/* 解決までの流れ：Process */
#menu-item-23 > a:after {
	content: 'Process';
	display: block;
	text-align: center;
	font-size: 12px;
	line-height: 12px;
}
/* 料金案内：Price */
#menu-item-22 > a:after {
	content: 'Price';
	display: block;
	text-align: center;
	font-size: 12px;
	line-height: 12px;
}
/* アクセス：Access */
#menu-item-518 > a:after {
	content: 'Access';
	display: block;
	text-align: center;
	font-size: 12px;
	line-height: 12px;
}

/* orijinal
-------------------------------------------------------------- */
#top_menu .container {
	background: #f7f7f7;
	height: auto;
	width: auto;
	margin: 10px 10px 15px;
	padding: 15px;
	display: inline-block;
}
#top_menu .box {
	display: block;
	margin: 10px;
	padding: 10px;
	float: left;
	height: auto;
	width: auto;
	background: #FFF;
	border: 1px solid #DDDDDD;
}
#top_menu .box :hover {
opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
#top_menu .title {
	font-size: 18px;
	text-decoration: none;
	display: block;
	height: auto;
	width: auto;
	background: url(http://yokosuka-chuogodo.jp/new/wp-content/uploads/2017/03/top_menu_bar.jpg) no-repeat;
	margin: 0px 0px 0px 4px;
}
#top_menu a {
	color: #3E3A39;
	text-decoration: none;
}
#wrapper-topimage{
	background: #FFF;
	text-align: center;
	border-bottom: 1px solid #dddddd;
	box-shadow: 0px 0px 1px #ffffff;
}
.add {
	font-weight: normal;
	letter-spacing: 0.1em;
	font-size: 14px;
	width: auto;
	height: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	float: right;
	display: block;
	color: #4C4948;
}
.tel {
	font-weight: bold;
	font-size: 28px;
	color: #0084DB;
	line-height: 110%;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.05em;
	margin-right: 10px;
}
.box_a {
	width: auto;
	height: auto;
	display: block;
	margin: 0 auto;
	padding: 5px 10px 10px;
	border: 1px solid #dddddd;
	text-align: center;
	overflow: hidden;
}
.box_a_container {
	width: auto;
	height: auto;
	display: block;
	float: left;
}
.box_a_inner {
	display: block;
	float: left;
	width: 40%;
	text-align: left;
	margin: 5%;
}
.box_a_name_c {
	width: auto;
	height: auto;
	display: block;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 1.4em;
}
.box_a_name_a {
	font-size: 150%;
	line-height: 1.4em;
}
.box_a_name_b {
	font-size: 11px;
	line-height: 1.4em;
}

.box_b_container {
	float: left;
	overflow: hidden;
	width: 100%;
	margin-top: 20px;
	padding-bottom: 30px;
	display: block;
}
.box_b_photo {
	display: block;
	float: left;
	width: 180px;
}
.box_b_txt {
	display: block;
	float: left;
	width: auto;
}
@media screen and (max-width: 990px) {
.box_b_container,
.box_b_txt {
   max-width: 100%;
} 
}
@media screen and (max-width: 660px) {
.box_b_container,
.box_b_txt,
.box_b_photo{
	width: 100%;
	text-align: center;
}
#top_menu .container {
	background: none;
	height: auto;
	max-width: auto;
	margin: 0 auto; 
}
#top_menu .box {
	margin: 5px;
	padding: 0px;
	float: left;
	width: 95%;
	}
#top_menu img {
	max-width: 32%;
	display: block;
	float: left;
	}
#top_menu .title {
background: none;
line-height:18px;
 margin-top: 0.8em;
 vertical-align: middle;
 display: inline-block;
 }
}
/* ページの説明部分
-------------------------------------------------------------- */
.text_setsumei{
	border: 1px solid #dddddd;
	padding: 30px 230px 30px 30px;
	margin-bottom: 3%;
}
@media screen and (max-width: 780px){
.text_setsumei{
	font-size: 110%;
	font-weight: bold;
	border:none;
	padding:0px;
	background-image: none;
	background-color: #FFF;
	margin-bottom: 0px;
}
h1 {
	margin-top: 0.5em;
	margin-bottom: 0px;
}
}

/* サイドメニュー
-------------------------------------------------------------- */
.sidebar-child{
	list-style: none;
	padding: 6px 0px 6px 33px;
	border-bottom: 1px solid #DDDDDD;
	font-size: 13px;
} 
.sidebar-menu {
	list-style: none;
	padding: 6px 0px 6px 28px;
	border-bottom: 1px solid #DDDDDD;
	background: url(http://yokosuka-chuogodo.jp/new/wp-content/uploads/2017/03/yajirushi_blue.png) no-repeat 5px;
	font-size: 15px;
} 
/* メディア
-------------------------------------------------------------- */
@media screen and (max-width: 780px){
.spNone {
	display:none;}
}