/* リセット
------------------------------------------------------*/
@import "reset.css";

/* 共通レイアウト
------------------------------------------------------*/
body {
	background-color: #FFF;
	color: #555555;
	font-size: 12px;
	line-height: 1.4em;
	-webkit-text-size-adjust: none;
}

a {
	text-decoration: none;
}
a:link {
	color: #3366CC;
}
a:visited {
	color: #3366CC;
}
a:hover	{
}
a:active {
	color: #3366CC;
	text-decoration: underline;
}

.ondes { color: #999999; }

/* トップに戻るボタン */
.btnTop {
	display: block;
	padding: 0 10px;
	background-image: url(../img/ico_detailarrow.png), url(../img/bg_fnavi.png);
	background-repeat: no-repeat, repeat-x;
	background-position: right center, left top;
	-webkit-background-size: 26px 16px, auto 40px;
	height: 40px;
	font-size: 133.2%;
	font-weight: bold;
	line-height: 40px;
}

/* 追加読み込み用：もっと見るボタン */
.btnMore,
.btnDetail {
	display: block;
	background-image: url(../img/ico_morearrow.png), url(../img/bg_detail.png);
	background-repeat: no-repeat, repeat-x;
	background-position: right center, left top;
	-webkit-background-size: 26px 16px, auto 60px;
	height: 60px;
	font-size: 133.2%;
	font-weight: bold;
	text-align: center;
	line-height: 60px;
}

/* 詳細用：もっと見るボタン */
.btnDetail {
	background-image: url(../img/ico_detailarrow.png), url(../img/bg_detail.png);
}
a.btnTop:link,
a.btnTop:visited,
a.btnTop:hover,
a.btnTop:active,
a.btnMore:link,
a.btnMore:visited,
a.btnMore:hover,
a.btnMore:active,
a.btnDetail:link,
a.btnDetail:visited,
a.btnDetail:hover,
a.btnDetail:active {
	color: #000000;
}

/* SNSボタン */
.snsBtn {
	display: none;
	background: url(../img/bg_snsbtn.png) repeat-x;
	height: 80px;
	text-align: center;
}
.snsBtn li {
	display: inline-block;
	padding: 10px 5px 0;
	width: 60px;
	border: none;
}
.snsBtn li a {
	padding: 0 !important;
	background: none !important;
}

.sns.on img {
	opacity:0.5;
}
.sns.off img {
	opacity:1;
}

/* グローバルナビゲーション
------------------------------------------------------*/
#gnavi {
	padding-left: 6px;
}
#gnavi li {
	float: left;
	padding: 7px 7px 0 0;
	width: 150px;
}

/* clearfix */
#gnavi::after {
  content: "";
  display: block;
  clear: both;
}

/* NBGI共通ヘッダー
------------------------------------------------------*/
#globlNavigation {
	z-index: 1000;
}

/* フォントサイズ
----------------------------------------------------------------*/
.font-12 { font-size: 100%; }
.font-13 { font-size: 108.5%; }
.font-14 { font-size: 116.6%; }
.font-15 { font-size: 125%; }
.font-16 { font-size: 133.2%; }
.font-17 { font-size: 141.6%; }
.font-18 { font-size: 150%; }
.font-19 { font-size: 146.5%; }
.font-20 { font-size: 153.9%; }
.font-21 { font-size: 161.6%; }
.font-22 { font-size: 167%; }
.font-23 { font-size: 174%; }
.font-24 { font-size: 200%; }