/*
Theme Name: Umitaro Abe
Author: Rui Ishiguro
Version: 1.0
*/


* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

a:link { text-decoration: none; color: #898989; }
a:visited { text-decoration: none; color: #898989; }
a:hover { text-decoration: none; color:#898989; }
a:active { text-decoration: none; color:#898989; }

h1 a:link { text-decoration: none; color: #000000; }
h1 a:visited { text-decoration: none; color: #000000; }
h1 a:hover { text-decoration: none; color:#000000; }
h1 a:active { text-decoration: none; color:#000000; }

h2 a:link { text-decoration: none; color: #000000; }
h2 a:visited { text-decoration: none; color: #000000; }
h2 a:hover { text-decoration: none; color:#000000; }
h2 a:active { text-decoration: none; color:#000000; }

.section-title a:link { text-decoration: none; color: #000000; }
.section-title a:visited { text-decoration: none; color: #000000; }
.section-title a:hover { text-decoration: none; color:#000000; }
.section-title a:active { text-decoration: none; color:#000000; }

.gb-nav a:link { text-decoration: none; color: #000000; }
.gb-nav a:visited { text-decoration: none; color: #000000; }
.gb-nav a:hover { text-decoration: none; color:#000000; opacity: 1;}
.gb-nav a:active { text-decoration: none; color:#000000; }

.sub_nav a:link { text-decoration: none; color: #000000; }
.sub_nav a:visited { text-decoration: none; color: #000000; }
.sub_nav a:hover { text-decoration: none; color:#000000; opacity: 1;}
.sub_nav a:active { text-decoration: none; color:#000000; }
.sub_nav a{
    display: block;
}

body.en-US .ja_only{
    display: none !important;
    padding: 0px !important;
}


a:hover,
a .items-inner:hover { 
    opacity: 0.6;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all  0.2s ease-in-out;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  margin:0;   padding:0;}fieldset,img {    border:0;}address,caption,cite,code,dfn,th,var { font-style:normal;  font-weight:normal;}ol,ul { list-style:none;
}caption,th {   text-align:left;}h1,h2,h3,h4,h5,h6 {    font-size:100%; font-weight:normal;}q:before,q:after {  content:'';
}abbr,acronym {  border:0;}

button, input, select, textarea {
  -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    text-indent: .01px; /*Firefox用*/
    text-overflow: ""; /*Firefox用*/
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
  border-top-left-radius:0;
  border-top-right-radius:0;
  vertical-align:baseline;
}

table {  
    border-collapse:collapse;   
    border-spacing:0;
    width: 100%;
}
select,
figure{
    margin: 0;
}
figure{
    line-height:0;
}
    figcaption.menu-caption{
        display: block;
        width: 100%;
        text-align: right;
        margin-top: 11px;
        line-height: 1.833;
    }
    h3.typesquare_tags br,
    figcaption.menu-caption br{
        display: none;
    }
figure img{
    vertical-align:text-bottom;
}

.signature{
    font-size: 11px;
    text-align: right;
}

strong{
    font-weight: bolder;
}

*html body {overflow-y: auto;} /* IE6 */
*:first-child+html body {overflow-y: auto;} /* IE7 */

ul li{
    list-style: none;
    font-size: 1.5rem;
    line-height: 1.8;
}

img {
    border:0;
}
figure img,
p img,
li img{
    max-width: 100%;
    width: auto; /* for ie 8 */
    height: auto;
    vertical-align:text-bottom;
}
img.responsive-img{
    width: 100%;
    height:auto;
    display: block;
}

p{
    margin: 27px 0;
    font-size: 1.5rem;
    line-height: 1.8;
}
p:first-child{
    margin-top: 0px;
}
.posted-date{
}
.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}
.pc-only{
    display: block;
}
.smp-only,
.smp-nav{
    display: none;
}
.primary{
    margin-top: 0 !important;
    padding-top: 0 !important;
}
html{
  font-size: 62.5%;
}
body{
    border: solid 0px #FFFFFF;
    background-color: transparent;
    color: #000000;
    font-size: 1.0rem;
    font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    position: relative;
    -webkit-text-size-adjust: 100%;
    word-spacing:normal !important;
    line-height: 1.8;
}
#page404 p{
    font-size: 1.5rem;
    margin-bottom: 0;
    text-align: center;
}

.embed-container{
    position: relative;
    padding-bottom: 56.25%;
    height: 0; 
    overflow:hidden; 
    width: 100%;
    max-width: 100%; 
    height: auto;
    margin-top: 0px;
}
    .embed-container iframe,
    .embed-container object,
    .embed-container embed { 
        position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
    }
.content-map {
    margin-top: 30px;
    padding-bottom: 66%;
    width: 100%;
}
.body_bg{
    background-image: url(images/bg.svg);
    background-repeat: repeat;
    background-size: auto 30px;
    position: fixed;
    left: -10%;
    top: 0;
    width: 50%;
    height: 100vh;
    background-position: left top;
}


h1,h2,h3{
    font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.en{
}
.inner{
    width: 100%;
    max-width:650px;
    margin: 0 auto;
}
    .single-inner{
        width: 100%;
        max-width:810px;
        margin: 0 auto;
    }

#container{
    background-color: #FFFFFF;
    min-height: 100%;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    width: 100%;
    position: relative;
    min-height: 100vh;
    padding: 15px 30px 175px;
}


body.home #main{
    position: relative;
    display: block;
}
#main{
    position: relative;
    display: block;
}
body.page-template-page-cafe #main{
    padding: 47px 0px 0px;
    position: relative;
    display: block;
}


/* start-header */
#header{
    position: relative;
    width: 100%;
    height: 255px;
}

#header h1.home-logo,
#header .page-logo{
    width: 699px;
    height: auto;
    margin: 9px 0 0 -10px;
}

.btn_nav{
    background-image: url(images/nav.svg);
    background-size: 45px 29px;
    background-repeat: no-repeat;
    width: 45px;
    height: auto;
    padding-top: 32px;
    font-size: 1.6rem;
    position: absolute;
    top: 103px;
    right: 0;
    text-align: center;
    letter-spacing: 0.1ex;
    cursor: pointer;
}
.btn_nav:hover,
.btn_close:hover{
    opacity: 0.6;
}

.gb-nav{
    height: 100vh;
    border-left: 2px solid #000000;
    background-color: #FFFFFF;
    position: fixed;
    top:0;
    right: 0;
    padding: 30px;
    overflow-y: scroll;
    display: none;
    z-index: 9999;
}
    .gb-nav ul{
        height: 100%;
        margin-top: 265px;
    }
    .gb-nav ul li{
        margin-bottom: 20px;
        font-size: 2.2rem;
    }
    .gb-nav-inner{
    }
    .btn_close{
        width: 30px;
        height: 30px;
        position: fixed;
        top: 30px;
        cursor: pointer;
    }
    .gb-nav ul.bogo-language-switcher{
        font-size: 2.2rem;
        margin-top: 0px;
        height: auto;
        width: 63px;
    }
        .gb-nav ul.bogo-language-switcher li{
            float: right;
        }
            .gb-nav ul.bogo-language-switcher li a:link,
            .gb-nav ul.bogo-language-switcher li a:visited,
            .gb-nav ul.bogo-language-switcher li a:hover{
                color: #898989;
            }
        .gb-nav ul.bogo-language-switcher li:last-child{
            float: left;
        }



/* end-header */

/* start-common */
.section-common{
    margin-bottom: 90px;
    margin-bottom: 0px;
}
.section-header{
    text-align: center;
    font-size: 3.0rem;
    margin-bottom: 50px;
    line-height: 1;
}
    .section-header h1.section-title{
        padding-top: 65px;
    }
    /* start-btn */
        .link-border{
            border-bottom: 1px solid;
            display: inline-block;
            padding-bottom: 0px;
        }
    /* end-btn */

    .side{
        width: 25.5%;
        float: left;
    }
        .side ul{
            margin-top: 60px;
        }
            .side ul li{
                margin-top: 15px;
            }
    .contents{
        width: 74.5%;
        float: right;
    }
/* end-common */

/* start-home */
.sec_home{
    position: relative;
}
a.link-block{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #FFFFFF;
    opacity: 0;
}
a.link-block:hover{
    background-color: #FFFFFF;
    opacity: 0.6;
-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all  0.2s ease-in-out;
}
    .sec_home figure img{
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 720px;
        display: block;
        margin:0 auto;
    }
    .home-text{
        font-size: 1.8rem;
        margin-top: 60px;
    }
/* end-home */

/* start-title */
.section-title-page,
.section-title a{
    display: block;
    text-align: left;
    font-size: 2.2rem;
    padding-top: 45px;
    width: 100%;
    line-height: 1;
    font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.section-title-news a{
    background-image: url(images/nav/news.svg);
    background-repeat: no-repeat;
    background-size: 120px auto;
}
.section-title-schedule a{
    background-image: url(images/nav/schedule.svg);
    background-repeat: no-repeat;
    background-size: 190px auto;
}

.section-title-contact{
    background-image: url(images/nav/contact.svg);
    background-repeat: no-repeat;
    background-size: 180px auto;
}
.section-title-profile{
    background-image: url(images/nav/profile.svg);
    background-repeat: no-repeat;
    background-size: 143px auto;
}
.section-title-biography a{
    background-image: url(images/nav/biography.svg);
    background-repeat: no-repeat;
    background-size: 205px auto;
}
.section-title-discography a{
    background-image: url(images/nav/discography.svg);
    background-repeat: no-repeat;
    background-size: 205px auto;
}
.section-title-note a{
    background-image: url(images/nav/note.svg);
    background-repeat: no-repeat;
    background-size: 135px auto;
}
.section-title-score a{
    background-image: url(images/nav/score.svg);
    background-repeat: no-repeat;
    background-size: 133px auto;
}
.side .sub_nav li{
    padding-right: 40px;
    margin-top: 25px;
}
    .sub_nav li a.active,
    .sub_nav li a.plain:hover{
        background-image: url(images/bar_short.svg);
        background-repeat: repeat-x;
        background-position: left -40px top;
        background-size: auto 8px;
        padding-top: 16px;
        display: block;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    -ms-transition: all 0s ease-in-out;
    transition: all  0s ease-in-out;
    }
    .sub_nav li a.plain{
        background-image: none;
        background-repeat: no-repeat;
        background-size: auto 8px;
        padding-top: 16px;
        display: block;
    }
    .sub_nav li a.theatre span{
        background-image: url(images/nav/theatre.svg);
        background-repeat: no-repeat;
        background-size: 58.5% auto;
        padding-top: 25px;
        display: block;
    }
    .sub_nav li a.film_and_video span{
        background-image: url(images/nav/film_and_video.svg);
        background-repeat: no-repeat;
        background-size: 100% auto;
        padding-top: 25px;
        display: block;
    }
    .sub_nav li a.advertisement span{
        background-image: url(images/nav/advertisement.svg);
        background-repeat: no-repeat;
        background-size: 93% auto;
        padding-top: 25px;
        display: block;
    }
    .sub_nav li a.cd_and_vinyl span{
        background-image: url(images/nav/cd_and_vinyl.svg);
        background-repeat: no-repeat;
        background-size: 77.5% auto;
        padding-top: 25px;
        display: block;
    }
    .sub_nav li a.tv_program span{
        background-image: url(images/nav/tv_program.svg);
        background-repeat: no-repeat;
        background-size: 78% auto;
        padding-top: 25px;
        display: block;
    }
    .sub_nav li a.other span{
        background-image: url(images/nav/other.svg);
        background-repeat: no-repeat;
        background-size: 37.5% auto;
        padding-top: 25px;
        display: block;
    }
    .sub_nav li a span.ja_only{
        background-image: none !important;
        padding-top: 0 !important;
        display: block;
    }
/* end-title */


/* start-index */
.contents-list li.post{
    background-image: url(images/bar_long.svg);
    background-repeat: no-repeat;
    background-size: auto 8px;
    padding-top: 16px;
    margin: 60px 0; 
}
.contents-list li:first-child{
    margin-top: 0px; 
}
.contents-list-continuity{
    background-image: url(images/bar_long.svg);
    background-repeat: no-repeat;
    background-size: auto 8px;
    padding-top: 16px;
}
    .contents-list-continuity li{
        background-image: none;
        padding-top: 0px;
        margin: 30px 0;   
    }
        .contents-list-continuity li .posted-date{
            margin-bottom: 0px; 
        }
/* end-index */

/* start-section */
.section_fields .section_fields_common:first-child{
  margin:50px 0 50px;
}
.section_fields .section_fields_common:last-child{
  margin:0px 0 0px;
}

.section_fields_common{
  margin:0px 0 50px;
}
  .section_fields_common img{
    width: auto;
    height: auto;
    max-width: 510px;
    max-height: 510px;
    margin: 0 auto;
    display: block;

  }
    /* start-section-contents */
        .post-title{
            font-size: 1.8rem;
            display: block;
            margin:0px 0 27px;
        }
        .posted-date{
            display: block;
            font-size: 1.5rem;
            margin:0px 0 27px;
        }
         .posted-date-title{
            margin:0px 0 0px;
        }
        .count{
            font-size: 1.8rem;
            display: block;
        }
        .list-1-1 li,
        .list-1-2 li,
        .list-1-3 li{
            background-image: none;
            background-repeat: no-repeat;
            background-size: auto auto;
            padding-top: 6px;
        }
            .list-1-1,
            .list-1-2,
            .list-1-3,
            .list-1-4{
                width: 100%;
                max-width: 725px;
                margin: 0 auto;
                text-align: center;
            }
            .list-1-2 ul,
            .list-1-3 ul,
            .list-1-4 ul{
                margin-left: -1.4%;
            }
            .list-1-2 ul li{
                float: left;
                margin-left: 1.4%;
                width: 48.6%;
            }
            .list-1-3 ul li{
                float: left;
                margin-left: 1.4%;
                width: 31.9%;
            }
            .list-1-4 ul li{
                float: left;
                margin-left: 1.4%;
                width: 23.6%;
            }
                .list-1-2 ul li:nth-child(2n+1),
                .list-1-3 ul li:nth-child(3n+1),
                .list-1-4 ul li:nth-child(4n+1){
                    clear: left;
                }
                .list-1-2 ul li img,
                .list-1-3 ul li img,
                .list-1-4 ul li img{
                    width: 100%;
                    height: auto;
                }

                .caption{
                    text-align: right;
                    font-size: 1.2rem;
                    margin-top: 6px;
                }
    ol{
        padding-left: 30px;
    }
    ol li{
        list-style-type: decimal;
    }
    .section-contetns{
        margin: 27px 0;
    }
    /* end-section-contents */
/* end-section */

/* start-page */
    .post-title-name{
        margin-bottom: 0px;
        font-size: 2.0rem;

    }
    .prof-title{
        display: block;
        font-size: 2.0rem;
        margin: 0px 0 27px;
    }
/* endt-page */

/* start-footer */
.page_nav{
    margin-top: 135px;
    font-size: 1.5rem;
    padding-top: 0px;
    position: relative;
    text-align: center;
}
    .page_nav .prev{
        float: right;
    }
    .page_nav .next{
        float: left;
    }
    .page_nav-single .prev{
        position: absolute;
        left: 0;
        top: 0;
    }
    .page_nav-single .next{
        position: absolute;
        right: 0;
        top: 0;
    }

        .page_nav a:link,
        .page_nav a:visited{
        }
        .page_nav a:hover{
        }

.footer{
    height:175px;
    width: auto;
    position:absolute;
    bottom:0;
    right: 0;
    left: 0;
    padding: 110px 30px 0;
}
    small.copyright{
        font-size: 1.5rem;
        line-height: 1;
    }
  .mina{
    margin-bottom: 30px;
    height: 30px;
  }
    a.mina{
      font-size: 2.0rem;
      display: inline-block;
      background-image: url(images/mina-logo.svg);
      background-size: auto 30px;
      background-repeat: no-repeat;
      background-position: left center -2px;
      height: 30px;
      padding-left: 38px;
    }

    a#page-top:link,
    a#page-top:visited{
        background: url(images/arrow-top.svg);
        background-size: 24px 25px;
        background-repeat: no-repeat;
        display: block;
        width: 24px;
        height: 25px;
        position: fixed;
        right: 20px;
        bottom: 29px;
        z-index: 100;
    }

/*===============================================
breakpoint:1010
===============================================*/
@media screen and (max-width: 1010px){
    body.home{
       background-color: transparent; 
    }

    .bg-about-left,
    .bg-about-right,
    .bg-cafe-left,
    .bg-cafe-right,
    .bg-items-left,
    .bg-items-right{
        background: none;
        display: none;
    }

}

/*===============================================
breakpoint:780
===============================================*/
@media screen and (max-width: 780px){
    .pc-only{
        display: none;
    }
    .smp-only{
        display: block;
    }
/* start-common */
    #container,
    body.home #container{
        padding: 25px 20px 95px;
        position: relative;
        overflow: hidden;
    }
    p {
        font-size: 1.4rem;
        line-height: 1.5;
        margin: 22px 0 0px;
    }
.btn_nav{
    background-image: url(images/nav.svg);
    background-size: 30px 20px;
    background-repeat: no-repeat;
    width: 30px;
    height: auto;
    padding-top: 23px;
    font-size: 1rem;
    position: absolute;
    top: 63px;
    right: 0;
    text-align: center;
    letter-spacing: 0.1ex;
    z-index: 10;
}
/* end-common */

/* start-header */
#header h1.page-logo, 
#header .page-logo {
    max-width: 100%;
    margin: -10px auto 0px;
}
#header {
  height: auto;
}
#header nav.gb-nav{
    overflow: visible;
}
    #header h1.home-logo {
        height: auto;
        margin: -15px auto 50px;
        width: 100%;
        max-width: 310px;
    }
    #header h1.page-logo {
        height: auto;
        margin: 20px auto 0;
        width: 131px;
    }
    #header nav.gb-nav {
        float: none;
        font-size: 1.8rem;
        margin-top: 30px;
        overflow: visible;
        position: relative;
        width: 100%;
        z-index: 10;
    }
    body.home #header nav.gb-nav {
        float: none;
        font-size: 1.8rem;
        margin-top: -25px;
        overflow: visible;
        position: relative;
        width: 100%;
        z-index: 10;
    }
    #header nav.gb-nav ul {
        float: left;
        left: 50%;
        position: relative;
    }
    #header nav.gb-nav ul li {
        float: left;
        left: -50%;
        margin: 0 9px !important;
        position: relative;
        height: 30px;
    }
      #header nav.gb-nav ul li:first-child{
        margin-left: 0 !important;
      }
      #header nav.gb-nav ul li:last-child{
        margin-right: 0 !important;
      }
      #header nav.gb-nav ul li a {
          height: 30px;
      }
        .circle {
            height: 30px;
            left: 50%;
            margin-left: -15px;
            position: absolute;
            top: 0;
            width: 30px;
            z-index: -1;
        }

    .gb-nav ul.bogo-language-switcher li {
        margin-bottom: 0px;
        font-size: 1.5rem;
        border-bottom: 0px solid #000000;
        padding: 0px 0px;
        line-height: 1;
    }
    .gb-nav ul.bogo-language-switcher {
        width: 45px;
    }
    .gb-nav {
        height: auto;
        border-left: 2px solid #000000;
        background-color: #FFFFFF;
        position: absolute;
        top: 65px;
        right: 0;
        padding: 0px;
        overflow-y: scroll;
        display: none;
        z-index: 9999;
        width: auto !important;
        border-bottom: 2px solid #000000;
        border-top: 2px solid #000000;
    }
  .gb-nav ul {
      height: auto;
      margin-top: 30px;
  }
  .gb-nav ul li {
      margin-bottom: 0px;
      font-size: 1.5rem;
      border-bottom: 1px solid #000000;
      padding:13px 13px;
      line-height: 1;
  }
    .gb-nav ul li:last-child{
      border-bottom: 0px solid #000000;
    }
    .btn_close {
      width: 20px;
      height: 20px;
      position: absolute;
      top: 9px;
      right: 20px !important;
  }
/* end-header */

/* start-common */
  .section-header h1.section-title {
      padding-top: 0px;
  }
  .page_nav {
      font-size: 1.4rem;
      margin-top: 35px;
  }
/* end-common */

/* start-home */
    body.home #main {
        display: block;
        padding: 0px 0 0;
        position: relative;
    }
    #main {
        display: block;
        padding: 50px 0 0;
        position: relative;
        z-index: 9;
    }
    body.page-template-page-cafe #main {
        display: block;
        padding: 10px 0 0;
        position: relative;
    }
    .home-images {
        margin: 0 auto 35px;
    }
    .home-images ul li {
        margin-bottom: 15px;
    }
    .home-text {
      margin-top: 28px;
  }
      .home-text p {
        font-size:1.4rem;
      }
    .news-list {
        font-size: 1.5rem;
        margin-bottom: 40px;
        text-align: center;
    }
    .news-list ul li h3 {
      font-size: 1.5rem;
    }
        .news-list ul{
            margin-bottom: 11px;
        }
        .news-list ul li {
            margin-top: 0px;
            margin-bottom: 7px;
        }
        .news-list ul li:first-child{
            margin-top: 0px;
        }
        #news-btn-wrap {
            margin-top: 25px;
        }
    a.btn-instagram:link,
    a.btn-instagram:visited{
        background: url(images/icon-instagram2x.png);
        background-size: 45px 45px;
        background-position: center top;
        background-repeat: no-repeat;
        padding-top: 48px;
        text-align: center;
        display: block;
        margin: 0 auto 50px;
        width: 80px;
        font-size: 1.5rem;
        color: #898989;
    }
    .news-list ul li h2,
    .news-list ul li p{
        text-align: left;
    }
    .news-list ul li br{
        display: none;
    }
    .news-list ul li a{
        display: block;
    }
    .btn-readmore{
      font-size: 1.2rem;
    }
    a.btn-mina:link,
    a.btn-mina:visited{
        background-size: auto 15px;
        background-position: left center;
        background-repeat: no-repeat;
        padding-left: 20px;
        text-align: left;
        display: block;
        margin: 0 auto;
        width: 125px;
        font-size: 1.2rem;
        min-height: 15px;
    }

/* end-home */

/* start-side */
    .side .section-title{
        font-size: 1.2rem;
        float: none;
        width: 100%;
        margin-top: 0px;
        margin-bottom: 28px;
      }
      .section-title a{
        font-size: 1.2rem;
        padding-top: 27px;
      }

    .section-title-page,
    .section-title a {
        font-size: 1.2rem;
        padding-top: 27px;
        margin-bottom: 27px;
    }

    .section-title-profile {
        background-image: url(images/nav/profile.svg);
        background-repeat: no-repeat;
        background-size: 98px auto;
    }
    .section-title-note a {
        background-image: url(images/nav/note.svg);
        background-repeat: no-repeat;
        background-size: 78px auto;
    }
    .section-title-news a {
        background-image: url(images/nav/news.svg);
        background-repeat: no-repeat;
        background-size: 81px auto;
    }
    .section-title-schedule a {
        background-image: url(images/nav/schedule.svg);
        background-repeat: no-repeat;
        background-size: 135px auto;
    }
    .section-title-biography a {
        background-image: url(images/nav/biography.svg);
        background-repeat: no-repeat;
        background-size: 141px auto;
    }
    .section-title-score a {
        background-image: url(images/nav/score.svg);
        background-repeat: no-repeat;
        background-size: 96px auto;
    }
    .section-title-contact {
        background-image: url(images/nav/contact.svg);
        background-repeat: no-repeat;
        background-size: auto 13px;
    }
    .side ul {
        margin-top: 30px;
    }
    body.post-type-archive-biography .sub_nav li a.plain{
        background-image: url(images/bar_short.svg);
        background-repeat: repeat-x;
        background-position: left -40px top;
        background-size: auto 8px;
        padding-top: 16px;
    }
    .side .sub_nav li {
        padding-right: 0px;
        margin-top: 23px;
    }
    .sub_nav li a span {
        font-size: 1.4rem;
    }
        .sub_nav li a.theatre span {
            background-image: url(images/nav/theatre.svg);
            background-repeat: no-repeat;
            background-size: 105px auto;
            padding-top: 20px;
            display: block;
        }
        .sub_nav li a.film_and_video span {
            background-image: url(images/nav/film_and_video.svg);
            background-repeat: no-repeat;
            background-size: 189px auto;
            padding-top: 20px;
            display: block;
        }
        .sub_nav li a.advertisement span {
            background-image: url(images/nav/advertisement.svg);
            background-repeat: no-repeat;
            background-size: 168px auto;
            padding-top: 20px;
            display: block;
        }
        .sub_nav li a.cd_and_vinyl span {
            background-image: url(images/nav/cd_and_vinyl.svg);
            background-repeat: no-repeat;
            background-size: 140px auto;
            padding-top: 20px;
            display: block;
        }
        .sub_nav li a.tv_program span {
            background-image: url(images/nav/tv_program.svg);
            background-repeat: no-repeat;
            background-size: 140px auto;
            padding-top: 20px;
            display: block;
        }
        .sub_nav li a.other span {
            background-image: url(images/nav/other.svg);
            background-repeat: no-repeat;
            background-size: 68px auto;
            padding-top: 20px;
            display: block;
        }
    a.more-info{
        color: #898989 !important;
        display: inline-block;
        margin-top: 17px;
    }
    body.tax-biography_cat .plain-li{
        display: none;
    }
    body.tax-biography_cat .contents-list-continuity {
        background-image: none;
        background-repeat: no-repeat;
        background-size: auto 8px;
        padding-top: 0px;
    }
/* end-side */

/* start-newws */
  .side{
    font-size: 1.5rem;
    float: none;
    width: 100%;
    margin-top: 0px;
  }

        .side ul li a {
        }
          .side ul li:hover a,
          .side ul li.current-cat a {
          }
        .side ul li .circle{
          width: 30px;
          height: 30px;
          margin-left: -15px;
      }
      .side ul li:hover .circle{
          opacity: 1;
      }
      .side ul li.current-cat .circle{
          display: block;
          opacity: 1;
      }

      .side ul li.current-cat span{
          position: relative;
          z-index: 2;
      }

  .contents-list li{
    margin-top: 22px;
    margin-bottom: 22px;
  }
    .contents-list li.post {
        background-size: auto 8px;
        padding-top: 11px;
        margin: 0px 0 28px; 
    }

    .posted-date{
      display: inline-block;
      font-size: 1.4rem;
      margin: 0px 0 15px;
    }
        body.post-type-archive .posted-date,
        body.single-note .posted-date{
          margin: 0px 0 0px;
        }
    .section-contetns{
        margin: 22px 0 22px;
    }
    h2.post-title{
      font-size: 1.4rem;
      margin: 0 0 22px;
    }
        body.page-template-page-profile h2.post-title{
          margin: 0 0 0px;
        }
        .prof-title {
            display: block;
            font-size: 1.4rem;
            margin: 0px 0 22px;
        }
    a.read-more{
      font-size: 1.2rem;
      margin-top: 10px;
    }
  .contents-wrap .contents{
    float:none;
    width: 100%;
    padding-left: 0px;
    padding-top: 0px;
    margin-top: 17px;
  }
    .post-title {
        font-size: 1.4rem;
        display: block;
        margin: 0px 0 22px;
    }
    .caption,
    .caption p{
        font-size: 1.2rem;
    }
/* end-newws */

/* start-discography */
    .count {
        font-size: 1.4rem;
    }



/* start-footer */
        .footer .inner,
        body.home .footer .inner {
            padding-top: 60px;
            text-align: center;
            width: 100%;
        }
    small.copyright {
      font-size: 1.2rem;
    }
    .footer {
      height: 95px;
      padding: 60px 20px 0;
    }
/* end-footer */

/* start-common */
.section_fields .section_fields_common:first-child{
  margin:25px 0 25px;
}
.section_fields .section_fields_common:last-child{
  margin:0px 0 0px;
}

.section_fields_common{
  margin:0px 0 25px;
}
  .section_fields_common img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 350px;
    margin: 0 auto;
    display: block;

  }
  .section_fields_common h3{
    font-size: 1.5rem;
    font-weight: bold;
  }
  .section_fields-title{
    margin-bottom: 10px;
  }
