/* ===========================================================
   最終更新日 2019/11/05
===========================================================*/

/* 
===========================================================
   # 固定フッター｜変更しないで(>_<)
===========================================================
*/
html{
	position: relative;
	min-height: 100%;
}
body{
	margin-bottom: 80px; /* Margin bottom by footer height */
	padding-bottom: 20px; /* フッターとコンテンツの間の余白 */	
}
#footer{
	position: absolute;
	bottom: 0;
	border-top: 1px solid #e7e7e7;
	width: 100%;
	min-height: 80px; /* Set the fixed height of the footer here */ /* height: ; */
	background: #f5f5f5;
	padding: 15px 0 5px;
}


/* 
===========================================================
   # Body設定
===========================================================
*/
body{
	background: ;
	color: #222;
	font-family: "Helvetica Neue", Helvetica, Arial, "游ゴシック体", "YuGothic", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
	font-size: ;
	font-weight: ;
	line-height: 1.7; /* line-height: 1.42857143; */
	letter-spacing: .03em;
	width: 100%;
	height: 100%;
	word-wrap: break-word; /* 半角のみのタイトルを折り返す */

	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased; 
	text-rendering: optimizeLegibility;
}

/* IE11のみ適用 */
_:-ms-lang(x)::-ms-backdrop, body{
	font-family: Verdana, Meiryo, sans-serif;
}

/* Footerフォント設定 */
#footer a{
	color: #222;
}
#footer div{
	line-height: 2.0;
	color: #222;
	text-align: center;
	padding-top: ;
}

body > .container{
	padding: 50px 15px 0;
}
@media (min-width:992px){
	.container{
    	width:900px
    }
}


/* 
===========================================================
   # Baseフォントサイズ設定
===========================================================
*/

h1,h2,h3,h4,h5,h6{
/* リセット */
	font-size: 100%;
}
html{
/* ベースフォントサイズを10pxにする */
	font-size: 62.5%; 
}
body{
/* bodyをemで設定してChromeのバグ対応 / 以下「rem」で指定 */
	font-size: 1.4em;
}

/* 
===========================================================
   # フォントオプション
===========================================================
*/

.font-jp{
	font-family: "游ゴシック体", "YuGothic", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
}
/* .font-jp : IE11のみ適用 */
_:-ms-lang(x)::-ms-backdrop, .font-jp{
	font-family: Meiryo, sans-serif;
}


.font-alt{
	font-family: 'Lobster Two', cursive;
}
.smaller{
	font-size: 90%;
}
.large{
	font-size: 120%;
}
.larger{
	font-size: 110%;
}
.bold{
	font-weight: bold;
}


/* 
===========================================================
   # その他
===========================================================
*/
.pink-bg{
	color: #fff;
	background-color: #ed1179;
}


/* 
===========================================================
   # Panel｜色設定
===========================================================
*/
.panel {
  -webkit-box-shadow: 0 0 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 0px rgba(0, 0, 0, 0.05);
}
.panel-default {
  border-color: #e3e3e3;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #e3e3e3;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #e3e3e3;
}
.panel-default > .panel-heading .badge {
  color: #e3e3e3;
  background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #e3e3e3;
}


/* 
===========================================================
   # Nav Bar
===========================================================
*/

.navbar-brand{ /* ロゴなし */
	float: left;
	padding: 17.5px 15px; /* 17.5px 15px */
	font-size: 2.3rem;
	font-weight: ;
	line-height: 30px; /* 20px */
	height: 55px;
}

