@charset "UTF-8";
img { max-width: 100%; }

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

.alignleft { float: left; }

.alignright { float: right; }

.wp-caption { margin: 10px; padding-top: 4px; border: 1px solid #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; background-color: #f3f3f3; text-align: center; }

.wp-caption-text, .gallery-caption { font-size: 80%; }

.wp-caption img { margin: 0; padding: 0; border: 0 none; }

.wp-caption-dd { margin: 0; padding: 0 4px 5px; font-size: 11px; line-height: 17px; }

img.alignright { display: inline-block; margin: 0 0 1em 1.5em; }

img.alignleft { display: inline-block; margin: 0 1.5em 1em 0; }

body { padding-bottom: 40px; }

hr { clear: both; }

.navbar-brand { padding-left: 60px; color: #fff; background: url(images/nav-logo.png) no-repeat 15px 8px; }

.navbar { margin-bottom: 0px; }

.nav-tabs { margin-bottom: 15px; }

.thumbnail { margin-bottom: 30px; }

header .jumbotron { border-radius: 0px; text-shadow: 2px 2px 3px #fff; text-align: center; }
header .jumbotron h1, header .jumbotron p.singleHead { font-size: 1.5rem; font-family: Myriad Pro, Arial, Helvetica, "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif; color: #666666; margin: 0; }
header .jumbotron p { font-size: 5rem; font-weight: bold; }
@media (max-width: 480px) { header .jumbotron p { font-size: 3.5rem; } }

p.blogDisc { font-size: 1.4rem; }

#MyCarousel { margin: 0 0 15px; }

.blogList h2 { font-size: 3rem; line-height: 1.4em; }
.blogList p { margin-bottom: 20px; line-height: 1.7em; }
.blogList img { padding: 0.5%; border: dotted 1px #ddd; }

.blogSingle h1 { font-size: 3rem; line-height: 1.4em; }
.blogSingle h2 { font-size: 2.5rem; line-height: 1.4em; padding: 13px 20px 10px 40px; margin: 0 -20px 16px -50px; background: #fff; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; border-left: 10px solid #627aad; clear: both; font-weight: bold; }
@media (max-width: 769px) { .blogSingle h2 { padding: 13px 20px 10px 20px; margin: 0 -20px 16px -20px; } }
.blogSingle h3 { font-size: 2rem; line-height: 1.4em; margin: 30px 0 15px 0; font-weight: bold; clear: both; }
.blogSingle p { margin-bottom: 20px; line-height: 1.7em; }
.blogSingle p img { width: 100%; height: auto; padding: 4px; border: 1px solid #eaeaea; max-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#sideCate h2 { font-size: 2rem; }

#cat-navi select { display: none; }

@media (max-width: 768px) { #cat-navi select { display: block; width: 100%; }
  #cat-navi li { display: none; } }
@media (max-width: 768px) { .container { padding-right: 20px; padding-left: 20px; }
  .nav-tabs.nav-justified > li { float: left; } }
#MyCarousel { clear: both; }

figure.eyecatch { margin: 0 0 15px 0; }

figure.eyecatch:empty { float: none; margin: 0 -15px 15px 0; }

figure.eyecatch img { margin-top: 5px; }

p.more { text-align: right; }

p.form-submit input { color: #ffffff; background-color: #6f6c68; display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid transparent; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
p.form-submit input:hover { background: #958F88; }

/* Facebook Like Box width: 100% */
footer .fbcomments, footer .fb_iframe_widget, footer .fb_iframe_widget[style], footer .fb_iframe_widget iframe[style], footer .fbcomments iframe[style], footer .fb_iframe_widget span { width: 100% !important; margin-bottom: 15px !important; }

#page-top { position: fixed; z-index: 100; bottom: 20px; right: 20px; font-size: 77%; }

#page-top a { background: #333; text-decoration: none; color: #fff; width: 45px; padding: 10px 0; text-align: center; display: block; filter: alpha(opacity=6); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

#page-top a:hover { text-decoration: none; background: #fff; color: #333; }

#imagelightbox { position: fixed; z-index: 9999; }

.container a img:hover { filter: alpha(opacity=25); -moz-opacity: 0.25; opacity: 0.25; }