@charset "utf-8";



/* =======================================
	PC?モバイル共通書式
======================================= */

/* ---------------------------------
	ナビ　共通書式
--------------------------------- */

.historyNavi {
	line-height:1.3;
	font-size:14px;
	text-align:left;
}

.historyNavi ul li {

}

.historyNavi li {
	padding:6px 6px 6px 30px;
	list-style: none;
	list-style-position: outside;
	margin-bottom: 1.2em;
	border:1px #c90 solid;
	border-left:10px #c90 solid;
	text-indent: -2.0em;
	font-weight:bold;
}

.historyNavi li a {
	font-weight:normal;	
}

.historyNavi li.this {
	border:1px #C96F4F solid;
	border-left:10px #C96F4F solid;	
}




/* ---------------------------------
	メインカラム　共通書式
--------------------------------- */

.historyMain {
	width:90%;
	text-align:left;
	margin:0 auto;

}

.historyTitle {
	color:#664500;
	font-size:40px;
	font-weight:bold;
	margin:0 0 10px 0;
}


.historyContents {
	width:85%;
	margin:40px auto;
	padding:20px 20px 20px 50px;
	text-align:left;
	border:#CCC 1px solid;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color:#F2F2EC;
}

.historyMain h2 {
	margin:10px 0px 20px 0px ;
	font-size:30px;
	line-height:1;
	border-bottom:none;
/*	border-bottom:3px #C96F4F solid;*/
background:linear-gradient(transparent 60%, #FAE438 60%);
}

.historyMain h3 {
	font-size:25px;
	color:#660;
	line-height:1.2;
	margin:-20px 0 20px 0px;
	padding:10px 0 10px 60px;


}


.bybike {
	font-size:20px;
	background-color:#960;
	color:#fff;
	margin:0 auto 20px;
	line-height:100%;
	padding:8px 15px;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	display:inline-block;

}

.fa-color {color: #FFF}


.imgCenter {
	margin:15px auto 0;
	text-align: center;
}


.dropCap:first-letter {
	
    font-size: 3em;
    line-height: 1;
    float: left;
    margin: 0 .2em 0 0;
    padding:  .1em 0 0;	
}


.imgCaption {
	margin:10px auto 30px;
	font-size:14px;
	font-style:italic;
	color:#000;
	font-weight:bold;
	text-align:center;
	display:block;
}


	@media all and (-ms-high-contrast:none) {
	.historyMain {
		font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	}

	}



/* =======================================
	PC用
======================================= */

@media screen and (min-width : 769px) {




}/* PC用ここまで */



/* =======================================
	モバイル用（スマホ?タブレット）
======================================= */

@media (max-width: 768px) {
	
.historyNavi {
	width:90%;
	margin:0 auto;
}

.historyContents {
	margin:40px auto;
	padding: 10px 1% 10px 4%;
}

	
	
	
}/* モバイル用ここまで */