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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,main {margin:0;padding:0;border:0;font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display:block;}
body {font-family:Verdana,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
wbr:after {content:"\00200B";}

/*	TBS reset
============================== */
.alt {position:absolute;top:-5000px;left:-9999px;}
.clearfix:after {content:"";clear:both;display:block;}
.hide-txt {text-indent:110%;white-space:nowrap;overflow:hidden;}
.fp-causion {display:none;}
.nocontxt {-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;-webkit-user-drag:none;}
.nocontxt img {pointer-events: none;}
@media all and (min-width:768px) {
.alt-pc {position:absolute;top:-5000px;left:-9999px;}
.clearfix-pc:after {content:"";clear:both;display:block;}
.hide-txt-pc {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
@media all and (max-width:767px) {
.alt-smp {position:absolute;top:-5000px;left:-9999px;}
.clearfix-smp:after {content:"";clear:both;display:block;}
.hide-txt-smp {text-indent:110%;white-space:nowrap;overflow:hidden;}
}

/* ============================
	common css
============================ */

/* 0 - General
=================================== */

body { text-align:center; color:#333; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; background-color:#b9282f; }

#gnav, #link-gnav, #pagetop, #top-info h2, main h1, #tk-buy, #top-info-btn { font-family:"游明朝体", "Yu Mincho", YuMincho, "Times New Roman", Times, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }

.cover { background:url(/img/cover.gif); display:block; width:100%; height:100%;}

.lazy { display:block; position:relative; }

a { text-decoration:underline; color:#ab252b; }
a:hover { text-decoration:none; color:#ab252b; }

#container { background:url(../img/bg.jpg) top center; padding-bottom:20px; }

#pagebody { width:960px; margin:0 auto; text-align:left; }

.clrd { color:#ab252b; }
.clgd { color: #917f3e; }

.txts { font-size:80%; }
.txtb { font-size:120%; }
.txt-r { text-align:right; }
.txt-c { text-align:center; }

.column { border:#efefef 2px solid; padding:10px 10px 5px 10px; margin:0 -10px; }


/* 0 - Header
=================================== */

#header-area { background:url(../img/bg_header1.jpg) 0 0 repeat-x; }
#header-area h1 a { display:block; width:960px; height:90px; margin:auto; background:url(../img/common_parts1.jpg) 0 0 no-repeat; text-indent:-9999px; outline:none; }
#header-area p { position:absolute; text-indent:-9999px; }

#gnav { background:url(../img/bg_header2.jpg) 0 0 repeat-x; margin-bottom:20px; }
#gnav ul { width:960px; height:70px; margin:auto; }
#gnav ul li { float:left; }
#gnav ul li a { display:block; width:160px; height:70px; background-image:url(../img/common_parts1.jpg); background-repeat:no-repeat; text-indent:-9999px; }
#gnav ul li:nth-child(1) a { background-position:0 -100px; }
#gnav ul li:nth-child(2) a { background-position:-160px -100px; }
#gnav ul li:nth-child(3) a { background-position:-320px -100px; }
#gnav ul li:nth-child(4) a { background-position:-480px -100px; }
#gnav ul li:nth-child(5) a { background-position:-640px -100px; }
#gnav ul li:nth-child(6) a { background-position:-800px -100px; }
#gnav ul li:nth-child(1) a:hover { background-position:0 -180px; }
#gnav ul li:nth-child(2) a:hover { background-position:-160px -180px; }
#gnav ul li:nth-child(3) a:hover { background-position:-320px -180px; }
#gnav ul li:nth-child(4) a:hover { background-position:-480px -180px; }
#gnav ul li:nth-child(5) a:hover { background-position:-640px -180px; }
#gnav ul li:nth-child(6) a:hover { background-position:-800px -180px; }

#outline #gnav ul li:nth-child(2) a { background-position:-160px -180px; }
#highlight #gnav ul li:nth-child(3) a { background-position:-320px -180px; }
#works #gnav ul li:nth-child(4) a { background-position:-480px -180px; }
#ticket #gnav ul li:nth-child(5) a { background-position:-640px -180px; }
#english #gnav ul li:nth-child(6) a { background-position:-800px -180px; }

#header-area:after { display:block; content:" "; height:210px; background-image:url(../img/outline_pic.jpg); background-position:center top; background-repeat:no-repeat; background-color:#000; }
#outline #header-area:after { background-image:url(../img/outline_pic.jpg); }
#highlight #header-area:after { background-image:url(../img/highlight_pic.jpg); }
#works #header-area:after { background-image:url(../img/works_pic.jpg); }
#ticket #header-area:after { background-image:url(../img/ticket_pic.jpg); }


/* 0 - Main
=================================== */

main { float:left; width:593px; margin-right:21px; padding:0 20px; background-color:#fff; font-size:85%; line-height:170%; box-shadow:0 0 10px rgba(0,0,0,0.1); }
main h1 { width:633px; height:60px; margin:0 -20px 20px -20px; background-position:0 0; background-repeat:no-repeat; text-indent:-9999px; }

.box { padding-bottom:20px; }

.subttl { width:auto; height:auto; border-bottom:#cfcfcf 1px solid; margin-bottom:10px; padding-bottom:5px; font-size:140%; color:#ac2327; text-indent:0px; }

.tbl { width:100%; margin-bottom:10px; border:#c7c7c7 1px solid; box-sizing:border-box; }
.tbl table { width:100%; border-collapse:collapse; }
.tbl table th, .tbl table td { border:#c7c7c7 1px solid; padding:12px; line-height:140%; }
.tbl table th { background-color:#e4e4e4; text-align:center; white-space:nowrap; }
.tbl table td { background-color:#efefef; }

.list-st, .list-st-en { padding-left:1.0em; text-indent:-1.0em; }
.list-st li, .list-st-en li { padding-bottom:0.3em; line-height:130%; }
.list-st li:before { content:"※"; }
.list-st-en li:before { content:"* "; }

#link-gnav, #pagelink { display:none; }

.box-t p { padding-bottom:0.6em; }


/* 0 - Side
=================================== */

#side { float:left; width:306px; }

#s-guide, #s-theme, #s-menu, #s-movie, #s-shop, #s-ticket, #s-tw, #s-fb-tl { margin-bottom:20px; }
#s-guide a, #s-theme a, #s-menu a, #s-movie a, #s-shop a, #s-ticket a, #s-tw a, #s-pompi a { display:block; width:306px; height:170px; background-image:url(../img/common_parts1.jpg); background-repeat:no-repeat; box-shadow:0 0 10px rgba(0,0,0,0.1); text-indent:-9999px; outline:none; filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
#s-guide a:hover, #s-theme a:hover, #s-menu a:hover, #s-movie a:hover, #s-shop a:hover, #s-ticket a:hover, #s-tw a:hover, #s-pompi a:hover { filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
#s-ticket a { background-position:-316px -260px; }
#s-tw a { background-position:-632px -260px; }
#s-theme a { background-position:0 -260px; }
#s-guide a { background-position:0 -490px; }
#s-menu a { background-position:-632px -490px; }
#s-shop a { background-position:-316px -490px; }
#s-movie a { background-position:0 -670px; }
#s-pompi a { background-position:-316px -670px; height:110px; }

#s-fb { display:none; }

#s-fb-tl { display:block; box-shadow:0 0 10px rgba(0,0,0,0.1); }
#s-fb-tl h2 { width:306px; height:40px; background:url(../img/common_parts1.jpg) 0 -440px no-repeat; text-indent:-9999px; }


/* 0 - Footer
=================================== */

footer { background:url(../img/bg_footer.jpg) 0 0 repeat-x #b9282f; color:#fff; padding:20px 0; }

#pagetop { position:fixed; z-index:10; bottom:-200px; right:20px; padding-bottom:20px; }
#pagetop a { display:block; width:80px; height:80px; background:url(../img/common_parts2.png) 0 0 no-repeat; text-indent:-9999px; outline:none; }

#f-copy, #f-sns, #f-sns-tw, #f-sns-fb { display:inline-block; vertical-align:middle; }
#f-copy { font-size:90%; font-family:Georgia; text-shadow:2px 2px 3px rgba(0,0,0,0.4); margin-right:0.5em; }
#f-copy a { color:#FFC; }
#f-sns-tw { margin-right:0.5em; position:relative; top:1px; }


/* 0 - Top
=================================== */

#top-main { margin:auto; width:960px; height:600px; box-shadow:0 0 10px rgba(0,0,0,0.1); }
#top-main h2 { width:960px; height:600px; background:url(../img/top_parts1.jpg) 0 0 no-repeat; text-indent:-9999px; }
#top-main p { display:none; }

#top #gnav { background:url(../img/bg_header2.jpg) 0 0 repeat-x; }
#top #gnav ul li a { width:192px; background-image:url(../img/top_parts1.jpg); }
#top #gnav ul li:nth-child(1) a { background-position:0 -610px; }
#top #gnav ul li:nth-child(2) a { background-position:-192px -610px; }
#top #gnav ul li:nth-child(3) a { background-position:-384px -610px; }
#top #gnav ul li:nth-child(4) a { background-position:-576px -610px; }
#top #gnav ul li:nth-child(5) a { background-position:-768px -610px; }
#top #gnav ul li:nth-child(1) a:hover { background-position:0 -690px; }
#top #gnav ul li:nth-child(2) a:hover { background-position:-192px -690px; }
#top #gnav ul li:nth-child(3) a:hover { background-position:-384px -690px; }
#top #gnav ul li:nth-child(4) a:hover { background-position:-576px -690px; }
#top #gnav ul li:nth-child(5) a:hover { background-position:-768px -690px; }

#top-box-l { float:left; width:633px; margin-right:21px; }

#top-info { width:633px; margin-bottom:20px; box-shadow:0 0 10px rgba(0,0,0,0.1); }
#top-info h2 { width:633px; height:40px; background:url(../img/top_parts1.jpg) 0 -770px no-repeat; text-indent:-9999px; }

#top-info-btn { position:absolute; width:633px; }
#top-info-btn a { float:right; margin:6px 6px 0 0; display:block; width:124px; height:28px; background:url(../img/top_parts2.png) 0 0 no-repeat; text-indent:-9999px; outline:none; filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
#top-info-btn a:hover { filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }

#top-info dl { width:633px; padding:10px 15px; box-sizing:border-box; background-color:#fff; }

#top-info dl dt, #top-info dl dd { margin-bottom:0.6em; padding-bottom:0.2em; font-size:85%; line-height:120%; }
#top-info dl dt { float:left; clear:both; width:6.5em; color:#a7242b; font-weight:bold; }
#top-info dl dd { padding:0 0 0.6em 6.5em; border-bottom:#e5e5e5 1px solid; }
#top-info dl dd:last-child { padding-bottom:0; border-bottom:none; }
#top-info dl dd a { color:#333; text-decoration:none; }
#top-info dl dd a:hover { text-decoration:underline; }

#top-guide, #top-theme, #top-menu, #top-shop, #top-movie, #top-ticket { float:left; }
#top-guide, #top-menu, #top-shop { margin:0 21px 21px 0; }
#top-tw, #top-fb-tl { margin-bottom:21px; }
#top-guide a, #top-theme a, #top-menu a, #top-shop a, #top-movie a, #top-ticket a, #top-tw a, #top-pompi a { display:block; width:306px; height:150px; background-image:url(../img/top_parts1.jpg); background-repeat:no-repeat; text-indent:-9999px; box-shadow:0 0 10px rgba(0,0,0,0.1); outline:none; filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
#top-guide a:hover, #top-theme a:hover, #top-menu a:hover, #top-shop a:hover, #top-movie a:hover, #top-ticket a:hover, #top-tw a :hover, #top-pompi a :hover { filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
#top-guide a { background-position:0 -820px; }
#top-theme a { background-position:-316px -820px; }
#top-menu a { background-position:-632px -1030px; }
#top-shop a { background-position:-632px -870px; }
#top-ticket a { background-position:0 -980px; }
#top-tw a { background-position:-316px -980px; }
#top-movie a { background-position:-632px -1190px; }
#top-pompi a { background-position:0 -1140px; height:110px; }

#top-box-r { float:left; width:306px; }

#top-fb { display:none; }

#top-fb-tl { display:block; box-shadow:0 0 10px rgba(0,0,0,0.1); }
#top-fb-tl h2 { width:306px; height:40px; background:url(../img/top_parts1.jpg) -632px -820px no-repeat; text-indent:-9999px; }


/* 0 - Information
=================================== */

#info main h1 { background-image:url(../img/info_parts1.jpg); }

.if-box { padding-bottom:20px; }
.if-ttl { padding:10px; margin-bottom:10px; background:url(../img/bg_smp.png); background-size:contain; color:#fff; text-shadow:1px 1px 2px rgba(0,0,0,0.4); }
.if-ttl h2 { float:left; width:493px; font-size:120%; line-height:120%; }
.if-ttl .date { float:right; width:80px; text-align:right; line-height:120%; }
.if-txt { padding:0 10px; }
.if-txt p { padding-bottom:0.7em; }

.if-p-r { float:right; margin:5px 0 0 10px; }
.if-p-l { float:left; margin:5px 10px 0 0; }

.if-txts { font-size:90%; margin-top:-0.5em; line-height:140%; }

#if-f-hakken-logo a { display:block; margin:0 auto 10px auto; padding-bottom:0; width:200px; height:114px; background:url(../img/f-hakken.gif); text-indent:-9999px; outline:none; border:#efefef 2px solid; }

#if-toggle-btn { cursor:pointer; }
#if-toggle-btn-t2, #if-toggle-dtl { display:none; }
#if-toggle-dtl { margin:0 1.0em; }
#if-20160722-p { width:100%; text-align:center; }
#if-20160722-p1, #if-20160722-p2 { display:inline-block; width:255px; height:191px; background-position:0 0; background-repeat:no-repeat; text-align:left; text-indent:-9999px; }
#if-20160722-p1 { background-image:url(../img/info_20160722_p1.jpg); margin-right:10px; }
#if-20160722-p2 { background-image:url(../img/info_20160722_p2.jpg); }
.if-20160722-t1 { display:block; padding:0 2.0em; }

#if-20160809-p { text-align:center; }
#if-20160809-p span { display:block; width:550px; height:308px; margin:0 auto 10px auto; background:url(../img/info_20160809_p.jpg) 0 0 no-repeat; background-size:cover; text-indent:-9999px; border:#efefef 2px solid; box-sizing:border-box; }

#if-20160822-p { text-align:center; }
#if-20160822-p span { display:block; width:300px; height:490px; margin:0 auto 10px auto; background:url(../img/info_20160822_p.jpg) 0 0 no-repeat; background-size:cover; text-indent:-9999px; border:#efefef 2px solid; box-sizing:border-box; }

#if-20160824-p { text-align:center; }
#if-20160824-p span { display:block; width:300px; height:300px; margin:0 auto; background:url(../img/info_20160824_p.jpg) 0 0 no-repeat; background-size:cover; text-indent:-9999px; border:#efefef 2px solid; box-sizing:border-box; }

#if-20160920-p { text-align:center; }
#if-20160920-p span { display:block; width:300px; height:454px; margin:0 auto; background:url(../img/info_20160920_p.jpg) 0 0 no-repeat; background-size:cover; text-indent:-9999px; border:#efefef 2px solid; box-sizing:border-box; }

#if-20160929-p { text-align:center; }
#if-20160929-p span { display:block; width:450px; height:300px; margin:0 auto 10px auto; background:url(../img/info_20160929_p.jpg) 0 0 no-repeat; background-size:cover; text-indent:-9999px; border:#efefef 2px solid; box-sizing:border-box; }

.if-os-box { padding-top:10px; margin-top:10px; border-top:#efefef 2px solid; }
.if-os-box:first-child { padding-top:0; margin-top:0; border-top:none; }

.if-20161018-p { width:100%; text-align:center; }
#if-20161018-p1, #if-20161018-p2, #if-20161018-p3 { display:block; margin:auto; background-position:0 0; background-repeat:no-repeat; text-align:left; text-indent:-9999px; }
#if-20161018-p1 { width:260px; height:174px; background-image:url(../img/info_20161018_p1.jpg); }
#if-20161018-p2 { width:194px; height:260px; background-image:url(../img/info_20161018_p2.jpg); }
#if-20161018-p3 { width:260px; height:155px; background-image:url(../img/info_20161018_p3.jpg); }
#if-20161018-p1 { margin-bottom:7px; }
#if-20161018-p2 { margin-bottom:10px; }

#if-20161208-p { text-align:center; }
#if-20161208-p span { display:block; width:550px; height:400px; margin:0 auto 10px auto; background:url(../img/info_20161208_p.jpg) 0 0 no-repeat; background-size:cover; text-indent:-9999px; border:#efefef 2px solid; box-sizing:border-box; }

#if-20161219-p1,
#if-20161219-p2,
#if-20161219-p3,
#if-20161219-p4 { text-align:center; }
#if-20161219-p1 span,
#if-20161219-p2 span,
#if-20161219-p3 span,
#if-20161219-p4 span { display:block; margin:0 auto 10px auto; background-position:0 0; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; border:#efefef 2px solid; box-sizing:border-box; }
#if-20161219-p1 span { width:500px; height:260px; background-image:url(../img/info_20161219_p1.jpg); }
#if-20161219-p2 span { width:250px; height:250px; background-image:url(../img/info_20161219_p2.jpg); }
#if-20161219-p3 span { width:400px; height:400px; background-image:url(../img/info_20161219_p3.jpg); }
#if-20161219-p4 span { width:400px; height:400px; background-image:url(../img/info_20161219_p4.jpg); }

#if-20161221-p { text-align:center; }
#if-20161221-p span { display:block; width:300px; height:329px; margin:0 auto 10px auto; background:url(../img/info_20161221_p.jpg) 0 0 no-repeat; background-size:cover; text-indent:-9999px; border:#efefef 2px solid; box-sizing:border-box; }

#if-20161228-p { text-align:center; }
#if-20161228-p span { display:block; width:400px; height:359px; margin:0 auto 10px auto; background:url(../img/info_20161228_p.jpg) 0 0 no-repeat; background-size:cover; text-indent:-9999px; border:#efefef 2px solid; box-sizing:border-box; }

/* theme */

#theme main h1 { background-image:url(../img/theme_parts1.jpg); }

#tm-ttl { width:579px; height:138px; margin:0 0 20px 7px; background:url(../img/theme_parts1.jpg) 0 -70px no-repeat; }
#tm-ttl p { display:none; }

#tm-pic { text-align:center; }
#tm-pic span { display:block; width:550px; height:367px; margin:0 auto 10px auto; background:url(../img/theme_tsujii.jpg) 0 0 no-repeat; text-indent:-9999px; }

#tm-txt { margin-bottom:20px; }

#tm-column { border:#efefef 2px solid; padding:10px 10px 5px 10px; margin-bottom:20px; }

/* guide */

#guide main h1 { background-image:url(../img/guide_parts1.jpg); }

#gd-ttl { width:593px; height:138px; margin-bottom:20px; background:url(../img/guide_parts1.jpg) 0 -70px no-repeat; }
#gd-ttl p { display:none; }

#gd-pic { text-align:center; }
#gd-pic span { display:block; width:330px; height:446px; margin:0 auto 20px auto; background:url(../img/guide_ishizaka.jpg) 0 0 no-repeat; text-indent:-9999px; }

#gd-txt { margin-bottom:20px; }

#gd-column { border:#efefef 2px solid; padding:10px 10px 5px 10px; margin-bottom:20px; }

#gd-price { margin-bottom:20px; text-align:center; }
#gd-price p { display:block; width:24.0em; min-height:50px; margin:auto; padding:10px 0 0 47px; text-align:left; font-size:110%; font-weight:bold; background:url(../img/guide_parts1.jpg) -653px 0 no-repeat; }

#gm-tsujii { text-align:center; margin-bottom:20px; }
#gm-tsujii-pic { margin-bottom:10px; }
#gm-tsujii-pic span { display:block; width:330px; height:220px; margin:auto; background:url(../img/theme_tsujii.jpg) 0 0 no-repeat; background-size:cover; text-indent:-9999px; }
#gm-tsujii-txt { font-size:120%; }


/* 1 - Outline
=================================== */

#outline main h1 { background-image:url(../img/outline_parts1.jpg); }
#outline.ol-osaka main h1 { background-image:url(../img/outline_ttl_osaka.jpg); }

#ol-tbl { padding-bottom:10px; }

#ol-tk-pair .tbl { margin-bottom:0; }

#ol-fee .subttl { background-position:0 -70px; }
#ol-fee .tbl table th, #ol-fee .tbl table td { width:33.3%; }
#ol-fee .tbl table td { text-align:center; }

#access-map { float:right; margin:5px 0 0 10px; }
#access-map dt { margin-bottom:10px; }
#access-map dt a, #access-map dd a { display:block; background-image:url(../img/outline_parts1.jpg); background-repeat:no-repeat; text-indent:-9999px; outline:none; filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
#access-map dt a:hover, #access-map dd a:hover { filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
#access-map dt a { width:300px; height:300px; background-position:0 -70px; }
#access-map dd a { width:166px; height:30px; background-position:-310px -70px; }
.ol-osaka #access-map dt a { background-image:url(../img/outline_map_osaka.jpg); width:300px; height:259px; background-position:0 0; }

#access-gmap { display:none; text-align:center; padding:5px 0 10px 0; }
#access-gmap > iframe { margin:auto; }

#access-list { padding-left:1.0em; margin-bottom:10px; text-indent:-1.0em; }
#access-list dt { padding:0.3em 0; color:#92803f; font-weight:bold; }
#access-list dd { padding-bottom:0.3em; line-height:130%; }
#access-list dd:before { content:"・"; }

#access-list2 { padding-left:1.0em; margin-bottom:10px; text-indent:-1.0em; }
#access-list2 > dt { padding:0.3em 0; color:#92803f; font-weight:bold; }
#access-list2 dd dl dt { font-weight:bold; padding:0.3em 0 0.5em 0; }
#access-list2 dd dl dt:before { content:"・"; }
#access-list2 dd dl dd { padding:0 0 0.5em 0.3em; line-height:130%; text-indent:0; }

#ol-osaka-ticket { margin:0.5em 0 0 0; padding-bottom:1.0em; }


/* 2 - Highlight
=================================== */

#highlight main h1 { background-image:url(../img/highlight_parts1.jpg); }

#hl-slide { float:right; width:296px; height:190px; margin:5px 0 0 10px; position:relative; }
#hl-slide li { width:296px; height:190px; position:absolute; left:0; top:0; background-image:url(../img/highlight_parts1.jpg); background-repeat:no-repeat; text-indent:-9999px; }
#hl-slide li:nth-child(1) { background-position:0 -70px; }
#hl-slide li:nth-child(2) { background-position:-296px -70px; }
#hl-slide li:nth-child(3) { background-position:0 -260px; }
#hl-slide li:nth-child(4) { background-position:-296px -260px; }


/* 3 - Works
=================================== */

#works main h1 { background-image:url(../img/works_parts1.jpg); }

#works #pagelink { display:block; margin-bottom:20px; }
#works #pagelink ul li { float:left; }
#works #pagelink ul li a { display:block; height:30px; background-image:url(../img/works_parts1.jpg); background-repeat:no-repeat; text-indent:-9999px; outline:none; filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
#works #pagelink ul li a:hover { filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
#works #pagelink ul li:nth-child(1) a { width:118px; background-position:0 -70px; }
#works #pagelink ul li:nth-child(2) a { width:118px; background-position:-118px -70px; }
#works #pagelink ul li:nth-child(3) a { width:118px; background-position:-236px -70px; }
#works #pagelink ul li:nth-child(4) a { width:119px; background-position:-355px -70px; }
#works #pagelink ul li:nth-child(5) a { width:119px; background-position:-474px -70px; }

#works .box { padding:0; }

#works .subttl { width:593px; height:50px; background-image:url(../img/works_parts1.jpg); background-repeat:no-repeat; border:none; padding:0; text-indent:-9999px; }
#chapter1 .subttl { background-position:0 -110px; }
#chapter2 .subttl { background-position:0 -170px; }
#chapter3 .subttl { background-position:0 -230px; }
#chapter4 .subttl { background-position:0 -290px; }
#chapter5 .subttl { background-position:0 -350px; }

.wk-txt { padding-bottom:20px; }

.wk-pic { padding:15px 0 5px 0; margin-bottom:15px; }
.wk-pic dt { text-align:center; }
.wk-pic dt span { margin:0 auto 10px auto; background-size:cover; }

#chapter1 .wk-pic dt span { background-color:#f0f4f8; }
#chapter2 .wk-pic dt span { background-color:#f9f3e6; }
#chapter3 .wk-pic dt span { background-color:#fcedea; }
#chapter4 .wk-pic dt span { background-color:#f5f7ec; }
#chapter5 .wk-pic dt span { background-color:#f8eff4; }

#wk-itm-1-1 dt span { width:416px; height:543px; }
#wk-itm-1-2 dt span { width:493px; height:453px; }
#wk-itm-2-1 dt span { width:338px; height:593px; }
#wk-itm-2-2 dt span { width:416px; height:463px; }
#wk-itm-3-1 dt span { width:300px; height:523px; }
#wk-itm-3-2 dt span { width:413px; height:513px; }
#wk-itm-3-3 dt span { width:416px; height:462px; }
#wk-itm-4-1 dt span { width:286px; height:492px; }
#wk-itm-4-2 dt span { width:286px; height:402px; }
#wk-itm-5-1 dt span { width:286px; height:294px; }
#wk-itm-5-2 dt span { width:286px; height:346px; }

.wk-pic dd { padding:0 15px 0px 15px; }
.wk-pic dd h3 { margin-bottom:5px; }
.wk-pic dd h3 small { font-size:80%; margin-bottom:5px; }

#chapter1 .wk-pic { border:#9cb8d3 1px solid; }
#chapter2 .wk-pic { border:#d5b057 1px solid; }
#chapter3 .wk-pic { border:#ea8975 1px solid; }
#chapter4 .wk-pic { border:#bac97f 1px solid; }
#chapter5 .wk-pic { border:#d094b6 1px solid; }

#chapter1 .wk-pic dd h3 { color:#7d9ec1; }
#chapter2 .wk-pic dd h3 { color:#c3943a; }
#chapter3 .wk-pic dd h3 { color:#d74a36; }
#chapter4 .wk-pic dd h3 { color:#889e3f; }
#chapter5 .wk-pic dd h3 { color:#bd759c; }

#wk-sp { float:right; background-color:#d5b057; color:#fff; font-weight:bold; padding:0.3em 0.7em; }
.wk-t { padding-bottom:7px; }

#wk-btn-list { width:100%; padding-bottom:20px; text-align:center; }
#wk-btn-list a { display:block; width:20.0em; margin:auto; padding:0.7em 0.7em; border-radius:1.5em; line-height:100%; background-image:none; background-color:#000; text-indent:0px; font-weight:bold; color:#fff; text-decoration:none; font-family:"游明朝体", "Yu Mincho", YuMincho, "Times New Roman", Times, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;  }
#wk-btn-list a:before { content:"▶ "; font-size:70%; position:relative; top:-0.1em; }

/* ----- modal ----- */

.modal-content { position:fixed; display:none; z-index:2; width:550px; margin:0; padding:20px; background:#fff; }
.modal-overlay { z-index:1; display:none; position:fixed; top:0; left:0; width:100%; height:120%; background-color:rgba(0,0,0,0.5); }
#modal-slvd-pic { float:right; margin:0 0 0 10px; width:225px; height:300px; text-align:center; }
#modal-slvd-pic span { display:block; margin:auto; width:225px; height:300px; background:url(../img/works_slvd.jpg); }
#modal-slvd h4 { color:#c3943a; font-size:130%; margin-bottom:5px; }
.modal-slvd-close { clear:both; width:100%; padding-top:10px; text-align:center; }
a.modal-close { margin:auto; padding:5px; background-color:#c3943a; color:#fff; font-size:90%; text-decoration:none; filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
a:hover.modal-close { filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
a.modal-close:before { content:"× "; }
.modal-open:hover, a.modal-close:hover { cursor:pointer; }


/* 4 - Ticket
=================================== */

#ticket main h1 { background-image:url(../img/ticket_parts1.jpg); }

#tk-fee .tbl table th, #tk-fee .tbl table td { width:33.3%; }
#tk-fee .tbl table td { text-align:center; }

#tk-buy { width:100%; padding-bottom:5px; text-align:center; }
#tk-buy a { display:block; margin:0 auto; width:513px; height:80px; background:url(../img/ticket_parts1.jpg) 0 -70px no-repeat; text-indent:-9999px; outline:none; }
#tk-buy a:hover { position:relative; top:1px; left:1px; }
#tk-buy-t { margin-bottom:15px; color:#ab252b; font-weight:bold; font-size:100%; line-height:120%; width:100%; text-align:center; }

.tk-t { position:relative; top:-0.3em; background-color:#ab252b; color:#fff; padding:5px; font-size:60%; margin-right:0.5em; }

.tk-end { display:inline-block; position:relative; top:-0.3em; border:#ab252b 1px solid; padding:0 5px; font-size:60%; margin-right:0.5em; }

.tk-p { padding-bottom:10px; }

#tk-cranach { border:#efefef 5px solid; padding:15px; }

#tk-cranach-p { float:left; margin-right:15px; }
#tk-cranach-p span { display:block; width:170px; height:241px; background:url(../img/ticket_parts1.jpg) 0 -160px no-repeat; text-indent:-9999px; }

#tk-cranach-r { float:left; width:365px; }

#tk-cranach h3 { margin-bottom:10px; }
#tk-cranach h3 a { display:block; width:270px; height:120px; background:url(../img/ticket_parts1.jpg) -180px -160px no-repeat; text-indent:-9999px; outline:none; filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
#tk-cranach h3 a:hover { filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }

table#tk-cranach-t { border-collapse:collapse; }
table#tk-cranach-t th, table#tk-cranach-t td { vertical-align:top; line-height:140%; }
table#tk-cranach-t th { color: #917f3e; white-space:nowrap; }

#tk-cranach-c { padding-top:10px; font-size:80%; line-height:120%; }

#tk-today-p { text-align:center; }
#tk-today-p span { display:block; width:600px; height:150px; margin:0 auto 10px auto; background:url(../img/ticket_today_p.jpg) 0 0 no-repeat; background-size:cover; text-indent:-9999px; box-sizing:border-box; }


/* 5 - English
=================================== */

#english main h1 { background-image:url(../img/english_parts1.jpg); }

#en-p { padding-bottom:10px; }
#en-p p { padding-bottom:10px; }

#en-admission .tbl table th { white-space:normal; }
#en-admission .tbl table td { text-align:center; white-space:nowrap; }


/* 5 - Movie
=================================== */

#movie main h1 { background-image:url(../img/movie_ttl.jpg); }

#mov { margin-bottom:20px; }
/* flowplayer */
#mov { position:relative; height:0; padding-top:75%; }
#mov .tbs-player, #str-mov video, #str-mov object { height:100%; position:absolute; left:0; top:0; width:100%; }


/*	Media Queries
=================================== */

@media all and (max-width: 767px) {
	
/* ----- General ----- */

#container, #pagebody { width:auto; }
#container { background:none; padding-bottom:0; }

/* ----- Main ----- */

.subttl { font-size:130%; }

.box { padding-bottom:10px; }

main { float:none; width:auto; margin-right:0; padding:0 10px; }
main h1 { width:auto; height:auto; margin:0 -10px 10px -10px; box-sizing:border-box; background-image:none!important; text-indent:0px; background-color:#000; padding:10px; font-size:130%; color:#fff; }

#link-gnav { display:block; position:absolute; right:10px; margin-top:10px; }
#link-gnav a { display:block; padding:0.5em 0.7em; border-radius:1.0em; font-size:90%; line-height:100%; background:url(../img/bg_smp.png); background-size:contain; text-indent:0px; text-align:center; text-shadow:1px 1px 2px rgba(0,0,0,0.4); text-decoration:none; font-weight:bold; color:#fff; }
#link-gnav a:before { content:"▼ "; font-size:70%; position:relative; top:-0.1em; }

#pagelink { display:block; width:100%; text-align:center; padding-bottom:10px; }
#pagelink ul li { display:inline; margin-right:0.5em; line-height:120%; font-weight:bold; white-space:nowrap; }
#pagelink ul li a { text-decoration:none; }
#pagelink ul li a:before { content:"▼ "; font-size:70%; position:relative; top:-0.1em; }

.tbl-vtcl { border-bottom:#c7c7c7 2px solid; }
.tbl-vtcl table th, .tbl-vtcl table td { display:block; float:left; clear:both; width:100%; box-sizing:border-box; border-bottom:none; }
.tbl-vtcl table th { text-align:left; }

.tbl { width:100%; margin-bottom:10px;  box-sizing:border-box; }

/* ----- Header ----- */

#header-area { background:none; }
#header-area h1{ position:relative; height:0; padding-top:50%; }
#header-area h1 a { position:absolute; left:0; top:0; width:100%; height:100%; background-image:url(../img/common_smp_header.jpg); background-size:cover; }

#header-area:after { display:none; }

#gnav { background:none; margin-bottom:0; }
#gnav ul { width:100%;  background:none; }
#gnav ul li { float:left; width:50%; }
#gnav ul li a { position:relative; display:block; width:100%; height:auto; padding:1.0em 0; background:url(../img/bg_smp.png) 0 0 repeat-x!important; background-size:contain!important; box-sizing:border-box; border-left:#74662e 1px solid; border-right:#baa968 1px solid; text-indent:0px; text-align:center; text-shadow:1px 1px 2px rgba(0,0,0,0.4); text-decoration:none; font-weight:bold; line-height:100%; color:#fff; }
#gnav ul li a:before { content:"▶"; position:absolute; right:1.0em; font-size:50%; }
#gnav ul li:nth-child(7) a { width:100%; }

/* ----- Side ----- */

#side { float:none; width:100%; text-align:center; padding:10px 0 0 0; }

#s-fb { display:block; }

#s-fb-tl { display:none; }
#s-fb-tl h1 { background:none; }

#s-guide, #s-theme, #s-menu, #s-movie, #s-shop, #s-ticket, #s-tw, #s-fb, #s-pompi { margin-bottom:10px; }
#s-guide a, #s-theme a, #s-menu a, #s-movie a, #s-shop a, #s-ticket a, #s-tw a, #s-fb a, #s-pompi a { display:block; width:300px; height:130px; margin:auto; background-image:url(../img/common_smp_parts1.jpg); background-repeat:no-repeat; background-size:cover; text-indent:-9999px; outline:none; }
#s-guide a:hover, #s-theme a:hover, #s-menu a:hover, #s-movie a:hover, #s-shop a:hover, #s-ticket a:hover, #s-tw a:hover, #s-fb a:hover, #s-pompi a:hover { filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
#s-ticket a { background-position:0 -135px; }
#s-fb a { background-position:0 -270px; height:90px; }
#s-tw a { background-position:0 -365px; height:90px; }
#s-theme a { background-position:0 0; }
#s-guide a { background-position:0 -460px; }
#s-menu a { background-position:0 -730px; }
#s-shop a { background-position:0 -595px; }
#s-movie a { background-position:0 -865px; }
#s-pompi a { background-position:0 -1000px; height:100px; }

/* ----- Footer ----- */

#pagetop { width:100%; padding-bottom:0; right:0; }
#pagetop a { display:block; width:100%; height:auto; padding:10px 0; background:url(../img/bg_smp.png) 0 0 repeat-x; background-size:contain; text-indent:0px; text-align:center; text-shadow:1px 1px 2px rgba(0,0,0,0.4); text-decoration:none; font-weight:bold; color:#fff; }
#pagetop a:before { content:"▲ "; font-size:70%; position:relative; bottom:0.1em; }

footer { padding:10px 10px 50px 10px; }

#f-copy { display:block; font-size:80%; line-height:120%; padding-bottom:5px; }

/* ----- Top ----- */

#top-main { position:relative; height:0; padding-top:145.31%; width:auto; }
#top-main h2 { position:absolute; left:0; top:0; width:100%; height:100%; background-image:url(../img/top_smp_header.jpg); background-size:cover; }

#top #gnav ul { height:auto; }
#top #gnav ul li { float:none; width:100%; }
#top #gnav ul li a { width:100%; border-left:none; border-right:none; }

#top-box-l, #top-box-r { float:none; width:100%; text-align:center; }

#top-info { width:auto; margin-bottom:10px; text-align:left; }
#top-info h2 { width:100%; height:auto; padding:10px; background:url(../img/bg_smp2.png) 0 0 repeat-x!important; background-size:contain!important; box-sizing:border-box; text-indent:0px; text-shadow:1px 1px 2px rgba(0,0,0,0.4); text-decoration:none; font-weight:bold; line-height:100%; color:#fff; }

#top-info-btn { position:relative; width:100%; padding:10px; box-sizing:border-box; background-color:#fff; text-align:center; }
#top-info-btn a { height:auto; float:none; display:block; margin:0 auto; padding:0.5em 0.7em; border-radius:1.0em; font-size:90%; line-height:100%; background-image:none; background-color:#000; text-indent:0px; font-weight:bold; color:#fff; text-decoration:none; }
#top-info-btn a:before { content:"▶ "; font-size:70%; position:relative; top:-0.1em; }

#top-info dl { width:100%; padding:5px 0 0 0; background-color:#fff; }
#top-info dl dt { float:none; width:auto; padding:5px 10px 0 10px; }
#top-info dl dd, #top-info dl dd:last-child { padding:0 10px 10px 10px; }
#top-info dl dd:last-child { margin-bottom:0px; border-bottom:#e5e5e5 1px solid; }

#top-fb { display:block; }

#top-fb-tl { display:none; }
#top-fb-tl h2 { background:none; }

#top-guide, #top-theme, #top-menu, #top-movie, #top-shop, #top-ticket, #top-tw, #top-fb, #top-pompi { float:none; margin:0 0 10px 0; }
#top-guide a, #top-theme a, #top-menu a, #top-movie a, #top-shop a, #top-ticket a, #top-tw a, #top-fb a, #top-pompi a { display:block; width:300px; height:130px; margin:auto; background-image:url(../img/common_smp_parts1.jpg); background-repeat:no-repeat; background-size:cover; text-indent:-9999px; outline:none; }
#top-guide a:hover, #top-theme a:hover, #top-menu a:hover, #top-movie a:hover, #top-shop a:hover, #top-ticket a:hover, #top-tw a:hover, #top-fb a:hover, #top-pompi a:hover { filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
#top-ticket a { background-position:0 -135px; }
#top-fb a { background-position:0 -270px; height:90px; }
#top-tw a { background-position:0 -365px; height:90px; }
#top-theme a { background-position:0 0; }
#top-guide a { background-position:0 -460px; }
#top-menu a { background-position:0 -730px; }
#top-shop a { background-position:0 -595px; }
#top-movie a { background-position:0 -865px; }
#top-pompi a { background-position:0 -1000px; height:100px; }

/* ----- Information ----- */

.if-ttl h2 { float:none; width:auto; padding-bottom:5px; }
.if-ttl .date { float:none; text-align:left; width:auto; }

#tm-ttl, #gd-ttl { width:100%; height:auto; margin:0 0 20px 0; background:none; }
#tm-ttl p, #gd-ttl p { display:block; color:#ab252b; font-size:120%; font-weight:bold; text-align:center; }

#tm-pic { text-align:center; }
#tm-pic span { display:block; width:300px; height:200px; background-size:cover; }

#gd-pic { text-align:center; }
#gd-pic span { display:block; width:300px; height:405px; background-size:cover; }

#gd-price { padding-bottom:20px; }

#gm-tsujii-pic span { width:300px; height:198px; }

#if-20160809-p span { width:280px; height:157px; }
#if-20160822-p span { width:280px; height:457px; }
#if-20160824-p span { width:250px; height:250px; }
#if-20160920-p span { width:280px; height:424px; }
#if-20160929-p span { width:280px; height:186px; }
#if-20161208-p span { width:280px; height:203px; }

#if-20161219-p1 span { width:280px; height:145px; }
#if-20161219-p2 span { width:250px; height:250px; }
#if-20161219-p3 span { width:280px; height:280px; }
#if-20161219-p4 span { width:280px; height:280px; }

#if-20161221-p span { width:280px; height:300px; }

#if-20161228-p span { width:280px; height:251px; }

#if-toggle-dtl { margin:0; }
#if-20160722-p1 { margin-right:0; margin-bottom:10px; }
.if-20160722-t1 { padding:0 1.0em; }

/* ----- Outline ----- */

#access-map { display:none; }
#access-gmap { display:block; }

/* ----- Works ----- */

#works #pagelink { display:block; margin-bottom:0; }
#works #pagelink ul li { float:none; }
#works #pagelink ul li a { display:inline; height:auto; background:none; text-indent:0; }
#works #pagelink ul li:nth-child(1) a { color:#7d9ec1; }
#works #pagelink ul li:nth-child(2) a { color:#c3943a; }
#works #pagelink ul li:nth-child(3) a { color:#d74a36; }
#works #pagelink ul li:nth-child(4) a { color:#889e3f; }
#works #pagelink ul li:nth-child(5) a { color:#bd759c; }

#works .subttl { width:auto; height:auto; padding:7px; background:none; margin-bottom:10px; font-size:110%; color:#333; text-indent:0px; }
.wkt1 { vertical-align:middle; font-size:80%; line-height:200%; }
.wkt2 { vertical-align:middle; }

#chapter1 .subttl { background-color:#9cb8d3; }
#chapter2 .subttl { background-color:#d5b057; }
#chapter3 .subttl { background-color:#ea8975; }
#chapter4 .subttl { background-color:#bac97f; }
#chapter5 .subttl { background-color:#d094b6; }

#wk-itm-1-1 dt span { width:280px; height:365px; }
#wk-itm-1-2 dt span { width:280px; height:257px; }
#wk-itm-2-1 dt span { width:280px; height:491px; }
#wk-itm-2-2 dt span { width:280px; height:312px; }
#wk-itm-3-1 dt span { width:280px; height:488px; }
#wk-itm-3-2 dt span { width:280px; height:348px; }
#wk-itm-3-3 dt span { width:280px; height:311px; }
#wk-itm-4-1 dt span { width:280px; height:482px; }
#wk-itm-4-2 dt span { width:280px; height:394px; }
#wk-itm-5-1 dt span { width:280px; height:288px; }
#wk-itm-5-2 dt span { width:280px; height:339px; }

.modal-content { width:80%; }

/* ----- Ticket ----- */

#tk-buy a { display:block; width:85%; height:auto; padding:1.2em 0; background:url(../img/bg_smp.png) 0 0 repeat-x!important; background-size:contain!important; box-sizing:border-box; border-radius:10px; text-indent:0px; text-align:center; text-shadow:1px 1px 2px rgba(0,0,0,0.4); text-decoration:none; font-size:120%; font-weight:bold; line-height:100%; color:#fff; }
#tk-buy a:before { content:"▶　"; font-size:50%; position:relative; top:-0.3em; }
#tk-buy-t { padding:5px 7% 10px 7%; box-sizing:border-box; font-size:90%; }

#tk-cranach { border:#efefef 5px solid; padding:10px; }

#tk-cranach-p { float:none; width:100%; margin-bottom:10px; text-align:center; }
#tk-cranach-p span { margin:0 auto 10px auto; }

#tk-cranach-r { float:none; width:100%; text-align:center; }
#tk-cranach-r h3 a { margin:auto; }

table#tk-cranach-t { margin:auto; text-align:left; }
#tk-cranach-c { text-align:left; }

#tk-today-p span { width:280px; height:70px; }


}

@media all and (max-width: 500px) {

/* ----- Highlight ----- */

#hl-slide { float:none; margin:0 auto 10px auto; }

#modal-slvd-pic { float:none; width:100%; margin:0 0 10px 0; }

table#tk-cranach-t th, table#tk-cranach-t td { display:block; width:100%; }

}

@media all and (max-width: 400px) {

/* ----- Information ----- */

#gd-price p { width:auto; }
#gd-price p span { display:block; }

}

/*eof*/