/**
 * font size
 */
html { font-size: 62.5%; }
body {
  font-family: sans-serif;
  font-size: 1.3rem;
  line-height: 1.7;
}

/**
 * link
 */
a { text-decoration: none; }
a:hover { text-decoration: underline; }
/**
 * layout
 */
body {
  margin: 0; padding: 0;
  background-color: #fff;
  color: #333;
}

#site, .site {
  margin: 0px auto;
  border-top: 8px solid #5478FF;
  background: #fff url(../images/site-bg.gif) no-repeat scroll right top;
  background-size: contain;
}
.container {
  position: relative;
  margin: 0 5px;
}

.content-area,
.extra-area {
  margin-bottom: 20px;
}

@media ( min-width: 768px ), print {
  body {
    background: #fff url(../images/body-bg.gif) no-repeat scroll center top;
  }

  #site, .site {
    width: 770px;
  }
  .container {
    margin: 0 auto;
  }

  .header {
    margin: 0 20px;
  }

  #con {
    margin: 0 20px;
  }

  #main {
    float: left;
    width: 480px;
    margin-bottom: 10px;
  }
  .extra-area {
    float: right;
    width: 234px;
    margin-bottom: 10px;
  }

  .footer {
    clear: both;
  }

}

/**
 * header
 */

.header .logo {
    width: 75%;
    margin: 20px 0px 5px;
}
.site-title {
  margin: 0;
  padding: 0;
  line-height: 1;
}

.site-search {
  margin-top: 15px;
  text-align: right;
}
.site-search a {
  color: #000;
  text-decoration: none;
}
.site-search input#q {
  width: 10em;
  margin-left: 10px;
}

/**
 * sp-navbar スマートフォン グローバルメニュー
 */
.sp-menu {
  position: absolute;
  top: 15px; right: 5px;
}
.sp-menu .navbar-open {
  padding: 0;
  border-radius: 4px;
  border: 2px solid #5478ff;
  background-color: #fff;
  color: #5478ff;
  font-size: 1.4rem;
  font-weight: bold;
}

.sp-navbar {
  position: absolute;
  top: 0;
  width: 100%;
  background-color: #5478ff;
}
.sp-navbar a {
  color: #fff;
}
.sp-navbar .menu {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sp-navbar .menu li {}
.sp-navbar .menu li a {
  display: block;
  padding: 10px 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 1.4rem;
  text-align: center;
  text-decoration: none;
}
/* .sp-navbar .menu li a::before {
  font-family: fontawesome;
  content: "";
} */
.sp-navbar .navbar-close {
  display: block;
  width: 100%;
  padding: 15px 10px;
  border: none;
  background-color: rgba(0, 0, 0, 0.1);
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
}

/**
 * navbar グローバルメニュー
 */
.navbar {
  margin-bottom: 10px;
}
.navbar .menu {
  margin: 0;
  padding: 0;
  list-style: none;
}
.navbar .menu li {
  display: inline;
}
.navbar .menu li a {
  display: block;
  float: left;
  width: 146px;
  height: 30px; line-height: 30px;
  background: transparent url(../images/sitemenu-bg.png) no-repeat left top;
  color: #333;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}
.navbar .menu li a:hover {
  background-image: url(../images/sitemenu-bg-hover.png);
}

/**
 * breadcrumb
 */
.breadcrumb {
  list-style: none;
  margin: 0 0 10px 0;
  padding: 0;
  border-top: 2px solid #B7C0DD;
}
.breadcrumb .item,
.breadcrumb li {
  display: inline;
}
.breadcrumb .item::before,
.breadcrumb li:not(:first-child)::before {
  content: "";
  margin: 0 5px;
  color: #999;
  font-family: fontawesome;
}
.breadcrumb .item:first-child::before, {
  display: none;
}

/**
 * footer
 */
.footer {
  clear: both;
  padding: 5px 0px;
  border-top: 1px solid #999;
}
.foot-menu {
  float: right;
}
.foot-menu a {
  color: #000;
  text-decoration: none;
}
.counter {
  text-align: right;
}

/**
 * titles
 */
h1, h2, h3, h4, h5, h6 {
  margin: 0; padding: 0; font-size: 1.4rem;
}
.entry-title,
h2 {
}
h3 {
}
h4 {
}
h5 {
}

/**
 * widget
 */
.widget {
  margin-bottom: 20px;
}

.widget-title {
  padding: 4px 5px;
  border-top: 2px solid #5478FF;
  border-bottom: 1px solid #5478FF;
  font-size: 1.4rem;
  font-weight: bold;
}
.widget-title a {
  color: #333;
  text-decoration: none;
}

.widget ul {
  margin: 0 6px; padding: 0;
  list-style: none;
}
.widget li a {
  display: block;
  padding: 4px 0;
  border-bottom: 1px dotted #dde4ff;
  text-decoration: none;
}
.widget li a::before {
  content: "";
  margin-right: 4px;
  color: #ff9a04;
  font-family: fontawesome;
}

/**
 * home
 */

.cover {
  margin-bottom: 10px;
}

.whatsnew {
  padding: 2px;
  border: 1px solid #5478ff;
}
.whatsnew__header {
  padding: 2px 5px;
  background: #577aff;
  background: -moz-linear-gradient(top,  #577aff 0%, #7290ff 100%);
  background: -webkit-linear-gradient(top,  #577aff 0%,#7290ff 100%);
  background: linear-gradient(to bottom,  #577aff 0%,#7290ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#577aff', endColorstr='#7290ff',GradientType=0 );
  color: #fff;
}
.whatsnew__list {
  margin: 0; padding: 0;
  list-style: none;
}
.whatsnew__item {
  position: relative;
  margin: 0 8px;
  padding: 8px 0;
  border-bottom: 1px dotted #604c41;
}
.whatsnew__item:last-child {
  border-bottom: none;
}
.whatsnew__date {
  float: left;
  position: relative;
}
.whatsnew__new:after {
  content: "NEW";
  margin-left: 4px;
  color: #900;
  font-size: 1rem;
}
.whatsnew__title {
  margin-left: 10em;
}

#montedio {
  /*margin-top: -10px;*/
}

#station .title {
  margin: 0px 0px 10px;
  padding: 5px;
  border: 1px solid #CCC;
  background: #FFF url(../images/page-title-waku-bg.gif) repeat-x scroll left bottom;
}
#station h2 {
  margin: 0;
  padding-left: 5px;
  border-left: 4px solid #EF4138;
  color: #EF4138;
  font-weight: bold;
  line-height: 100%;
}
#station .comment .ss-photo {
  float: left;
}
#station .comment h3 {
  margin: 0px 0px 5px 125px;
  border-bottom: 1px solid #00793F;
  color: #333;
}
#station .comment p {
  margin-left: 125px;
}

