@charset "utf-8";

/*
 * KKP original custom style sheet
 */

body {
  font: 16px/1.8 Helvetica, Helvetica Neue, Arial, "Hiragino Maru Gothic ProN", Meiryo, sans-serif;
}

* > p:last-child,
* > section:last-child {
  margin-bottom: 0 !important;
}
* > h3:first-child {
  margin-top: 0;
}

p {
  color: #333333;
}

p, ul { margin: 0 0 48px; }

article, section, hr { margin: 0 0 128px; }

h1, h2, h3, h4, h5, h6 {
  font-family: inherit;
  background-color: rgba(44,153,0,.1);
  margin-bottom: 30px !important;
  padding: 1em 24px;
  line-height: 1.3;
}

h1 {
  border-left: 3px solid #2c9900;
  font-size: 200%;
  font-weight: bold;
}
h1:first-letter {
  color: #2c9900;
}

h2 {
  border-left: 3px double #2c9900;
  border-right: 3px double #2c9900;
	font-size: 140%;
}
h2:first-letter {
  color: #2c9900;
}

h3 {
  border-left: 1px solid #2c9900;
  border-right: 1px solid #2c9900;
	font-size: 120%;
}
h3:first-letter {
  color: #2c9900;
}

table.products th {
  background-color: #f3f3ee;
}
table.products th,
table.products td {
  text-align: center;
  vertical-align: middle !important;
}
table.products td:first-child { /* サービス */
  width: 25%;
}
table.products td:nth-child(2) { /* 提供方法 */
  width: 15%;
}
table.products td:nth-child(3) { /* 料金 */
  width: 15%;
}
table.products td:last-child { /* 内容 */
  width: 45%;
  text-align: left;
}

a {
  padding: .4em .2em .2em;
  border-radius: .25em;
  transition-duration: .2s;
  -webkit-transition-duration: .2s;
  -moz-transition-duration: .2s;
  -transition-duration: .2s;
}
a {
  color: #2c9900;
}
a:hover {
  color: #fff !important;
  background-color: rgba(44,153,0,.3);
  background-image: none;
}

a {
  white-space: normal !important;
  word-wrap: break-word;
}

p.fa-padding {
  padding-left: 2em;
}
p.fa-padding > .fa {
  text-indent: -1.6em;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  padding: .2em 0 0;
  border-radius: 0;
}


sup {
  vertical-align: baseline;
}

.breadcrumb {
  font-size: 85%;
}

#content > .page-header,
#content > .page-header > h1 {
  margin-top: 0;
}

.entry-header {
  margin-bottom: 20px;
}

.entry-content img {
  margin-bottom: 48px;
}

.entry-content div.notes,
.entry-content section.notes {
	padding: 20px;
	font-size: 12px;
	border: 1px dotted #333;
	overflow: hidden;
	margin-bottom: 1.6em;
}

.entry-content section.notes > p:first-child {
	margin-bottom: 1.6em !important;
}

.entry-content .annomark {
	padding-left: 1em;
	text-indent: -1em;
}

.entry-content .annomark span {
	border-bottom: 1px dotted #333;
}

.entry-content span.redmarker {
  display: inline-block;
  line-height: 0.4em;
	border-bottom: 0.5em solid rgba(255,0,0,0.2);
}

.entry-content .mp_btn {
	content: url(img/mp_play_btn.png);
	vertical-align: text-bottom;
	padding: 0 4px;
}

.entry-box {
  border-top: 1px dotted #ddd;
  padding-top: 8px;
  overflow: hidden;
}

.entry-box > .fa {
  float: left;
  padding-top: 6px;
  padding-right: 1em;
}

#sidebar aside {
  margin-bottom: 40px;
}

#sidebar aside > *:last-child {
  margin-bottom: 0;
}

#sidebar-books {
  margin-top: 20px;
}

#sidebar-category > .banner-link,
#sidebar-books > .banner-link {
  transition-duration: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -transition-duration: 0s;
}

#sidebar-category > .banner-link {
  padding: 0;
}

#sidebar-category > .banner-link img,
#sidebar-books > .banner-link img {
  opacity: 1;
  margin-bottom: 20px;
  border: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  transition-duration: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -transition-duration: 0s;
  transition: opacity 0s;
  -webkit-transition: opacity 0s;
  -moz-transition: opacity 0s;
  -transition: opacity 0s;
}