.list_1_3 {
    margin-left: -4.5%;
}
  .list_1_3 li {
      float: left;
      margin-bottom: 20px;
      margin-left: 4.5%;
      width: 45.5%;
  }

  .main-image {
      line-height: 1;
      margin-bottom: 45px;
  }
    .single-items-text {
        padding: 0 0px;
    }
    .single-items-text p:last-child{
        margin-bottom: 
    }
    .single-items-text h1 {
        font-size: 1.8rem;
        margin-bottom: 12px;
    }
    .single-items-info {
        font-size: 1.3rem;
        margin-bottom: 25px;
        margin-top: 18px;
        text-align: right;
    }

  .collections-desc {
      margin-top: 23px;
  }
  .desc {
      font-size: 1.4rem;
      text-align: left;
  }
  p.price {
      font-size: 1.2rem;
      margin-top: 13px;
      text-align: right;
  }
  .img-list li {
      margin-bottom: 10px;
  }
  .collections-list li {
      margin-bottom: 55px;
  }
/* end-common */

    a#page-top:link,
    a#page-top:visited{
        background: url(images/arrow-top.svg);
        background-size: 24px 25px;
        background-repeat: no-repeat;
        display: block;
        width: 24px;
        height: 25px;
        position: fixed;
        right: 20px;
        bottom: 22px;
        z-index: 100;
    }


            
}
/*===============================================
breakpoint:320
===============================================*/
@media screen and (max-width: 320px){
  #header nav.gb-nav {
      font-size: 1.5rem !important;
  }
}