/*
Theme Name: wp-bootstrap
Theme URI: http://320press.com/wpbs
Description: A simple responsive theme based on the Bootstrap framework. Includes multiple page templates, two different sidebars and a theme options panel.
Version: 3.0
Author: 320press
Author URI: http://320press.com
Tags: black, white, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, full-width-template, theme-options
License: GNU General Public License v2.0 & Apache License 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0
*/

/* HEADS UP: Everything that you will normally find here can be found in the library/less/wp.less */


/* breakepoints
-------------------------------------------------- */

@media (max-width: 767px) {}

@media (min-width: 768px) and (max-width: 991px) {}

@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width: 1200px) {}

/* main
-------------------------------------------------- */

body
{
    color: #fff;
    background: #000;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

	font-family: "refrigerator-deluxe",sans-serif;
	font-style: normal;
	font-weight: 400;
}

a
{
    color: #fff;
}

a:hover
{
    color: #fff;
}

a:focus
{
    color: #fff;
}

p {
	font-size: 16px;
}

.starter-template
{
    padding: 40px 15px;

    text-align: center;
}

.nopadding
{
    margin: 0 !important;
    padding: 0 !important;
}

.img-responsive
{
    width:100%;
}

/* nav
-------------------------------------------------- */

.nav > li > a, .nav > .active > a, .nav > .active > a:focus, .nav > li > a:hover
{
    background: none;
}

.navbar-brand
{
    -webkit-transform: translateZ(0);

    height: 20px;
    padding-top: 0;
    padding-bottom: 0;
}

.navbar-nav
{
    -webkit-transform: translateZ(0);

    margin: 0;
    font-weight: bold;
}

.navbar
{
    margin-bottom: 0;
}


.navbar
{
    padding-top: 60px;
    padding-bottom: 60px;
}

.navbar-nav > li > a
{
    padding: 0;
}

.navbar-nav > li:after
{
    margin-right: 20px;

    content: '\ ';
}