#sidebar-category > .banner-link img {
  margin: 0 auto 40px;
}

#sidebar-books .side-profile {
  padding: 16px;
}

#sidebar-books .side-profile p {
  margin: 16px 0;
}

#sidebar-books .side-profile img {
  width: 100%;
  max-width: 300px;
}

#sidebar-books .side-profile .text-sm {
  font-size: 85%;
  line-height: 1.6;
}

#sidebar-books ul {
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-justify-content: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0;
}

#sidebar-books ul.hidden-xs,
#sidebar-books ul.hidden-lg {
  -webkit-flex-direction: row;
  flex-direction: row;
}

#sidebar-books ul li {
  padding: 8px;
  -webkit-flex: 1;
  flex: 1;
}

#sidebar-books ul.visible-xs li {
  padding: 0;
}

#sidebar-books a,
#sidebar-books a:hover,
#sidebar-books a:active {
  text-decoration: none;
  color: transparent;
  background-color: transparent;
  padding: 0;
  border-radius: 0;
}

#sidebar-books a img {
  border: 1px solid #ddd;
  box-shadow: 0 0 5px rgba(0,0,0,.5);
  -moz-box-shadow: 0 0 5px rgba(0,0,0,.5);
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.5);
  margin: 20px auto;
  opacity: .5;
  transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -transition: opacity 0.5s;
}
#sidebar-books a img:hover {
  opacity: 1;
}

#secondary ul li:last-child,
.widget ul li:last-child {
  border-bottom: none !important;
}

#main-contents {
  position: relative;
}

#primary blockquote h2 {
  margin: 10px auto;
}

.webinar-page #primary > p:first-child {
  display: none;
}

.webinar-page .side-bn h3 {
  margin: 0 !important;
  padding: .5em 24px;
  color: #2c9900;
}

.webinar-page .side-bn a {
  padding: 0;
  width: 100%;
}

.webinar-page blockquote {
  border-left: 5px solid #2c9900;
  padding: 16px 24px;
}

.webinar-page blockquote  h2 {
  border: none;
  background: none;
  margin: 10px auto !important;
  padding: 0;
}

.webinar-page #secondary ul {
  font-size: 85%;
  padding-left: 24px;
}

.webinar-page #secondary ul li:last-child {
  margin-top: 1em;
}

.webinar-page h2,
.webinar2-page h2 {
  margin-top: 0;
}

.webinar2-page #secondary ul {
  padding-left: 0;
}

.page-prologue #primary ul {
  padding-left: 24px;
}

.page-prologue #primary ul li {
  line-height: 3em;
}

.category-blog {
  margin-bottom: 80px;
}

.home #main-contents .row > div[class^="col-"]:first-child {
  padding: 0 32px;
}

.page-contact #main-contents,
.single-post #main-contents,
.archive #main-contents,
.search-results #main-contents,
.category-blog #main-contents {
/*   max-width: 768px; */
}

.category-blog .page-header .entry-title {
  padding-right: 122px;
}

.archive .panel-body hr,
.category-blog .panel-body hr {
  margin-bottom: 16px;
}

.single-post #contents,
.single-post #primary .pager {
  margin-bottom: 80px;
}

#page-book > .row {
  margin: 0 0 40px;
}

#page-book > .row > .row > .col-md-8 a.btn {
  padding: 16px 24px;
}

#page-book a:not([class*="btn"]) {
  padding: 0;
}

#page-book a img {
  box-shadow: 1px 1px 8px #666;
  margin-bottom: 24px;
}

.blog-entry-list {
  margin: 8px 0 80px;
}

.blog-entry-list .entry-header .page-header {
  border: none;
  margin: 0 !important;
}

.blog-entry-list .entry-header .page-header .entry-title {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #eee;
  margin: 0 !important;
  padding: 0 24px 8px 90px;
}
.blog-entry-list .entry-header .page-header .entry-title:first-letter {
  color: initial;
}

.blog-entry-list .page-header .entry-title span {
  padding-top: 1em;
  display: block;
  text-align: right;
  margin-top: 1em;
  font-size: 60%;
}

#topics .panel {
  margin-bottom: 80px;
}

