/*
Theme Name: 有隣堂
Theme URI: https://www.ms-yurindo.jp/
Author: Yamaha Corporation. / rebuild
Author URI: https://www.ms-yurindo.jp/
Description: 有隣堂サイト用テーマ（旧 yamahadealers_a を現行WordPress向けに移植）。
Version: 0.5.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: right-sidebar , custom-menu
Text Domain: yamahadealers

This theme, like WordPress, is licensed under the GPL.
*/
html{
}
body {
    -webkit-text-size-adjust: 100%;
}

a:-webkit-any-link{
    text-decoration: none !important;
}
a:-moz-any-link{
    text-decoration: none !important;
}
a .text-info{
    color: #656565;
}

body {
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Arial, Helvetica, sans-serif;
    font-size: 14px;
    background: #FCFAEF;
    color: #656565;
}
/*
 for VC 4.7
*/
img{
    height: auto;
}
img[class*="attachment-"]{
    height:auto;
}
.wpb_gallery_slides.flexslider{
    box-sizing: content-box;
}
.vc_carousel-slideline .vc_carousel-slideline-inner .vc_inner img{
    max-width: 100%;
}

.non-responsive,
.non-responsive body{
    min-width: 960px !important;
}
.non-responsive #page
{
    min-width: 930px !important;
}
.non-responsive .container
{
    width: 960px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.non-responsive .wrapper{
    min-width: 960px !important;
}
.non-responsive .pagetop{
    min-width: 960px !important;
    background: rgba(0,0,0,0.01);

}
.non-responsive #page h1{
    max-width: 930px !important;
    width: 930px !important;
    display: block;
    min-width:930px !important;
    background: rgba(0,0,0,0.01);
}
.non-responsive #page .bread .col-md-12{
    max-width: 930px !important;
    width: 930px !important;
    display: block;
    min-width:930px !important;
    background: rgba(0,0,0,0.01);
}
.non-responsive #page .pagetop .go-home{
    max-width: 800px !important;
    width: 800px !important;
    display: block;
    min-width:800px !important;
    background: rgba(0,0,0,0.01);

}
.non-responsive .entry-content{
    max-width: 930px !important;
    width: 930px !important;
    display: block;
    min-width:930px !important;
}
.img-responsive{
    width: auto \9;
}
h1 {
    font-size: 24px;
    margin-bottom: 0.7em!important;
    color: #656565;
}

h2 {
    font-size: 20px;
    margin-bottom: 0.9em!important;
    color: #928A67;
}

h3 {
    font-size: 15px;
    margin-bottom: 10px!important;
    margin-top: 0;
}
h5 {
    font-weight: bold;
}

h4, h5 { margin-bottom:10px!important; }

p, dt, dd {
    line-height: 1.7;
}

p {
    margin-bottom: 1.3em;
}

p + h2 {
    margin-top: 1.5em;
}

i {
    margin-right: 7px;
}

hr {
    margin-top: 30px;
    border-top: 1px solid #E2DFD4;
}
.responsive #page{
    overflow: hidden;
}
#page .spacer{
    margin: 0;
}

.container {
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

.oneHeader {
    float: right;
    margin-top: 25px;
    font-size: 12px;
    margin-right: 2px;
}

.panel-body{
    padding: 10px;
}
#sideCol {
    float: right;
    margin-top: 20px;
}

#sideCol h4 {
    font-size: 13px;
    padding-top: 10px;
}
#sideCol .list-unstyled li{
    margin-bottom: 20px;
}
#sideCol .nav > li > a{
    position: relative;
    padding-right: 10px;
    padding-left: 34px;
}
#sideCol .nav > li > a i{
    position: absolute;
    margin-left: -19px;
    margin-top: 2px;
}
#sideCol .nav > li small{
    display: block;
    padding-top: 1px;
    position: relative;
}
div.btn{
    position: relative;
    padding: 0;
}

div.btn a{
    display: block;
    padding: 7px 20px;
}
/*
 * icon font
 */

@font-face {
    font-family: 'icomoon';
    src:url('fonts/icomoon.eot?-71kd7q');
    src:url('fonts/icomoon.eot?#iefix-71kd7q') format('embedded-opentype'),
        url('fonts/icomoon.woff?-71kd7q') format('woff'),
        url('fonts/icomoon.ttf?-71kd7q') format('truetype'),
        url('fonts/icomoon.svg?-71kd7q#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-yt_menu:before {
    content: "\e600";
}
.icon-yt_close:before {
    content: "\e601";
}
.icon-yt_shop:before {
    content: "\e602";
}
.icon-yt_abc:before {
    content: "\e603";
}
.icon-yt_piano:before {
    content: "\e604";
}

/*icon font end*/

/*
共通
---------*/

@media screen and (max-width: 767px) {
    .responsive #site-header img {
        position: relative;
        top: -2px;
        height: auto;
    }
}

.breadcrumb {
    font-size: 12px;
}

.well {
    margin-top: 20px;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0px 0px 2px;
}

#sideCol .well:first-child {
    margin-top: 0;
}

.menu {
    list-style: none;
    list-style-position: outside;
    padding: 0;
    margin-bottom: 0;
}

.menu a {
    display: block;
    padding: 10px 15px;
    position: relative;
}

.menu a:hover {
    background-color: #eeeeee;
    text-decoration: none;
}

.widget .page-header:first-child {
    margin-top: 14px;
}

/*top module*/

.news .panel-body {
}

.news .panel-heading {
    background: #35B5E6;
    border-bottom: 1px solid #2DA1CE;
    margin: 0;
    overflow: hidden;
}

.news .panel-heading h3 {
    font-size: 16px;
    padding: 11px 12px 0;
    margin: 0;
    color: #fff;
    float: left;
    background: none;
}

.news .panel-heading span {
    float: right;
    color: #fff;
    padding: 9px 12px;
}

.news .panel-heading span a {
    color: #fff;
}

.panel-body h3 {
    font-size: 15px;
    color: #35B5E6;
    font-weight: bold;
}

body a .panel .panel-body h3{
    font-size: 15px;
    color: #35B5E6;
    font-weight: bold;
}
a:hover .panel,
a:hover .panel .panel-body,
a:hover .panel .panel-body p{
    text-decoration: none!important;
}
.ie8 a:hover .panel,
.ie8 a:hover .panel .panel-body,
.ie8 a:hover .panel .panel-body p{
    text-decoration: none;
}
a .panel .panel-body,
a .panel .panel-body p:not(.btn){
    color: #656565;
    font-size: 14px;
}

.sns {
    position: relative;
}

.sns i {
    font-size: 38px;
    padding: 5px 0px 5px 10px;
}

.sns p {
    padding: 5px 0;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    left: 52px;
    margin-top: -1em;
}

.sns a {
    display: block;
    width: 100%;
    color: #333;
}

.sns a .fa-facebook-square {
    color: #3D5B9C;
}

.sns a .fa-twitter-square {
    color: #3ECCFB;
}

.leftImgBan img {
    float: left;
    margin-right: 10px;
}

.leftImgBan.space img {
    margin: 2px 8px 2px 2px;
}

.leftImgBan p {
    padding: 7px 5px;
    line-height: 1.4em;
    margin-bottom: 0;
}

.txtBan p {
    padding: 8px 10px;
    line-height: 1.4;
    margin-bottom: 0;
}

.blue {
    background: #35B5E6;
    color: #fff;
}

.green {
    background: #79C323;
    color: #fff;
}

.light {
    background: #E2DFD4;
    color: #fff;
}

.blue a, .green a {
    color: #fff;
}

.light a {
    color: #928763;
}

span.cat, span.cat1, a.cat, a.cat1, span.cat a {
    background: #F5B004;
    padding: 2px 7px 2px;
    color: #fff;
    font-size: 1rem;
    font-size: 10px\9; /* IE8 */
    border-radius: 3px;
    vertical-align: top;
    margin: 8px 0;
}

a.cat:hover, a.cat1:hover {
    text-decoration: none;
}

span.cat2 {
    background: #bbb;
    padding: 2px 7px 2px;
    color: #fff;
    font-size: 1rem;
    border-radius: 3px;
    vertical-align: top;
    margin: 8px 0;
}

h2 span.cat, h2 span.cat1, h2 a.cat, h2 a.cat1 {
    position: relative;
    top: 5px;
}

.info {
    padding: 10px 10px 1px;
}

