@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Libre+Baskerville:400);
/* ===================================================================
 style info : ヘッダーやフッターなどサイト内共通
=================================================================== */
a { color: #fff; text-decoration: none; }
a img:hover { opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; }	
a:hover { text-decoration: underline; }
input[type*="submit"] { cursor: pointer; }
body { background: #222; }

/* #wrapper（ページ全体） */
body { background: url(../images/bg_body.jpg) no-repeat center 204px #222; }
#wrapper { display: block; width: 980px; margin: 0 auto; padding: 0; font-size: 100%; zoom: 0; }

/* header#globalHeader */
header#globalHeader { width: 100%; height: auto; background: url(../images/bg_menu.gif) repeat-x; }

/* グローバルナビゲーション */
#innerHeader { display: block; width: 1080px; height: 208px; margin: 0 auto;}

/*言語メニュー*/
#langMenu { display: block; height: 20px; padding: 0 0 0 810px; }
#langMenu a { display: block; float: left; width: 85px; height: 20px; font-size: 0; }

/*ロゴ*/
#innerHeader h1 a { display: block; width: 330px; height: 77px; background: url(../images/logo_head.png) no-repeat 0 9px; text-indent: -9999px; margin: 0 auto; }
#innerHeader h1 a:hover { opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; }

/*オフィシャルメニュー*/
header#globalHeader nav.officialMenu ul { text-align: center; padding-top: 23px; /zoom: 1; }
.SPofficialMenu,.SPfcMenu { display: none; }
header#globalHeader nav.officialMenu ul:after {	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
header#globalHeader nav.officialMenu ul li { display: inline-block; *display: inline; font-size: 116%; font-family: "Libre Baskerville"; font-weight: 400; letter-spacing: 2px; text-align: center; }
header#globalHeader nav.officialMenu ul li.sekai { font-size: 116%; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; letter-spacing: -1px; }
header#globalHeader nav.officialMenu ul li a { color: #fff; padding: 0 26px; }

/*ファンクラブメニュー*/
header#globalHeader nav.fcMenu { margin-top: 26px; height: 30px; }
header#globalHeader nav.fcMenu h2,header#globalHeader nav.fcMenu h2 a { display: block; width: 282px; height: 22px; }
header#globalHeader nav.fcMenu h2 { float: left; margin-top: 5px; }
header#globalHeader nav.fcMenu h2 a { background: url(../images/logo_norikanet_menu.png) no-repeat 0 3px; text-indent: -9999px; }
header#globalHeader nav.fcMenu h2 a:hover { opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; }		
header#globalHeader nav.fcMenu ul { display: block; float: left; width: 798px; padding-top: 13px; text-align: center; /zoom: 1;}
header#globalHeader nav.fcMenu ul li { display: inline-block; *display: inline; vertical-align: top; font-size: 93%; font-family: "Libre Baskerville"; 	font-weight: 400; letter-spacing: 2px; text-align: center; }
header#globalHeader nav.fcMenu ul li a { color: #fff; padding: 0 12px; margin-top: 7px; }
header#globalHeader nav.fcMenu ul li:last-child a { padding-right: 0; }

/* ヘッダーSNSボタン部分 */
.headerBottom { display: block; width: 980px; height: 48px; margin: 0 auto;}

/*ログイン状態*/
#memberBar { display: block; width: 100%; height: 25px; }
#loginBar { display: block; width: 982px; height: 25px; color: #222; margin: 0 auto; }
#loginBar strong { display: inline-block; *display: inline; color: #000; font-size: 77%; font-weight: normal; background: #aaa; vertical-align: middle; height: 16px; padding: 3px 1em 0 1em; margin: 6px 0 0 0; border: 1px solid #666; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }		
#loginBar p { display: inline-block; *display: inline; height: 16px; vertical-align: top; padding: 0 1em; margin-top: 8px; }
	
/*プレゼント応募ボタン*/	
#loginBar p a span { display: inline-block; text-shadow: -1px -1px 0 #27ae60; background: #2ecc71; border: 2px solid #38fb8b; padding: 0 0.5em; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
#loginBar p a span:hover { color: #27ae60; background-color: #fff; text-shadow: none; }			
.snsBtn { display: block; clear: both; height: 21px; padding: 10px 0; }
.snsBtn:after { display:block; visibility:hidden; clear:both; height:0; content:" "; }
.snsBtn li { display: block; float: left; font-size: 0; height: 21px; }	
li#btnFacebook { width: 125px; }
#btnFacebook iframe { width: 120px; height: 21px;}
li#btnTwitter { width: 100px; }

/* フッター */
#globalFooter { display: block; width: 100%; height: 184px; background: #962014; border-top: 1px solid #d44435; clear: both; margin-top: 30px; }
#innerFooter { display: block; width: 980px; height: 155px; color: #fcdfdc; background: url(../images/logo_footer.png) no-repeat 0 41px; margin: 0 auto; }
#innerFooter div.officialMenu,
#innerFooter div.fcMenu { display: block; float: left; width: 310px; height: 80px; border-left: 1px solid #c16962; padding-left: 35px; }
#innerFooter div.officialMenu { margin: 23px 0 0 250px; }
#innerFooter div.fcMenu { margin: 23px 0 0 20px; }
#innerFooter ul { margin-top: 11px; }	
#innerFooter ul li { float: left; font-size: 85%; list-style: none; background: url(../images/icon_arrow1.png) no-repeat 0 1px; padding-left: 12px; margin: 4px 0; }
#innerFooter div.officialMenu ul li:first-child { width: 110px; }	
#innerFooter div.officialMenu ul li:nth-child(2) { width: 58px; }
#innerFooter div.fcMenu ul li:first-child { width: 72px; }
#innerFooter div.fcMenu ul li:nth-child(2) { width: 100px; }
#innerFooter div.fcMenu ul li:nth-child(3) { width: 100px; }
#innerFooter div strong,#innerFooter ul li a { color: #fcdfdc; font-family: "Libre Baskerville"; font-weight: 400; }
#innerFooter div strong { display: block; font-size: 108%; letter-spacing: 2px; margin-top: 9px; }
	
/* 禁止事項 */
#innerFooter p { display: block; clear: both; font-size: 85%; letter-spacing: 0.05em; padding-top: 12px; }
		
/* copyright */
#globalFooter small { display: block; clear: both; width: 100%; height: 20px; color: #fff; font-size: 77%; letter-spacing: 1px; text-align: center; background: #e74c3c; border-top: 1px solid #fb8275; padding-top: 10px; }
#globalFooter small a { color: #fff; }

/* #back-top（トップへ戻るボタン） */
#back-top { position: fixed; bottom: 20px; margin-left: 300px; }
#back-top a,#back-top2 a { width: 40px; display: block; }
#back-top span,#back-top2 span { width: 40px; height: 40px; display: block; margin-bottom: 7px; background: url(../images/btn/btn_top.png) no-repeat; }
#back-top2 { position: fixed; bottom: 20px; margin-left: 980px; }

/* IE6向けメッセージ */	
#forIE6	 { font-size: 123.1%; line-height: 1.5em; }
#forIE6 a { color: #e74c3c; }
#SPmenu { display: none; }
#SPheader { display: none; }

@media screen and (max-width: 639px) {
a img:hover { opacity:1;}
a:hover { text-decoration: none; }	
body { background: url(../images/bg_body.jpg) no-repeat -110px 30px #222; background-size: 1024px 473px; }

/*ヘッダー*/
#SPheader { position: fixed; display: block; width: 100%; height: 44px; color: #fff; font-size: 93%; font-weight: bold; background: #e74c3c; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #fcaca4; border-bottom: 1px solid #fb8275; z-index: +1;}
#SPheader a { display: block; position: absolute; top: 5px; height: 32px; line-height: 32px; text-align: center; box-sizing: border-box; border-radius: 3px; }
#SPheader a:first-child { width: 60px; left: 6px; font-family: "Libre Baskerville"; font-weight: 400; background: #c4210f;  }
#SPheader a:nth-child(2) { width: 86px; left: auto; right: 94px; background: #2ecc71; border: 1px solid #38fb8b; }
#SPheader a:nth-child(3) { width: 80px; left: auto; right: 6px; background: #962014; border: 1px solid #fff; }
#SPheader span { display: block; position: absolute; top: 5px; right: 6px; width: 70px; height: 32px; line-height: 32px; text-align: center; box-sizing: border-box; color: #000; font-size: 93%; font-weight: normal; background: #aaa; vertical-align: middle; border: 1px solid #666; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
#memberBar,#loginBar,#loginBar p { height: auto; }
#memberBar p { width: 67%; background: #e74c3c; border: 1px solid #fcaca4; border-radius: 3px; margin: 0 auto 1em 29%; }
#loginBar { width: 100%; }
#loginBar p { line-height: 1.5em; padding: 2%; margin-top: 0; }
#loginBar strong { display: none; }
.mm-list li.menuHead { color: #74737c; font-size: 77%; background: #000; padding: 5px 5px 5px 10px; }
.mm-list li.nnHead { color: #fcaca4; background: #c4210f; }
.mm-list li.nnHead:not(.mm-subtitle):not(.mm-label):not(.mm-noresults)::after { border: none; }
.mm-list li.nn { background: #e74c3c; }

.button { width: 56px; height: 48px; position: absolute; display: block; color: #fff; line-height: 48px; font-size: 77%; text-align: center; }
.button2 { display: block; float: right; height: 38px; color: #fff; line-height: 38px; font-size: 85%; text-align: center; border: 1px solid #c4210f; border-radius: 5px; box-sizing: border-box; padding: 0 1.5em; margin: 5px 5px 0 0; }
.menu-button-left { left: 0px; border-right: 1px solid #c4210f; }
.btnLogin { text-shadow: -1px -1px 0 #1a1a1a; }
.btnRegist { text-shadow: -1px -1px 0 #27ae60; background: #2ecc71; border-color: #38fb8b; }

#wrapper { display: block; width: 100%; margin: 0 auto; padding: 0; font-size: 100%; zoom: 0; }
header#globalHeader { position: relative; width: 100%; height: auto; background: none; }
#innerHeader { display: block; width: 100%; height: auto; margin: 0 auto; }
.officialMenu,.fcMenu,.headerBottom { display: none; }
#langMenu { display: none; }
/*トップロゴ*/
#innerHeader h1 a { display: block; width: 100%; min-height: 34px; background: url(../images/logo_head.png) no-repeat 88% center; background-size: 68%; text-indent: -9999px; margin: 78px 0 30px 0; z-index: -1; }
/*フッター*/
#globalFooter { height: auto; box-sizing: border-box; margin-top: 0; }
#innerFooter { width: 100%; height: auto; background-image: none; }
#innerFooter div.officialMenu,#innerFooter div.fcMenu { display: none; }
#innerFooter p { font-size: 77%; padding: 1em;}
#globalFooter small { font-size: 8px; box-sizing: border-box; padding: 0.5em; height: auto; }
#globalFooter small span { display: block; letter-spacing: 0.2em; }
#globalFooter small span img { width: 53px; height: 8px; }
#back-top,#back-top2 { position: fixed; bottom: 0; right: 0; margin-left: 0; }
#back-top span,#back-top2 span { margin-bottom: 0; background: url(../images/btn/btn_top_sp.png) no-repeat; background-size: 40px 40px; }
}