.ss-net {
  margin: 10px 0;
}

.col-station {
  float: left;
  width: 49.0%;
  margin-left: 2%;
}
.col-station:nth-child(2n+1) {
  margin-left: 0;
}
@media ( min-width: 768px ), print {
  .col-station {
    float: left;
    width: 32.0%;
    margin-left: 2%;
  }
  .col-station:nth-child(2n+1) {
    margin-left: 2%;
  }
  .col-station:nth-child(3n+1) {
    margin-left: 0;
  }
}

.col-station a.ss-area {
  display: block;
  margin-bottom: 5px;
  padding: 0 5px;
  background: #ef463d;
  background: -moz-linear-gradient(top, #ef463d 0%, #f26059 100%);
  background: -webkit-linear-gradient(top, #ef463d 0%, #f26059 100%);
  background: linear-gradient(to bottom, #ef463d 0%, #f26059 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef463d', endColorstr='#f26059',GradientType=0 );
  color: #fff;
  font-weight: bold;
}
.col-station ul {
  margin: 0 0 10px 0; padding: 0;
  list-style: none;
}
.col-station li {
  padding-left: 14px;
  background: #FFF url(../images/list-circle.gif) no-repeat scroll left 0.2em;
  line-height: 150%;
}
.col-station a {
  text-decoration: none;
}


/**
 * extra-area
 */
.extra-block {
}

.banner-img {
  margin-bottom: 10px;
}
.banner-img img {
  display: block;
  margin: auto;
}

.mobile {
  display: none;
}
@media ( min-width: 768px ), print {
  .mobile {
    display: block;
  }
  .mobile .title {
    margin: 0px 0px 5px;
    border-top: 2px solid #5478FF;
    border-bottom: 1px solid #5478FF;
    color: #333;
    font-size: 1.4rem;
    font-weight: bold;
  }
  .mobile p {
    margin-bottom: 0.5em;
  }
  .mobile .QR-code {
    float: right;
  }
}

.extra-area .corp-info {
  padding: 0.5em;
  border: 1px solid #CCC;
  text-align: center;
}
.corp-info strong {
  font-size: 1.4rem;
}

/**
 * page, single
 */
.entry-header {
  margin-bottom: 10px;
  border: 1px solid #CCC;
  background: #FFF url(../images/page-title-waku-bg.gif) repeat-x scroll left bottom;
}
.entry-title {
  margin: 5px;
  padding-left: 5px;
  border-left: 5px solid #EF4138;
  color: #000;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.7;
}

.entry-content {
  margin-bottom: 10px;
}
.entry-meta {
  margin: 0;
  border-bottom: 1px dotted #ccc;
  text-align: right;
}

/**
 * page, single
 */
.archive-header {
  margin-bottom: 10px;
}
.archive-title {
  padding: 0 5px;
  border-radius: 4px;
  background-color: #eef1ff;
}

.hentry {
  margin-bottom: 20px;
}

/**
 * tree
 */
.tree {
  padding-top: 10px;
  border-top: 1px solid #ccc;
}
.tree-list {
  margin: 0; padding: 0;
  list-style: none;
}
.tree-list li {
  margin-bottom: 15px;
  line-height: 1.7;
}
.tree-list a {
  display: block;
  padding: 4px;
  border: 1px solid #ccc;
  background: #fbfbfb;
  background: -moz-linear-gradient(top,  #fbfbfb 0%, #edeeed 100%);
  background: -webkit-linear-gradient(top,  #fbfbfb 0%,#edeeed 100%);
  background: linear-gradient(to bottom,  #fbfbfb 0%,#edeeed 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#edeeed',GradientType=0 );
  font-weight: bold;
  text-decoration: none;
}
.tree-list a::before {
  content: "";
  margin-right: 5px;
  border-left: 5px solid #ef4138;
}
.tree-list a:hover {
  background: #fbfbfb;
  text-decoration: underline;
}
.tree-list .desc {
  margin: .5em 0 0 0;
}

/**
 * plugins
 */

/* contact form 7 */
.wpcf7-textarea {
  width: 100%;
  height: 10em;
}

/**
 * common
 */

a.tri {
  padding-left: 14px;
  background: transparent url(../images/list-tri.gif) no-repeat scroll left center;
}

img {
  max-width: 100%;
  height: auto;
}

.clearfix {
  overflow: hidden;
  zoom: 1;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.aligncenter {
  display: block;
  margin: 0 auto;
}
.alignright { float: right; }
.alignleft { float: left; }

.btn {
  display: block;
  width: 100%;
  margin: 10px auto 5px auto;
  padding: 4px 0;
  border: none;
  border-radius: 6px;
  background-color: #e5e5e5;
  box-shadow: 0 2px 0 #ccc;
  color: #000;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
.btn-large {
  padding: 4px 0;
  font-size: 16px;
}

.btn-search {
  background-color: #e74c3c;
  box-shadow: 0 2px 0 #c0392b;
  color: #fff;
}
.btn-detail {
  background-color: #e5e5e5;
  box-shadow: 0 2px 0 #ccc;
  color: #000;
}

.width-max { width: 100%; }
.table-bordered {}
.table-bordered th,
.table-bordered td {
  padding: 5px;
  border: 1px solid #ccc;
}
.table-underline {}
.table-underline th,
.table-underline td {
  padding: 5px;
  border-bottom: 1px dotted #ccc;
}

.f10 { font-size: 1.0rem; }
.f11 { font-size: 1.1rem; }
.f12 { font-size: 1.2rem; }
.f13 { font-size: 1.3rem; }
.f14 { font-size: 1.4rem; }
.f15 { font-size: 1.5rem; }
.f16 { font-size: 1.6rem; }
.f17 { font-size: 1.7rem; }
.f18 { font-size: 1.8rem; }
.f19 { font-size: 1.9rem; }
.f20 { font-size: 2.0rem; }
.f21 { font-size: 2.1rem; }
.f22 { font-size: 2.2rem; }
.f23 { font-size: 2.3rem; }
.f24 { font-size: 2.4rem; }

.b { font-weight: bold; }
.c { text-align: center; }
.l { text-align: left; }
.r { text-align: right; }

.nowrap { white-space: nowrap; }

strong { font-weight: bold; }

p { margin: 0 0 1em 0;}

.entry-content ul, .entry-content ol { margin: 0 0 1em 3em; }
.entry-content ul    { list-style-type: disc; }
.entry-content ul ul { list-style-type: circle; }
.entry-content ol    { list-style-type: decimal; }
.entry-content ol ol { list-style-type: lower-latin; }

/* utillity */
.hidden-sp { display: none; }
@media ( min-width: 768px ), print {
  .hidden-sp { display: block; }
  .hidden-pc { display: none; }
}

/* print */
@media print {
  body.bukken .header img {
    height: 80px;
  }
  body.bukken #primary {
    width: 100%;
  }
  body.bukken #secondary,
  body.bukken .navbar,
  body.bukken #fudo_syousai-2,
  body.bukken .footer-menu {
    display: none;
  }
  body.bukken #primary.content-area {
    padding-bottom: 0;
  }
  body.bukken .hentry {
    margin-bottom: 0;
  }
  body.bukken .footer {
    border-top: 2px solid #3B7A00;
    background-color: transparent;
    color: #000;
  }
  body.bukken .copyright {
    padding: 0;
  }
}