@import url(https://fonts.googleapis.com/css?family=Droid+Sans|Source+Sans+Pro|Lobster+Two);
@charset "UTF-8";

/* html5doctor.com Reset v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) - http://cssreset.com */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
/*** CLEARFIX ***/
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix { display:inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */


/*** UTILITY ***/
body {
    border:0; margin:0;padding:0;
    font:normal 0.9em/1.8em 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','Lucida Grande',Verdana,Arial,Helvetica,sans-serif;
    min-height:100%;
    background:#fff;
}
figure { position:relative;margin:0;padding:0;width:100%;height:auto; }
figure img { width:100%;height:auto;vertical-align:middle; }
iframe {  margin:0;padding:0;width:100%;position:relative; }
a:link    { color:#006699;text-decoration:underline; }
a:visited { color:#006699;text-decoration:none; }
a:hover   { color:#33bbee;text-decoration:underline; }
a:active  { color:#ff0000;text-decoration:underline; }
a { color:inherit; }
input:-webkit-input-placeholder { color:#ccc; }
input:-moz-placeholder { color:#ccc; }
.container { position:relative;margin:0 auto;padding:0;text-align:left;width:980px;border-top:1px solid transparent; }
span.date { font:lighter 100% 'Droid Sans', sans-serif; }
.text-center { text-align:center; }
.text-right { text-align:right; }
.text-left { text-align:left; }
/* -----------------------------------------------
 * GRID
 * ----------------------------------------------- */
.row { clear:both;margin-left:-16px;position:relative;zoom:1; }
.col1,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9,.col10,.col11,.col12 { display:block;position:relative;float:left;margin:0 0 16px 16px;border:0;min-height:24px; }
.col1  { width: 67px; }
.col2  { width:150px; }
.col3  { width:233px; }
.col4  { width:316px; }
.col5  { width:399px; }
.col6  { width:482px; }
.col7  { width:565px; }
.col8  { width:648px; }
.col9  { width:731px; }
.col10 { width:814px; }
.col11 { width:897px; }
.col12 { width:980px; }
/* =============================================
 * DPJ ADMIN
 * ============================================= */
body {
    margin:1px 0 0 0;padding:0;text-align:center;background:#fff;
    font:normal 0.9em/1.8em 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','Lucida Grande',Verdana,Arial,Helvetica,sans-serif;
}
.wrapper { margin:0 auto;padding:8px 16px;width:980px;min-height:640px;text-align:left;background:#fff;
}
body.bg0 { background:#fff; }
body.bg1 { background:#e9e5f5 url(../images/bg.png); }

body.bg0 a { color:#2980b9;text-decoration:none; }
body.bg0 a:hover { color:#3498db;text-decoration:underline; }
body.bg0 a:active { color:#f39c12;text-decoration:none; }

body.bg1 a { color:#8e44ad;text-decoration:none; }
body.bg1 a:hover { color:#9b59b6;text-decoration:underline; }
body.bg1 a:active { color:#f39c12;text-decoration:none; }

/* -------------------------------------------
 * HEADER
 * ------------------------------------------- */
#global-header
{
    box-sizing: content-box;
    display:block;
    margin:0;
    padding : 1px 0 4px 0;
    height:43px;
    line-height:43px;
    overflow:hidden;
    background:#fff;
    border-bottom:3px solid #000;
    text-align:left;
}
#global-header h1.logo a.unijapan
{
    display : inline-block;
    width  : 310px;
    height : 40px;
    margin:0 auto;
    padding-top:1px;
    text-align:left;
    text-indent: -9999px;
    background-image    : url(../images/jfdb_unijapan_logo.png);
    background-repeat   : no-repeat;
    background-size     : contain;
    background-position : 0 0;
}
#global-header h1.logo a.jpf
{
    display : inline-block;
    width  : 208px;
    height : 40px;
    margin:0 auto 0 16px;
    padding-top:1px;
    text-align:left;
    text-indent: -9999px;
    background-image    : url(../images/jfdb_jpf_logo.png);
    background-repeat   : no-repeat;
    background-size     : contain;
    background-position : 0 0;
}
.container { position:relative;margin:0 auto;padding:0;text-align:left;width:980px;border-top:1px solid transparent; }

#lang-switch { text-align:right;margin:0 auto;padding:0;width:980px;height:24px; }
#lang-switch > li {
    display:inline-block;
    margin:0;
    padding:0;
    text-align:center;
    width:180px;
    height:36px;
    background-image: url(/global/images/tab_lang_switch.png);
    background-position : 0 2px;
    background-size: 200% 400%;
}
#lang-switch > li > a  { display:block;width:100%;height:100%;text-indent:-9999px; }
#lang-switch.lang-ja > li.lang-ja { background-position: 0% 0%; }
#lang-switch.lang-ja > li.lang-en { background-position: 100% 0%; }
#lang-switch.lang-ja > li.lang-ja:hover { background-position: 0%   0%; }
#lang-switch.lang-ja > li.lang-en:hover { background-position: 100% -36px;cursor:pointer; }
#lang-switch.lang-en > li.lang-ja { background-position: 0% -72px; }
#lang-switch.lang-en > li.lang-en { background-position: 100% -72px; }
#lang-switch.lang-en > li.lang-ja:hover { background-position: 0%   -108px;cursor:pointer; }
#lang-switch.lang-en > li.lang-en:hover { background-position: 100% -72px; }
/* -------------------------------------------
 * FOOTER
 * ------------------------------------------- */
#footer { clear:both;margin-top:64px;margin-left:0; }
#copyright {
    margin:0;
    padding:0;
    border-top:1px solid #ccc;
    height:40px;
    line-height:40px;
    font-size:100%;
    font-family:"Source Sans Pro", helvetica, arial, sans-serif;
    font-weight:300;
    color:#aaa;
    letter-spacing:1px;
}

#header    { position:relative;height:48px;margin-top:10px;margin-bottom:40px; }
#masthead  { width:300px;height:64px;float:left;margin:0;padding:0 auto;text-align:center; }
#masthead > a {
    display:block;width:300px;height:64px;margin:0 auto;
    background:url(/global/images/jfdb_masthead.png) no-repeat 50% 50%;
    background-size:contain;
    text-indent:-9999px;
}

/* -------------------------------------------
 * CONTENT
 * ------------------------------------------- */
#content {  }
#sp-menu { display:none; }

/* -------------------------------------------
 * AUTH
 * ------------------------------------------- */
#login-page { padding:3em 0 6em 0; }
#floatbox
{
    margin:64px auto;
    padding: 10px 10px 15px 10px;
    width:520px;
    background: #fff;
    text-align:left;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#EEE));
    background: -moz-linear-gradient(0% 100% 90deg,#EEE, #FFF);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: rgba(102,102,102,.2) 1px 1px 1px;
    -moz-box-shadow: rgba(102,102,102,.2) 1px 1px 1px;
    box-shadow: rgba(102,102,102,.2) 1px 1px 1px;
}
#floatbox h1
{
    font:bold 116% 'Lucida Grande', Verdana, sans-serif;
    margin-bottom:10px;
}
#floatbox label
{
    float:left;
    display:block;
    width:175px;
    margin:0 5px 0 5px;
    padding:10px 0;
    font:bold 116% 'Lucida Grande', Verdana, sans-serif;
    color: #000;
    text-align:right;
}
#floatbox select,
#floatbox input[type=text],
#floatbox input[type=password]
{
    width:180px;
    font-size:116%;
    font-weight:bold;
    margin:8px 0;
    padding:4px;
    border:1px solid #FFF;
    border-color: #BBB #DDD #DDD #BBB;
    background: -webkit-gradient(linear, 0% 0%, 0% 60%,from(#EEE),to(#FFF));
    background: -moz-linear-gradient(0% 60% 90deg,#FFF,#EEE);
}
#floatbox p.forgot { margin-top:1em; }
.form-section { clear:both; }

/*** SEARCH BOX ***/
.search-box { float:right; }

/*** TABLE LIST ***/
table.list { border-collapse:collapse;border:1px solid #000;width:100%; }
table.list tr { border:1px solid #000;background:#fff; }
table.list tr:nth-child(even) { background:#eee; }
table.list th { border:1px solid #000;padding:4px 8px;
    color:#000;
    background:#ccc;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ccc), to(#999));
    background: -moz-linear-gradient(25% 75% 90deg,#999, #ccc);
}
table.list td { border:1px solid #000;padding:6px 8px; }

/*** TABLE FORM ***/
table.form { margin-bottom:10px;border-collapse:collapse;border:1px solid #ccc;width:100%; }
table.form tr { border:1px solid #ccc;background:#fff; }
table.form tr.odd { background:#fff; }
table.form tr.even { background:#ddd; }
table.form th { border:1px solid #ccc;padding:8px;text-align:left;vertical-align:top;white-space:nowrap;
    color:#000;
    background:#ccc;
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ddd));
    background:-moz-linear-gradient(25% 75% 90deg,#ddd, #fff);
}
table.form th label {  font:bold 93% sans-serif; }
table.form td { border:1px solid #ccc;padding:6px 6px; }
table.form td input[type=text] { width:90%;font:normal 100% sans-serif;padding:2px; }
table.form td input#title { font:normal 138.5% sans-serif; }
table.form td input#zipcode { width:10em; }
table.form td input#headline,
table.form td input#tel,
table.form td input#fax { width:50%; }
table.form td textarea { width:90%;height:6em;font:normal 100% sans-serif;padding:3px 2px; }
table.form td textarea#body { width:96%;height:16em;font:normal 100% sans-serif;padding:3px 2px; }
table.form td textarea#tags { width:96%;height:8em;font:normal 100% sans-serif;padding:3px 2px; }
table.form caption { text-align:left;font:bold 100% sans-serif;padding:4px; }

/*** PAGER ***/
.pager { clear:both;text-align:left;padding:8px 0;margin-top:10px; }
.pager .current { padding:2px 6px;border:1px solid #3498db;background:#3498db;font-weight:bold;color:#fff;font-style:normal; }
.pager .paginate, .pager .prev, .pager .next { padding:2px 6px;border:1px solid #ddd;background:#ddd; }
.pager .inactivePrev, .pager .inactiveNext { padding:2px 6px;border:1px solid #ddd;color:#ddd; }
.pager_size { text-align:right;font-size:80%; }

/*** PANEL ***/
.panel {
}
.panel > ul > li {
    list-style  : none;
    height      : 32px;
    line-height : 32px;
    font-size   : 12px;
    text-align  : right;
    margin-bottom : 4px;
}
.panel > ul > li:first-child {
}
.panel > ul > li > a > span.logo {
    display     : block;
    float       : right;
    width       : 128px;
    height      : 28px;
    line-height : 28px;
    margin      : 0 0 0 6px;
    box-shadow  : 1px 1px 3px rgba(0,0,0,0.2);
}
.panel > ul > li > a > span.logo {
    background-position : 50% 50%;
    background-size     : contain;
    background-repeat   : no-repeat;
}
span.logo.fes-logo-cannes-2017 {
    background-image : url(/global/images/fes_logo_cannes-2017.png);
}
span.logo.fes-logo-cannes-2018 {
    background-image : url(/global/images/fes_logo_cannes-2017.png);
}
span.logo.fes-logo-annecy-2017 {
    background-image : url(/global/images/fes_logo_annecy-2017.png);
}
span.logo.fes-logo-annecy-2018 {
    background-image : url(/global/images/fes_logo_annecy-2018.png);
}
span.logo.fes-logo-tiffcom-2017 {
    background-image : url(/global/images/fes_logo_tiffcom-2017.png);
}
span.logo.fes-logo-efm-2018 {
    background-image : url(/global/images/fes_logo_efm-2018.png);
}
span.logo.fes-logo-hongkong-2018 {
    background-image : url(/global/images/fes_logo_hongkong-2018.png);
}
span.label {
    display: inline-block;
    border-radius : 2px;
    height : 14px;
    line-height : 14px;
    font-size   : 10px;
    padding     : 0 6px;
}
span.label.label-new {
    background-color : #f00;
    color            : #fff;
    position         : relative;
    font-family : "Droid Sans";
    margin : 0 6px 0 0;
}

/*** UTILITY ***/
.inline { display:inline !important;font:normal 100% sans-serif; }
.centerizer { text-align:center;vertical-align:middle; }
.num { text-align:right;font-family:monospace; }
.date { font:normal 85% sans-serif;white-space:nowrap; }
.note { font:normal 85% sans-serif;color:#666;padding:0 5px; }
.required { color:#c00;font:normal 100% sans-serif; }
.nowrap { white-space:nowrap; }
.warning { color:#E00; }
.system-message { margin:1em 0; }
.buttonarea { text-align:center;margin:10px 0; }
.button
{
    display:inline-block;
    min-width: 96px;
    color: #fff;
    font-size:93%;
    margin:0 5px;
    padding:4px 8px;
    line-height:1em;
    text-align:center;
    white-space:nowrap;
    border:none;
    -webkit-transition: -webkit-box-shadow 0.3s linear;
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px;
    -webkit-box-shadow: rgba(102,102,102,.5) 1px 1px 1px;
    -moz-box-shadow: rgba(102,102,102,.5) 1px 1px 1px;
    box-shadow:rgba(102,102,102,.5) 1px 1px 1px;
    background:#2980b9;
    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#3498db),to(#2980b9));
    background:-moz-linear-gradient(25% 75% 90deg,#2980b9,#3498db);
    cursor:pointer;
}
.button:hover
{
    background:#3498db;
    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#40a9ef),to(#3498db));
    background:-moz-linear-gradient(25% 75% 90deg,#3498db,#40a9ef);
}

.button-s
{
    display:inline-block;
    min-width:40px;
    color: #fff;
    font-size:93%;
    padding:4px 12px;
    line-height:1em;
    white-space:nowrap;
    border:none;
    -webkit-transition: -webkit-box-shadow 0.3s linear;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    -webkit-box-shadow: rgba(102,102,102,.5) 1px 1px 1px;
    -moz-box-shadow: rgba(102,102,102,.5) 1px 1px 1px;
    box-shadow:rgba(102,102,102,.5) 1px 1px 1px;
    background:#e74c3c;
    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#e74c3c),to(#c0392b));
    background:-moz-linear-gradient(25% 75% 90deg,#c0392b,#e74c3c);
    cursor:pointer;
}
.button-s:hover
{
    background:#e74c3c;
    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#c0392b),to(#e74c3c));
    background:-moz-linear-gradient(25% 75% 90deg,#e74c3c,#c0392b);
}

.button-pdf
{
    display:inline-block;
    min-width:40px;
    color: #fff;
    font-size:100%;
    padding:5px 12px;
    line-height:1em;
    white-space:nowrap;
    border:none;
    border-radius:3px;
    box-shadow:rgba(102,102,102,.2) 0 1px 2px;
    background:#3498db;
    cursor:pointer;
}
.button-pdf:hover
{
    background:#2980b9;
}
.button-pdf-process
{
    display:inline-block;
    min-width:40px;
    color: #fff;
    font-size:100%;
    padding:5px 12px;
    line-height:1em;
    white-space:nowrap;
    border:none;
    border-radius:3px;
    box-shadow:rgba(102,102,102,.2) 0 1px 2px inset;
    background:#2980b9;
    cursor:default;
}

.button-d
{
    display:inline-block;
    min-width:40px;
    color: #fff;
    font-size:93%;
    padding:4px 12px;
    line-height:1em;
    white-space:nowrap;
    border:none;
    -webkit-transition: -webkit-box-shadow 0.3s linear;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    -webkit-box-shadow: rgba(102,102,102,.5) 1px 1px 1px;
    -moz-box-shadow: rgba(102,102,102,.5) 1px 1px 1px;
    box-shadow:rgba(102,102,102,.5) 1px 1px 1px;
    background:#933e40;
    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#4f2223),to(#933e40));
    background:-moz-linear-gradient(25% 75% 90deg,#933e40,#4f2223);
    cursor:pointer;
}
body.bg1 .button-s
{
    background:#8e44ad;
    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#9b59b6),to(#8e44ad));
    background:-moz-linear-gradient(25% 75% 90deg,#8e44ad,#9b59b6);
}
body.bg1 .button-s:hover
{
    background:#9b59b6;
    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#8e44ad),to(#9b59b6));
    background:-moz-linear-gradient(25% 75% 90deg,#9b59b6,#8e44ad);
}


.local-nav { margin-bottom:24px;text-align:right; }
.locla-nav a {  }

a.pdf { display:inline-block;height:18px;padding-left:20px; background:url(../images/pdficon_small.gif) no-repeat 0 0;}

/* TOP PAGE */
#top-description { clear:both;margin:0px 0 16px 0;line-height:1.5em;font:normal 100% sans-serif;color:#666; }
.searchInput { width:460px; }


/* TAB-MENU */
ul.tab-menu {
    position:relative;
    margin:0 0 8px 0;
    padding:0;
    height:29px;
    border-bottom:1px solid #666;
}
ul.tab-menu li {
    position:relative;
    float:left;
    display:block;
    width:120px;
    height:28px;
    margin:0 0 0 4px;
    padding:0 10px;
    line-height:28px;
    text-align:center;
    border:1px solid #333;
    border-width:1px 1px 0 1px;
    background:#ccc;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ccc), to(#aaa));
    background: -moz-linear-gradient(25% 75% 90deg,#aaa,#ccc);
}
ul.tab-menu li.current {
    background:#FFF;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ddd));
    background: -moz-linear-gradient(25% 75% 90deg,#ddd,#fff);
    height:29px;
}
ul.tab-menu li:hover {
    background:#9cf;
    /*
       background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#da3), to(#fc3));
       background: -moz-linear-gradient(25% 75% 90deg,#fc3, #da3);
     */
}
ul.tab-menu li a       { display:block;font-size:93%;line-height:29px;color:#333; }
ul.tab-menu li a:hover { display:block;font-size:93%;line-height:29px;color:#000; }
ul.tab-menu li.current a { color:#000; }
ul.tab-menu li.backhome { float:right;margin-right:4px; }

#title .omnibus { margin:5px auto; }
#title .omnibus-title-main { font:normal 100% sans-serif;margin:0 0 0 0;padding:0 4px; }
#title .omnibus-title-sub { font:normal 93% sans-serif;margin:0 0 4px 0;padding:0 4px; }
#title .title-main { clear:both;font:bold 138.5% sans-serif;margin:8px 0 4px 0;padding:0 4px; }
#title .title-sub { font:bold 100% sans-serif;margin:0 0 8px 0;padding:0 4px; }

#title .title-main.en { font-family:"Droid Sans"; }
#title .title-sub.en  { font-family:"Droid Sans"; }
#title .omnibus-title-main.en { font-family:"Droid Sans"; }
#title .omnibus-title-sub.en  { font-family:"Droid Sans"; }

.alt { font:93% sans-serif;fot normal sans-serif;margin:0 0 8px 0;padding:0 4px; }
#title .title-roman { font:normal 100% sans-serif;padding:8px 4px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;color:#666; font-family:"Droid Sans"; }
#title .release-year { float:right;font:normal 100% sans-serif;padding-top:8px;font-family:"Droid Sans"; }
#title .title-details { margin-top:32px; }
#title .photo img { margin:0;max-width:233px; }

#title h2 { font:bold 93% sans-serif;margin:16px 0 4px 0; }
#title h2.inline { display:inline; }
#title p { font:normal 93% sans-serif; }
#title p b { font:bold 100% sans-serif !important; }
#title .description { font:normal 93% sans-serif;line-height:1.5em; }
#title .contact { margin-bottom:1em; font:normal 93% sans-serif;line-height:1.4em; }
#title .title-thread { margin-top:80px; }
.pdf-download-wrap { float:right;position:relative;top:0;z-index:8; }

#title p.jpf-collection,
#title p.title-info,
#title p.additional-note,
#title p.screen-info,
#title p.director,
#title p.producer { margin-bottom:1em;line-height:1.5em; }

.title-thread h1 { font:bold 116% sans-serif;padding:8px 4px;margin:10px 0;border-bottom:1px solid #ccc; }
.title-thread .form th { width:150px !important; }
.title-thread #comment { width:480px;height:120px; }
.title-thread .comment { margin-bottom:8px; }
.title-thread .comment-body { padding:4px 16px;background:#e9e5f5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.title-thread .comment-body p { margin:4px; }
.title-thread .author { font:bold 100% sans-serif; }

span.author { display:inline-block;height:22px;padding:4px 0 4px 20px;background:url(../images/balloon-tri.png) no-repeat 4px -5px; }
span.flag {   display:block;float:left;width:30px;height:22px; }
span.date { margin:0 10px; color:#999; }
span.screening,
span.have_seen { font:normal 85% sans-serif;
    background:#ccccff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding:2px 8px;
}

table.ratings { margin-top:8px; }
table.ratings th { font:bold 93% sans-serif;vertical-align:middle; }
table.ratings td { padding-right:10px; }

ul.ratings { margin:0 !important;padding:0 !important;height:32px;width:60px;float:left; }
ul.ratings li { margin:0;padding:0;display:block;float:left;width:48px;height:32px;background:url(../images/ratings.png);text-indent:-9999px;margin-left:4px; }
ul.ratings li.pg12 { background-position:0 0; }
ul.ratings li.r15 { background-position:0 -32px; }
ul.ratings li.r18 { background-position:0 -64px; }

.icons { margin:10px 0; }
ul.rate-icons { margin:0 !important;padding:0 !important;height:32px;width:360px;float:left; }
ul.rate-icons li { margin:0;padding:0;display:block;float:left;width:32px;height:32px;background:url(../images/rate_icons.png);text-indent:-9999px;margin-left:4px; }
ul.rate-icons li.sexuality { background-position:0 0; }
ul.rate-icons li.violence {  background-position:-33px 0; }
ul.rate-icons li.religiosity { background-position:-66px 0; }
ul.rate-icons li.sexuality.inactive { background-position:0 -33px; }
ul.rate-icons li.violence.inactive {  background-position:-33px -33px; }
ul.rate-icons li.religiosity.inactive { background-position:-66px -33px; }
ul.rate-icons li.sexuality.none { background-position:0 -66px; }
ul.rate-icons li.violence.none {  background-position:-33px -66px; }
ul.rate-icons li.religiosity.none { background-position:-66px -66px; }

#person, #omnibus { margin-top : 31px; }
#person .title-main, #omnibus .title-main { font:bold 138.5% sans-serif;margin:0;padding:0 4px; }
#person .title-sub, #omnibus .title-sub { font:bold 100% sans-serif;margin:0 0 8px 0;padding:5px 4px 5px 4px;border-bottom:1px solid #ccc; }
#person .title-main.en { font-family:"Droid Sans";padding:3px 0; }
#person .title-sub.en  { font-family:"Droid Sans";padding:8px 0; }

#person p { line-height:1.75em; }
#person .filmo { margin-top:24px; }
#person .filmo h4 { margin-bottom:8px;font:bold 100% sans-serif; }

#title ul, #person ul, #omnibus ul { list-style:disc;margin-left:2em; }
#title ul li, #person ul li, #omnibus ul li { font:normal 93% sans-serif;line-height:1.5em; }

.search-messages { font:normal 93% sans-serif;margin-bottom:1em;margin-top:30px; }
.search-result-column { margin-bottom:40px; }
.search-result-column > p { font:normal 85% sans-serif;color:#333; }
.search-result-header { font:bold 100% sans-serif;margin-bottom:4px;padding:4px 0;border-bottom:1px solid #ccc;line-height:1em; }
.search-result-item { margin-top:16px; }
.search-result-item img { max-width:100%;max-height:150px; }
.search-result-person { margin:4px 0 0 1.5em;font:normal 100% sans-serif; }
.search-result-title { font:bold 108% sans-serif;margin-bottom:16px; }
.search-result-title a { color:#000 !important; }
.search-result-director, .search-result-cast { font:normal 85% sans-serif;color:#666; }
.search-result-distribution { font:normal 85% sans-serif;color:#666; }
.search-result-description { margin-top:8px;font:normal 85% sans-serif;line-height:1.45em; }
.search-result-description b.snippet { background:#ff3; }
.search-result-more-detail { margin-top:4px;font:normal 85% sans-serif; }
.search-result-more-detail a {}
.search-sort-selector { margin-top:8px; }

.main-column { width:718px;margin-left:32px; }
.main-column .col6.detail { width:469px; }
.main-column .col7.detail { width:550px; }
.side-column { display:block;margin-top:32px;width:225px; }
.side-column h1 { font:bold 100% sans-serif;margin:0 0 16px 0; }
.side-column ul.list { list-style:disc;margin-left:2em; }
.side-column ul.list li { font:normal 93% sans-serif;line-height:1.4em; }
.search-option { padding:2px;font:normal 85% sans-serif; }
.search-title-year { font:normal 93% sans-serif; }

section { margin-bottom:32px; }
section h1 { font:bold 123.1%/1em serif;border:1px solid #d7d7d7;padding:10px 0;border-width:1px 0 1px 0;margin-bottom:16px;letter-spacing:2px; }
.section-header { border-top:1px solid #000;border-bottom:1px dotted #000;padding:4px 0;margin-bottom:8px;letter-spacing:0;  }

#link2jpf { display:block;width:233px;height:36px;background:url(../images/link2jpf.png) no-repeat 0 0;text-indent:-9999px;margin-bottom:10px; }
#link2jpf:hover { background-position:0 -36px; }

.site-contact { display:block;text-align:right;height:55px;line-height:55px; }
body.bg0 .site-contact a {
    display: inline-block;
    margin: 13px 0 0 0;
    padding: 8px 60px;
    font: normal 108%/36px sans-serif;
    line-height: 1em;
    border-radius: 8px;
    text-decoration: none;
    background: #efefef;
    color: #666;
    border: 1px solid #d7d7d7;
    text-shadow: 1px 1px 0 rgba(255,255,255,1);
}
body.bg0 .site-contact a:hover { background:#ddd; }
.licensee-mark { color:#999;font:normal 85% sans-serif;margin-left:0; }
.licensee-mark img { display:inline-block;margin:0 10px 0 0;vertical-align:bottom; }
.licensee-mark span { display:inline-block;vertical-align:bottom; }

.trailer-box { position:relative;width:233px; }
.trailer-box img { z-index:50; }
.trailer-play { position:absolute;top:0;left:0;z-index:100;display:block;width:233px;background:url(../images/play.png) no-repeat 50% 50%; }

.searchMovies .col:after,
.multiColumn01A:after,
.tabIndex:after,
.tabDocs .tabCol:after,
.tabDocs .checkList:after,
.clearfix:after{
    content:".";
    height:0;
    clear:both;
    display:block;
    visibility:hidden;
}
.searchMovies .col,
.multiColumn01A,
.tabIndex,
.tabDocs .tabCol,
.tabDocs .checkList,
.clearfix{
    zoom:100%;
}
/*----------tabArea----------*/
.tabArea{}
#main .tabArea h3{
    position:relative;
    top:-21px;
    left:-26px;
    margin-bottom:0;
}
.tabArea img{ vertical-align:text-top;}
/*-----tabIndex-----*/
.tabIndex{ background:url(/common/images/bg_tabindex.jpg) repeat-x left bottom;}
.tabIndex li{
    float:left;
    /*width:136px;*/
    margin-right:2px;
}
.tabIndex li.last-child{ margin-right:0;}
/*-----tabDocs-----*/
.tabDocs{
    clear:both;
    margin-bottom:50px;
    padding:21px 25px 0.25em;
    border:1px solid #ccc;
    border-top:none;
}
.tabDocs .searchInput{ vertical-align:top;}
.tabDocs .tabCol{
    clear:both;
    margin-bottom:1.5em;
}
.tabDocs h4{
    margin-bottom:0.5em;
    padding-bottom:0.5em;
    border-bottom:1px solid #ccc;
    font-weight:bold;
}
.tabDocs p{ margin-bottom:1.5em;}
/*checkGroup*/
.checkToggle{ display:none;}
.tabDocs .checkList li{
    /*display:inline;*/
    float:left;
    margin-right:1em;
    white-space:nowrap;
}
.tabDocs h4 input,
.tabDocs .checkList input{ margin-right:5px;}
.tabDocs .disabled{ color:#999;}
/**/
.widestInput{ width:391px;}


.btn {
    display : block;
    border  : 1px solid #d7d7d7;
    padding : 0 10px;
    height  : 28px;
    line-height   : 28px;
    border-radius : 4px;
    text-align    : center;
}
.btn:hover {
    background : #efefef;
}
.btn-more-detail {
}
.box-more-detail {
    display : none;
}

.licenser-container {
    margin-top : 20px;
}
.licenser {
    margin : 4px 0;
}
.licenser dl {
    margin-bottom: 10px;
}
.licenser dl dt {
    margin-top  : 10px;
    font-weight : bold;
    font-size   : 13px;
}
.licenser dl dd {
    margin-left: 0px;
    line-height : 1.4em;
    font-size   : 12px;
}
span.subrights {
    display     : inline-block;
    padding-top : 4px;
    font-size   : 12px;
}
.vipo-logo {
    text-align : right;
}

.social-widgets {
    position       : relative;
    margin-top     : 16px;
    height         : 20px;
}

.fb_iframe_widget > span {
    vertical-align: baseline !important;
}
.twitter-share-button {
    float        : left;
    margin-right : 8px;
}

.facebook-share-button {
    float       : left;
    display     : inline-block;
    position    : relative;
    box-sizing  : border-box;
    padding     : 1px 0 1px 0;
    background-color: #3B5998;
    text-align  : center;
    text-decoration : none !important;
    color       : #fff !important;
    font-weight   : 500;
    cursor        : pointer;
    width       : 75px;
    height      : 20px;
    line-height : 20px;
    border-radius : 2px;
    font-size   : 12px;
}

.prod-status {
    display     : inline-block;
}
.market-look-container {
    margin : 0 0 24px 0;
}
.market-look {
    font-family : "Lobster Two", Gerogia, serif !important;
    font-weight : 800 !important;
    border      : 0;
    color       : #000;
    display     : inline-block;
}
.market-look a {
    position  : relative;
    top : 4px;
    text-decoration : none !important;
    margin-right    : 8px;
}
p.market-look a {
    font-size       : 153.9% !important;
}
.market-look span.gr {
    color : #444444!important;
}
.market-look span.wh {
    color : #ffffff !important;
}
.market-look span.ma {
    color : #F06292 !important;
}
h1.market-look {
    margin      : 0 auto 10px auto;
    font-size   : 80px;
    clear       : both;
}
h1.market-look > small.ja {
    font-family    : "Droid Sans", Arial, Helvetica, sans-serif;
    font-weight    : 200;
    font-size      : 21px;
    letter-spacing : -1px;
}
h1.market-look > small.en {
    font-family    : "Droid Sans", Arial, Helvetica, sans-serif;
    font-weight    : 200;
    font-size      : 21px;
}
.market-look-list {
    margin-top: 14px;
}
.market-look-header {
    position : relative;
    margin-bottom : 40px;
}
.market-look-header figure {
    float    : right;
    max-width: 35%;
    margin   : 20px auto 0 auto;
    text-align : center;
    top:-150px;
    height : 0;
}
.market-look-header figure > img {
    width    : 100%;
    height   : auto;
    margin   : 0 auto;
}
.market-look-header figure.canne {
    margin   : -20px auto 0 auto;
}
.market-look-header figure.tiffcom {
    margin   : 0 auto 0 auto;
}
.market-look-header figure.efm {
    margin   : -10px auto 0 auto;
}
.market-look-header figure.efm > img{
    width : 60%;
}
.market-look-header figure.hongkong {
    margin   : 0 auto 0 auto;
    max-width : 20%;
}

.market-look-header h1 {
    height   : 60px;
    font-size   : 60px;
}
.market-look-header h1 > small {
    display:block;
    font-size : 21px;
}

@media screen and (max-width:30em) {
    .market-look span.wh {
        color : #444 !important;
    }
    .market-look span.ma {
        color : #F06292 !important;
    }
    h1.market-look {
        margin      : 0 auto 10px auto;
        font-size   : 30px;
    }
    h1.market-look-sm {
        margin      : 0 auto 4px auto;
        font-size   : 36px !important;
    }
    h1.market-look-sm > small {
        font-size   : 16px !important;
    }
    h1.market-look > small.ja {
        margin-top  : 6px;
        color : #333 !important;
    }
    h1.market-look > small.en {
        margin-top  : 6px;
        color : #333 !important;
    }
    .market-look-header {
        min-height : auto;
        padding-bottom : 20px;
    }
    .market-look-header figure {
        float    : none !important;
        position : relative;
        width    : 100%;
        max-width: 100%;
        margin-top: 10px !important;
        top : 0;
        height : auto;
    }
    .market-look-header figure > img {
        width    : 80%;
        margin   : 0 auto;
    }
    .market-look-header figure.efm {
        margin-top: 10px !important;
    }
    .market-look-header figure.hongkong {
        max-width : 50%;
    }

    .market-look-header h1 {
        position : relative;
        bottom   : auto;
        left     : auto;
        text-shadow : none;
        margin   : 0 auto !important;
    }
    .market-look-header p#top-description {
        margin : 16px 0 16px 0;
        text-align : center;
    }

    .widget-container {
        height : 48px;
        padding-bottom: 24px;
        text-align : center;
    }
}

/*
   .col12.title-box { clear:bith;min-height:80px;box-shadow:2px 2px 5px rgba(0,0,0,0.15);margin-bottom:8px; }
   .col12.title-box .fig { width:260px;height:150px;overflow:hidden;float:left;margin:0 16px 0 0; }
   .col12.title-box div.title-detail { padding:4px 10px 4px 10px; }
   .col12.title-box h2.title { color:#000;margin:5px 0 10px 0; }
   .col12.title-box h2.title > a { color:#000;display:block;font:normal 123.1%/1.2em sans-serif;height:1.2em;overflow:hidden;text-decoration:none; }
   .col12.title-box h2.title > a:hover { color:#000;text-decoration:underline; }
   .col12.title-box span.prod_year { font-size:80%;color:#999;font-family:"Droid Sans"; }
   .col12.title-box div.title-info     { margin:0;line-height:1.5em; }
   .col12.title-box div.title-staff    { margin:0;line-height:1.5em; }
   .col12.title-box div.title-contacts { margin:0;line-height:1.5em; }
   .col12.title-box span.delimiter { color:#aaa;margin:0 10px; }
   .col12.title-box ul.genre-list { list-style:none;display:inline; }
   .col12.title-box ul.genre-list > li { font:normal 85%/1.20em sans-serif;color:#777;white-space:nowrap;display:inline; }
   .col12.title-box ul.genre-list > li:after { content: " ｜ ";color:#aaa; }
   .col12.title-box ul.genre-list > li:last-child:after { content : ""; }
   .col12.title-box p.duration   { font:normal 85%/1.20em sans-serif;color:#777;white-space:nowrap;display:inline-block; }
   .col12.title-box p.title-cast { font:normal 85%/1.20em sans-serif;color:#777;white-space:nowrap;display:inline-block; }
   .col12.title-box p.contact { font:normal 85%/1.20em sans-serif;color:#777;white-space:nowrap;display:inline-block; }
   .col12.title-box p.title-description { font:normal 85%/1.4em sans-serif;color:#666;height:4.2em;overflow:hidden;margin:4px 0 2px 0; }
   .col12.title-box p.datetime { position:absolute;right:10px;top:12px;font:normal 11px/1em sans-serif;color:#999; }
   .col12.title-box p.fig-copyright { position:absolute;bottom:4px;left:276px;font-size:75%;color:#999;height:1.5em;line-height:1.5em;overflow:hidden; }
   .col12.title-box .tag-list { float:right; }
 */

.col12.list-sm.title-box { clear:bith;min-height:72px;box-shadow:1px 1px 3px rgba(0,0,0,0.15);margin:0 0 6px 16px; }
.col12.list-sm.title-box .fig { width:128px;height:72px;overflow:hidden;float:left;margin:0 12px 0 0; }
.col12.list-sm.title-box div.title-detail { padding:2px 5px 2px 5px;line-height:1.2em;overflow:hidden; }
.col12.list-sm.title-box h2.title { color:#000;margin:5px 0 5px 0; }
.col12.list-sm.title-box h2.title > a { color:#000;display:block;font:normal 108%/1.2em sans-serif;height:1.2em;overflow:hidden;text-decoration:none; }
.col12.list-sm.title-box h2.title > a:hover { color:#000;text-decoration:underline; }
.col12.list-sm.title-box span.prod_year { font-size:80%;color:#999;font-family:"Droid Sans"; }
.col12.list-sm.title-box div.title-info     { margin:0;line-height:1.5em; display:block;line-height:1.5em; }
.col12.list-sm.title-box div.title-staff    { margin:0;line-height:1.5em; display:block;line-height:1.2em; }
.col12.list-sm.title-box div.title-contacts { display:none; }
.col12.list-sm.title-box span.delimiter { color:#aaa;margin:0 10px; }
.col12.list-sm.title-box ul.genre-list { list-style:none;display:inline; }
.col12.list-sm.title-box ul.genre-list > li { font:normal 85%/1.20em sans-serif;color:#777;white-space:nowrap;display:inline; }
.col12.list-sm.title-box ul.genre-list > li:after { content: " ｜ ";color:#aaa; }
.col12.list-sm.title-box ul.genre-list > li:last-child:after { content : ""; }
.col12.list-sm.title-box p.duration   { font:normal 85%/1.20em sans-serif;color:#777;white-space:nowrap;display:inline-block; }
.col12.list-sm.title-box p.title-cast { font:normal 85%/1.20em sans-serif;color:#777;white-space:nowrap;display:inline-block; }
.col12.list-sm.title-box p.contact { font:normal 85%/1.20em sans-serif;color:#777;white-space:nowrap;display:inline-block; }
.col12.list-sm.title-box p.title-description { font:normal 85%/1.4em sans-serif;color:#666;height:4.2em;overflow:hidden;margin:4px 0 2px 0; }
.col12.list-sm.title-box p.datetime { position:absolute;right:10px;top:12px;font:normal 11px/1em sans-serif;color:#999; }
.col12.list-sm.title-box p.fig-copyright { display:none; }
.col12.list-sm.title-box .tag-list { float:right; }
@media screen and (max-width:30em) {
    .col12.list-sm.title-box { min-height:54px;margin:0 0 12px 0; }
    .col12.list-sm.title-box .fig { width:96px;height:54px; }
    .col12.list-sm.title-box h2.title > a { font:normal 93%/1.2em sans-serif;height:1em; }
    .col12.list-sm.title-box div.title-info     { display:none; }
    .col12.list-sm.title-box div.title-staff    { display:none; }
    .col12.list-sm.title-box .tag-list { float:none;margin-top:2px; }
    .col12.list-sm.title-box .tag-list a { font-size:75%; }
}

.col3.title-box.card { clear:bith;height:360px;box-shadow:2px 2px 5px rgba(0,0,0,0.15);margin-bottom:8px; }
.col3.title-box.card .fig { width:100%;height:150px;overflow:hidden;margin:0 0 0 0;float:none; }
.col3.title-box.card div.title-detail { padding:4px 8px 4px 8px;overflow:hidden; }
.col3.title-box.card h2.title { color:#000;margin:4px 0 8px 0;position:relative; }
.col3.title-box.card h2.title > a { color:#000;display:block;font:normal 100%/1.3em sans-serif;max-height:3.7em;overflow:hidden;text-decoration:none; }
.col3.title-box.card h2.title > a:hover { color:#000;text-decoration:underline; }
.col3.title-box.card span.prod_year { font-size:85%;color:#999; }
.col3.title-box.card div.title-info     { margin:0;line-height:1.25em; }
.col3.title-box.card div.title-staff    { margin:0;line-height:1.25em; }
.col3.title-box.card div.title-contacts { margin:0;line-height:1.25em; }
.col3.title-box.card span.delimiter { display:none; }
.col3.title-box.card ul.genre-list { list-style:none;display:block;margin-bottom:6px;white-space:nowrap:overflow:hidden; }
.col3.title-box.card ul.genre-list > li { font:normal 85%/1.20em sans-serif;color:#777;white-space:nowrap;overflow:hidden;display:inline; }
.col3.title-box.card ul.genre-list > li:after { content: "｜";color:#aaa; }
.col3.title-box.card ul.genre-list > li:last-child:after { content : ""; }
.col3.title-box.card p.duration   { font:normal 85%/1.4em sans-serif;color:#777;display:block;overflow:hidden;white-space:nowrap; }
.col3.title-box.card p.title-cast { font:normal 85%/1.4em sans-serif;color:#777;display:block;overflow:hidden;white-space:nowrap; }
.col3.title-box.card p.contact    { font:normal 85%/1.4em sans-serif;color:#777;display:block;overflow:hidden;white-space:nowrap; }
.col3.title-box.card p.title-description { font:normal 75%/1.4em sans-serif;color:#666;height:4.2em;overflow:hidden;margin:4px 0 2px 0; }
.col3.title-box.card p.datetime { position:absolute;right:10px;top:12px;font:normal 11px/1em sans-serif;color:#999; }
.col3.title-box.card p.fig-copyright { font-size:75%;position:absolute;bottom:4px;color:#999;height:1.5em;line-height:1.5em;overflow:hidden; }
.col3.title-box.card .tag-list { margin:0; }
@media screen and (max-width:30em) {
    .col3.title-box.card { height:auto;padding:0 0 24px 0; }
    .col3.title-box.card .fig { width:100%;padding-bottom:63% !important; }
    .col3.title-box.card h2.title > a { font:normal 123.1%/1.3em sans-serif; }
    .col3.title-box.card div.title-info     { font-size:108%; }
    .col3.title-box.card div.title-staff    { font-size:108%; }
    .col3.title-box.card div.title-contacts { font-size:108%; }
}


.tag-list > li {
    list-style: none;
}
a.label {
    display : inline-block;
    padding : 0 5px;
    margin  : 0 0 4px 0;
    border-radius : 3px;
    font-size   : 77%;
    height      : 16px;
    line-height : 16px;
    text-decoration : none;
    font-family : "Droid Sans", sans-serif;
}
a.label:hover {
    color      : #fff !important;
}
a.label.label-inproduction {
    background : #F06292;
    color      : #fff;
}
a.label.label-completed {
    background : #26C6DA;
    color      : #fff;
}
.festival-list {
    text-align : center;
}
.festival-list > li {
    font-size : 12px;
    display : inline-block;
}
.festival-list > li:after {
    font-size : 12px;
    content : " | ";
}
.festival-list > li:last-child:after {
    content : "";
}


/* =======================================
   media queries
   ======================================= */

/* tablet 1012  */
@media screen and (max-width:1012px) {
    html, body { width:1012px; }
}

/* smartphone 30em */
@media screen and (max-width:30em) {

    /* common */
    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }
    html, body {
        width:100%;
        margin:0;
        padding:0;
        word-wrap:break-word;
        overflow-wrap:break-word;
    }
    .wrapper {
        width: 100%;
        min-height: 0;
        margin: 0 auto;
        padding: 0 10px;
        box-shadow: none;
    }
    select {
        width: 100%;
        padding: 8px 2px 8px 0;
        font-size: 120%;
    }
    .row { margin:0; }

    /* grid */
    .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12, .col13, .col14, .col15, .col16 { float:none;width:100%;margin:0;border:0; }

    /* header */
    #header { height: 39px; }
    #header h1.logo { width:320px;text-align:center;line-height:36px; }
    #header h1.logo img { max-width: 300px !important; }

    /* language selection */
    #lang-switch { text-align:center;margin:0 auto;padding:0;width:320px;height:28px; }
    #lang-switch > li { text-align:center;margin:0;padding:0;width:160px;height:28px;background-size: 320px 128px; }
    #lang-switch.lang-ja > li.lang-ja { background-position: 0 0; }
    #lang-switch.lang-ja > li.lang-en { background-position: -160px 0; }
    #lang-switch.lang-ja > li.lang-ja:hover { background-position: 0%   0%; }
    #lang-switch.lang-ja > li.lang-en:hover { background-position: -160px -32px; }
    #lang-switch.lang-en > li.lang-ja { background-position: 0 -64px; }
    #lang-switch.lang-en > li.lang-en { background-position: -160px -64px; }
    #lang-switch.lang-en > li.lang-ja:hover { background-position: 0%   -96px; }
    #lang-switch.lang-en > li.lang-en:hover { background-position: -160px -96px; }

    /* site title */
    #head-jfdb { margin:0 0 16px 0; }
    #head-jfdb img { width:100%;height:auto; }

    /* search button */
    #sp-menu {
        position: relative;
        display: block;
        margin: 0 0 24px 0;
        padding: 8px 10px;
        width: 100%;
        color: #555555;
        cursor: pointer;
        outline: 0;
        text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);
        -webkit-tap-highlight-color:rgba(0,0,0,0);
        -webkit-border-radius:8px;
        -moz-border-radius:8px;
        border-radius:8px;
        background-color:#f5f5f5;
        *background-color:#e6e6e6;
        background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);
        background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
        background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);
        background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);
        background-image:linear-gradient(to bottom, #ffffff, #e6e6e6);
        background-repeat:repeat-x;
        border:1px solid #cccccc;
        *border:0;
        border-color:#e6e6e6 #e6e6e6 #bfbfbf;
        border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        border-bottom-color:#b3b3b3;
        -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    }
    #sp-menu.sp-close {
        margin-bottom: 0;
        -webkit-border-radius:8px 8px 0 0;
        -moz-border-radius:8px 8px 0 0;
        border-radius:8px 8px 0 0;
    }
    #sp-menu p {
        float: left;
        font-size: 120%;
        line-height: 18px;
        color: #666;
    }
    .js-sp-menu-text .js-sp-menu-button-open,
    #sp-menu.sp-close .js-sp-menu-text .js-sp-menu-button-close { display:inline; }
    #sp-menu.sp-close .js-sp-menu-text .js-sp-menu-button-open,
    .js-sp-menu-text .js-sp-menu-button-close { display:none; }
    .js-sp-menu-button {
        float: right;
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        transition: 0.4s ease-in-out;
        -webkit-transition: 0.4s ease-in-out;
    }
    .js-sp-menu-button:before { color:#666;font-size:140%;line-height:18px; }
    #sp-menu.sp-close .js-sp-menu-button {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform-origin: center center;
        -webkit-transform-origin: center center;
    }
    #sp-menu.sp-close .js-sp-menu-button:before { content:"\f00d"; }

    /* search box */
    .side-column {
        display: none;
        margin: 0;
        padding: 16px 16px 24px 16px;
        border: 1px solid #d7d7d7;
        box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    }
    .side-column input[type="text"] {
        width: 75%;
        width: calc(100% - 75px);
        height: 25px;
        vertical-align: middle;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
    .side-column input.button-s { padding:6px 12px;font-size:100%;vertical-align:middle; }
    .side-column.sp-open-column { display:block;margin-bottom:24px; }
    .side-column section:last-child { margin-bottom:0; }
    .side-column h1 { font-size: 120%; }
    .side-column ul.list li { font-size: 100%;line-height: 1.7em; }
    .search-title-year { margin-top:1em;font-size:100%;line-height:2em; }
    .search-option { padding:6px 2px 2px 2px;font-size: 100%; }
    .search-option a { font-size: 100%; }

    /* search result */
    .search-messages { font-size:100%; }
    .search-messages p, .search-result-column>p { font-size:110%; }
    .search-result-header { margin:0;padding:8px;font-size:110%;color:#fff;background:#000;border:none; }
    .search-result-column { padding:10px 8px 16px 8px;margin: 0; }
    .search-sort-selector { margin:8px 0 16px 0; }
    .search-result-item { padding:16px 0;border-top:1px solid #ccc; }
    .search-result-item:first-child { margin-top: 16px; }
    .search-result-item:last-child { margin-bottom: 16px;border-bottom:1px solid #ccc; }
    .search-result-item img { max-width:100%;max-height:250px; }
    .search-result-title { font-size:120%;margin:8px 0 6px 0; }
    .search-result-title a { font-size:120%;line-height:1.3em; }
    .search-result-director { font-size:110%; }
    .search-result-cast { font-size:110%; }
    .search-result-description { font-size:110%;line-height:1.6em; }
    .search-result-more-detail { font-size:110%;margin-top:16px; }
    .search-result-more-detail a {
        display: block;
        padding: 8px 4px;
        width: 100%;
        font: normal 108%/36px sans-serif;
        line-height: 1em;
        border-radius: 8px;
        text-decoration: none;
        background: #efefef;
        color: #666 !important;
        border: 1px solid #d7d7d7;
        text-shadow: 1px 1px 0 rgba(255,255,255,1);
        text-decoration: none !important;
        text-align: center;
    }
    .search-result-more-detail a:hover { background:#ddd; }
    #title ul li, #person ul li, #omnibus ul li { font-size:110%;line-height:1.7em; }
    .search-result-person { font-size: 110%; }

    #title .title-main { margin:0 0 6px 0;font-size:138.5%;line-height:1.3em; }
    #title .title-sub { font-size:116%;line-height:1.4em; }
    #title h2 { font-size:120%; }
    #title p { font-size:110%;line-height:1.7em; }
    #title p b { display:block;margin-bottom:4px;font-size:120% !important; }
    #title .title-roman { font-size:110%;line-height:1.4em; }
    #title .release-year { font-size:120%; }
    #title .description { font-size:110%;line-height:1.7em; }
    #title .contact { font-size:110%;line-height:1.6em; }
    #title p.jpf-collection, #title p.title-info, #title p.additional-note, #title p.screen-info, #title p.director, #title p.producer { font-size:110%;line-height:1.6em; }
    #title .photo img { max-height:250px;max-width:100%; }
    #title .photo .caption { margin:4px 0 16px 0;font-size:100%; }

    #person { margin-bottom:24px; }
    #person .title-main, #omnibus .title-main { margin:0;padding:8px 0;font-size:138%;line-height:1.3em; }
    #person .title-sub, #omnibus .title-sub { font-size:108%;line-height:1.4em; }
    #person .title-main.en { padding:8px 0; }
    #person .contact-name { margin-bottom:24px; }
    #person p { font-size:100%;line-height:1.7em;}
    #person .filmo { margin:24px 0; }
    #person .filmo h4 { margin-bottom:4px;font-size:110%; }
    .person-name, .person-as-director, .person-as-distributor, .person-as-cast, .person-as-staff { margin-bottom:24px; }
    .person-as-director h1, .person-as-producer h1, .person-as-distributor h1, .person-as-cast h1, .person-as-staff h1 { font-size:120%;font-weight:bold;line-height:1.6em; }


    /* pager */
    .pager { margin:20px 0;padding:0;width:100%;height:auto;text-align:center; }
    .pager .current, .pager .paginate, .pager .prev, .pager .next { margin:0;padding:2px 4px;display:inline-block;font-size:150%; }

    /* fancybox */
    #fancybox-wrap { left: 0 !important;width:100% !important; }
    #fancybox-inner { width:100% !important;height: auto !important;left:0 !important;top:0 !important; }
    #fancybox-inner .player_container { width:100% !important;height:auto !important; }
    #fancybox-inner .player_container embed { width: 100% !important;height: auto !important; }

    /* footer */
    #footer { margin-top:0; }
    #copyright { font-size:110%; }
    .licensee-mark { margin:0;padding:0;text-align:center;  }
    .site-contact { margin:20px 0 0 0;padding:0;text-align:center; }
    body.bg0 .site-contact a { padding:10px 4px;width:100%;font-size:110%; }

    /* pdf download button */
    .pdf-download-wrap { text-align:center;position:relative;height:40px;top:0; }


    #global-header .container { width:320px;padding:0 10px;margin:0 auto;text-align:center;box-sizing:content-box; }
    #global-header h1.logo {  }
    #global-header h1.logo a.unijapan
    {
        box-sizing:content-box;
        margin-right : 6px;
        width  : 140px;
        height : 40px;
        padding-top:0;
        background-size     : cover;
        background-position : 0 0;
    }
    #global-header h1.logo a.jpf
    {
        box-sizing:content-box;
        margin-left : 6px;
        width  : 128px;
        height : 40px;
        padding-top:0;
        background-size     : cover;
        background-position : 0 2px;
    }


    #masthead  { width:100%;height:44px;margin:0;padding:0 auto;text-align:center;margin:20px 0; }
    #masthead > a {
        display:block;width:300px;height:44px;margin:0 auto;
        background:url(/global/images/jfdb_masthead.png) no-repeat 50% 50%;
        background-size:contain;
        text-indent:-9999px;
    }

    h1.market-look {
        font-family : "Lobster Two", Gerogia, serif !important;
        margin      : 20px auto 10px auto;
        font-size   : 64px;
    }
    h1.market-look > small {
        display        : block;
        margin-top     : 1em;
        font-weight    : 200;
        font-size      : 14px !important;
        letter-spacing : -1px;
        line-height    : 1.5em;
    }

    a.label {
        font-size   : 93%;
        padding     : 0 5px;
        height      : 18px;
        line-height : 18px;
    }

    .main-column { width:100%;margin:0 0 24px 0; }
    .main-column .col6.detail { width:100%; }
    .main-column .col7.detail { width:100%; }

    .pdf-download-wrap {
        width      : 100%;
        text-align : center;
    }
    .pdf-download-wrap button {
        float  : none;
        margin : 0 auto;
    }
    .market-look-container {
        margin : 10px auto 30px auto;
        padding : 60px 0 0 0;
    }

    h1.market-look {
        display    : block;
        text-align : center;
        margin     : 40px 0;
    }
    .market-look-list {
        margin-top: 0;
        margin-bottom: 30px;
    }

    .panel > ul > li > a > span.logo {
        width: 150px;
        height: 32px;
    }

}

@media screen and (max-width : 320px) {
    .panel > ul > li > a > span.logo {
        width: 90px;
        height: 20px;
    }
    h1.market-look {
        font-size : 50px;
    }
}


#title .photo .caption {  }
#title .photo .still { margin:0 0 4px 0;padding:0; }


figure.fig {
    position: relative;
}
figure.fig img {
    position: absolute;
    width : 100%;
    left  : 0;
    top   : 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
figure.fig.fig-still {
    position: relative;
    margin: 0;
    width : auto;
    height : 160px;
}
figure.fig.fig-still img {
    position: absolute;
    width : auto;
    left  : 0;
    top   : 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
#title .photo p.caption {
    margin:4px 0 12px 0;
    font:normal 77% sans-serif;
    color:#666;
    line-height:1.3em;
}
figure.fig.fig-noimage {
    background:#e4e4e4 url(/global/images/jfdb_noimage.png) 50% 50% no-repeat;
    background-size:contain;
}
figure.fig.fig-noimage img {
    opacity : 0;
}

.button-switch {
    position : relative;
}
.button-switch > button {
    margin : 0;
    padding : 8px 10px;
    background : #e0e0e0;
    color : #999;
    border : 1px solid #d7d7d7;
    font-size : 14px;
    cursor : pointer;
}
.button-switch > button.active {
    background : #fff;
    color : #333;
}
.button-switch > button:first-child {
    border-radius: 4px 0 0 4px;
    border-width : 1px 0 1px 1px;
}
.button-switch > button:last-child {
    border-radius: 0 4px 4px 0;
    border-width : 1px 1px 1px 0;
}

.control-label {
    color : #666;
}
.form-container {
}
.form-container h2 {
    font-size : 24px;
    margin : 1rem 0 3rem 0;
}
.form-container h2 small {
    font-size : 18px;
    color : #a7a7a7;
}
.form-container p.lead {
    font-size : 16px;
    margin-bottom : 2rem;
}
.form-container p {
    font-size : 13px;
}
.form-container ul {
    margin : 0 0 2rem 0;
    padding: 0 0 0 1rem;
}
.form-container ul li {
    font-size : 12px;
    line-height : 1.5em;
    margin-bottom : 0.25rem;
}
.form-container .btn {
    height : auto;
    line-height : auto;
    min-width : 8rem;
}

.form-container .btn-info {
    background : #3498db;
}
.form-container .btn-danger {
    background : #e74c3c;
}
.form-container .alert p {
    margin : 0 0 .25rem 0;
}
.form-container .form-group p {
    font-size : 16px !important;
}