.info button {
    text-align: left;
    padding-left: 12px;
}

.youtube h3 {
    font-size: 16px;
    padding: 9px 12px;
    margin: 0;
    background: #E2DFD4;
}

.youtube iframe {
    width: 96%;
    margin: 2%;
}

.slide {
    margin: 1em auto;
    border: 1px solid #E2DFD4;
    padding: 1px;
}



.navbar-nav {
    clear: both;
    margin-top: 25px;
    font-size: 15px;
    width: 100%;
    background: none;
}
.ie8 .navbar-nav{
    position: relative;
    margin-top: 15px !important;
    min-width: 100%;
}
.ie8 .navbar-nav li{
    box-sizing: border-box;
    white-space: nowrap;
}
.navbar-nav li {
    background: #fff;
    border-right: 1px solid #E2DFD4;
    border-top: 1px solid #E2DFD4;
}

.navbar-nav li:first-child {
  border-left: 1px solid #E2DFD4;
}

.navbar-nav li a {
    padding: 15px 10px;
}

.navbar > .container .navbar-brand {
    margin-left: 0;
    height: auto;
}
#site-header img{
    max-height: 50px;
    width: auto;
    max-width: 100%;
}
#site-header .navbar-brand{
    max-width: 80%;
    padding: 25px 10px 0px 10px;
}
.navbar-default {
    background: #fff;
    border-bottom: 6px solid #E2DFD4;
}

.navbar-default .navbar-nav > li > a {
    color: #333;
}

.navbar {
    margin-bottom: 0;
}

.nav-pills li a:hover {
    background: none;
    text-decoration: underline;
}

.navbar-collapse {
    padding: 0;
}

.panel-heading {
    padding: 0;
}

.panel-default {
    border-color: #E2DFD4;
}

.panel > .panel-heading img {
    width: 100%;
}

.panel {
    margin-bottom: 17px;
    border-color: #E2DFD4;
    overflow: hidden;
}

.go-home {
    float: left;
    padding-top: 4px;
    font-size: 1.2rem;
}

.go-home .fa.fa-home {
    margin-right: 0;
}

.go-home span {
    color: #928763;
    font-size: 1.2rem;
    margin-left: 0;
}

.pull-right a {
    color: #928763;
    font-size: 1.2rem;
}

dl {
    margin: 5px 0 0;
}

dt {
    color: #aaa;
    font-weight: normal;
    clear: both;
}

dd {
    margin-bottom: 10px;
    line-height: 2.5;
}

dd img {
    float: left;
}

.news dl dd {
    line-height: 1.3;
}

.news dl img {
    float: none;
    display: block;
}

/* footer */
.footer-container + .footer-container{
    margin-top: 30px;
}
@media screen and (max-width: 767px) {
    .footer-container + .footer-container{
        margin-top: 15px;
    }
}
footer{
    padding-top: 20px;
}

footer a {
    color: #555;
}

footer a:hover {
    background: none;
    color: #333;
}

footer p {
    clear: left;
    margin-top: 1em;
}

footer li {
    font-size: 12px;
    color: #bbb;
    list-style-type: disc;
    margin-right: .2em;
    margin-bottom: 0;
}

.footer-menu-wrapper{
    display: table;
    width: 100%;
}
@media screen and (max-width: 767px) {
    .responsive .footer-menu-wrapper{
        display: block;
        text-align: center;
    }
}
.footer-menu{
    display: table-cell;
    width: auto;
    padding-left: 5px;
    padding-right: 5px;
}
.footer-menu a{
    color: #928763;
}
@media screen and (max-width: 767px) {
    .responsive .footer-menu{
        padding: 0 10px;
        margin: 5px 0;
        display: inline-block;
        border-right: 1px solid #928763;
        border-left: 1px solid #928763;
        margin-right: -1px;
    }
}
.footer-menu-child{
    padding-left: 1.1em;
}
.footer-menu-child li{
    margin: 4px 0;
    padding-left: 0;
    margin-left: 0;
}
.footer-menu-child a {
    color: #888 !important;
    font-weight: normal;
}
@media screen and (max-width: 767px) {
    .responsive .footer-menu-child{
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .responsive .footer-extra.wrapper {
        padding-left:15px;
        padding-right:15px;
    }
}
footer ul.nav {
    margin-bottom: 0.7em;
}

footer ul.nav li {
    line-height: 1.5;
    margin-bottom: .5em;
}

footer ul.nav li > ul {
    /*border-top: 1px dotted #D5D3C9; padding-top: 12px;*/
    padding-left: 24px;
}

footer ul.nav > li > a {
    padding-left: 0;
}

.btn-primary {
    background: #FA9D29;
    border-color: #FA9D29;
    border-right: 1px #E69026 solid;
    border-bottom: 2px #E69026 solid;
    padding: 7px 20px;
}
.btn-primary > p{
    margin-bottom: 0;
}
a:hover.btn-primary {
    background: #FAC357;
    border-color: #FAC357;
}
.btn-off,
.btn-off:hover
{
    background-color: #eee;
    color: #999;
    opacity: 0.5;
    cursor: not-allowed;
}
a:active .panel .panel-body,
a:hover .panel .panel-body {
    text-decoration: none;
}
.panel .btn{
    text-align: left;
}
/* IGPagebuilder */

.jsn-bootstrap3 .row {
    padding: 0 !important;
    margin-left: -10px;
    margin-right: -10px;
}

/* pagination */

.wp-pagenavi {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.wp-pagenavi > a {
    display: inline;
}

.wp-pagenavi > a, .wp-pagenavi > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #928763;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}

.wp-pagenavi > a:first-child, .wp-pagenavi > span:first-child {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.wp-pagenavi > a:last-child, .wp-pagenavi > span:last-child {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.wp-pagenavi > a:hover, .wp-pagenavi > a > span:hover, .wp-pagenavi > a:focus, .wp-pagenavi > a:focus {
    color: #928763;
    background-color: #eee;
    border-color: #ddd;
}

.wp-pagenavi > .current, .wp-pagenavi > .current, .wp-pagenavi > .current > a:hover, .wp-pagenavi > .active > span:hover, .wp-pagenavi > .current:focus, .wp-pagenavi > .active > span:focus {
    z-index: 2;
    color: #fff;
    background-color: #928763;
    border-color: #928763;
    cursor: default;
}

.wp-pagenavi > .disabled > span, .wp-pagenavi > .disabled > span:hover, .wp-pagenavi > .disabled > span:focus, .wp-pagenavi > .disabled > a, .wp-pagenavi > .disabled > a:hover, .wp-pagenavi > .disabled > a:focus {
    color: #777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed;
}

.wp-pagenavi-lg > a, .wp-pagenavi-lg > span {
    padding: 10px 16px;
    font-size: 18px;
}

.wp-pagenavi-lg > a:first-child, .wp-pagenavi-lg > span:first-child {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}

.wp-pagenavi-lg > a:last-child, .wp-pagenavi-lg > span:last-child {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}

.wp-pagenavi-sm > a, .wp-pagenavi-sm > span {
    padding: 5px 10px;
    font-size: 12px;
}

.wp-pagenavi-sm > a:first-child, .wp-pagenavi-sm > span:first-child {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.wp-pagenavi-sm > a:last-child, .wp-pagenavi-sm > span:last-child {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

/*
共通 end
---------*/

/* navbar settings */
.navbar-collapse .child {
    display: none;
}

@media screen and (max-width: 767px) {
    .responsive #page {
        /*overflow-x: hidden;*/
        /*-webkit-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);*/
        /*transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);*/
    }
    #primary-navigation ul > * {
        /*-webkit-transform: translateZ(0px);*/
    }
    .responsive #primary-navigation {
        /*position: absolute;*/
        /*top: 0;*/
        /*bottom: 0;*/
        /*height: 100%;*/
        /*width: 100%;*/
        /*margin: 0 0 0 100%;*/
        /*padding: 0;*/
        /*display: block;*/
        /*z-index: 99999;*/
        /*overflow-y: auto;*/
        /*overflow-x: hidden;*/
        /*-webkit-overflow-scrolling: touch;*/
        /*-webkit-transform: translate3d(0, 0, 100px);*/
        /*background-color: #333;*/
    }

    .responsive #primary-navigation.open {
        box-shadow: 0 0 20px #666;
    }

    .responsive #primary-navigation ul {
        padding: 0 0 0 0;
        margin: 0;
    }

    .responsive #primary-navigation .child {
        display: block;
        font-size: 12px;
    }

    .responsive #primary-navigation .child a {
        padding: 10px 0;
        padding-left: 2.4em;
    }

    .responsive #navbar-toggle:hover {
        background: #fff;
    }

    .responsive #navbar-toggle.open {
        background: #eee;
    }
}

