@charset "UTF-8";

/*----------------------------------------------
全体のフォント
------------------------------------------------*/

body {
	font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
}

h2 {
	font-size: 300%;
	font-family: "Amiri", "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
	padding-left: 15px;
}

/*----------------------------------------------
ナビゲーション
------------------------------------------------*/
.navbar-default .navbar-nav li {
	font-family: "Amiri", "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
	text-align: left;
}

.navbar-default .navbar-nav li a,
.navbar-default .navbar-nav li a:link,
.navbar-default .navbar-nav li a:active,
.navbar-default .navbar-nav li a:visited,
.navbar-default .navbar-nav li a:hover {
	color: #fff;
}

.navbar-default .navbar-nav li a span.en {
	font-size: 140%;
}

.navbar-default .navbar-nav li a span.ja {
	padding-left: 0.5em;
	font-size: 100%;
}

.navbar-collapse,
.navbar-collapse ul,
.navbar-collapse ul li,
.navbar-default.scroll .navbar-nav li,
.navbar-default.scroll .navbar-nav li a:hover,
.navbar-default.scroll .navbar-nav li a:active,
.navbar-default.scroll .navbar-nav li a:visited {
	color: #fff;
}


/*----------------------------------------------
フッター
------------------------------------------------*/

.footer {
    background-color: #fff;
	padding: 60px 0 20px 0;
	overflow : hidden ;
}

.footer h4 {
	margin-bottom: 60px;
}

.footer p {
	color: #111;
	font-size: 80%;
}


/*----------------------------------------------
トップへ戻るボタン
------------------------------------------------*/

#pageTop {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 200;
}

#pageTop a:hover img {
	opacity: 0.5;
}


/*----------------------------------------------
ボタン
------------------------------------------------*/

.btn-lg{
	width: 80%;
}


/*----------------------------------------------
ぱんくず
------------------------------------------------*/

.pan {
	padding: 0;
	border-top: 1px solid #EDEDED;
}

.bread {
	margin: 0 0 0 15px;
	padding: 15px 0;
	font-size: 12px;
}

.bread li {
	display: inline-block;
	margin-right: 2px;
}

.bread li a:after {
	content: ">";
	display: inline-block;
	padding-left: 6px;
}


@media (min-width: 768px){
/*----------------------------------------------
全体のフォント
------------------------------------------------*/

	h2 {
		font-size: 400%;
		padding-left: 0;
	}

/*----------------------------------------------
ナビゲーション
------------------------------------------------*/
	.navbar-default .navbar-nav li {
		width: 130px;
		text-align: center;
	}

	.navbar-default .navbar-nav li a span.en {
		display: inline;
		font-size: 140%;
	}
	.navbar-default .navbar-nav li a:hover span.en {
		display: none;
	}

	.navbar-default .navbar-nav li a span.ja {
		display: none;
	}
	.navbar-default .navbar-nav li a:hover span.ja {
		display: inline;
		padding: 0;
		font-size: 100%;
	}


/*----------------------------------------------
ボタン
------------------------------------------------*/

	.btn-lg{
		width: 280px;
	}


/*----------------------------------------------
トップへ戻るボタン
------------------------------------------------*/

	#pageTop {
		right: 40px;
	}
}

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


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


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


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


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