#topics dl {
	margin: 0;
	font-size: 85%;
}

#topics dl dt {
  float: none;
}

#topics dl dd {
  float: none;
  padding-left: 1.6em;
  margin-bottom: 1em;
}

#topics dl dd:last-child {
  margin-bottom: 0;
}

#comments {
  margin-bottom: 48px;
}

#comments-list {
  padding-left: 0;
}

#comments-list .depth-1 {
  margin-bottom: 48px;
}

.comment-body {
  box-shadow: 1px 1px 8px #666;
  border-radius: 16px;
  padding: 16px;
  margin-bottom: 16px;
}

.comment-body p {
  line-height: 1.6;
  margin-bottom: 1.6em;
}

.comment-body .comment-meta {
  border-bottom: 1px solid #ddd;
  margin-bottom: 24px;
}

.comment-body .reply {
  text-align: right;
}

#reply-title > small {
  display: block;
  text-align: right;
  margin-top: 16px;
}

#reply-title > small > a {
  display: inline-block;
  padding: .6em 1em;
  border-radius: 4px;
  border: 1px solid #2c9900;
}

#commentform > p:first-child {
  margin-bottom: 24px;
  font-size: 85%;
}

.single #comments {}

.single #comments h3 {
  background: #2c9900;
  color: #fff;
  border: none;
}
.single #comments h3 *,
.single #comments h3:first-letter {
  color: inherit;
  border-color: #fff;
}

.single #comments h3 a:hover {
  background-color: rgba(255,255,255,.3);
}

.single #comments #comments-count {
  background-color: rgba(44,153,0,.7);
}
/*
#comments-thread .comment-id,
#comments-thread .form-allowed-tags{
  display:none;
}

#comments-thread .comment-author{
  font-weight:bold;
}

#comments-thread img.avatar {
  float:right;
  margin-right:0;
  margin-left:10px;
}

#comments-thread .comments-list {
  margin-bottom: 48px;
}

#comments-thread .comments-list li {
  margin-bottom: 30px;
}

#comments-thread .comments-list p {
  line-height: 1.6em;
}

#commentform > p {
  margin-bottom: 30px;
}

#commentform > p.form-submit {
  margin-bottom: 48px;
}

#commentform label{
  display:block;;
}

#commentform input{
  margin-bottom:0px;
}

#commentform input,
#commentform textarea{
  border:1px solid #aaa;
}

#commentform textarea{
  width: 100%;
}
*/

.date-label {
  background-color: #2c9900;
  color: #fff;
  font-size: 90%;
  padding: 7px 0 4px;
  position: absolute;
/*   left: -86px; */
  top: 0;
  text-align: center;
  width: 72px;
  box-shadow: 1px 1px 4px #666;
  text-shadow: 1px 1px 1px #666;
  border-radius: 8px;
}

.date-label .year {
  display: block;
}

.date-label .month {
  margin-right: -.3em;
}

.formBox p {
  margin: 0 !important;
}

#pageTop {
  position: fixed;
  bottom: 50px;
  right: 50px;
  z-index: 1000;
}

#pageTop a {
  padding: 15px 20px;
  background-color: rgba(44,153,0,.1);
  color: #fff;
  font-size: 120%;
  transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -transition: background-color 0.3s;
}
#pageTop a:hover {
  background-color: rgba(44,153,0,.5);
}

.fa-thumbnail {
  color: #2c9900;
  font-size: 6em;
  display: block;
  text-align: center;
  padding-top: .25em;
}

.cut-off {
  opacity: .5;
}

.cut-off a {
  pointer-events: none;
  cursor: default;
}

.read-more {
  display: block;
  text-align: right;
  margin-top: 1em;
}

.azn-btn {
  margin: 20px 0;
}

.audiojs .play-pause {
  width: auto !important;
}

.tracklist {
  line-height: 32px; /* according to mp3player */
  margin-bottom: 20px;
}

.tracklist span {
  float: left;
  padding: 10px;
  margin-right: 10px;
  line-height: 1.5em;
  font-size: 100%;
  font-weight: normal;
}

.tracklist div[id^="mp3player"]:after {
  content: '';
  clear: both;
}