ul.navbar-nav {
    width: 100%;
    margin-bottom: -6px;
    border-bottom: 1px solid #E2DFD4;
    display: table; /* height: auto; */;
}
ul.navbar-nav li{
}
ul.nav li.navi_other{
    display: none;
}

@media screen and (max-width: 767px) {
    ul.nav li.navi_other{
        display: block;
    }
    .responsive ul.nav li{
        min-width: 100% !important;
    }
    .responsive ul.nav li.navi_other {
        border-bottom: none;
    }
    .responsive #primary-navigation ul.nav li.navi_other a{
        border-bottom:none;
    }

    .responsive ul.nav li.navi_other a:hover{
    }
    .responsive ul.nav li.navi_other a i{
        color: #bbb;
    }
    .responsive ul.nav li.navi_other a:hover i{
        color : #fff;
    }

}
/* navi01 */
ul.nav li.navi01 a{
    border-bottom: 4px solid #35B5E6;
}

ul.nav li.navi01 i {
    color: #35B5E6;
}
@media screen and (max-width: 767px) {
    .responsive ul.nav li.navi01 {
        border-bottom: none;
    }
}

/* navi02 */
ul.nav li.navi02 a{
    border-bottom: 4px solid #EA818B;
}

ul.nav li.navi02 i {
    color: #EA818B;
}
@media screen and (max-width: 767px) {
    .responsive ul.nav li.navi02 {
        border-bottom: none;
    }
}

/* navi03 */
ul.nav li.navi03 a{
    border-bottom: 4px solid #F5B004;
}

ul.nav li.navi03 i {
    color: #F5B004;
}
@media screen and (max-width: 767px) {
    .responsive ul.nav li.navi03 {
        border-bottom: none;
    }
}

/* navi04 */
ul.nav li.navi04 a{
    border-bottom: 4px solid #88C383;
}
ul.nav li.navi04 i {
    color: #88C383;
}
@media screen and (max-width: 767px) {
    .responsive ul.nav li.navi04 {
        border-bottom: none;
    }
}

/* navi05 */
ul.nav li.navi05 a{
    border-bottom: 4px solid #AF90BF;
}
ul.nav li.navi05 i{
    color: #AF90BF;
}
@media screen and (max-width: 767px) {
    .responsive ul.nav li.navi05 {
        border-bottom: none;
    }
}

/* navi06 */
ul.nav li.navi06 a{
    border-bottom: 4px solid #F3A5B4;
}
ul.nav li.navi06 i {
    color: #F3A5B4;
}
@media screen and (max-width: 767px) {
    .responsive ul.nav li.navi06 {
        border-bottom: none;
    }
}

ul.nav li.navi07 a{
    border-bottom: 4px solid #CDB591;
}

ul.nav li.navi07 i {
    color: #CDB591;
}
@media screen and (max-width: 767px) {
    .responsive ul.nav li.navi07 {
        border-bottom: none;
    }
}

/* for PC */
@media screen and (min-width: 768px) {
    .responsive ul.nav li.navi01 a:hover
    {
        background: #35B5E6;
        color: #fff;
    }

    .responsive ul.nav li.navi02 a:hover {
        background: #EA818B;
        color: #fff;
    }

    .responsive ul.nav li.navi03 a:hover
    {
        background: #F5B004;
        color: #fff;
    }

    .responsive ul.nav li.navi04 a:hover{
        background: #88C383;
        color: #fff;
    }

    .responsive ul.nav li.navi05 a:hover {
        background: #AF90BF;
        color: #fff;
    }

    ul.nav li.navi06 a:hover{
        background: #F3A5B4;
        color: #fff;
    }

    .responsive ul.nav li.navi07 a:hover {
        background: #CDB591;
        color: #fff;
    }
    .responsive ul.nav li a:hover i{
        color: #fff;
    }
    .responsive ul.nav li.navi_other a:hover {
        background: #CDB591;
        color: #fff;
    }
    .responsive ul.nav li a:hover i{
        color: #fff;
    }
}

/*menu icon*/

.footer-menu-title {
    margin-bottom: 0;
    line-height: 1.1;
    font-weight: bold;
}
footer a.navi01 {
    color: #35B5E6;
    border: none;
}

footer a.navi02  {
    color: #EA818B;
    border: none;
}

footer a.navi03  {
    color: #F5B004;
    border: none;
}

footer a.navi04  {
    color: #88C383;
    border: none;
}

footer a.navi05  {
    color: #AF90BF;
    border: none;
}

footer a.navi06  {
    color: #F3A5B4;
    border: none;
}

footer a.navi07  {
    color: #CDB591;
    border: none;
}



.navbar-nav > li {
    float: none;
    text-align: center;
    display: table-cell;
}
.wpb_single_img img{
    height: auto;
}
.navbar .container {
    width: 960px;
}
.ie8 .navbar .container{
    min-height: 86px;
    box-sizing: border-box;
}
@media screen and (max-width: 767px) {
    .ie8 .navbar .container{
        min-height: 0;
    }
}
footer {
    background: none;
    clear: both;
    padding-bottom: 1.5em;
}

.wrapper {
    border-top: 1px solid #D5D3C9;
    width: 100%;
    background: #F5F4EC;
}

.wrapper.pagetop {
    background: #E2DFD4;
    border-top: 1px solid #FCFAEF;
    padding: 5px 0 3px;
    margin-top: 0;
}

.wrapper.pagetop p {
    margin: 0;
    padding-right: 10px;
}

.copyright {
    overflow: hidden;
    padding: 26px 0 15px;
}

.copyright ul {
    float: left;
    margin-top: 3px
}

.copyright li {
    list-style: none;
    margin-right: 15px;
    float: left;
}

.copyright li a {
    color: #555;
    font-size: 12px;
}

.copyright p {
    text-align: right;
    color: #555;
    margin-top: 0px;
}

.wrapper .container {
    padding: 0;
    background: none;
}

.wrapper.foot {
    background: #fff;
    border-top: 1px solid #FCFAEF;
}

.row.banner {
    padding: 6px 0;
    background: #E2DFD4;
    width: 930px;
    margin: 0 auto 16px;
    border-radius: 4px;
}

.row.banner .panel {
    margin-bottom: 0;
}

.row.banner .col-md-6 {
    padding: 0 6px;
}

/* 2nd page */
.link-more {
    margin-top: 8px;
    margin-bottom: 0;
}

.breadcrumb {
    background: none;
    margin-bottom: 0;
    padding: 3px 20px;
}
@media screen and (max-width: 767px) {
    .responsive .breadcrumb.row {
        padding: 3px 10px;
    }
}
.breadcrumb.row .fa-home{
    position: relative;
    top:-1px;
    margin-right: 0;
}
.wrapper.bread {
    background: #F5F4EC;
    padding: 5px 0 3px;
    margin-top: 0px;
    border-bottom: 1px solid #eceadb;
    border-top: 1px solid #eceadb;
}

.wrapper.bread nav span,
.wrapper.pagetop .go-home span{
    color: #333;
}
.wrapper.bread nav a,
.wrapper.pagetop a{
    color: #928763;
}



.well .panel-heading {
}

.well .panel-heading h2 {
    font-size: 1.5rem;
    padding: 0 0 2px 14px;
    color: #fff;
}
#sideCol .well .panel-heading h2 a{
    color: #fff;
}

/* navi01 */
body .well {
    background: #bbb;
}

body .well li {
    background: #fff;
}

body .well a {
    color: #bbb;
}
body.navi01 .well ul.nav li a:hover{
    color: #fff;
}

body h1 i {
    color: #bbb;
}

/* navi_other */

