@charset "UTF-8";


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 ページ共通（index.html/download.html以外）
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#gnaviWrap										{ position:fixed; }
#footerWrap									{ position:fixed; }
.pagesWrap										{ background:url(../../images/pages_bg_pc.jpg) center top no-repeat; background-size:cover; padding:85px 0 31px; }
.pagesWrap p 								{ margin:0 auto; width:92%; }
.pagesWrap p img					{ width:100%; }

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  about.html：作品紹介
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#aboutWrap										{ background:url(../../images/about_bg_pc.jpg) center top no-repeat; background-size:cover; }

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  feature.html：作品紹介
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#featureWrap									{ background:url(../../images/feature_bg_pc.jpg) center top no-repeat; background-size:cover; }

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  download.html：素材ダウンロード
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* 共通 */
body#downloadPage #container { background:url(../../images/download_bg.jpg) center 10% no-repeat; background-size:cover; }
#downloadWrap { height:100%; }
#downloadWrap img { width:100%; }
#downloadWrap #downloadSection { position:relative; height:100%; }
#downloadPage #footerWrap { border-top:solid 1px #d7d7d7; }

/* 素材 */
#downloadWrap.pass #downloadSection { height:auto; }
#downloadWrap #downloadSection > ul > li { position:absolute; }
#downloadWrap ul li dl { position:relative; }
#downloadWrap ul li dl dd { width:52.5%; position:absolute; bottom:2.6%; left:0; right:0; margin:0 auto; }
#downloadWrap ul li#downloadImg01 { left:4.9%; margin-top:9.4%; width:19.7%; }
#downloadWrap ul li#downloadImg02 { left:25.7%; margin-top:9.4%; width:19.7%; }
#downloadWrap ul li#downloadImg03 { left:46.5%; margin-top:9.4%; width:30.6%; }
#downloadWrap ul li#downloadImg03 dl dd { bottom:5.5%; width:33.6%; }
#downloadWrap ul li#downloadImg04 { left:46.5%; margin-top:27.85%; width:30.6%; }
#downloadWrap ul li#downloadImg04 dl dd { bottom:5.5%; width:33.6%; }
#downloadWrap ul li#downloadImg05 { left:78.2%; margin-top:9.4%; width:16.8%; }
#downloadWrap ul li#downloadImg05 dl dd { bottom:5.5%; width:61%; }
#downloadWrap ul li#downloadImg06 { left:78.2%; margin-top:27.8%; width:16.8%; }
#downloadWrap ul li#downloadImg06 dl dd { bottom:5.5%; width:61%; }
#downloadWrap #downloadAttentionArea { position:absolute; left:0; bottom:31px; width:100%; padding:20px 0; }
#downloadWrap #downloadAttentionArea #downloadAttentionInner { width:78%; margin:0 auto; }
#downloadWrap #downloadAttentionArea #downloadAttentionInner p { float:left; width:23%; }
#downloadWrap #downloadAttentionArea #downloadAttentionInner ul { float:left; width:75%; margin-left:2%; font-size:78%; }
#downloadWrap #downloadAttentionArea #downloadAttentionInner ul li { margin-left:1em; text-indent:-1em; }

/* パスワード入力 */
#downloadWrap h1 { width:37.5%; margin:0 auto; padding-top:19.2%; position:relative; z-index:2; }
#downloadWrap h2 { width:36%; margin:7.2% auto 0; position:relative; z-index:2; }
#downloadWrap p#dlCharaceter { position:absolute; top:11.5%; left:0; right:0; margin:0 auto; width:89%; z-index:1; }
#downloadWrap form { width:35%; margin:1.2% auto 0; position:relative; z-index:2; }
#downloadWrap form input { width:43%; display:block; margin:0 auto; font-size:162%; }
#downloadWrap form button { display:block; width:58%; margin:4% auto 0; }
#downloadWrap p#incorrectPass { margin:2% auto 0; text-align:center; width:200px; padding:10px; background:#b72323; color:#ffffff; }