.video-wrap {
    position: relative;
/*
    margin-top: 1.2em;
*/
    margin-bottom: 1.2em;
    padding-bottom: 50%;
    padding-top: 45px;
    overflow: hidden;
}
 
.video-wrap iframe,  
.video-wrap object,  
.video-wrap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.arrow-up-box,
.arrow-down-box {
  position: relative;
  background: #fff6fa;
  border: 1px solid #dc3a60;
  margin: 32px 0;
  padding: 8px 20px;
  border-radius: 4px;
}
.arrow-up-box:after, .arrow-up-box:before,
.arrow-down-box:after, .arrow-down-box:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.arrow-up-box:after {
	border-color: rgba(255, 246, 250, 0);
	border-bottom-color: #FFF6FA;
	border-width: 15px;
	margin-left: -15px;
}
.arrow-up-box:before {
	border-color: rgba(220, 58, 96, 0);
	border-bottom-color: #dc3a60;
	border-width: 16px;
	margin-left: -16px;
}
.arrow-down-box:after {
  border-color: rgba(255, 246, 250, 0);
  border-top-color: #fff6fa;
  border-width: 15px;
  margin-left: -15px;
}
.arrow-down-box:before {
  border-color: rgba(220, 58, 96, 0);
  border-top-color: #dc3a60;
  border-width: 16px;
  margin-left: -16px;
}

.arrow-up-box > h3,
.arrow-down-box > h3 {
  font-size: 100%;
  font-weight: normal;
}

.arrow-up-box > h3 span,
.arrow-down-box > h3 span {
  font-size: 120%;
  font-weight: bold;
}

footer p {
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  font-size: 90%;
  color: inherit;
  padding: 0;
  margin-bottom: .5em;
  text-align: center;
}

p.dropcap:first-letter {
  font-size: 2em;
  float: left;
  line-height: 1em;
}

.last {
  margin-bottom: 0 !important;
}

/*
 * customizing bootstrap
 */

.panel-kwbt {
  border: 1px solid #d1dccd;
  margin-bottom: 40px;
  box-shadow: 1px 1px 8px #ddd;
}

.panel-kwbt > .panel-heading {
  background-color: rgba(44,153,0,.1);
  border-right: 1px solid rgba(44,153,0,.1);
  border-bottom: 1px solid #d1dccd;
  border-top: 1px solid #f7fff3;
}

.panel-kwbt > .panel-heading h2 {
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
  background: none;
  padding: 0 !important;
  margin: 0 !important;
  letter-spacing: normal !important;
  box-shadow: initial !important;
}

.panel-kwbt > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #cccccc;
}

.panel-kwbt > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #cccccc;
}

.panel-kwbt .panel-body blockquote {
  border-left: 5px solid #2c9900;
}

.panel-heading {
  font-size: 120%;
  padding: .6em 1.6em;
}

.panel-body li {
  list-style: none;
}

.panel p,
.panel ul {
  margin-bottom: 1.6em;
}

.panel-group > .panel > .panel-heading {
  padding: 0;
}
.panel-group > .panel > .panel-heading a:active,
.panel-group > .panel > .panel-heading a:hover,
.panel-group > .panel > .panel-heading a:focus {
  text-decoration: none;
}

.alert-kwbt {
  color: #2b9801;
  background-color: #b6d460;
  border-color: #2b9801;
}

.alert-kwbt hr {
  border-top-color: #f2f1ec;
}

.alert-kwbt .alert-link {
  color: #1e79db;
}

.navbar {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin-bottom: 0;
  background: #333;
  background: linear-gradient(to bottom,#3c3c3c 0,#222 100%);
  border-radius: 0;
}

.navbar a {
  color: #fff;
}

.navbar-toggle {
  background: #333;
}

.navbar-toggle .icon-bar {
  background: #fff;
}

.navbar-brand {
  text-shadow: none;
}

ul.nav li a {
  padding: 15px 1em;
  color: #ddd;
}
ul.nav li a:hover {
  background: rgba(255,255,255,.3);
}

#head header {
  width: 100%;
  background: none;
  height: auto;
}

#head header#home {
  padding-top: 40px;
}

#head header h1 {
  background: none;
  margin: 0 !important;
  padding: 0 16px;
/*
  display: flex;
  flex-direction: column;
  justify-content: center;
*/
}