#page #sideCol .panel-heading h2{
    margin: 0 !important;
    border-radius: 3px 3px 0 0;
}
#page #sideCol .panel-heading h2 a{
    display: block;
    padding-top: 20px ;
    padding-bottom: 0.9em ;
}
#page #sideCol .panel-heading h2 a:hover{
    opacity: 0.8;
    text-decoration: none;
}
#page #sideCol .panel-heading h2 span.multipul{
    display: block;
    padding-top: 20px ;
    padding-bottom: 0.9em ;
    position: relative;
    top: -2px;
    margin-bottom: -3px;
    font-size: 15px;
}
#page #sideCol .panel-heading h2 span.multipul a{
    display: inline;
    padding: 0;
    line-height: 1.3;
    font-size: 15px;
}
body.navi_other .well ul.nav li a:hover {
    color: #fff;
}

/* navi01 */
body.navi01 .well {
    background: #35B5E6;
}

body.navi01 .well li {
    background: #fff;
}

body.navi01 .well a {
    color: #35B5E6;
}

/*body.navi01 .well ul.nav li a:hover { background: #35B5E6;}*/

body.navi01 h2 {
    font-size: 22px;
    background: #fff;
    padding: 13px 14px 12px;
    border-radius: 3px 3px 0 0;
    border: 1px solid #efefef;
    border-bottom: 3px solid #35B5E6;
}

body.navi01 h1 i {
    color: #35B5E6;
}

/* navi02 */
body.navi02 .well {
    background: #EA818B;
}

body.navi02 .well li {
    background: #fff;
}

body.navi02 .well a {
    color: #EA818B;
}

/*body.navi02 .well ul.nav li a:hover { background: #EA818B;}*/

body.navi02 h2 {
    font-size: 22px;
    background: #fff;
    padding: 13px 14px 12px;
    border-radius: 3px 3px 0 0;
    border: 1px solid #efefef;
    border-bottom: 3px solid #EA818B;
}

body.navi02 h1 i {
    color: #EA818B;
}

/* navi03 */
body.navi03 .well {
    background: #F5B004;
}

body.navi03 .well li {
    background: #fff;
}

body.navi03 .well a {
    color: #F5B004;
}

/*body.navi03 .well ul.nav li a:hover { background: #F5B004;}*/

body.navi03 h2 {
    font-size: 22px;
    background: #fff;
    padding: 13px 14px 12px;
    border-radius: 3px 3px 0 0;
    border: 1px solid #efefef;
    border-bottom: 3px solid #F5B004;
}

body.navi03 h1 i {
    color: #F5B004;
}

/* navi04 */
body.navi04 .well {
    background: #88C383;
}

body.navi04 .well li {
    background: #fff;
}

body.navi04 .well a {
    color: #88C383;
}

/*body.navi04 .well ul.nav li a:hover { background: #88C383;}*/

body.navi04 h2 {
    font-size: 22px;
    background: #fff;
    padding: 13px 14px 12px;
    border-radius: 3px 3px 0 0;
    border: 1px solid #efefef;
    border-bottom: 3px solid #88C383;
}

body.navi04 h1 i {
    color: #88C383;
}

/* navi05 */
body.navi05 .well {
    background: #AF90BF;
}

body.navi05 .well li {
    background: #fff;
}

body.navi05 .well a {
    color: #AF90BF;
}

/*body.navi05 .well ul.nav li a:hover { background: #AF90BF;}*/

body.navi05 h2 {
    font-size: 22px;
    background: #fff;
    padding: 13px 14px 12px;
    border-radius: 3px 3px 0 0;
    border: 1px solid #efefef;
    border-bottom: 3px solid #AF90BF;
}

body.navi05 h1 i {
    color: #AF90BF;
}

/* navi06 */
body.navi06 .well {
    background: #F3A5B4;
}

body.navi06 .well li {
    background: #fff;
}

body.navi06 .well a {
    color: #F3A5B4;
}

/*body.navi06 .well ul.nav li a:hover { background: #AF90BF;}*/

body.navi06 h2 {
    font-size: 22px;
    background: #fff;
    padding: 13px 14px 12px;
    border-radius: 3px 3px 0 0;
    border: 1px solid #efefef;
    border-bottom: 3px solid #F3A5B4;
}

body.navi06 h1 i {
    color: #F3A5B4;
}

/* navi07 */
body.navi07 .well {
    background: #CDB591;
}

body.navi07 .well li {
    background: #fff;
}

body.navi07 .well a {
    color: #CDB591;
}

/*body.navi07 .well ul.nav li a:hover { background: #E2DFD4;}*/

body.navi07 h2 {
    font-size: 22px;
    background: #fff;
    padding: 13px 14px 12px;
    border-radius: 3px 3px 0 0;
    border: 1px solid #efefef;
    border-bottom: 3px solid #CDB591;
}

body.navi07 h1 i {
    color: #CDB591;
}



.entry-content h1 + .w3eden .widgettitle {
    margin-top: 10px;
}

/* list page */
.course-list .panel-body .panel-title {
    margin-top: 15px;
}

.course-list .panel-body .panel-title h3 {
    margin-bottom: 0;
}

.course-list .panel-body a:hover .panel-title {
    text-decoration: none;
}
.course-list .row + .row{
    margin-top: 20px;
}
@media screen and (max-width: 767px){
    .responsive .course-list .col-md-4 + .col-md-4{
        margin-top: 20px;
    }
}
#layout_music_school .panel-heading {
    padding: 0 !important;
}

#layout_music_school a .panel-body {
    color: #656565;
}

.panel-body-left {
    padding: 15px 0 0 15px;
}
@media screen and (max-width: 767px){
    .responsive .panel-body-left {
        padding: 15px 15px 0;
    }
}
.panel-body-right {
    padding: 15px 15px 0 0;
}
@media screen and (max-width: 767px){
    .responsive .panel-body-right{
        padding: 15px;
    }
}
.table-shopinfo {
    font-size: 13px;
    margin-top: 0;
}

.minimax_content_area.row {
    margin-left: -10px;
    margin-right: -10px;
}

/* faq */

#faq-block .faq-list {
    padding: 10px 10px 0 10px;
}

#faq-block .single-faq {
    margin-bottom: 8px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
    padding: 15px 15px 10px;
    box-shadow: 0 0 3px #ddd;
}

#faq-block .faq-answer {
    border: 1px solid #eee;
    margin-top: 8px;
    margin-bottom: 5px;
    background-color: #fafafa;
    padding: 15px 15px;
    color: #555;
}

#faq-block .single-faq h3 {
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 1.4;
    padding-left: 2.5em;
    text-indent: -2.5em;
}

#faq-block .single-faq + .single-faq {
}

#faq-block .faq-answer {

}

#faq-block .faq-link {
    display: none;
}

/* shop classroom */
.gallery-link{
    position: relative;
}
.gallery-link i{
    position: absolute;
    right:0;
    bottom: 5px;
    z-index: 10;
    color: #fff;
    margin-left: -18px;
    text-shadow:1px 1px 3px #000;
    vertical-align: top;
    font-size: 18px;
}
.shop-pictures {
    margin-top: 10px;
    margin-bottom: 10px;
}
.shop-pictures .row{
    margin-left: -5px;
    margin-right: -5px;
}
.shop-pictures .col-xs-3{
    height: 60px;
    overflow: hidden;
    padding-left: 5px;
    padding-right: 5px;

}
.shop-pictures .col-xs-3 a{
    display: inline-block;
    width: 100%;
    overflow: hidden;
    height: 60px;
    line-height: 60px;
    border: 1px solid #efefef;
    text-align: center;
    box-sizing: border-box;

}
@-moz-document url-prefix() {
    .shop-pictures .col-xs-3 a {
        line-height: 56px;
    }
}
.shop-pictures .col-xs-3 img{
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    line-height: 1;
}
#shop-main-image dl dt{
    color:#333;
}
#shop-main-image dl dd{
    font-size: 12px;
    text-align: left;
}
#shop-main-image .gallery-link{
    position: relative;
    display: block;
    border: 1px solid #efefef;
}
#shop-main-image .gallery-link i{
    position: absolute;
    top: 100%;
    margin-top: -28px;
    margin-left: -25px;
    z-index: 10;
    color: #fff;
    text-shadow:1px 1px 3px #000;
    vertical-align: top;
    font-size: 20px;
}
#main .table-access {
    line-height: 1.3;
    border: none;
    margin: 1px 0 0;
}

#main .table-access th {
    vertical-align: top;
    padding: 0;
    padding-right: 0.5em;
    background-color: transparent;
    border: none;
}

#main .table-access td {
    padding: 0;
    padding-bottom: 8px;
    background-color: transparent;
    border: none;
}


