@charset "utf-8";
/*基礎スタイルの定義とbootstrapの上書き制御*/

/*Basic Styles */
html {
	width: 100%;
    height: 100%;
	font-size: 62.5%;
}
@font-face {
	/*web fontの明朝体*/
	font-family: 'minchou-wf';
	src:url(../fonts/aozora-r.woff) format('woff');
}
/*フォントスタイル*/
.minchou {
	font-family: 'minchou-wf',"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.minchou-bold {
	font-family: 'minchou-wf',"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: bold;
}
.gothic {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/*ヘッダー装飾*/
.h-line {
	border-bottom: 2px solid #000000;
	margin-bottom: 5px;
}

/*共通*/
body {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 175%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #000;
	font-weight: 200;
}
h1 {
	margin: 0px;
	padding: 0px;
	font-size: 35px;
	font-size: 3.5rem;
	line-height: 125%;
	margin-top: 0px;
	margin-bottom: 20px;
}
h2 {
	font-size: 28px;
	font-size: 2.8rem;
	line-height: 125%;
	margin-top: 0px;
	margin-bottom: 20px;
}
h3 {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 150%;	
	margin-top: 0px;
	margin-bottom: 20px;
}
h4 {
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 140%;	
	margin-top: 0px;
	margin-bottom: 20px;
}
h5 {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 130%;	
	margin-top: 0px;
	margin-bottom: 20px;
}
h6 {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 175%;
	margin-top: 0px;
	margin-bottom: 10px;
}
.float-clear {
	clear: both;
}
.font-arial {
	font-family: Arial, Helvetica, sans-serif;
}
.font-gosic {
	font-family: "メイリオ", Meiryo, Osaka, sans-serif;
}
a {
	text-decoration: none;
	color: #B93039;
}
a:hover {
	text-decoration: none;
	color: #F85A62;
}
.container {}
.container-fluid {}
hr {
  border-top: 1px solid #CCC;
}

/*共通ボタン*/
.bt-type1 {
	background-color: #FFFFFF;
	border-radius: 10px;
	border: 2px solid #B93039;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
}
.bt-type1:hover {
	border: 2px solid #F85A62;
}
/*写真エリア*/
.photo-area {
	width:100%;
	height:auto;
	position:relative;
	margin-bottom:10px;
	overflow:hidden;
}
.photo-area img {
	width:100%;
	height:auto;
	display:block;
	position:absolute;
	top:0;
	left:0;
}
/*マージン*/
.bt-sp0 {
	margin-bottom: 0px!important;
}
.bt-sp10 {
	margin-bottom: 10px!important;
}
.bt-sp20 {
	margin-bottom: 20px!important;
}
.bt-sp30 {
	margin-bottom: 30px!important;	
}
.bt-sp40 {
	margin-bottom: 40px!important;	
}
.tp-sp20 {
	margin-top: 20px!important;
}
.tp-sp30 {
	margin-top: 30px!important;	
}
.tp-sp40 {
	margin-top: 40px!important;	
}

/* Mサイズ、デスクトップ : Medium Devices, Desktops */
@media all and (min-width : 768px) {
	.no-pc {
		display:none;/*PC非表示*/	
	}
	.float-right {
		float: right;
	}
	.float-left {
		float: left;
	}
	.container {
		max-width: 1100px;
		margin-right: auto;
		margin-left: auto;
		padding-left:0px;
		padding-right:0px;
	}
	.pc-aline-right {
		text-align: right;
	}
	.pc-aline-left {
		text-align: left;
	}
}
/* Sサイズ、タブレット : Small Devices, Tablets */
@media all and (max-width : 767px) {
	.no-sp {
		display:none;/*スマホ非表示*/	
	}
	.bt-type1 {
		display: block;
		text-align: center;
	}
	/*スマホの時だけフロート解除*/
	.sp-only-float-clear {
		clear: both;
	}
}

/*グリッドシステムのガター調整*/
.row-0{
	margin-left:0px;
	margin-right:0px;
}
.row-0 > div {
		padding-right:0px;
		padding-left:0px;
		padding-bottom:0px;
	}
.row-10 {
	margin-left:-5px;
	margin-right:-5px;
}
.row-10 > div{
		padding-right:5px;
		padding-left:5px;
		padding-bottom:5px;
	}
.row-20 {
	margin-left: -10px;
	margin-right: -10px;
}
.row-20 > div{
		padding-right:10px;
		padding-left:10px;
		padding-bottom:20px;
	}
.row-30 {
	margin-left:-15px;
	margin-right:-15px;
}
.row-30 > div{
		padding-right:15px;
		padding-left:15px;
		padding-bottom:30px;
	}
.row-40 {
	/*margin-left:-20px;
	margin-right:-20px;*/
}
.row-40 > div{
		padding-right:20px;
		padding-left:20px;
		padding-bottom:40px;
	}
/*比率を保って拡大・縮小処理*/
.ratio-1_1:before {
    content: "";
    display: block;
    padding-top: 100%; /* 1:1 */
}
.ratio-7_3:before {
    content: "";
    display: block;
    padding-top: 30%; /* 7:3 */
}
.ratio-8_2:before {
    content: "";
    display: block;
    padding-top: 20%; /* 8:2 */
}
.ratio-1_2:before {
    content: "";
    display: block;
    padding-top: 200%; /* 1:2 */
}
.ratio-4_3:before {
    content: "";
    display: block;
    padding-top: 75%; /* 4:3 */
}
.ratio-16_9:before {
    content: "";
    display: block;
    padding-top: 56.25%; /* 16:9 */
}
.ratio-8_5:before {
    content: "";
    display: block;
    padding-top: 62.5%; /* 8:5 ≒ 黄金比 */
}

/*bootstrapに追加・上書き*/
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #68292C;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 3;
  color: #68292C;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #68292C;
	border-color: #68292C;
}
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
position: relative;
min-height: 1px;
}

.col-xs-15 {
width: 20%;
float: left;
}

@media (min-width: 768px) {
.col-sm-15 {
width: 20%;
float: left;
}
}

@media (min-width: 992px) {
.col-md-15 {
width: 20%;
float: left;
}
}

@media (min-width: 1200px) {
.col-lg-15 {
width: 20%;
float: left;
}
}

/*印刷時リンクが出るのを消す*/
@media print {
  a[href]:after {
    content: ""!important;
  }
  abbr[title]:after {
    content: ""!important;
  }
}