/* Blockquote */
blockquote p {
    font-family: inherit;
    font-style: inherit;
    font-weight: 900;
    font-size: 36px;
    line-height: 42px;
}

blockquote {
    border-left: 4px solid #f64231;
}

/* Sliding Banner */
.banner-slideshow .ba-slideshow-caption {
    padding: 20px;
}

/* Forms */
body .ba-form {
    padding: 0;
}

/* Menu */
.left-menu .menu > li > a {
	  padding: 15px 7px;
}

.custom-mobile-menu .main-menu .nav li.deeper .nav-child,
.custom-mobile-menu .nav-child {
    display: block;
    transform: none !important;
    -webkit-transform: none !important;
  	background: transparent !important;
    border-radius: 0px!important;
    border: none !important;
    box-shadow: none!important;
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
}

.custom-mobile-menu .nav li.deeper:hover > .nav-child {
    animation: none !important;
    -webkit-animation: none !important;
}

.custom-mobile-menu .nav-child .deeper:hover .nav-child,
.custom-mobile-menu .nav .deeper.parent .nav-child {
    position: static !important;
}

.custom-mobile-menu .main-menu .nav.menu li span,
.custom-mobile-menu .main-menu .nav.menu li a {
    padding: 0;
}

.custom-mobile-menu .nav-child > li.deeper > span:before,
.custom-mobile-menu .nav-child > li.deeper > a:before {
	  display: none;
}

/*
  最新の投稿で２セクション目に最新２個をスキップするCSSコード
	この場合のクラスは custom-recent-posts 各セクションに書き込む
*/
.custom-recent-posts .ba-blog-posts-wrapper .ba-blog-post:nth-child(1),
.custom-recent-posts .ba-blog-posts-wrapper .ba-blog-post:nth-child(2) {
    display: none;
}

/*
  スマホ表示において投稿記事表示を縦から横に変えるCSSコード
*/
/* カスタムクラス名: mobile-list-horizontal を使用した場合 */
@media (max-width: 1024px) {
    .mobile-list-horizontal .ba-classic-layout .ba-blog-post {
        flex-direction: row !important; /* 横並びに変更 */
    }
    /* 間隔調整もカスタムクラスを付ける */
    .mobile-list-horizontal .ba-blog-post img {
        margin-right: 25px !important; /* 例: 画像の右側に余白 */
    }
}