@charset "utf-8";
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

"Design is not just what it looks like and feels like. Design is how it works." - Steave Jobs

"Think different." - 

Author : EXTRADNA (http://www.extradna.com) 
Version : 1.2
Last modified : Feb-26, 2015

(C) Copyright EXTRADNA. All rights reserved.

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/*
=================================================
リセット
=================================================
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0; padding:0; background:transparent; border:0; outline:0; font-size:1em;
}

body,
table,
input, textarea, select, option {
font-family:HiraKakuProN-W3; font-size:1em; -webkit-text-size-adjust:none;
}

body { background:url(../img/common/bgTexture.jpg) repeat left top; color:#000; line-height:1.5; text-align:left;}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
display:block;
}

ol,ul,li { list-style:none;}

hr { display:none;}

blockquote, q { quotes:none;}

:focus { outline:0;}

ins { text-decoration:none;}

del { text-decoration:line-through;}

p { margin-top:1.5em;}
p:first-child { margin-top:0em;}

/*
=================================================
汎用スタイル
=================================================
*/

a:link { color:#a30018; text-decoration:underline;}
a:visited { color:#a30018; text-decoration:underline;}
a:hover {}
a:active {}

img { width:100%; border: none; vertical-align: top; font-size:0; line-height:0;}
a img { text-decoration:none;}

.clearfix:after { content:" "; display:block; height:0; clear:both; visibility:hidden;}


/*
=================================================
レイアウト
=================================================
*/

#container {}



/* HOME + TRAILER */
#home { position:relative;}

#btnTicket { width:23%; position:absolute; right:2.5%; top:2%;}

.trailerYTplayer { position:relative; width:90%; height:0; margin:1.5em auto; padding-bottom:50.625%; overflow:hidden;}
.trailerYTplayer iframe { position:absolute; left:0; top:0;}



/* INTRO & STORY ／ CREDIT ／ COMMENT */
header { width:100%;}

#introStory { width:100%; padding:0 0 3em;}
#credit { width:100%; padding:0 0 3em; text-align: center;}
#comment { width:100%; padding:0 0 3em;}

h2#pageTitle { width:100%; margin-bottom: 1em; background-color: #000;}

#pageContents { width: 100%;}

#pageContents .wrapW90 { width: 90%; margin: 1.5em auto 0;}

#pageContents h3#catchTxt { color:#a30018; text-align: center; font-size: 90%;}
#pageContents h4.leadTxt { color:#0074c1; text-align: center; font-size: 90%;}
#pageContents p { font-size: 80%;}
#pageContents p.picMgnB { margin-bottom: 1.5em;}
#pageContents p strong { color:#0074c1;}

#pageContents h3.commentName { color:#a30018; margin:0 0 0.3em; font-size: 90%; line-height:1.2; text-align: center;}
#pageContents h3.commentName span { font-size:75%;}
#pageContents h3.commentName+p { margin-top:0;}
#pageContents h3.commentName+p.ifParisTitle { margin-top:1.5em;}
#pageContents p.ifParis { font-size: 70%;}

.borderBtmLine { border-bottom: 1px solid #999; padding-bottom: 1.5em;}



/* グローバルナビ */
nav#globalNav ul { width:100%; background:#000;}
nav#globalNav ul li { width:50%; background:#000; float:left; line-height:0; overflow:hidden;}
nav#globalNav ul li.pageSelected { background:#a30018;}
nav#globalNav ul li a { display:block; border-right:1px solid #fff; border-top:1px solid #fff;}
nav#globalNav ul li:nth-child(odd) a { border-right:1px solid transparent;}
nav#globalNav ul li:nth-child(1) { width:33.33%;}
nav#globalNav ul li:nth-child(1) a { border-right:1px solid #fff; border-top:none;}
nav#globalNav ul li:nth-child(2) { width:33.34%;}
nav#globalNav ul li:nth-child(2) a { border-right:1px solid #fff; border-top:none;}
nav#globalNav ul li:nth-child(3) { width:33.33%;}
nav#globalNav ul li:nth-child(3) a { border-right:1px solid transparent; border-top:none;}
nav#globalNav ul li span { display:block; border-right:1px solid #fff; border-top:1px solid #fff;}/* コメント SOON用*/

/* PCリンク */
#linkPcSite { text-align: center; padding-top:1em; font-size: 80%;}

/* SHARE */
ul#shareBtns { width: 100%; text-align: center; padding-top:1em;}
ul#shareBtns li { margin-left:10px; overflow:hidden; display: inline-block; vertical-align:top;}
ul#shareBtns li:first-child { margin-left:0;}
ul#shareBtns li img { width:auto; margin: 0; padding: 0;}

/* FOOTER */
footer { padding:0.4em 0 1em; text-align:center;}
footer p { width:96%; margin:0 auto; font-size:30%;}