#head header h1 > div:first-child img {
  margin-left: auto;
}

#head-mailmag {
  margin-bottom: 0;
}

#head-mailmag h2 {
  border: none;
  background: none;
  margin: 0;
  line-height: 1.2em !important;
}

#head-mailmag p {
  margin: 0;
  padding: inherit;
  line-height: 1.2em !important;
}

.resdev {
  display: block;
  padding: 16px 0;
  font-size: 140%;
}

#mailmag .well {
  overflow: auto;
}

#mailmag .well p {
  font-size: 85%;
  margin-bottom: 0;
}

#mailmag form input {
  padding: 8px 16px 5px;
  height: auto;
  border-color: rgba(193,46,42,.8);
  box-shadow: 0 0 8px rgba(193,46,42,.6);
}
/*
#mailmag form input:focus {
  border-color: rgba(193,46,42,.8);
  box-shadow: 0 0 8px rgba(193,46,42,.6);
}
*/

#mailmag form .help-block {
  font-weight: normal;
  line-height: 1em;
  padding: .5em .5em 0;
}

#mailmag form .cta {
  width: 100%;
  font-size: large;
  padding: 16px 0;
}

body > article {
  margin-top: 40px;
}

#foot-nav {
  margin-bottom: 0;
  margin: 0;
}

#foot-nav a {
  transition: color 0s, background-color 0s;
  -webkit-transition: color 0s, background-color 0s;
  -moz-transition: color 0s, background-color 0s;
  -transition: color 0s, background-color 0s;
}
#foot-nav a:hover {
  font-weight: bold;
  background: transparent;
  text-shadow: 0 0 4px #000;
}

#foot-nav ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  float: none;
  width: 100%;
  left: auto;
}

.hidden-md #foot-nav ul,
.hidden-lg #foot-nav ul {
  -webkit-flex-direction: column;
  flex-direction: column;
}

#foot-nav ul li {
  float: none;
  left: auto;
}

footer {
  padding: 40px 0;
  background: linear-gradient(to bottom,#3c3c3c 0,#222 100%);
  color: #ddd;
  font-size: 90%;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  cursor: default;
  background-color: #2c9900;
  border-color: rgba(44,153,0,.5);
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: rgba(44,153,0,.3);
}

.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: rgba(44,153,0,.3);
}

.page-header .entry-title,
.page-header .book-title {
  background-color: rgba(44,153,0,.1);
  padding-right: 1em;
  display: block;
  margin-bottom: 8px !important;
  position: relative;
}

.page-header .entry-title img {
  border-radius: 50%;
  width: 74px;
  position: absolute;
  right: 24px;
  top: 18px;
}

.page-header .book-title:after {
  border-right: none;
}

.page-header > p {
  font-size: 85%;
}

.entry-header .page-header,
.entry-header .page-header .entry-title {
  margin: 0 0 10px !important;
  position: relative;
}

.entry-header .page-header p {
  margin-bottom: 5px;
}

.panel-kwbt .panel-body form {
  padding-top: 24px;
  padding-bottom: 24px;
}

.panel-kwbt .panel-body form .f-right {
  margin-bottom: 0;
}

.panel-kwbt .panel-body form .f-right input {
  font-weight: normal;
  text-shadow: 1px 1px 1px #000;
  box-shadow: 1px 1px 4px #666;
  transition-duration: .2s;
  -webkit-transition-duration: .2s;
  -moz-transition-duration: .2s;
  -transition-duration: .2s;
}
.panel-kwbt .panel-body form .f-right input:hover {
  opacity: .5;
}

ul.meta-entry {
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-justify-content: flex-end;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-bottom: 0;
  padding: 0;
  font-size: 85%;
}

ul.meta-entry li {
  margin-bottom: 8px;
}
ul.meta-entry li:first-child {
  margin-right: auto;
}

ul.sns-btn {
  display: -webkit-flex;
  -webkit-flex-direction: row;
  -webkit-justify-content: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 0;
}

ul.sns-btn li {
  padding: 8px 16px;
  text-align: center;
}

ul.sns-btn li a {
  color: #fff;
  padding: 8px 16px;
  text-align: center;
  display: inline-block;
}

ul.sns-btn li a span {
  display: block;
}

