.btn {
white-space: normal;
}

a {
	color: #333;
}
a:hover {
	opacity: 0.8;
	text-decoration: none;
}
.tel a {
    text-decoration: underline;        
}

/* ------------------------------------------
　ナビゲーションバー
---------------------------------------------*/
.mod-navbar {
	position: relative;
	padding: 1rem 0;
}

/* ------------------------------------------
　カテゴリラベル位置
---------------------------------------------*/
.cate-label {
	top:0.5em;
	left: 1em;
	background: rgba(255, 255, 255, 0.8);
}

/* ------------------------------------------
　フッター
---------------------------------------------*/
/* sns アイコン */
.sns-nav img{
	width: 36px;
}
/* トップへ戻る */
.totop {
	border: 2px solid #02A7C3;
    top: 1rem;
    right: 0;
}

.text-shadow {
    text-shadow: 1px 1px 3px #000;
    background-repeat: no-repeat;
    height: auto;
}
#page .jumbotron {
    background-repeat: no-repeat;
    background-image: url(../img/main_img.jpg);
    background-color: #f1efff;
    border-radius: initial;
    background-size: cover;
    background-position: center 0%;
    width: 100%;
    height: 100%;
}
.background-color {
    background-color: hsl(180deg, 50%, 90%);
}
.background-image {
    background-image: url(../img/sora.jpg);
    background-repeat: no-repeat;
	background-position: center top;
	}
.background-image2 {
    background-image: url(../img/sora2.jpg);
    background-repeat: no-repeat;
	background-position: center top;
	}
.midashi-1 {
  color: rgb(70,130,180);/*文字色*/
  padding: 0.5em 0.5em;/*上下の余白 左右の余白*/
  border-top: solid 3px rgb(70,130,180);/*上線*/
  border-bottom: solid 3px rgb(70,130,180);/*下線*/
}
.midashi-2 {
  padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
  color: #494949;/*文字色*/
  background: #f4f4f4;/*背景色*/
  border-left: solid 10px rgb(70,130,180);/*左線*/
  border-bottom: solid 3px #d7d7d7;/*下線*/
	border-radius: 5px;
}
.midashi-3 {
  color: #6cb4e4;
  text-align: center;
  padding: 0.25em;
  border-top: solid 2px #6cb4e4;
  border-bottom: solid 2px #6cb4e4;
  background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
  background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}
.midashi-4{
  border-bottom: 5px #3cf solid;
  padding-bottom: 5px;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
}
.midashi-span {
  margin-left:20px;
  font-size:60%;
  color: #ccc;
  position: relative;
  top: -5px;
}
.line-height-1-7 {
	line-height:1.7;
}
.text-indent-1{
	text-indent: 1em;
}
/*! 埋め込み動画をレスポンシブ対応させる */
.video {
position: relative;
height: 0;
padding: 0 0 56.25%;
overflow: hidden;
}
.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.border-radius{
		border-radius: 5px;
}
.gurade1{
  padding: 1rem 2rem;
  color: #fff;
  border-radius: 10px;
  background-image: -webkit-gradient(linear, left top, right top, from(#209cff), to(#68e0cf));
  background-image: -webkit-linear-gradient(left, #209cff 0%, #68e0cf 100%);
  background-image: linear-gradient(to right, #209cff 0%, #68e0cf 100%);
}

.bg-35{
    background-color: rgb(70,130,180);
}

/* ボーダーの太さ */
.border-2{
    border-width:2px !important;
}

.border-3{
    border-width:3px !important;
}

.border-4{
    border-width:4px !important;
}

.border-5{
    border-width:5px !important;
}

/* アンダーライン */
.u{
    text-decoration: underline;
}

/* アンダーライン */
.b{
    font-weight: bold;
}

.text-indent-2{
	text-indent: -4em;
	padding-left: 4em;
}