* {
	font-family:"游ゴシック","YuGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

li{
	list-style:none;
}

/*common*/

h1,h2{
	font-family: 'Prata', serif, "游ゴシック","YuGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h1{
	text-align:center;
	margin-bottom:5px;
	font-weight:bold;
	clear:both;
}

h1.tit{
	font-size:30px;
	margin-bottom:15px;
	font-family: 'Prata', serif, "游ゴシック","YuGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.8em;
}

.txt{
	text-align:center;
	font-size:20px;
	margin-bottom:60px;
}




/*main*/

.main{
	padding-bottom:45px;
}

.main img{
	width:100%;
	height:auto;
}


/*templateCSS*/

.subttlWrap{
	margin-top:30px;
	margin-bottom:30px;
}


#imageMax{
	background:#D0D0D1;
	border-bottom:10px solid #A3A3A6;
	margin-top:45px;
	margin-bottom:60px;
	padding:30px;
}

.touroku{
	font-size:30px;
	margin:45px 0 15px;
}

@media (max-width: 992px) {
#staffList{
}
}

@media (max-width: 767px) {


h1.tit{
	font-size:18px;
}

h2{
	font-size:16px;
	font-weight:bold;
}

.txt{
	padding:15px 30px;
	font-size:14px;
}

.touroku{
	font-size:20px;
}

}



.official {
	text-align: center;
	margin-bottom: 70px;
}
.official img {
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}

footer {
	text-align: center;
	background: #221714;
	color: #fff;
	padding: 40px 15px 20px
}
footer nav {
	position: relative;
	overflow: hidden; /* 下のulのcssでリスト全体を右に50%移動しているので、その分幅が広がってしまいスクロールバーが表示されてしまいます。それを防ぐ為の設定です。 */
}
footer nav ul {
	position: relative;
	left: 48%; /* リスト全体であるul要素を右に50%移動。つまり先頭を中央に持ってくる感じです。 */
	float: left;
}
footer nav ul li {
	position: relative;
	left: -50%; /* 各リスト項目になるli要素を左に50%移動。 */
	float: left;
	list-style: none; /* 項目にぼっちを出したくない場合はこれを設定（今回はあんまり関係ないですが） */
	padding: 0 7px;
}
footer nav ul li a {
	color: #fff;
	font-size: 12px;
}
footer nav ul li a:hover {
	color: #fff;
}
footer p.logo {
	padding: 20px 0 20px;
}
footer p.copy {
	color: #fff;
}


.sns_share{
	text-align:center;
	margin-bottom:40px;
	margin-top:45px;
}

@media (min-width: 768px) {
}

@media (max-width: 767px) and (min-width: 768px) {
}



/*+ClearFix[common]

############################################################ */

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/**+html dl#menu dt ul {
margin-left: -50%;
}*/

.row{
	margin-left:0;
	margin-right:0;
}