@media (max-width: 767px)
{
    .navbar-brand
    {
        font-size: 23px;
        margin-bottom: 13px;
    }

    .navbar-nav > li
    {
        display: inline-block;
        float: left;
    }

    .navbar
    {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .navbar-nav > li
    {
        font-size: 13px;

        margin-bottom: 4px;
    }
}

@media (min-width: 768px) and (max-width: 991px)
{

    .navbar-brand
    {
        margin-bottom: 11px;
    }

    .navbar-brand
    {
        font-size: 27px;
    }

    .navbar-nav > li:after
    {
        margin-right: 25px;
    }

    .navbar
    {
        padding-top: 40px;
        padding-bottom: 30px;
    }

    .navbar-nav
    {
        width: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1199px)
{
    .navbar-brand
    {
        font-size: 26px;
    }

    .navbar-nav
    {
        margin-left: 25px;
    }

    .navbar-nav > li
    {
        font-size: 15px;
    }

    .navbar-nav > li:after
    {
        margin-right: 21px;
    }
}

@media (min-width: 1200px)
{

    .navbar-brand
    {
        font-size: 28px;
    }

    .navbar-nav
    {
        margin-left: 35px;
    }

    .navbar-nav > li
    {
        font-size: 16px;
    }

    .navbar-nav > li:after
    {
        margin-right: 25px;
    }
}

.icon-bar
{
    background-color: #fff;
}

.navbar-toggle
{
    margin: 0;
    padding: 0;
}

.nav > li > a
{
    display: inline;

    padding-bottom: 3px;
}

.nav > .active > a,
.nav > li > a:hover, .nav > li > a:focus
{
    padding-bottom: 3px;

    border-bottom-width: 2px;
    border-bottom-style: solid;

    background: none;
}


#sidebar > .active > a:hover
{
    padding-bottom: 3px;

    border-bottom-width: 2px;
    border-bottom-style: solid;
}

#sidebar > .active > span
{
    color: rgba(255, 255, 255, 1);
}

#sidebar > li > span
{
    color: rgba(255, 255, 255, 0);
}


#sidebar > li > .active > span
{
    color: rgba(255, 255, 255, 1);
}

/* sub menu
-------------------------------------------------- */

.sub-menu 
{
    -webkit-transform: translateZ(0);

    font-size: 16px;
}

.sub-menu > li > a
{
    z-index: 600000;

    display: inline;

    padding: 0;
}

.sub-menu > li
{
    font-weight: bold;

    margin-bottom: 10px;
}

.sub-menu > li > a
{
    left: 24px;
}

.sub-menu > li > span
{
	font-weight: normal;

    position: absolute;
    top: 2px;
}


@media (max-width: 767px)
{

    .sub-menu
    {
        font-size: 14px;
    }

    .sub-menu > li
    {
        margin-bottom: 3px;
    }

    .sub-menu
    {
        padding-bottom: 25px;
    }

    #sidebar
    {
        margin-bottom: 15px;
    }
}

@media (min-width: 768px) and (max-width: 991px)
{

    .sub-menu
    {
        padding-bottom: 45px;
    }

    .sub-menu > li
    {
        margin-bottom: 7px;
    }


}

/* Background Image
-------------------------------------------------- */

.fill
{
    position: fixed;

    width: 100%;
    height: 100%;

    -webkit-transform: translateZ(0);

    background-position: center;
    background-size: cover;
}

.index-image-0
{
    opacity: .2;
    background-image: url('images/index_image_0.jpg');
}

.index-image-1
{
    opacity: .2;
    background-image: url('images/index_image_1.jpg');
}

.index-image-2
{
    opacity: .2;
    background-image: url('images/index_image_2.jpg');
}

.index-image-3
{
    opacity: .2;
    background-image: url('images/index_image_3.jpg');
}

/* Index
-------------------------------------------------- */


/* News
-------------------------------------------------- */

.section-news-content
{
    margin-bottom: 20px;
}

.news-main
{
    margin-bottom: 20px;
}

.news-title
{
    font-size: 19px;

    margin-top: 0;
    margin-bottom: 7px;

    line-height: 27px;
}

.news-date
{
    font-size: 15px;

    margin-bottom: 7px;
}

.ref-link 
{
}

.ref-link > a
{
    padding-bottom: 3px;

    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.ref-link > a:hover
{
    text-decoration: none;

    border: none;
}

@media (max-width: 767px)
{

    .news-title
    {
        font-size: 16px;
    }

}

@media (min-width: 992px) and (max-width: 1199px)
{

    .news-title
    {
        font-size: 17px;
    }

    .news-date
    {
        font-size: 14px;
    }
}

/* Biography
-------------------------------------------------- */

.biography-title
{
    font-size: 25px;

    margin-top: 0;
    margin-bottom: 15px;
}

.biography-title-ja
{
    font-size: 20px;

    margin-top: 0;
    margin-bottom: 17px;

    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;

}

.main
{
    padding-bottom: 40px;
}

.biography-main>.lead
{
    font-size: 16px;
    margin-bottom: 10px;
} 

.biography-main-ja
{
    font-size: 13px;

    margin-top: 0;

    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;

}

.biography-main-ja>.lead
{
    font-size: 13px;
    margin-bottom: 10px;
}

.biography-main-ja p
{
    font-size: 13px;
    margin-bottom: 10px;
}

.biography_image
{
    padding-bottom: 30px;
}

.bio_doc_section
{
    margin-bottom: 50px;
}

.biography-lang-switch
{
    font-size: 16px;
}


/* biography-list */

.biography-list-heading
{
    font-size: 17px;

    margin-top:28px;
}

.biography-list-container
{
    padding-top: 14px;
}

.biography-list
{
    font-size: 15px;
}

.biography-list-ja
{

    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
    font-size: 12px;
}

.table > thead > tr > th {

    font-weight: bold;

    border-bottom-width: 1px;
}

.table > tbody > tr > td
{
    line-height: 18px;
}

.biography-list-list_title
{
    font-size: 17px;
}

.biography-list-list_title-ja
{
    font-size: 15px;

    margin-top: 29px;
}

.biography-list-year
{
    width:7%;
}

.biography-list-title
{
    width:46%;
}

.biography-list-note
{
    width:47%;
}

.biography-list-title-sub
{
    margin-left: 5px;
}

.accordion-toggle-ja
{
    font-size: 14px;
}

.biography-list-heading .accordion-toggle:before {
    font-family: 'Glyphicons Halflings';
    content: "\2212";
    position: relative;
    top: -1px;
    display: inline-block;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-right: 3px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.biography-list-heading .accordion-toggle.collapsed:before {
    font-family: 'Glyphicons Halflings';
    content: "\2b";
    position: relative;
    top: -1px;
    display: inline-block;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-right: 3px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}



@media (max-width: 767px)
{

    .biography-lang-switch
    {
        font-size: 13px;

        margin: 35px 0;
    }
}

@media (min-width: 768px) and (max-width: 991px)
{

    .biography-lang-switch
    {
        margin: 45px 0;
    }
}

@media (min-width: 992px) and (max-width: 1199px)
{


    .biography-lang-switch
    {
        font-size: 15px;

        margin: 30px 0;
    }
}

@media (min-width: 1200px)
{

    .biography-lang-switch
    {
        margin: 35px 0;
    }
}


.biography-lang-switch > li
{
    margin-right: 5px;
}

.biography-lang-switch > li > a
{
    padding: 0;
}

.biography-collapse > li > a
{
    padding: 0;
}

/* Discography
-------------------------------------------------- */

.disc-title
{
    font-size: 20px;
    font-weight: bold;

    margin-top: 15px;
    margin-bottom: 20px;
}

.disc-tracklist
{

    font-size: 15px;

    margin-bottom: 15px;
}

.disc-tracklist>li
{
	margin-bottom: -1px;
}

.disc-tracklist-xs
{
    display: none;
}

.disc-track-ja
{
    font-size: 12px;
}

.disc-info
{
	font-size: 15px;
}

.section-content
{
    margin-bottom: 50px;
}

@media (max-width: 767px)
{
    .disc-title
    {
        font-size: 16px;

        margin-top: 23px;
        margin-bottom: 19px;
    }

    .disc-tracklist-xs
    {
        display: inherit;
    }

    .tracklist-md
    {
        display: none;
    }

}

@media (min-width: 992px) and (max-width: 1199px)
{

    .disc-title
    {
        font-size: 18px;

        margin-top: 5px;
        margin-bottom: 15px;
    }

    .disc-tracklist
    {
        font-size: 14px;
    }

    .disc-track-ja
    {
    font-size: 11px;
    }

}

/* Soundtracks
-------------------------------------------------- */

.soundtrack-title
{
    font-size: 19px;
    font-weight: bold;

    margin: 10px 0;
}

.soundtrack-original-title
{
    font-size: 15px;
}

.soundtrack-original-title-multibyte
{
    font-size: 12px;
}

.soundtrack-director
{
    font-size: 15px;
    line-height: 17px;

    margin-bottom: 9px;
}

.soundtrack-container > p
{
    margin-bottom: 8px;
}

.soundtrack-award
{
    font-size: 14px;
    line-height: 13px;
}

.soundtrack-container
{
    margin-bottom: 30px;
}

.soundtrack-info-container
{
    height: 100px;
}

@media (max-width: 767px)
{
    .soundtrack-info-container
    {
        height: 110px;
    }

    .soundtrack-award
    {
        font-size: 11px;
    }
}

@media (min-width: 992px) and (max-width: 1199px)
{

    .soundtrack-title
    {
        font-size: 18px;
    }

    .soundtrack-director
    {
        font-size: 14px;
    }
}

/* Films and Music Videos
-------------------------------------------------- */

.film-title
{
    font-size: 20px;
    font-weight: bold;

    margin-top: 13px;
}

.film-original-title-en
{
    font-size: 14px;
}

.film-original-title
{
    font-size: 12px;	
}


/* Films */

.film-info
{
    font-size: 15px;

    margin-bottom: 11px;
}

.film-director
{
    font-size: 16px;

    margin-top: 12px;
}

.film-reference
{
    font-size: 16px;
    font-weight: bold;

    margin-bottom: 19px;
}


.film-reference>li
{
    display: inline-block;
}

.film-reference-divider
{   
    margin: 0 7px;
}

.film-reference span :after{
    content: '';
}

.film-crew
{
    font-size: 14px;

    margin-top: 5px;
}

.film-crew li
{
	margin-bottom: -1px;
}

.carousel-indicators
{
    right: 15px;
    bottom: 10px;
    left: auto;

    width: auto;
    margin-bottom: 0;
    margin-left: auto;
}

.carousel-previous-button
{
    font-size: 40px;

    position: absolute;
    z-index: 15;
    right: auto;
    bottom: 44%;
    left: 21px;

    width: auto;
    margin-bottom: 0;
    margin-left: auto;

    -webkit-transition: opacity .3s;
       -moz-transition: opacity .3s;
            transition: opacitys;

    opacity: 1;
}

.carousel-previous-button:hover
{
    opacity: .4;
}

.carousel-next-button
{
    font-size: 40px;

    position: absolute;
    z-index: 15;
    right: 21px;
    bottom: 44%;
    left: auto;

    width: auto;
    margin-bottom: 0;
    margin-left: auto;

    -webkit-transition: opacity .3s;
       -moz-transition: opacity .3s;
            transition: opacitys;

    opacity: 1;
}

.carousel-next-button:hover
{
    opacity: .4;
}

/* Music Videos */

.video-container
{
    position: relative;

    overflow: hidden;

    height: 0;
    padding-bottom: 56.25%;

    background: #000;
}

.video-container iframe,
.video-container object,
.video-container embed
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

.cover
{
    position: absolute;
    z-index: 999;
    left: 0;

    padding: 0 15px;

}

.cover:hover
{
}

@media (max-width: 767px)
{
    .film-title
    {
        font-size: 16px;
    }

    .carousel-previous-button
    {
        bottom:33%;
    }

    .carousel-next-button
    {
        bottom:33%;
    }

}

@media (min-width: 992px) and (max-width: 1199px)
{

    .film-title
    {
        font-size: 18px;
    }

    .film-original-title
    {
        font-size: 11px;
    }

    .film-original-title-en
    {
        font-size: 13px;
    }

    .film-info
    {
        font-size: 14px;
    }

    .film-director
    {
        font-size: 15px;
    }
}


/* Projects
-------------------------------------------------- */

.project-cat-title
{
    font-size: 20px;
    font-weight: bold;

    margin-top: 0;
    margin-bottom: 20px;
}

.project-list
{
    font-size: 15px;
}

.project-list-year
{
    width:7%;
}

.project-list-title
{
    width:46%;
}

.project-list-note
{
    width:47%;
}

.project-title
{
    font-size: 16px
}

 .table > tbody > tr > .project-title
{
    line-height:26px;
}

.project-list-title-sub
{
    margin-left: 5px;
}

.table > tbody > tr > td
{
    padding-top: 15px;
    padding-bottom: 15px;

    vertical-align: middle;
}

.project-vertical-middle
{
    vertical-align: middle;
}

.project-list>tbody>tr>td>img
{
    margin-bottom: 9px;
}

@media (max-width: 767px)
{
    .project-cat-title
    {
        font-size: 16px;
    }

}

@media (min-width: 992px) and (max-width: 1199px)
{
    .project-cat-title
    {
        font-size: 18px;
    }

}

/* Contact
-------------------------------------------------- */

.contact-ul > li
{
    font-size: 17px;

    margin-bottom: 20px;
}

.contact-ul > li > span
{
    font-size: 15px;

    display: block;

    margin-top: 3px;
}

.contact-ul
{
    margin-bottom: 30px;
}

.contact-booking-title
{
    font-size: 20px;
    font-weight: bold;

    margin-bottom: 20px;
}

@media (max-width: 767px) 
{

    .contact-booking-title
    {
        font-size: 16px;
    } 

    .contact-ul > li
    {
    font-size: 14px;
    }


    .contact-ul > li > span
    {

    font-size: 13px;

    }
}

@media (min-width: 768px) and (max-width: 991px) 
{

}

@media (min-width: 992px) and (max-width: 1199px)
{

    .contact-booking-title
    {
        font-size: 18px;
    }    

    .contact-ul > li
    {
    font-size: 16px;
    }


    .contact-ul > li > span
    {

    font-size: 15px;

    }

}

@media (min-width: 1200px) {}



/* affix
-------------------------------------------------- */

.affix-top,.affix
{
    position: static;
}

@media (min-width: 979px)
{
    #sidebar.affix-top
    {
        position: static;
    }

    #sidebar.affix
    {
        position: fixed;
        top: 70px;

        height: 100%;
    }
}

.navbar-toggle
{
    right: 15px;
}

/* Sticky footer styles
-------------------------------------------------- */

html
{
    position: relative;

    min-height: 100%;
}

body
{
  /* Margin bottom by footer height */
    margin-bottom: 100px;
}

#footer
{
    position: absolute;
    bottom: 0;

    width: 100%;
  /* Set the fixed height of the footer here */
    height: 100px;
}

#footer img
{
    -webkit-backface-visibility:hidden;
    -webkit-transform: translateZ(0);

    backface-visibility:hidden;

    position: relative;
    float: left;
    top: 3px;
}

#footer p
{   
    -webkit-transform: translateZ(0);

    position: relative;
    float: right;
    top: 30px;
}

/* transit
-------------------------------------------------- */

.hidden
{
    display: none;
}

.carousel-fade .carousel-inner .item
{
    -webkit-transition-property: opacity;
       -moz-transition-property: opacity;
         -o-transition-property: opacity;
            transition-property: opacity;

    -webkit-transition-duration: .3s;
       -moz-transition-duration: .3s;
         -o-transition-duration: .3s;
            transition-duration: .3s;

    opacity: 0;
}
.carousel-fade .carousel-inner .active
{
    opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right
{
    z-index: 1;
    left: 0;

    opacity: 0;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right
{
    opacity: 1;
}
.carousel-fade .carousel-control
{
    z-index: 2;
}

.op
{
    -webkit-transition: opacity .3s;
       -moz-transition: opacity .3s;
            transition: opacitys;

    opacity: 1;
}

.op:hover
{
    opacity: .4;
}


/* Container
-------------------------------------------------- */

.section-container
{
    position: relative;

    -webkit-backface-visibility:hidden;
    -webkit-transform: translateZ(0);

    backface-visibility:hidden;

    -moz-animation-name: onLoad;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: cubic-bezier(.190, 1.000, .220, 1.000);
    -moz-animation-duration: 1s;

    -webkit-animation-name: onLoad;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: cubic-bezier(.190, 1.000, .220, 1.000);
    -webkit-animation-duration: 1s;

    animation-name: onLoad;
    animation-iteration-count: once;
    animation-timing-function: cubic-bezier(.190, 1.000, .220, 1.000);
    animation-duration: 1s;

}

@-moz-keyframes onLoad {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-13px);
    }
    20% {
        opacity: 0;
        -webkit-transform: translateX(-13px);
    }
   60% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@-webkit-keyframes onLoad {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-13px);
    }
    20% {
        opacity: 0;
        -webkit-transform: translateX(-13px);
    }
   60% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@keyframes onLoad {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-13px);
    }
    20% {
        opacity: 0;
        -webkit-transform: translateX(-13px);
    }
   60% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}