.navbar-default .navbar-brand{
	color: #444;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus{
	color: #5e5e5e;
	background: transparent;
}
.navbar-default .navbar-text{
	color: #444;
}
.navbar-default .navbar-nav > li > a{
	color: #444;
	font-size: 1.4rem;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
color: #111;
	background: transparent;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
	color: #555;
	background: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus{
	color: #ccc;
	background: transparent;
}
.navbar-btn.btn-sm{
	margin-top: 12px;
	margin-bottom: 10px;
	font-size: 1.4rem;
	margin-left: 10px;
}
.navbar-right .active a{
	pointer-events: none;
}
.navbar{
	background: ;
}

.btn{
	font-size: 1.5rem;
}
.btn.btn-xs{
	font-size: 1.3rem;
}

@media screen and (max-width: 768px){
	.navbar-right li{
		text-align:center;
		margin: auto;
	}
	.nav .btn{
		font-size: 1.4rem;
		margin-left: 0;
	}
}


/* 
===========================================================
   # Blog｜フロントページ
===========================================================
*/

/* ブログタイトル上の日付 */
.panel-heading{
	font-size: 1.5rem;
}

/* ブログタイトル */
.panel-body h4{
	font-size: 1.5rem;
	line-height: 1.6;
	font-weight: bold;
}

/* ブログ本文 */
.panel-body{
	font-size: 1.4rem;
	line-height: 1.7;
}

/* ブログ記事ページの'古い記事' '新しい記事' */
.pointer-none{
	pointer-events: none;
}

/* 新着記事のNEW表示 */
.new-post:after{
	content: "NEW";
	font-size: 9px;
	font-weight: 700; 
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1em;
	background: #f32929;
	color: #fff;
	padding: 2px 3px;
	margin-left: 3px;
	border-radius: 3px;
	vertical-align: text-top;
}

/* 
===========================================================
   # Right Menu
===========================================================
*/
.right-menu h5{
	font-size: 1.5rem;
	font-weight: bold;
	margin: 10px 0 13px 0;
}
.right-menu p{
	font-size: 1.5rem;
	margin: 0 0 5px 15px;
}
.right-menu hr{
	padding-bottom: 10px;
}
.right-menu .active{
	font-weight: bold;
}

/* 
===========================================================
   # Pagination
===========================================================
*/
.pagination{
	margin: 10px 0;
}
.pagination li{
	font-size: 1.5rem;
	font-weight: bold;
}
.pagination > li > a,
.pagination > li > span{
	padding: 5px 10px;
}
/* 
===========================================================
   # Page-top ページトップ
===========================================================
*/

#page-top{
    position: fixed;
    bottom: 20px;
    right: 25px;
    font-size: 11px;
    z-index: 1;
}
 
#page-top a{
    display: block;
    background: rgba(255, 255, 255, .9);
    color: #333;
    width: ;
    padding: 25px 15px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #333;
    border-radius: 6px;
    
    -webkit-transition: all .2s cubic-bezier(0.300, 0.100, 0.580, 1.000);  
    -moz-transition: all .2s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    -o-transition: all .2s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all .2s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    transition: all .2s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}

#page-top a:after{
  content: "PAGE TOP";
}
 
#page-top a:hover{
    background: #333;
    color: #e7e7e7;
    text-decoration: none;
    
    -webkit-transition: all .1s cubic-bezier(0.300, 0.100, 0.580, 1.000);  
    -moz-transition: all .1s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    -o-transition: all .1s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all .1s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    transition: all .1s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}

@media screen and (max-width: 768px){
 	#page-top{
		position: fixed;
		bottom: 10px;
		right: 10px;
	}
	#page-top a{
		background: rgba(255, 255, 255, .7);
    	padding: 8px 8px;
	}
	#page-top a:after{
    	content: 'TOP';
	}
}

/* 
===========================================================
   # カルーセル｜Carousel
===========================================================
*/

/* モバイルファースト */
/* カルーセル・スライドショー  < 767px*/
@media screen and (max-width: 767px){
	.item{
		max-height: 255px; /* 195px */
	}
	.tate{
		width: 100%;
		max-height: 255px !important; /* 195px */
		object-fit: contain; /* contain cover none */
		font-family: 'object-fit: contain;'
	}
}

/* カルーセル・スライドショー  > 768px*/
@media screen and (min-width: 768px){
　.carousel{
		margin-bottom: 10px;
		max-height: 615px; /* 460px */
	}
	.carousel-inner{
		position: relative;
		width: 100%;
		background: ;
		margin: 0 auto;
	}
	.item{
		position: absolute;
	}
	.tate{
		width: 100%;
		max-height: 615px !important; /* 460px */
		object-fit: contain; /* contain cover none */
		font-family: 'object-fit: contain;'
	}
	.carousel.slide{
		margin-bottom: 20px;
	}
}

@media all and (-ms-high-contrast:none){
	.tate{
		width: auto;
		margin: 0 auto;
		max-width: 100%;
		max-height: 615px; /* 460px */
	}
}


/* カルーセル左右の矢印 */
.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.4); /* 0 1px 2px rgba(0, 0, 0, 0.6) */
  
    -webkit-transition: all .12s ease;  
	-moz-transition: all .12s ease; 
	-o-transition: all .12s ease;
	-ms-transition: all .12s ease; 
	transition: all .12s ease;
}

