
body {
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif; -ms-word-wrap: break-word; word-wrap: break-word;
	color: #000;
	background-color:#333;
}

.form-control[readonly]	{
	background-color: #fff;
	color:#000;
}

.fa {
	transform:rotate(0.001deg);
}

a {
	color: #000099;
}

a:hover {
	color: #007bff;
	text-decoration: none;
}
a:visited {
	color: #990099;
}

/*丸め角丸*/
.rounded-c75 {
  border-radius: 0.75rem !important;
}


h2 {
	padding:8px 2px 4px;
	border-top: solid 1px #c68443;
	border-bottom: solid 1px #c68443;
	font-size: 1.40rem;
}


.gallery	{
	text-align: center;
}

/*-----------------------------------------*/
/*ボタンカラー		                       */
/*-----------------------------------------*/

.btn-block	{
	line-height:100%;
}

/* 灰 */
.btn-default	{
	color:#000;
	background-color:#f0f0f0;
	border-color: #ccc;
}

.btn-default:hover {
	background-color:#ffffcc;
	border-color: #cccc66;
}

/*-------------------------------------------*/
/* Slider                                    */
/*-------------------------------------------*/

#loading{
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);	
}

#loader-bg {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #333;
	z-index: 1;
}

.slider	{
	text-align: center;
	background-color:#fff;
	margin:0;
	padding:0;
}

.slider-pro	{
	margin:0 auto;
}

.sp-text-white	{
	color:#fff;
}
.sp-slide	{
	height: 72vh;
}
.slider-pro p.sp-layer {
    color:#fff;
	text-shadow: 2px 2px 16px #000, -2px -2px 16px #000, -2px 2px 16px #000, 2px -2px 16px #000;
}
.sp-layer a{
	color:#fff;
}

.sp-thumbnail-img img	{
	width:100%;
}

.sp-previous-arrow:before,
.sp-previous-arrow:after,
.sp-next-arrow:before,
.sp-next-arrow:after {
	background-color: #888;
}

.sp-previous-thumbnail-arrow:before,
.sp-previous-thumbnail-arrow:after,
.sp-next-thumbnail-arrow:before,
.sp-next-thumbnail-arrow:after {
	background-color: #000;
}

#gallery_slider .sp-selected-thumbnail {
	border: 4px solid #ff0000;
}

/*写真マウスオーバー*/
.fades {
    transition: all 1s ease-out;
}
a:hover .fades {
	opacity:0.5;
	filter:brightness(102%);
    -webkit-transform: scale(0.97);
    -ms-transform: scale(0.97);
    transform: scale(0.97);
}

/* カラー*/

.text-info	{
	color:#fff !important;
}

/*バックグラウンドカラー*/

.bg-default {
	background-color: #f7f6f1 !important;
}


/*css改行しない*/
.brx:before {
	content: "" ;
	white-space:normal ;
}
/*css改行する*/
.br:before {
	content: "\A" ;
	white-space: pre ;
}

/*-------------------------------------------*/
/* md 992px以上 1199px以下
/*-------------------------------------------*/
@media (min-width: 992px) and (max-width: 1199px) {

	/*改行する*/
	.brx:before {
		content: "\A";
		white-space: pre;
	}
	/*改行しない*/
	.br:before {
		content: "" ;
		white-space:normal ;
	}
}
/*-------------------------------------------*/
/* 991px以下
/*-------------------------------------------*/
@media (max-width: 991px) {

	/*改行する*/
	.brx:before {
		content: "\A";
		white-space: pre;
	}
	/*改行しない*/
	.br:before {
		content: "" ;
		white-space:normal ;
	}

}


/*-------------------------------------------*/
/* 767px以下
/*-------------------------------------------*/
@media (max-width: 767px) {

	/*改行する*/
	.brx:before {
		content: "\A";
		white-space: pre;
	}
	/*改行しない*/
	.br:before {
		content: "" ;
		white-space:normal ;
	}

}
