/*
Theme Name: Rocket  Blog
Description:ロケットマートのブログ
Theme URI: テーマの URL
Author: 作った人の名前
Author URI: 作った人の URL
Version: バージョン
License: ライセンス
License URI: ライセンスの URL
*/


.navbar-default {
  background-color: #e74c3c;
  border-color: #e74c3c;
}
.navbar-default .navbar-brand {
  color: #ecf0f1;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #313e50;
}
.navbar-default .navbar-text {
  color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a {
  color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #313e50;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #313e50;
  background-color: #fabc3c;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #313e50;
  background-color: #fabc3c;
}
.navbar-default .navbar-toggle {
  border-color: #fff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #fabc3c;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ecf0f1;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ecf0f1;
}
.navbar-default .navbar-link {
  color: #ecf0f1;
}
.navbar-default .navbar-link:hover {
  color: #313e50;
}

body { padding-top: 70px; }

.h2-std {
  margin-bottom: 35px;
  color: #e74c3c;
}

.h3-std {
  font-size: 21px;
  margin-bottom: 35px;
}

.h4-std {
  font-size: 21px;
}

.h5-std {
  font-size: 21px;
  margin-top: 14px;
  margin-bottom: 28px;  
}

hr {
  margin-top: 56px;
}

footer {
  border-top: 1px solid #e7e7e7;
  background-color: #313e50;
  text-align: center;
  margin-top: 70px;
}

.footer-contents {
  padding-top: 30px;
}

.footer-contents p {
  color: #fff;
  text-decoration: underline;
}

.copyright {
  padding: 40px 0;
  font-size: 12px;
  color: #666;
}

.color {
  background-color: rgba(250,188,60,0.1);;
}

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


.f-icon {
  margin-bottom: 28px;
}


.top-section {
  margin-top: 56px;
}

.feature-section {
  margin-top: 42px;
}

.theme-section {
  margin-top: 42px;
  margin-bottom: 42px;  
}

.info-section {
  margin-top: 42px;
  margin-bottom: 42px;  
}


.feature-text {
  padding-top: 7px;
  padding-bottom: 42px;
  padding-left: 15px;
  padding-right: 15px;
}

.btn-vm {
  color: #fff;
  background-color: #e7583c;
  border-color: #e7583c;
  opacity: 0.9;
}


.btn-vm:focus,
.btn-vm.focus {
  color: #fff;
  background-color: #e73c3c;
  border-color: #e74c3c;
  opacity: 1;

}

.btn-vm:hover {
  color: #fff;
  background-color: #e73c3c;
  border-color: #e74c3c;
  opacity: 1;
}

.btn-list {
  margin-top: 28px;
}


.page-headline {
  color: #3F3F3F;
  position: relative;
  display: inline-block;
  margin-bottom: 56px;

}

.page-headline:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #3F3F3F;
  border-radius: 2px;
}



/* AboutUs */

.about-top-section {
  margin-top: 35px;
  margin-bottom: 42px;
}




/* Blog */

.blog-top-section {
  margin-top: 35px;
  margin-bottom: 56px;
}

.h2-blogTitle {
  font-size: 21px;
  margin-bottom: 14px;
}

.blog-data {
  font-size: 14px;
  color: #727272;
  margin-bottom: 21px;
}

.readmore-btn {
  margin-top: 42px;
}

.hr-blog {
  margin-bottom: 70px;
}

.blog-img {
  margin-top: 21px;
  margin-bottom: 21px;
}

.side {
  padding-bottom: 21px;
  margin-bottom: 42px;
}

.side-list {
  margin-top: 49px;
}

.widgettitle {
  background: #e7583c;
  font-size: 18px;
  padding: 0.5em;
  color: white;
}

.side li {
  font-size: 16px;
  color: #808080;
  list-style-type: none;

}

.side a {
  color: #808080;

}

.page-nav {
  margin-top: 42px;
  margin-bottom: 70px;
}

.pagination>.active>a {
  background-color: #e74c3c; 
  border-color: #e74c3c;
}

.pagination>li>a, .pagination>li>span {
  color: #e74c3c;
}


/* Blog詳細 */

.blog-detail-top-section {
  margin-top: 14px;
  margin-bottom: 14px;
}

.blog-content {
  line-height: 2em;
  margin-bottom: 56px;
}

.blog-content p {
  font-size: 14px;
}

.detail-blogTitle {
  font-size: 28px;

}

.h2-blogDetail {
  margin-top: 70px;
  margin-bottom: 35px;
  font-size: 21px;
  padding: 0.5em;
  color: #494949;
  background: #fffaf4;
  border-left: solid 5px #e74c3c;
}