/* カルーセルの左右のシャドー */
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
 	opacity: 0; /* none */
	filter: alpha(opacity=0); /* none */
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.0) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.00) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.00) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  	opacity: 0; /* none */
	filter: alpha(opacity=0); /* none */
}

.carousel-control:hover, .carousel-control:focus {
  outline: 0;
  color: #fff;
  text-decoration: none;
  opacity: 0.7; /* 0.9 */
  filter: alpha(opacity=70); /* 90 */
  
  	-webkit-transition: all .2s ease;  
	-moz-transition: all .2s ease; 
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease; 
	transition: all .2s ease;
}

/* カルーセルの下のドット */
.carousel-indicators {
  position: absolute;
  bottom: 0; /* 10px */
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.carousel-indicators li {
  display: inline-block;
  width: 8px; /* 10px */
  height: 8px; /* 10px */
  margin: 0px; /* 1px */
  text-indent: -999px;
  border: 0px solid #fff; /* 1px solid #fff */
  border-radius: 8px; /* 10px */
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgb(255,255,255, .5); /* transparent */
}
.carousel-indicators .active {
  margin: 0;
  width: 8px; /* 12px */
  height: 8px; /* 12px */
  background-color: #fff;
}

/* タブレット&PCでのサイズ・位置調整 */
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px; /* 30px */
    height: 30px; /* 30px */
    margin-top: -15px; /* -15px */
    font-size: 20px; /* 30px */
    opacity: .75; /* none */
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -30px; /* -15px */
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -30px; /* -15px */
  }

  .carousel-indicators {
    bottom: 5px; /* 20px */
  }
}


/* 
===========================================================
   # Admin｜管理者ページ
===========================================================
*/

/* 予約投稿の未投稿アイコン */
.scheduled-post:after{
	content: "予約";
	font-size: 9px;
	font-weight: 700; 
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1em;
	background: #ffa500;
	color: #fff;
	padding: 2px 3px;
	margin-left: 3px;
	border-radius: 3px;
	vertical-align: text-top;
}

/* 画像付記事一覧のサムネイル */
.post.thumbs > div{
	padding-left: 20px;
}
.inline-block{
	display: inline-block;
}
.thumb-100{
	height: 100px;
	width: 100px;
	object-fit: cover; /* cover OR contain*/
	font-family: 'object-fit: contain;'
}

/* 投稿後のページ */
.message{
	padding: 25px;
	margin: 25px;
	border-radius: 5px;
}



/* 
===========================================================
   # Login
===========================================================
*/

.panel-default > .panel-heading{
    padding-top: 13px;
}

 .cmsname{
 	color: #333;
 	font-size: 2.0rem;
 	letter-spacing: 0.03em;
 	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 3px;
 }
 


/* 
===========================================================
   # Add Post
===========================================================
*/
.form-control{
 	color: #333;
 	font-size: 1.5rem;
 	line-height: 1.5;
	height: 42px;
	padding: 10px 12px;
}
.panel-body{
	padding-top: 10px;
	padding-bottom: 10px;
}
.panel-body hr{
	margin-top: 20px;
	margin-bottom: 10px;
	border: 0;
	border-top: 1px solid #eeeeee;
}

.date::placeholder{
  color: #333;
}
/* IE */
.date:-ms-input-placeholder{
  color: #333;
}
/* Edge */
.date::-ms-input-placeholder{
  color: #333;
}

/* 
===========================================================
   # Add Media
===========================================================
*/
.post-form{
	padding: 10px;
	margin-top: 10px;
	position: relative;
}
.post-section{
	margin: 0;
	padding: 0;
}
.post-media-inner{
	display: flex;
	flex-wrap: wrap;
	
	display: -ms-flexbox; /* IE11 */
	-ms-flex-wrap: wrap; /* IE11 */
}
.post-media-icon{
	width: 150px;
	height: 150px;
	margin: 10px;
	position: relative;
}
@media screen and (max-width: 768px){
  .post-media-icon{
		width: 80px;
		height: 80px;
  }
}
@media screen and (max-width: 319px){
  .media-319{
		height: 140px;
  }
}

