html {
    margin-top: 0px;
}

/* baserCMS THEME [bootstrap4] style.css */

.message {
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: .25rem;
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
}

.alert-message {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
}

.error-message {
	color: pink;
}

.notice-message {
	color: #0c5460;
	background-color: #d1ecf1;
	border-color: #bee5eb;
}

/* WWST */

.jumbotron-extend {
	position: relative;
	background: 
		url(/app/webroot/theme/morningcallcenter/img/model-1.png) center bottom no-repeat,
		url(/app/webroot/theme/morningcallcenter/img/bath-2.jpg) center center no-repeat;
    background-size: 65vh, cover;
    height: 65vh;
    min-height: 300px;
}

.btn-e {
	border-radius: 0;
}
.btn-w {
	white-space: normal;
	text-align: left;
	padding: 0;
}

.btn-black {
    border-radius: 0;
    background-color: #000;
    color: #fff;
}
.btn-black:hover {
     background-color: #fff;
     color: #000;
}

.top-title {
	font-size: 3.4rem;
    font-weight: 300;
    line-height: 1.1;
}

.font09 {
	font-size: 0.9rem;
}

.status-header{
	font-size: 0.8rem;
	color:gray;
}

.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

@media screen and (max-width: 360px){
	.narrow-size{font-size: 0.8rem;}
}

/* Font Awesome hatena bookmark */
.fa-hatena:before {
    content: "B!";
    font-family: Verdana;
    font-weight: bold
}

/*SNS Button*/
.facebook-dub {
  color: gray;
}
.facebook-dub:hover {
  color: #3B5999;
}

.twitter-dub {
  color: gray;
}
.twitter-dub:hover {
  color: #1B95E0;
}

.hatena-dub {
  color: gray;
}
.hatena-dub:hover {
  color: #008FDE
}

.pocket-dub {
  color: gray;
}
.pocket-dub:hover {
  color: #EE4056;
}

.line-dub {
  color: gray;
}
.line-dub:hover {
  color: #00C300;
}

.dd-dub a{
  color: inherit;
}
.dd-dub a:hover {
  color: gray;
}

/* 上に戻るボタン */
#pageTop {
  position: fixed;
  bottom: 5px;
  right: 15px;
}
#pageTop i {
  padding-top: 1px
}
#pageTop a {
  display: block;
  z-index: 999;
  padding: 5px 0 0 0;
  width: 35px;
  height: 35px;
  background-color: gray;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}