ul.sns-btn li.twitter a {
  background: #55acee;
}

ul.sns-btn li.facebook a {
  background: #3b5998;
}

ul.sns-btn li.gplus a {
  background: #dd4b39;
}

ul.sns-btn li.hatena a {
  background: linear-gradient(to bottom,#01a2de 0,#0090de 100%);
}

ul.sns-btn li.line a {
  background: #00c300;
  height: 72px;
}

ul.tag-entry {
  padding: 0;
  margin: 0 !important;
  overflow: hidden;
}
ul.tag-entry:after {
  content: '';
  clear: both;
}

ul.tag-entry li {
  margin-right: 1em;
  float: left;
  display: inline-block;
  line-height: 2.6em;
}

ul.tag-entry li a {
  padding-left: .5em;
  padding-right: .5em;
  border: 1px dotted #2c9900;
  border-radius: .25em;
}

.tptn_posts ul,
.widget_recent_entries ul,
ul.related_post {
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-justify-content: center;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  padding-left: 0;
}

.tptn_posts ul li,
.widget_recent_entries ul li,
ul.related_post li {
  -webkit-flex: 1;
  flex: 1;
  margin: 0 8px 20px;
}

.tptn_posts ul li a,
.widget_recent_entries ul li a,
ul.related_post li a {
  display: block;
  text-align: center;
}
.tptn_posts ul li a:hover,
.widget_recent_entries ul li a:hover,
ul.related_post li a:hover {
/*   background: none; */
  color: #004c00;
}

.widget_blog_recent_entries ul li a {
/*   display: inline !important; */
}

.widget_blog_recent_entries ul li span {
  display: block;
  color: #999;
  font-size: 85%;
  margin-top: -0.4em;
  padding-left: 1em;
}

ul.related_post li img {
  display: block;
  margin: 0 auto;
}

.pagination > li > a, .pagination > li > span,
.pagination-lg > li > a, .pagination-lg > li > span {
  border-radius: 0;
}

#blog-archives ul,
#sidebar-category ul {
  padding: 0 1em;
}

#blog-archives ul li,
#sidebar-category ul li {
/*   text-align: center; */
  margin-bottom: 8px;
}

#blog-archives ul li a,
#sidebar-category ul li a {
  display: block;
/*   font-size: 125%; */
}

.wp_rp_footer {
  display: none;
}

.screen-reader-response {
  margin-bottom: 20px;
}

.screen-reader-response > ul {
  color: #f00;
  margin-bottom: 0;
}

#contact form .form-group {
  margin-bottom: 40px;
}

/*
#contact form .wpcf7-form-control {
  background: #fef9ea;
  padding: .2em .4em 0;
}
*/

#contact form .wpcf7-textarea {
  width: 100%;
}

#contact form .form-group .well {
  margin-top: -20px;
}

#contact form .form-group .well p {
  margin-bottom: 20px;
  font-size: 85%;
}

/*
#contact form .wpcf7-submit {
  padding: 1em 3em;
}
*/

#online-page {}

/*
 * custom text color of bootstrap
 */

.text-white {
  color: #fff;
}

.text-kwbt {
  color: #2c9900;
}

.text-sm {
  font-size: 75%;
}

.text-lg {
  font-size: 125%;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #f66;
    color: #000;
    padding: 0.2em 0;
    text-align: center;
}

.browsehappy a {
  font-weight: bold;
  color: #fff;
  text-decoration: underline;
}

/* ==========================================================================
   Facebook
   ========================================================================== */

#top-sidebar .fb-like {
/*   margin-bottom: 20px; */
}

/* ==========================================================================
   Media Query
   ========================================================================== */

@media (min-width: 768px) {
  #head header h1 {
    -webkit-flex-direction: row;
    flex-direction: row;
  }
  #mailmag form input {
    font-size: large;
  }
  #topics dl dt {
  	float: left;
  }
  #topics dl dd {
  	padding-left: 12em;
  	margin-bottom: 0.6em;
  }
  ul.meta-entry {
    -webkit-flex-direction: row !important;
    flex-direction: row !important;
  }
  .tptn_posts ul,
  .widget_recent_entries ul,
  ul.related_post {
    -webkit-flex-direction: row !important;
    flex-direction: row !important;
  }
}