.vc_box_rounded { border-radius:4px; border: 1px solid #E2DFD4; }

/* 20140912 add css */

body .well li { background: #fff;}
body .well ul.nav li a:hover { background: #35B5E6;}

.navbar-collapse { clear: both;}
.well .panel-heading h2 i { color: #fff;}

h1, h2, h3, h4 { color: #666;}
body.others h3,
body.navi01 h3,
body.navi02 h3,
body.navi03 h3,
body.navi04 h3,
body.navi05 h3,
body.navi06 h3,
body.navi07 h3,
body.navi_other h3  {
    font-size: 18px; background: #F5F4EC; border: 1px solid #E2DFD4; padding: 10px 12px; border-radius: 3px 3px; margin-bottom: 1em;font-weight: bold;
}

body .wpb_accordion h3,
body.others #page .wpb_accordion h3,
body.navi01 #page .wpb_accordion h3,
body.navi02 #page .wpb_accordion h3,
body.navi03 #page .wpb_accordion h3,
body.navi04 #page .wpb_accordion h3,
body.navi05 #page .wpb_accordion h3,
body.navi06 #page .wpb_accordion h3,
body.navi07 #page .wpb_accordion h3,
body.navi_other #page .wpb_accordion h3  {
    font-size: 18px; background: #F5F4EC; border: 1px solid #E2DFD4; padding: 10px 12px; border-radius: 3px 3px; margin-bottom: 1em;font-weight: bold;
}

body .wpb_accordion h3 a,
body.others #page .wpb_accordion h3 a,
body.navi01 #page .wpb_accordion h3 a,
body.navi02 #page .wpb_accordion h3 a,
body.navi03 #page .wpb_accordion h3 a,
body.navi04 #page .wpb_accordion h3 a,
body.navi05 #page .wpb_accordion h3 a,
body.navi06 #page .wpb_accordion h3 a,
body.navi07 #page .wpb_accordion h3 a,
body.navi_other #page .wpb_accordion h3 a{
    padding: 0;
    color: #666;
}

body .wpb_accordion h3 .ui-icon,
body.others #page .wpb_accordion h3 .ui-icon,
body.navi01 #page .wpb_accordion h3 .ui-icon,
body.navi02 #page .wpb_accordion h3 .ui-icon,
body.navi03 #page .wpb_accordion h3 .ui-icon,
body.navi04 #page .wpb_accordion h3 .ui-icon,
body.navi05 #page .wpb_accordion h3 .ui-icon,
body.navi06 #page .wpb_accordion h3 .ui-icon,
body.navi07 #page .wpb_accordion h3 .ui-icon,
body.navi_other #page .wpb_accordion h3 .ui-icon
{
    top: 50%;
    margin-top: -7px;
}

body.others h4,
body.navi01 h4,
body.navi02 h4,
body.navi03 h4,
body.navi04 h4,
body.navi05 h4,
body.navi06 h4,
body.navi07 h4,
body.navi_other h4{ font-size: 16px; font-weight: bold; border-bottom: 1px solid #E2DFD4; padding-bottom: 10px;}

#page .vc_separator h4{
    border-bottom: none;
}

body.navi01 h1 { font-size: 26px; background: none; padding: 8px 0px 18px; border-bottom: 2px solid #E2DFD4; font-weight: bold; }
body.navi02 h1 { font-size: 26px; background: none; padding: 8px 0px 18px; border-bottom: 2px solid #E2DFD4; font-weight: bold; }
body.navi03 h1 { font-size: 26px; background: none; padding: 8px 0px 18px; border-bottom: 2px solid #E2DFD4; font-weight: bold; }
body.navi04 h1 { font-size: 26px; background: none; padding: 8px 0px 18px; border-bottom: 2px solid #E2DFD4; font-weight: bold; }
body.navi05 h1 { font-size: 26px; background: none; padding: 8px 0px 18px; border-bottom: 2px solid #E2DFD4; font-weight: bold; }
body.navi06 h1 { font-size: 26px; background: none; padding: 8px 0px 18px; border-bottom: 2px solid #E2DFD4; font-weight: bold; }
body.navi07 h1 { font-size: 26px; background: none; padding: 8px 0px 18px; border-bottom: 2px solid #E2DFD4; font-weight: bold; }
body.navi_other h1 { font-size: 26px; background: none; padding: 8px 0px 18px; border-bottom: 2px solid #E2DFD4; font-weight: bold; }

body.navi01 h2 { font-size: 20px; background: #fff; padding: 14px 14px 13px; border-radius: 3px 3px 0 0; border: 1px solid #efefef; border-bottom: 3px solid #35B5E6;font-weight: bold;}
body.navi02 h2 { font-size: 20px; background: #fff; padding: 14px 14px 13px; border-radius: 3px 3px 0 0; border: 1px solid #efefef; border-bottom: 3px solid #EA818B;font-weight: bold;}
body.navi03 h2 { font-size: 20px; background: #fff; padding: 14px 14px 13px; border-radius: 3px 3px 0 0; border: 1px solid #efefef; border-bottom: 3px solid #F5B004;font-weight: bold;}
body.navi04 h2 { font-size: 20px; background: #fff; padding: 14px 14px 13px; border-radius: 3px 3px 0 0; border: 1px solid #efefef; border-bottom: 3px solid #88C383;font-weight: bold;}
body.navi05 h2 { font-size: 20px; background: #fff; padding: 14px 14px 13px; border-radius: 3px 3px 0 0; border: 1px solid #efefef; border-bottom: 3px solid #AF90BF;font-weight: bold;}
body.navi06 h2 { font-size: 20px; background: #fff; padding: 14px 14px 13px; border-radius: 3px 3px 0 0; border: 1px solid #efefef; border-bottom: 3px solid #F3A5B4;font-weight: bold;}
body.navi07 h2 { font-size: 20px; background: #fff; padding: 14px 14px 13px; border-radius: 3px 3px 0 0; border: 1px solid #efefef; border-bottom: 3px solid #CDB591;font-weight: bold;}
body.navi01 h1 i { font-weight: bold;}
body.navi_other h2 { font-size: 20px; background: #fff; padding: 14px 14px 13px; border-radius: 3px 3px 0 0; border: 1px solid #efefef; border-bottom: 3px solid #CDB591;font-weight: bold;}

body.navi01 h1 i,body.navi01 h2 i { color: #35B5E6;}
body.navi02 h1 i,body.navi02 h2 i { color: #EA818B;}
body.navi03 h1 i,body.navi03 h2 i { color: #F5B004;}
body.navi04 h1 i,body.navi04 h2 i { color: #88C383;}
body.navi05 h1 i,body.navi05 h2 i { color: #AF90BF;}
body.navi06 h1 i,body.navi06 h2 i { color: #F3A5B4;}
body.navi07 h1 i,body.navi07 h2 i { color: #CDB591;}
body.navi_other h1 i,body.navi07 h2 i { color: #CDB591;}

body.navi01 .well .panel-heading h2 { font-size: 1.5rem; padding: 0 0 2px 14px; color: #fff; background: #35B5E6; border: none;}
body.navi02 .well .panel-heading h2 { font-size: 1.5rem; padding: 0 0 2px 14px; color: #fff; background: #EA818B; border: none;}
body.navi03 .well .panel-heading h2 { font-size: 1.5rem; padding: 0 0 2px 14px; color: #fff; background: #F5B004; border: none;}
body.navi04 .well .panel-heading h2 { font-size: 1.5rem; padding: 0 0 2px 14px; color: #fff; background: #88C383; border: none;}
body.navi05 .well .panel-heading h2 { font-size: 1.5rem; padding: 0 0 2px 14px; color: #fff; background: #AF90BF; border: none;}
body.navi06 .well .panel-heading h2 { font-size: 1.5rem; padding: 0 0 2px 14px; color: #fff; background: #F3A5B4; border: none;}
body.navi07 .well .panel-heading h2 { font-size: 1.5rem; padding: 0 0 2px 14px; color: #fff; background: #CDB591; border: none;}
body.navi_other .well .panel-heading h2 { font-size: 1.5rem; padding: 0 0 2px 14px; color: #fff; background: #CDB591; border: none;}

body.others .well { background: #928763;}
body.others .well a {color:#928763; }

body.others h1 { font-size: 26px; background: none; padding: 8px 0px 18px; border-bottom: 2px solid #E2DFD4; font-weight: bold; }
body.others h2 { font-size: 20px; background: #fff; padding: 14px 14px 13px; border-radius: 3px 3px 0 0; border: 1px solid #efefef; border-bottom: 3px solid #928763;font-weight: bold;}
body.others h1 i { font-weight: bold;}
body.others h1 i,body.others h2 i { color: #928763;}
body.others .well .panel-heading h2 { font-size: 1.5rem; padding: 0 14px; color: #fff; background: #928763; border: none;}

table { width: 100%; border-collapse: collapse; margin: 1em 0; }
th{ background: #E2DFD4; padding: 8px 10px;  border: solid 1px #C3BCB6; border-top: solid 1px #DFD7CF;  }

td{ border: solid 1px #DFD7CF; }
thead th{ background: #E2DFD4; padding: 8px 10px; text-align:left; color: #666;  }
tbody th, tbody td{ padding: 10px;  }
tbody td{ text-align:left;  }
tbody tr.odd td{ background: #F5F4EC;  }
tbody td a{ color: #488fff;  }
tbody td a span{ text-decoration: underline;  }
th:last-child { border-right: solid 1px #DFD7CF; }
th:first-child { border-left: solid 1px #DFD7CF; }
tbody td p.h4{
    margin: 15px 0 0;
    display: inline-block;
    vertical-align: middle;
}
.pagination>li>a, .pagination>li>span { color: #928763;}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { background: #928763; border:1px solid #928763;}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus  { color: #928763;}

p { overflow: hidden ;}
p img.alignleft { float: left; margin: 0px 10px 5px 0px;}
p img.alignright { float: right; margin: 0px 0px 5px 10px;}

/* add */


/* 20140929 add css */
.breadcrumb a { color: #928763;}
ul.list { padding:12px 20px 5px; list-style: none; overflow: hidden;}
ul.list li { float: left; width: 33%; font-size: 15px; padding: 3px;}
ul.list li a { display: block; padding:5px; color: #656565;}
ul.list li a i { color: #928763;}

ul.list2 { padding:5px 0px; list-style: none; overflow: hidden;}
ul.list2 li { float: left; width: 33.3%; font-size: 15px; padding: 3px;}
ul.list2 li a ,ul.list2 li span { display: block; padding:6px 8px 4px; color: #fff; background: #928763; border-radius:4px; border-right: 1px solid #756B4F; border-bottom: 2px solid #756B4F; }
ul.list2 li span { display: block; padding:6px 8px 4px; color: #fff; background: #999; border-radius:4px; border-right: 1px solid #aaa; border-bottom: 2px solid #aaa; }
ul.list2 li a:hover { text-decoration: none; background: #AFA78C; border-right: 1px solid #AFA78C; border-bottom: 2px solid #AFA78C;}
ul.list2 li a i,ul.list2 li span i { color: #fff; padding-left: 5px;}

.col-md-4 .panel { padding-top: 0;}
.col-md-4 .panel a { color: #656565; }
.product { clear: both; margin: 3.5em 0 2em;  }
.product ul { list-style: none; padding-left: 0px; margin-bottom: 10px; overflow: hidden; }
.product ul li { padding-bottom: .7em; margin-bottom: .7em; border-bottom: 1px dotted #D5D3C9; }
.product span.product-img { display: block; text-align: center; vertical-align: middle; float: right; box-sizing: border-box; border: 1px solid #ECEADB; width: 320px; height: 320px; line-height: 300px; padding: 10px; background-color: #fff; margin-left: 15px; margin-bottom: 15px;}
.product span.product-img img { float: none; display: inline-block; vertical-align: middle; text-align: center; width: auto; height: auto; max-width: 100%; max-height: 100%;}

.product ul li.maker { font-weight: bold; font-size: 15px;}
.product ul li.copy { font-weight: bold; font-size: 16px;}
.product ul li.price { color: #111; font-size: 15px;}
.product ul li.positon { font-size: 15px;}
.product .detail { padding: 18px 14px 1px; background: #F5F4EC; border: 1px solid #ECEADB; border-radius: 4px;}

.product img.right  { }
.product ul li .fa-external-link { margin-left: 5px; color: #428bca;}

.label { padding: .4em .6em .2em; float: left; margin: 1px; overflow: hidden; /*border: 1px solid #E2DFD4; */background: #928763; color: #fff;}
.label-danger{ background: #ff0000;}
.label-soldout{ background: #9f9f9f;}

/* add */


/* 20141007 add css */
div.btn-primary{
    text-align: left;
}
.btn-primary a{
    display: block;
    color: #fff;
    text-align: left;
}
.btn-primary a:hover{
    text-decoration: none;
}
body .panel h3{
    background-color: transparent;
    border: none;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}
#main a:hover .panel-body,
#main a:hover .panel h3,
#main a:hover .panel p,
#main a:focus .panel h3,
#main a:focus .panel p,
#main a:active .panel h3,
#main a:active .panel p
{
    text-decoration: none;
    border-bottom: none;
    outline: none;
}
.panel-body .wpb_wrapper p{
    margin-bottom :0.4em;
}
/* end 20141007 add css */

.modal h2.modal-title{
    border: none;
    padding: 0;
    margin-bottom: 0 !important;
}
@media screen and (min-width: 768px) {
    #primary .panel-img-container{
        margin-bottom: 0;
    }
}

@media screen and (max-width: 767px) {
    #primary .vc_row .wpb_column:first-child .panel-img-container {
        margin-bottom: 0;
    }
}

#primary .panel-img-container .panel-img img{
    line-height: 0;
}

#primary .panel-img-container img + .btn,
#primary .panel-img-container img ~ .btn{
    margin-top: 15px;
}
#primary .panel-img-container .panel-img.panel-img-horizontal > img{
    margin-bottom:0;
}
@media screen and (max-width: 767px) {
    .responsive #primary .panel-img-container .panel-img img{
        margin-top: 15px;
    }
    .responsive #primary .panel-img-container.left .panel-img img,
    .responsive #primary .panel-img-container.right .panel-img img
    {
        margin-top: 0;
    }
}
.navbar-toggle button{
}
.navbar-toggle .open_state{
    display: none;
}
.navbar-toggle.open .open_state{
    display: block;
    text-align: center;
    font-size: 8px;
    margin-bottom: -4px;

}
.navbar-toggle .open_state i{
    display: block;
    font-size: 16px;
    margin-right: auto;
    margin-left: auto;
    margin-top: -7px;
}
.navbar-toggle .close_state{
    display: block;
}
.navbar-toggle.open .close_state{
    display: none;
}
#primary .panel-img-container .panel-body.right{
    padding-left: 0;
}

@media screen and (max-width: 767px) {
    .responsive #primary .panel-img-container .panel-body.right{
        padding-left: 15px;
    }
}
#primary .panel-img-container .panel-body.left{
    padding-right: 0;
}

@media screen and (max-width: 767px) {
    .responsive #primary .panel-img-container .panel-body.left{
        padding-left: 15px;
    }
}
@media screen and (max-width: 767px) {
    .responsive #primary .panel-img-container .panel-body h3{
        padding-top: 0;
    }
}
#primary .panel-img-container.top .panel-body h3{
    padding-top: 0;
    padding-bottom: 0;
}
#primary .panel-img-container .panel-body > h3{
    line-height: 1.25;
}
#primary .panel-img-container .panel-body > p:last-child{
    margin-bottom: 0;
}
/* 20141015 add css */
#page .modal .modal-body .label-full{
    background-color: #dd0000;
}
/* 20141016 add css */
.acf-map {
    width: 100%;
    height: 400px;
    border: #ccc solid 1px;
    margin: 20px 0;
}
.acf-map iframe{
    max-width: 100%;
    display: block;
}


.top-image-container { margin-top: 15px;}

@media screen and (max-width: 767px) {
    .responsive .top-main-image { margin-top: 0;}
}


.tax-item_category .panel .panel-heading{
    padding: 10px;
    text-align: center;

}
.tax-item_category .panel .panel-heading a,
.row-goods-item .panel .panel-heading a{
    display: block;
    vertical-align: middle;
    height: 180px;
    line-height: 180px;
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;
}
.tax-item_category .panel img{
    display: inline-block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    text-align: center;
    margin: 0;
}
@media screen and (max-width: 767px) {
    .responsive .tax-services_type .panel img{
        padding: 0;
    }
}

#page .icons{
    zoom:1;
    margin-bottom: -8px;
}
#page .icons:after{
    display: block;
    clear: both;
    content: "";
}
.icons .label{
    white-space: normal;
    word-wrap:break-word;
    text-align: left;
}
#page .item-img-wrap{
    display:block;
    white-space: nowrap;
}
#page .item-img-wrap:after{
    display: inline-block;
    content: "";
    height: 100%;
    width: 0;
    vertical-align: middle;
}
#page .item-img-wrap img{
    display: inline-block !important;
    vertical-align: middle;
    max-width: 100%;
    max-height: 180px;
    width: auto;
    height: auto;
}
#page .item-panel .item-panel-desc{
    margin-bottom: 10px;
}
#page .item-panel .item-price-sep{
    margin-top: 10px;
    margin-bottom: 15px;
    border-style: dotted;
}

#page .item-panel .item-price-sep{
    display: none;
}
#page .item-panel .item-panel-desc + .item-price-sep{
    display: block;
}
#page .item-panel .item-price-sep + span + span{
    margin-top: 5px;
}
#page .panel-body .maker-price{
    font-size: 11px;
    letter-spacing: -0.1em;
    line-height: 1.25;
}
#page .panel-body .sales-price{
    font-size: 11px;
    letter-spacing: -0.1em;
    line-height: 1.25;
    margin-top: 15px !important;
}
#page .panel-body .maker-price + .sales-price {
    margin-top: 5px !important;
}
#page .panel-body .maker-price b{
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0;
}
#page .panel-body .sales-price b{
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0;
}
#page .product .makerprice .br_price,
#page .product .price .br_price{
    display: none;
}
/* mobile
---------------*/

@media screen and (max-width: 767px) {

    .responsive i {
        margin-right: 3px;
    }

    .responsive .navbar .container {
        width: 100%;
        padding: 5px 10px;
    }

    .responsive .navbar-toggle {
        margin-right: 1px;
        padding: 9px 6px;
    }

    .responsive .go-home {
        display: none;
    }

    .responsive .container {
        padding: 10px;
    }
    .responsive #content > .container:first-child{
        padding: 0 10px;
    }
    .responsive .center-block .img-responsive{
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .responsive #page .top-image-container{
        margin: -10px -25px 10px;
    }

    .responsive .oneHeader {
        float: right;
        margin-top: 8px;
        margin-right: 6px;
    }
    .responsive #site-header .navbar-brand{
        max-width: 50%;
        padding: 0;
    }
    .responsive #site-header .navbar-brand img {
        max-height: 30px;
        width: auto;
        max-width: 100%;
        margin-top: 10px;
        margin-right: 2px;
    }

    .responsive ul.navbar-nav {
        margin: 0;
        display: table-cell;
    }

    .responsive .navbar-nav li {
        border-right: none;
    }

    .responsive .btn {
        font-size: 14px;
        padding: 9px 6px;
    }
    .responsive div.btn{
            position: relative;
            padding: 0;
    }
    .responsive div.btn a{
        position: relative;
        padding: 9px 6px;
    }
    .responsive .oneHeader .btn {
        font-size: 10px;
    }
    .responsive #sideCol {
        float: none;
    }

    .responsive footer ul.nav li ul {
        display: none;
    }

    .responsive .navbar-nav > li {
        float: none;
        display: inline-block;
        width: 100%;
        float: left;
        text-align: left;
    }

    /*ul.nav li.navi02 a, ul.nav li.navi03 a, ul.nav li.navi04 a ,ul.nav li.navi02 a:hover, ul.nav li.navi03 a:hover, ul.nav li.navi04 a:hover { padding-left:14.5%;}*/
    .responsive .row.banner {
        width: 100%;
    }

    .responsive .row.banner .panel {
        margin: 10px 12px;
    }

    .responsive .panel-body h3 {
        text-align: center;
    }
    .responsive .panel-body.left h3,
    .responsive .panel-body.right h3
    {
        text-align: left;
    }
    .responsive .panel-default > .panel-heading img {
        margin: 2% 15%;
        width: 70%;
    }

    .responsive .panel-default > .panel-heading {
        background-color: #fff;
    }

    .responsive footer ul.nav {
        margin-bottom: 0;
    }

    .responsive .wrapper.foot .row, #colophon .row {
        margin: 0;
    }

    .responsive .list-unstyled {
        margin-left: 10px;
    }

    .responsive .copyright p {
        float: left;
        padding-left: 10px;
    }
    .responsive li i { margin-right: 8px;}

    /* 20140926 add*/
    .responsive .product span.product-img { float: none; margin-top: 20px; margin-left: auto; margin-right: auto; max-width: 100%; padding: 10px;}
    .responsive .product img.right { float:none; width: auto; margin: 0;}
    .responsive ul.list li ,ul.list2 li { float: left; width: 98%; font-size: 15px; padding: 1%;}
    .responsive .vc_carousel-slideline-inner img{
        max-width: 100% !important;
        height: auto;
    }
}
.music_school .vc_row + .vc_row .headingTypeB01{
     margin-top : 60px;
 }

.topics_event_list_item{
    overflow: hidden;
}
.topics_event_list_item h5{
    margin-top: 0;
    margin-bottom: 0 !important;
}
.topics_event_list_item h4{
    border-bottom: none;
}
.topics_event_category_list_item h5,
.topics_event_category_list_item_title{
    font-size: 16px;
}
.topics_event_list_item p{
    margin-top: 4px;
    font-size: 12px;
    line-height: 1.5;
    color: #808080;
}
#page .vc_wp_topics_events p,
.topics_event_list_item p{
    margin-bottom: 0;
}
#page h3.topics_event_category_list_item_title{
    font-size: 16px !important;
}

.non-responsive #navbar-toggle{
    display: none !important;
}
.non-responsive #primary-navigation{
    display: block !important;
    border-top: none !important;
}

.rssBody ul{
    padding: 0;
    list-style: none;
}
.rssBody ul li div{
    color: #aaa;
    font-size: 13px;
}
body .panel-body .rssBody ul li h4{
    font-size: 14px;
    border-bottom: none;
    margin-top: 4px;
    padding-top: 0;
}
.list-no-indent{
    padding-left: 20px;
}
.list-side-banner li{
    margin-bottom: 8px;

}

.panel-close{
    color: #aaa;
    background-color: #fafafa;
}
.lesson-close{
    margin-top: 15px;
}
.goods-content{
    margin-top: 20px;
}
#page .table-responsive{
    overflow: auto;
    border: none;
}
.table-responsive .table,
.table-responsive .tablepress
{
    margin-top: 0;
}
#page .tablepress th{
    background-color: #d9edf7;
}
#page .tablepress .td{
    background-color: #fff;
}
#page .tablepress .odd td{
    background-color: #f9f9f9;
}
#page .tablepress tr.odd:hover td{
    background-color: #f3f3f3;
}
#page .tablepress.table-type2-1 th,
#page .tablepress.table-type2-2 th,
#page .tablepress.table-type4-1 th,
#page .tablepress.table-type4-2 th,
#page .tablepress.table-type4-3 th,
#page .tablepress.table-type4-4 th
{
    background-color: #fefce7;
}
#page .tablepress.table-type4-1 th,
#page .tablepress.table-type4-2 th,
#page .tablepress.table-type4-3 th,
#page .tablepress.table-type4-4 th
{
    background-color: #fefce7;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
#page .tablepress.table-type4-3 tr th:first-child,
#page .tablepress.table-type4-4 tr th:first-child{
    background-color: #fefce7;
}
#page .tablepress.table-type4-3 tr td:first-child,
#page .tablepress.table-type4-4 tr td:first-child{
    background-color: #fefce7;
}
#page .tablepress.table-type3-1,
#page .tablepress.table-type3-2,
#page .tablepress.table-type3-3,
#page .tablepress.table-type3-4,
#page .tablepress.table-type4-1,
#page .tablepress.table-type4-2,
#page .tablepress.table-type4-3,
#page .tablepress.table-type4-4
{

    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    box-sizing: border-box;
}
#page .tablepress.table-type3-1 th,
#page .tablepress.table-type3-2 th,
#page .tablepress.table-type3-3 th,
#page .tablepress.table-type3-4 th
{
    background-color: #d9edf7;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
#page .tablepress.table-type3-3 tr th:first-child,
#page .tablepress.table-type3-4 tr th:first-child{
    background-color: #d9edf7;
}

#page .tablepress.table-type3-1 td,
#page .tablepress.table-type3-2 td,
#page .tablepress.table-type3-3 td,
#page .tablepress.table-type3-4 td,
#page .tablepress.table-type4-1 td,
#page .tablepress.table-type4-2 td,
#page .tablepress.table-type4-3 td,
#page .tablepress.table-type4-4 td
{
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
#page .tablepress.table-type3-3 tr td:first-child,
#page .tablepress.table-type3-4 tr td:first-child{
    background-color: #d9edf7;
}
#page .table-responsive .tablepress th{
    white-space: normal;
    word-break: break-all;
}
#page .table-responsive .tablepress td{
    white-space: normal;
    word-break: break-all;
}

#page .table-responsive .tablepress.table-type1-2 th,
#page .table-responsive .tablepress.table-type2-2 th,
#page .table-responsive .tablepress.table-type3-2 th,
#page .table-responsive .tablepress.table-type3-4 th,
#page .table-responsive .tablepress.table-type4-2 th,
#page .table-responsive .tablepress.table-type4-4 th {
    white-space: nowrap;
    word-break: normal;
}

#page .table-responsive .tablepress.table-type1-2 td,
#page .table-responsive .tablepress.table-type2-2 td,
#page .table-responsive .tablepress.table-type3-2 td,
#page .table-responsive .tablepress.table-type3-4 td,
#page .table-responsive .tablepress.table-type4-2 td,
#page .table-responsive .tablepress.table-type4-4 td {
    white-space: nowrap;
    word-break: normal;
}

@media screen and (max-width: 767px) {
    .non-responsive .wpb_column + .wpb_column{
        margin-top: 0;
    }
    .non-responsive .vc_col-sm-1, .non-responsive .vc_col-sm-2, .non-responsive .vc_col-sm-3, .non-responsive .vc_col-sm-4, .non-responsive .vc_col-sm-5, .non-responsive .vc_col-sm-6, .non-responsive .vc_col-sm-7, .non-responsive .vc_col-sm-8, .non-responsive .vc_col-sm-9, .non-responsive .vc_col-sm-10, .non-responsive .vc_col-sm-11, .non-responsive .vc_col-sm-12 {
        float: left;
    }

    .non-responsive .vc_col-sm-12 {
        width: 100%;
    }

    .non-responsive .vc_col-sm-11 {
        width: 91.66666667%;
    }

    .non-responsive .vc_col-sm-10 {
        width: 83.33333333%;
    }

    .non-responsive .vc_col-sm-9 {
        width: 75%;
    }

    .non-responsive .vc_col-sm-8 {
        width: 66.66666667%;
    }

    .non-responsive .vc_col-sm-7 {
        width: 58.33333333%;
    }

    .non-responsive .vc_col-sm-6 {
        width: 50%;
    }

    .non-responsive .vc_col-sm-5 {
        width: 41.66666667%;
    }

    .non-responsive .vc_col-sm-4 {
        width: 33.33333333%;
    }

    .non-responsive .vc_col-sm-3 {
        width: 25%;
    }

    .non-responsive .vc_col-sm-2 {
        width: 16.66666667%;
    }

    .non-responsive .vc_col-sm-1 {
        width: 8.33333333%;
    }

    .non-responsive .vc_col-sm-pull-12 {
        right: 100%;
    }

    .non-responsive .vc_col-sm-pull-11 {
        right: 91.66666667%;
    }

    .non-responsive .vc_col-sm-pull-10 {
        right: 83.33333333%;
    }

    .non-responsive .vc_col-sm-pull-9 {
        right: 75%;
    }

    .non-responsive .vc_col-sm-pull-8 {
        right: 66.66666667%;
    }

    .non-responsive .vc_col-sm-pull-7 {
        right: 58.33333333%;
    }

    .non-responsive .vc_col-sm-pull-6 {
        right: 50%;
    }

    .non-responsive .vc_col-sm-pull-5 {
        right: 41.66666667%;
    }

    .non-responsive .vc_col-sm-pull-4 {
        right: 33.33333333%;
    }

    .non-responsive .vc_col-sm-pull-3 {
        right: 25%;
    }

    .non-responsive .vc_col-sm-pull-2 {
        right: 16.66666667%;
    }

    .non-responsive .vc_col-sm-pull-1 {
        right: 8.33333333%;
    }

    .non-responsive .vc_col-sm-pull-0 {
        right: auto;
    }

    .non-responsive .vc_col-sm-push-12 {
        left: 100%;
    }

    .non-responsive .vc_col-sm-push-11 {
        left: 91.66666667%;
    }

    .non-responsive .vc_col-sm-push-10 {
        left: 83.33333333%;
    }

    .non-responsive .vc_col-sm-push-9 {
        left: 75%;
    }

    .non-responsive .vc_col-sm-push-8 {
        left: 66.66666667%;
    }

    .non-responsive .vc_col-sm-push-7 {
        left: 58.33333333%;
    }

    .non-responsive .vc_col-sm-push-6 {
        left: 50%;
    }

    .non-responsive .vc_col-sm-push-5 {
        left: 41.66666667%;
    }

    .non-responsive .vc_col-sm-push-4 {
        left: 33.33333333%;
    }

    .non-responsive .vc_col-sm-push-3 {
        left: 25%;
    }

    .non-responsive .vc_col-sm-push-2 {
        left: 16.66666667%;
    }

    .non-responsive .vc_col-sm-push-1 {
        left: 8.33333333%;
    }

    .non-responsive .vc_col-sm-push-0 {
        left: auto;
    }

    .non-responsive .vc_col-sm-offset-12 {
        margin-left: 100%;
    }

    .non-responsive .vc_col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .non-responsive .vc_col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .non-responsive .vc_col-sm-offset-9 {
        margin-left: 75%;
    }

    .non-responsive .vc_col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .non-responsive .vc_col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .non-responsive .vc_col-sm-offset-6 {
        margin-left: 50%;
    }

    .non-responsive .vc_col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .non-responsive .vc_col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .non-responsive .vc_col-sm-offset-3 {
        margin-left: 25%;
    }

    .non-responsive .vc_col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .non-responsive .vc_col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .non-responsive .vc_col-sm-offset-0 {
        margin-left: 0%;
    }
}

#primary-navigation-modal.navbar-collapse.collapse{
    display: none !important;
    z-index: 99999;
}
#primary-navigation-modal.collapse.navbar-collapse.modal.fade.in{
    display: block !important;
}
.notice_experiment{
    margin-top: 10px;
    display: block;
    font-size: 80%;
}

/* 2016.10.14 adjust vc4.11.1 */
@media screen and (min-width: 768px) {
    .wpb_row {
        margin-bottom: 20px;
    }
}
#page .vc_row-has-fill > .vc_column_container > .vc_column-inner,
#page .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner,
#page .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner,
#page .vc_col-has-fill > .vc_column-inner {
    padding-top: 0;
}
@media screen and (max-width: 767px) {
    #page .vc_row-has-fill > .wpb_column:first-child {
        margin-top: 0;
    }
}
#primary .vc_column_container > .vc_column-inner{
    padding-left:0;
    padding-right: 0;
}
#primary .wpb_column .wpb_column .wpb_content_element{
    margin-bottom: 0;
}
#primary .wpb_column .wpb_column .wpb_content_element + .wpb_content_element,
#primary .wpb_column .wpb_column .wpb_content_element + .panel{
    margin-top: 20px;
}
#primary .wpb_column > .vc_column-inner > .wpb_wrapper > *:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 767px){
    .wpb_column + .wpb_column,
    .wpb_row + .wpb_row > .wpb_column:first-child{
        margin-top:17px;
    }
}

.footer-extra .vc_column_container > .vc_column-inner  {
    padding-left: 0;
    padding-right: 0;
}
.footer-extra .vc_column_container > .vc_column-inner .wpb_content_element{
    margin-bottom: 0;
}

.vc_col-has-fill > div[class*="vc_custom_"]{
    padding-left: 10px;
    padding-right: 10px;
}

.wpb_content_element + .wpb_content_element{
    margin-top: 20px;
}

/* img centering */
#primary .vc_align_center img {
    display: inline-block;
}

#primary  .vc_column_container > .vc_column-inner {
    width: auto;
}

#page .panel-img-container .btn-primary p a{
    height: auto;
}