.add-media{
	outline: none;
	cursor: pointer;
	font-size: 13px;
	text-align: center;
	line-height: 1.8;
}
.delete-media{
	position: absolute;
	top: -1px;
	right: -1px;
	width: 24px;
	height: 24px;
	border-top-left-radius: 0;
	border-bottom-right-radius: 0;
	opacity: 0;
	transition: 0.2s;
}
.form-group .post-section{
	margin-bottom: 0;
	padding-top: 0;
}
.post-media-icon.thumbnail:hover > .delete-media{
	opacity: 1;
	transition: 0.15s;
}
.control-label{
	font-weight: normal;
	text-align: left !important;
	padding: 0 15px 5px !important;
}

.fade-inout{
	transition: .1s ease-in;
	-webkit-transition: .1s ease-in;
}

#coba img{
	width: 100%;
	height: 192px;
	object-fit: cover; /* cover OR contain*/
	font-family: 'object-fit: contain;'
}
@media screen and (max-width: 480px){
 	#coba img{
 		height: 110px;
		object-fit: cover; /* cover OR contain*/
		font-family: 'object-fit: contain;'
		}
}




/* 
===========================================================
   # Custom Button | カスタムボタン
===========================================================
*/
/* ログイン画面 Sign in */
.btn-black{
  color: #fff;
  background-color: #000;
  border-color: #000;
  transition: all 0.12s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.btn-black:focus,
.btn-black.focus{
  color: #fff;
  background-color: #ef2283;
  border-color: #f2529e;
}
.btn-black:hover{
  color: #fff;
  background-color: #ef2283;
  border-color: #f2529e;
  transition: all 0.12s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.btn-black:active,
.btn-black.active,
.open > .dropdown-toggle.btn-black{
  color: #fff;
  background-color: #ef2283;
  background-image: none;
  border-color: #db1070;
}
.btn-black:active:hover,
.btn-black.active:hover,
.open > .dropdown-toggle.btn-black:hover,
.btn-black:active:focus,
.btn-black.active:focus,
.open > .dropdown-toggle.btn-black:focus,
.btn-black:active.focus,
.btn-black.active.focus,
.open > .dropdown-toggle.btn-black.focus{
  color: #fff;
  background-color: #db1070;
  border-color: #db1070;
}
.btn-black.disabled:hover,
.btn-black[disabled]:hover,
fieldset[disabled] .btn-black:hover,
.btn-black.disabled:focus,
.btn-black[disabled]:focus,
fieldset[disabled] .btn-black:focus,
.btn-black.disabled.focus,
.btn-black[disabled].focus,
fieldset[disabled] .btn-black.focus{
  background-color: #ef2283;
  border-color: #ec1179;
}
.btn-black .badge{
  color: #ef2283;
  background-color: #fff;
}

/* Admin Sign out */
.btn-pink {
  color: #fff;
  background-color: #ef2283;
  border-color: #f2529e;
  transition: all 0.12s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.btn-pink:focus, .btn-pink.focus {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.btn-pink:hover {
  color: #fff;
  background-color: #000;
  border-color: #000;
  transition: all 0.12s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.btn-pink:active, .btn-pink.active, .open > .btn-pink.dropdown-toggle {
  color: #fff;
  background-color: #ef2283;
  border-color: #f2529e;
}
.btn-pink:active:hover, .btn-pink:active:focus, .btn-pink:active.focus, .btn-pink.active:hover, .btn-pink.active:focus, .btn-pink.active.focus, .open > .btn-pink.dropdown-toggle:hover, .open > .btn-pink.dropdown-toggle:focus, .open > .btn-pink.dropdown-toggle.focus {
  color: #fff;
  background-color: #ef2283;
  border-color: #f2529e;
}
.btn-pink:active, .btn-pink.active, .open > .btn-pink.dropdown-toggle {
  background-image: none;
}
.btn-pink.disabled, .btn-pink.disabled:hover, .btn-pink.disabled:focus, .btn-pink.disabled.focus, .btn-pink.disabled:active, .btn-pink.disabled.active, .btn-pink[disabled], .btn-pink[disabled]:hover, .btn-pink[disabled]:focus, .btn-pink[disabled].focus, .btn-pink[disabled]:active, .btn-pink[disabled].active, fieldset[disabled] .btn-pink, fieldset[disabled] .btn-pink:hover, fieldset[disabled] .btn-pink:focus, fieldset[disabled] .btn-pink.focus, fieldset[disabled] .btn-pink:active, fieldset[disabled] .btn-pink.active {
  background-color: #ef2283;
  border-color: #f2529e;
}
.btn-pink .badge {
  color: #ef2283;
  background-color: #fff;
}



/* 
===========================================================
   # Sitemap / How to use / FAQ
===========================================================
*/
.full-width{
	width: 100%;
	margin: 0;
}
.wrap{
	position: relative;
	background: #f8f8f8;
	border-radius: 7px;
	padding: 1px 25px 10px;
	margin-bottom: 20px;
}

@media screen and (max-width: 768px){
	.wrap{
		position: relative;
		background: #f8f8f8;
		border-radius: 7px;
		padding: 1px 15px 5px;
		margin-bottom: 20px;
	}
}

h2.howto{
	font-size: 110%;
	font-weight: bold;
}
h3.howto{
	font-weight: bold;
	margin: 1.5em 0 0.8em;
}
h3 > i{
	color: #777;
}

/* アイコン */
.in-out:after{
    content: "in/out";
    font-size: 9px;
    font-weight: 700; 
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1em;
    background: #ef2283;
    color: #fff;
    padding: 2px 3px;
    margin-left: 3px;
    border-radius: 3px;
    vertical-align: text-top;
}
.edit-post:after{
    content: "編集";
    font-size: 9px;
    font-weight: 700; 
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1em;
    background: #30b0d5;
    color: #fff;
    padding: 2px 3px;
    margin-left: 3px;
    border-radius: 3px;
    vertical-align: text-top;
}
.delete-post:after{
	content: "削除";
	font-size: 9px;
    font-weight: 700; 
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1em;
    background: #c9302c;
    color: #fff;
    padding: 2px 3px;
    margin-left: 3px;
    border-radius: 3px;
    vertical-align: text-top;
}
.publish-article:after{
    content: "投稿";
    font-size: 9px;
    font-weight: 700; 
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1em;
    background: #286090;
    color: #fff;
    padding: 2px 3px;
    margin-left: 3px;
    border-radius: 3px;
    vertical-align: text-top;
}

.panel-title{
	font-size: 1.4rem;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 3px;
}
.mb-10{
	margin-bottom: 10px !important;
}
.mt-10{
	margin-top: 10px !important;
}
.mt-20{
	margin-top: 20px !important;
}


.second{
	margin: 10px 0 10px;
	padding: 0 50px;
}
ol > li{
	margin-bottom: 5px;
}

.img-70{
	width: 70%;
}

.adj-1{
	padding-left: 1em;
}
.adj-2{
	padding-left: 2em;
}

.here{
	border-radius: 3px;
	padding: 1px 5px;
}



/* 
===========================================================
   # Another Style
===========================================================
*/

body{
	background: #f5f5f5;
	color: #333;
}
.navbar-default{
	background: #fff;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #444;
  background-color: #f5f5f5;
}

/* Logo付き */
.navbar-brand{
	float: left;
	padding: 10px 15px;
	font-size: 2rem;
	font-weight: ;
	line-height: 53px; /* 45px */
	height: 55px;
}
.logo{
	position: relative;
	padding: 0 !important;
	margin: 0 !important;
	height: 38px;
	float: left;
}
/* Logo付きここまで */

.panel{
	border: 1px solid #f4f4f4;
	border-radius: 7px;
}
.panel-default > .panel-heading{
	background: #fff;
	font-weight: bold;
	color: #444;
	border-bottom: 1px solid #f6f6f6;
}
.panel-default > .panel-heading{
 	border: 1px solid #fff;
 	padding-bottom: 0;
	margin-bottom: 0;
}
.panel-body{
	padding-top: 0;
	margin-top: 0;
}
.panel-heading.blog-title{
	margin-bottom: 10px;
}

.panel-body hr{
	margin-top: 5px;
	margin-bottom: 5px;
}

.post hr{
	border: 0;
	border-top: 1px solid #fff;
}
.right-menu h5{
	color: #444;
}
.right-menu > p.active{
	color: #444;
}

.panel-body > .right-menu hr{
	border: 0;
	border-top: 1px solid #f4f4f4;
	margin-top: 15px;
	margin-bottom: 5px;
}
#footer{
	border-top: 1px solid #f0f0f0;
}
.wrap{
	background: #fff;
}
.message.bg-white{
	border: 1px solid #e6e6e6;
	background: #fff;
}
@media screen and (max-width: 768px){
	.wrap{
		background: #fff;
	}
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group{
	border-top: 1px solid #fff;
}

 .cmsname{
	margin-bottom: 5px;
}
.mb-12{
	margin-bottom: 12px !important;
}