/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jan 26, 2017, 5:45:50 PM
    Author     : leo
*/

/*lg*/
@media screen and (min-width: 64.063em){
    


    .genre.ui-lg-4{
        width: 20%;
    }

    /*    .layout-wrapper .topbar-items a {
        margin-left: 8px;
    }*/
    .circular-portrait.ui-lg-4{
        width: 20%;
    }
    
    .news-index:nth-child(odd){
        width: 48%;
        margin-right: 2%; 
    }

    .news-index:nth-child(even){
        width: 48%;
        margin-left: 2%;
    }
}

/*md*/
@media screen and (min-width: 40.063em){
    
    .music-ribbon{
        left: -4%;
        top: -3%;
    }

    .service-index:nth-child(1){
        width: 32%;
        margin-right: 2%; 
    }

    .service-index:nth-child(2){
        width: 32%;
        margin-right: 2%;
    }
    .service-index:nth-child(3){
        width: 32%;

    }
    .service-index:nth-child(4){
        width: 32%;
        margin-right: 2%;
    }
    .service-index:nth-child(5){
        width: 32%;
        margin-right: 2%;
    }
    .service-index:nth-child(6){
        width: 32%;
    }

}

.w100{
    width: 100%;
}

.pc_show { display: block; }
.sp_show { display: none; }

.l-height-0{
	line-height: 0 !important;
}

.z-index-1{
    z-index: 1;
}

.fLeft{
    float:left;
}

.cBoth{
    clear: both;
}

.col333333{
    color: #333333;
}

.noBorRight{
    border-right: 0px;
}

.no-border{
    border:0px;
}

.standarBorBot{
    border-bottom: 1px solid #bcbcbc;
}

.fs12px{
    font-size: 12px;
}

.fs120per{
    font-size: 120%;
}

.taCenter{
    text-align: center
}

.dIF{
    display: inline-flex;
}


.height50per{
    height:50%;
}

.relative{
    position: relative;
}

.mb0{
    margin-bottom: 0px !important;
}

.ml5{
    margin-left:5px !important;
}

.mt20{
    margin-top:20px !important;
}

.mt15{
    margin-top:15px !important;
}

.mb10{
    margin-bottom: 10px !important;
}

.clean-padding{
    padding:7px 0px;
}

.no-padding{
    padding:0px;
}

.no-margin{
    margin:0px;
}

.color-list div{
    width: calc(6.66%);
    float:left;
}

.index-news-category.pink{
    border-left: 5px solid pink;
}
.index-news-category.blue{
    border-left: 5px solid blue;
}
.index-news-category.red{
    border-left: 5px solid red;
}
.index-news-category.green{
    border-left: 5px solid green;
}
.index-news-category.yellow{
    border-left: 5px solid yellow;
}
.index-news-category.purple{
    border-left: 5px solid purple;
}
.index-news-category.gray{
    border-left: 5px solid gray;
}
.index-news-category.orange{
    border-left: 5px solid orange;
}
.index-news-category.cyan{
    border-left: 5px solid cyan;
}
.index-news-category.darkred{
    border-left: 5px solid darkred;
}


.color-list div:nth-child(1){
    border-top: 3px solid #C4C4C4;
}

.color-list div:nth-child(2){
    border-top: 3px solid #FFAA1B;
}

.color-list div:nth-child(3){
    border-top: 3px solid #3EF400;
}

.color-list div:nth-child(4){
    border-top: 3px solid #4455FF;
}

.color-list div:nth-child(5){
    border-top: 3px solid #C233FF;
}

.color-list div:nth-child(6){
    border-top: 3px solid #FFFF00;
}

.color-list div:nth-child(7){
    border-top: 3px solid #FF283A;
}

.color-list div:nth-child(8){
    border-top: 3px solid #2CCB24;
}

.color-list div:nth-child(9){
    border-top: 3px solid #F76A37;
}

.color-list div:nth-child(10){
    border-top: 3px solid #2D96FF;
}

.color-list div:nth-child(11){
    border-top: 3px solid #FF0081;
}

.color-list div:nth-child(12){
    border-top: 3px solid #FFDE27;
}

.color-list div:nth-child(13){
    border-top: 3px solid #1678FF;
}

.color-list div:nth-child(14){
    border-top: 3px solid #47B90C;
}

.color-list div:nth-child(15){
    border-top: 3px solid #FF228D;
}

.motemote-menu{
    display: none;
}

.motemote-left-menu{
    display: block;
}

.no-padding{
    padding: 0px;
}

.clean-padding{
    padding: 7px 0px;
}

/*google search result*/
table.gsc-above-wrapper-area-container{
    border: 0px;
    box-shadow: none;
}

table.gsc-above-wrapper-area-container tbody tr{
    box-shadow: none;
}

table.gsc-above-wrapper-area-container tbody tr td.gsc-result-info-container,
table.gsc-above-wrapper-area-container tbody tr td.gsc-orderby-container{
    padding: 0px;
    border: 0px;
    background-color: #ffffff;
}

table.gsc-above-wrapper-area-container tbody tr td.gsc-result-info-container:hover,
table.gsc-above-wrapper-area-container tbody tr td.gsc-orderby-container:hover{
    background-color: #ffffff;
}

table.gsc-above-wrapper-area-container tbody tr td.gsc-orderby-container div.gsc-orderby{
    background-color: #ffffff;
    border: 0px;
}

table.gsc-resultsHeader{
    border: 0px;
}

table.gsc-resultsHeader tbody tr td{
    padding: 0px;
}

table.gsc-table-result{
    box-shadow: none;
    border: 0px;
    background-color: #ffffff;
}

table.gsc-table-result tbody tr td.gsc-table-cell-snippet-close{
    padding: 0px;
    border: 0px;
}
/*end of google search result*/

.link-div h2{
    margin-bottom:10px;
}

body .ui-paginator{
    background-color: #00baff;
    border-color: #00baff;
}

.black-list .black-list-title{
    letter-spacing:2px;
}
.black-list .black-list-titleEn{
    border-left:1px solid #ffffff;
    padding: 5px 1%;
}

/*step*/
body .ui-steps.step:before {
    width: 100%;
    border-width: 1px 0px;
}

.step ul{
    width: 100%;
    display: inline-flex;
    justify-content: center;
    padding: 0px;
}
/*end of step*/

.sbc-page-title{
    display: inline-flex; 
    align-items: center;
    padding: 7px 0px;
}

.sbc-page-title h2{
    line-height: 30px; 
    margin-left: 15px;
    width: 100%;
    margin-bottom: 0px;
    margin-top: 0px;
}

.sbc-page-title h2 span:first-child{
 
}

.sbc-page-title h2 span:last-child{
    border-left: 2px solid #c0c0c0;
    color: #7b7b7b;
    /*color: #d7d7d7*/
    padding: 0px 10px; 
    font-weight: lighter; 
    margin-left: 10px;
}

.fb-like-div{
    padding: 2% 0px;
    border-bottom: 1px solid #bcbcbc;
    border-top: 1px solid #bcbcbc;
}

.fb-like-div .fb-like,.fb-like-div .fb-like span, .fb-like-div .fb-like span iframe{
    width: 100%!important;
}

a{
    color:#333;
}



#myButton {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: rgba(30, 144, 255, .75);
    color: white;
    cursor: pointer;
    padding: 9px 13px;
    border-radius: 10px;
}

#myButton i {
    color: #fff;
    margin: 0;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#myButton:hover {
    background-color: #555;
}

/* apply start */
.apply-start  {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    float:none;
}

.apply-start .title{
    font-size:30px;
}

.apply-start .remember-me{
    float:left;
    text-align:left;
    font-size:10px;
}

.apply-start .forget-password {
    float:right;
    text-align: right;
    font-size:13px;
    color:#333;
}

.apply-start .ui-button {
    width: auto;
    font-size: 12px!important;
}

.apply-start .social-form-panel-small .facebook-small-button{
    background-color: #3b5998;
    color: #fff;
    border-radius: 50px 0px 0px 50px;
    margin-bottom: 10px;
    width: 100%;
}

.apply-start .social-form-panel-small .google-small-button{
    background-color: #d34836;
    color: #fff;
    border-radius: 0px 50px 50px 0px;
    margin-bottom:10px;
    width: 100%;
}

/*pagination*/
#num_button_notcurrent,
.paginator .page-numbers{
    float: left;
    background-color: #56acff;
    color: #FFFFFF;
    padding: 8px;
    margin: 8px 5px 0px 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#num_button_current,
.paginator .current{
    float: left;
    background-color: #829bb3;
    color: #FFFFFF;
    padding: 8px;
    margin: 8px 5px 0px 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#num_button_prev,
.paginator .prev{
    float: left;
    margin: 8px 5px 0px 0px;
	background: none;
	padding: 0;
}

#num_button_next,
.paginator .next{
    float: left;
    margin-top: 8px;
	background: none;
	padding: 0;
}

/*accordion panel*/
.news-index-panel .ui-accordion .ui-accordion-header{
    color:#333;
    font-weight: bold;   
    line-height: 23px;
    /*    margin: 5px 3% 10px;*/
    margin: 0px;
    padding: 7px;
    background-color: #eee;
    border-top: #c0c0c0 thin dashed;
    border-radius: 0px;
}

.news-index-panel .ui-accordion .ui-accordion-header:first-child{
    border-top: 0px dotted #333;
}

.news-index-panel .ui-accordion .ui-accordion-header.ui-state-active,
.news-index-panel .ui-accordion .ui-accordion-header.ui-state-active.ui-tabs-outline,
.news-index-panel .ui-accordion .ui-accordion-header.ui-tabs-outline,
.news-index-panel .ui-accordion .ui-accordion-header.ui-state-hover{
    background-color: #fff;
    color:#333;
    padding: 8px 0px;
}

.news-index-panel .ui-accordion .ui-accordion-content{
    background-color: #eeeeee;
    font-size: 14px;    
    border:0px;
    /*    margin: 5px 3% 10px;*/
    margin: 0px;
}

.news-index-panel .ui-accordion .ui-icon{
    display: none;
}

.news-index-panel .ui-news{
    padding:2% 0px 15px;
}
/*public page search panel*/

.search-item-responsive.search-item{
    display: none;
    padding: 10px 7px !important;
}

.search-item-sbc{
    display:inline-flex;
    width: 100%;
    margin-bottom: 0px;
}

.search-item-sbc input{
    border-color: #00a8ff!important;
    border-width: 1px 0px 1px 1px!important;
    border-style:solid;
    color: #333!important;
    top:0px!important;
    padding:4px!important;
    margin-bottom: 0px!important;
}

.search-item-sbc button.ui-button-icon-only{
    background-color: #009eff;
    border:1px solid #00a8ff;
    padding:4px;
    border-radius: 0px;
    box-shadow: none;
}

.search-item-sbc button:hover{
    background-color: #009eff;
    border:1px solid #00a8ff;
}

.layout-wrapper .mobile-navigation .search-item{
    background-color: #fff;
    padding: 0px;
}

.layout-wrapper .topbar-items .search-item-sbc .topbar-icon{
    border-width: 0px;
    color: #fff;
    font-size: 20px;
    padding: 0px!important;
    position: relative!important;
    top: 0px!important;
    right: 0px!important;

}
/*end of public page search panel*/

/*topbar*/
.content{
    width: 90%;
    margin: auto auto;
}

body.main-body {
    background-color: #fff;
}

.logo-topbar{
    width:100%;
}

.layout-wrapper .topbar .topbar-right #topbar-menu-button i {
    color : #01adff;
}

.layout-wrapper .topbar .topbar-left {
    background-color:#ffffff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 25px 0px 0;
}
.layout-wrapper .topbar .topbar-left img{
    width:380px;
    height:75px;
}

.layout-wrapper{
    /*    margin:0px 2.5%;
        width: 95%;*/
}

.layout-wrapper .topbar{
    position: relative;
    background-color:#ffffff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.topbar-menu{
    -webkit-transition: all .025s ease-out;
    -moz-transition: all .025s ease-out;
    -ms-transition: all .025s ease-out;
    -o-transition: all .025s ease-out;
    transition: all .025s ease-out;
	line-height: 0;
}
.topbar-menu:hover img{
    z-index: 2;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.wrapwer-topbar-menu .tooltip {
    background: #ececec;
    bottom: 100%;
    color: #555;
    display: block;
    left: -20px;
    margin-bottom: 15px;
    opacity: 0;
    padding: 10px;
    pointer-events: none;
    position: absolute;
    width: 100%;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
}

/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.wrapwer-topbar-menu .tooltip:before {
    bottom: -20px;
    content: " ";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}

/* CSS Triangles - see Trevor's post */
.wrapwer-topbar-menu .tooltip:after {
    border-left: solid transparent 10px;
    border-right: solid transparent 10px;
    border-top: solid #ececec 10px;
    bottom: -10px;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -13px;
    position: absolute;
    width: 0;
}

.wrapwer-topbar-menu:hover .tooltip {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}
.topbar-wrapper{
    position: relative;
    width: 90%;
    margin: auto auto;
}
/*end of topbar*/

/*navigation*/
.web-navigation{
    padding: 0px;
}

.web-navigation .ui-tabmenu{
    border: 0px;
}

.web-navigation .ui-tabmenu .ui-tabmenu-nav{
    text-align: center;
}

.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .active-sign{
    display: none;
}

.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem, 
.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active {
    border-width: 3px 1px 0 0;
    border-color: #c3c3c3;
    border-radius:0px;
    width: calc(5.55% - 1.05px);
    margin:0px;
    padding:8px 0px;
}

.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem{
    background-color: #ffffff;
}

.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active {
    background-color: #ff2d7f;

}

.web-navigation-kids{
    padding: 0px;
}

.web-navigation-kids .ui-tabmenu{
    border: 0px;
}

.web-navigation-kids .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem, 
.web-navigation-kids .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active {
    box-sizing: border-box;
    width: calc(94% / 7);
    margin:0px;
    padding-left: 8px;
    border: 0px;
    background-color: #ffffff;
}
.web-navigation-kids .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(1) {
	padding-left: 0;
	width: 6%;
}
.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(1)
{
    border-top-color: #ff2d7f;
}
.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(1).ui-state-active,
.culture00.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(1)
{
    background-color:#ff2d7f;
    /*line_0.png*/
}

.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(2)
{
    border-top-color: #0059d1;
}
.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(2).ui-state-active,
.culture01.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(2)
{
    background-color:#0059d1;
    /*line_1.png*/
}

.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(3)
{
    border-top-color: #ffdb52;
}
.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(3).ui-state-active,
.culture02.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(3)
{
    background-color:#ffdb52;
    /*line_2.png*/
}

.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(4)
{
    border-top-color: #ff5134;
}
.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(4).ui-state-active,
.culture03.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(4)
{
    background-color:#ff5134;
    /*line_3.png*/
}

.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(5)
{
    border-top-color: #ff9c87;
}
.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(5).ui-state-active,
.culture04.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(5)
{
    background-color:#ff9c87;
    /*line_4.png*/
}

.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(6)
{
    border-top-color: #0cdf9c;
}
.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(6).ui-state-active,
.culture05.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(6)
{
    background-color:#0cdf9c;
    /*line_5.png*/
}

.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(7)
{
    border-top-color: #ba40ed;
}
.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(7).ui-state-active,
.culture06.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(7)
{
    background-color:#ba40ed;
    /*line_6.png*/
}

.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(8)
{
    border-top-color: #33ccff;
}
.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(8).ui-state-active,
.culture07.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(8)
{
    background-color:#33ccff;
    /*line_7.png*/
}

.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(9)
{
    border-top-color: #b4ed37;
}
.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(9).ui-state-active,
.culture08.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(9)
{
    background-color:#b4ed37;
    /*line_8.png*/
}

.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(10)
{
    border-top-color: #ffc00c;
}
.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(10).ui-state-active,
.culture09.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(10)
{
    background-color:#ffc00c;
    /*line_9.png*/
}

.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(11)
{
    border-top-color: #dd8409;
}
.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(11).ui-state-active,
.culture10.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(11)
{
    background-color:#dd8409;
    /*line_10.png*/
}

.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(12)
{
    border-top-color: #ff82c7;
}
.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(12).ui-state-active,
.culture11.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(12)
{
    background-color:#ff82c7;
    /*line_11.png*/
}

.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(13)
{
    border-top-color: #f62559;
}
.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(13).ui-state-active,
.culture12.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(13)
{
    background-color:#f62559;
    /*line_12.png*/
}

.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(14)
{
    border-top-color: #4ce77b;
}
.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(14).ui-state-active,
.culture13.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(14)
{
    background-color:#4ce77b;
    /*line_13.png*/
}

.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(15)
{
    border-top-color: #2cb63c;
}
.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(15).ui-state-active,
.culture14.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(15)
{
    background-color:#2cb63c;
    /*line_14.png*/
}

.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(16)
{
    border-top-color: #00e2d0;
}
.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(16).ui-state-active,
.culture15.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(16)
{
    background-color:#00e2d0;
    /*line_15.png*/
}

.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(17)
{
    border-top-color: #ff8a00;
}
.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(17).ui-state-active,
.culture16.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(17)
{
    background-color:#ff8a00;
    /*line_16.png*/
}

.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(18)
{
    border-top-color: #d70035;
}
.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(18).ui-state-active,
.culture17.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(18)
{
    background-color:#d70035;
    /*line_17.png*/
}

.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:first-child{
    border-width: 3px 1px 0px;
}

.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a{
    color: #00baff;

}

.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a {
    color:#333;
    display: block;
    padding: 0px!important;
    width: 100%;
}

.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text{
    position: relative;
    width: 100%;
}

.logo-navigation{
    display:block;
    margin: auto;
}

.layout-wrapper .mobile-navigation.mobile-navigation-top{
    display: inline-flex;
    align-items: center;
    width: 100%;
    justify-content: flex-end;
}


.layout-wrapper .mobile-navigation.mobile-navigation-top a.notDropdownLink,
.layout-wrapper .mobile-navigation a.notDropdownLink{
    color: #333;
}

.layout-wrapper .mobile-navigation.mobile-navigation-top a.notDropdownLink{
    display: inline-block;
    padding: 3px 20px;
    border-right: 1px dotted #bcbcbc;
}

.layout-wrapper .mobile-navigation.mobile-navigation-top a.notDropdownLink.noBorRight{
    border-right: 0px;
}

.layout-wrapper .mobile-navigation.mobile-navigation-top a.notDropdownLink:hover {
    color:#ffa903;
    text-decoration: underline;
}


.layout-wrapper .mobile-navigation{
    display: block;
    margin-bottom: 10px;
    text-align: right;
}

.layout-wrapper .mobile-navigation a,
.layout-wrapper .mobile-navigation a.notDropdownLink,
.layout-wrapper .mobile-navigation div .responsive-bottom-link{
    display: none;
}

.layout-wrapper .mobile-navigation div .responsive-bottom-link{
    list-style: none;
    padding: 0px;
    margin-top:-10px;
}

.layout-wrapper .mobile-navigation .blue-link-list ul{
    margin: 0;
}

.layout-wrapper .mobile-navigation .blue-link-list li{
    background-color: #00baff;
    color: #fff;
    font-weight: bold;
    padding: 7px 15px;
    margin: 0 2px 5px 0;
    border-radius: 7px;
    display: inline-block;
    float:none;
}
.layout-wrapper .mobile-navigation .blue-link-list li:hover{
    background-color:#ff1285;
}



.layout-wrapper .mobile-navigation div li{
    font-size:117%;
}

.layout-wrapper .mobile-navigation div li a{
    display: block;
    color: #fff;
    font-size:117%;

}

.layout-wrapper .mobile-navigation div .responsive-bottom-link li{ 
    display: inline-flex;
    align-items: center;
    border-bottom: #c0c0c0 thin dashed;
    padding: 10px 0px;
    width: 100%;
}

.layout-wrapper .mobile-navigation div .responsive-bottom-link li:last-child{ 
    border-bottom: 0px;
}

.layout-wrapper .mobile-navigation div .responsive-bottom-link li a{
    color:#333;
    font-size: 14px;
}


/*end of navigation*/

/*breadcumb*/
body.layout-compact .ui-breadcrumb {
    background-color: transparent;
    border: 0px;
    padding: 7px 0px;
    float:left;
}

body.layout-compact .ui-breadcrumb ul li,
body.layout-compact .ui-breadcrumb ul li a {
    color:#333;
}
body.layout-compact .ui-breadcrumb ul li a:hover {
    color:#333;
    border:none;
}
/*end of breadcumb*/


/*culture/detail page*/
.pv-show{
    width:100%;
    margin-left:-5px;
}
.pv-show-button{
    float:left;
    margin: 0px;
    padding: 3px 0px;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
}
.pv-show-count{
    float:right;
    margin: 0px;
    padding: 3px 0px;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
}
.pv-show-count span{
    color: #52b6ff;
    padding-right:10px;
}

/*
.pv-list{
    float:right;
}

.pv-list ul{
    margin: 0px;
    padding: 7px 0px;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
}

.pv-list ul li{
    display: inline-block;
    padding: 0px 10px;
}

.pv-list ul li:first-child{
    border-right: 1px dotted #bcbcbc;
    display: inline-flex;
}

.pv-listpv-list ul li span{
    color: #52b6ff;
}
*/

.culture_right_list{
    width:100%;
    float:left;
    margin: 0px;
    padding: 10px 0px;
    border-bottom: #c0c0c0 thin dashed;
}

.culture_right_list img{
    width:60px;
    height:60px;
}

.music-ribbon{
    position: absolute;
    left: -2%;
    top: -4%;
}

.div-big-button{
    padding:7px 0px 1%;
    text-align: center;
    
    line-height: 75px;
}

body.layout-compact .ui-button.big-blue-button{
    background-color: #09f;
    color:#fff;
    padding:2% 6%;
    font-size: 24px;
    font-weight: bold;
    border: 2px solid transparent;
    border-radius: 5px;
    margin-left:5%;
    margin-right:5%;
    height: auto;
    transition: all 0.3s ease-in-out;

}

.kids-apply-trial-button{
    background-image: url("../img/boy.png") !important;
}

.kids-apply-enter-button{
    background-image: url("../img/girl.png") !important;
}

.ui-button.big-blue-button:hover{
    z-index: 2;
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    background-color: #ffffff;
    color: #009ac9;
    border-color: #009ac9;

}

.hvr-bounce-in{
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
body.layout-compact .ui-button.big-orange-button{
    background-color: #fe5830;
    color:#fff;
    padding:2% 6%;
    font-size: 24px;
    font-weight: bold;
    border: 2px solid transparent;
    border-radius: 5px;
    height: auto;
    transition: all 0.3s ease-in-out;
}
.ui-button.big-orange-button:hover{
    z-index: 2;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    background-color: #ffffff;
    color:#FF6347;
    border-color: #FF6347;
}

.genre-link h2{
    line-height: 30px; 
    color: #09f;
    display: inline-block; 
    margin-left: 2.5%;
}

.important-news-index{
    border:1px solid #bcbcbc;
    margin:20px 0px 30px 0px;
    padding: 0px;
    width:100%;
    position: relative;
}

.important-news-index span{
 padding:10px;
    background-color: #f17c25;
    color: #fff;
    font-weight: bold;
    float: left;
}



.news-index-panel{
    width: 100%;
    position: relative;
}

.news-index{
    border:1px solid #bcbcbc;
    margin:0px 0px 20px 0px;
    position: relative;
}

.news-index .news-date-title{
    padding: 10px 0px;
    margin-bottom:  10px;
    border-bottom: 1px solid #c0c0c0;
}

.news-index .news-date-title p{
    float:left;
    margin: 0px;
}

.news-index .news-date-title p span:first-child{
    color: #00baff; 
    font-size: 1.5rem; 
    font-weight: normal;
    margin-right: 5px;
}

.news-index .news-date-title p span:last-child{
    color: #00baff; 
    font-weight: lighter;
    margin-right: 10px;
    font-size: 16px;
}

.news-index .news-date-title a{
    color: #212121;
    font-weight: bold;
/*    font-size: 12px;*/
    line-height: 15px;
}

.news-index img{
    width:100%;
    border-top:2px solid #fff;
}

.news-index .news-index-content{
    margin:0px 0px 20px;
    text-align:justify;
    line-height:18px;
    float:left;
    width: 100%;
}

.news-index .detail-link p i{
    float:right;
    color:#333;
    font-size:16px;
}

.news-to-page{
    font-weight: bold;
    font-size:1.2em;
    float: right;
}

.news-to-page i{
    float:right;
    color:#333;
    font-size:16px;
}

.news-detail-panel{
    display: inline-flex;
    position: relative;
    border: 1px solid #bcbcbc;
    
}

.news-detail-panel .parent-div:last-child p:first-child,
.news-detail-panel .parent-div:first-child p:last-child{
    margin: 0px;
    text-align: justify;
    font-size: 17px;
    font-weight: bold;
}

.news-detail-panel .parent-div p:last-child{
    margin:0px;
    text-align: justify;
    line-height: 23px;
    font-size: 15px;
}

.news-detail-panel .parent-div:first-child .second-div p:first-child{
    margin: 0px;
    text-align: justify; 
    color: #00baff;
    font-size:2.5rem;
    font-weight: normal;
    padding-bottom:7px;
    line-height: 30px;
}

.news-detail-panel .parent-div:first-child .second-div p:last-child{
    margin:1px 3px 0px 0px;
    text-align: right; 
    color: #00baff; 
    font-size:1.5rem; 
    font-weight: normal;
}

.news-detail-panel .parent-div:last-child{
    margin-left: 10px;
}

.news-detail-panel .parent-div:last-child .second-div {
    margin-top: 10px;
    width: 30%;
    margin-right: 10px;
}

.video-album-panel img{
    width: 100%;
    height: auto;
}
.access-image{
    margin-left: -70px;
}

.main-description{
    padding: 7px 0px;
}

.index-album-paginator{
    padding: 7px;
    margin: 0px -7px;
    text-align: right;
    margin-bottom: 3%;
}

.genre img{
    width: 100%;
}
.hover-genre img {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.hover-genre img:hover {
    -webkit-filter:  grayscale(30%) brightness(80%);
}

.genre-title{
    color:#333;
    font-weight: bold;
    font-size:120%;
    line-height: 30px;
}
.music-course-hover{
    padding:5px;

}

.music-course-hover a{
   /* text-align: justify;*/
    margin:0px;
    /*line-height: 23px;*/
    color:#545454;
}
.music-course-hover a:hover{
    color:#01b1f3;
}

.hover-link-ask a{
    color: #09f;
}
.hover-link-ask a:hover{
    color:#fe1389;
}

.place-link-hover a{
    font-weight: bold; 
    color:#037bff;
}
.place-link-hover a:hover{
    color:#01b1f3;
}
.circular-portrait {

    position: relative;
    width: 200px;
    height: 200px;
    overflow: hidden;
    display: inline-block;
    /*-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;*/
    border: 3px solid #fff;
}

.circular-portrait img {
    /*    width: 100%;
        height: auto;
         -moz-border-radius:50%;
        -o-border-radius:50%;
         -webkit-border-radius: 50%;
         -khtml-border-radius: 50%;*/
    /*width: 100%;
    height: 200px;*/
    width: 100%;
    height: auto;
  /*  -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;*/
    vertical-align: middle;
}
.image-colorful img {
    width:60%;
    height: auto; 
    display: block; 
    margin: auto;
}
.big-number-culture{
    font-size: 60px;
    font-weight: bold;
    color: rgb(255, 255, 255);
    position: absolute;
    right: 33%;
    bottom: 25%;
}

.number-genre{
    font-size:200%;
    font-weight: bold;
    color: rgb(30, 144, 255);
    position: absolute;
    right: 14%;
    /*right: 18%;*/
    bottom: 21%;
}
.name-genre{
    position: absolute;
    bottom: 6%;
    left: 11%;
    color: #b8b8b8;
    font-weight: bold;
}

.culture-detail-big-img .culture-detail-img{
    width: 100%;
    height: 90%;
}


/*end of culture/detail page*/

/* culture/list page*/

.culture-search{
    padding-left: 0%;
    
}

.culture-search .ui-lg-6 .culture-search-label{
    font-weight: bold; 
    color: #0c3e6b; 
    font-size: 1.1rem;
}

/*end of culture/list page*/

/*kids/detail.html page*/
body .ui-tabmenu .ui-tabmenu-nav > .ui-tabmenuitem a .ui-menuitem-icon, 
body .ui-tabmenu .ui-tabmenu-nav > .ui-tabmenuitem a .ui-menuitem-text {
    width: 100%;
}

.kids-title{
    clear: left;
    line-height:30px;
    text-align:justify; 
    color:#f18d00; 
    font-weight:bold;
    font-size: 25px;
}
.kids-text{
    clear: left; 
    text-align: justify; 
    line-height:1.5em;
    font-size: 14px;
}
.kids-img-progress img{
    width: 80%; 
    height: auto; 
    display: block;
    margin: auto;}

.kids-img-chart img{
    width: 60%; 
    height: auto; 
    display: block; 
    margin: auto;
}
body.layout-compact .ui-datatable tr th {
    background: url("../img/kids-header-table.png") top left no-repeat;
    background-size: cover;  
    padding: 10px;

}

body.layout-compact .ui-datatable.politics-table tr th {
    background: #fafafa;
    background-size: cover;  
    padding: 10px;
}

body .ui-datatable thead th:last-child {
    border-right: 1px solid #fff;
    
}

body .ui-datatable thead th:first-child {
    border-left: 1px solid #fff;
    
}

body .ui-datatable thead tr th {
    border: 1px solid #fff;
}

body .ui-datatable tbody tr td{
    border: 1px solid #ffffff;

}

body.layout-compact .table.ui-datatable tbody tr.kids-table:nth-child(even) td{
    background: #dbf0fc;

}

.ui-datatable-odd {
    background: #ffffff;
}

.ui-datatable-even {
    background: #F2F5F9;
}

.kids-table div.ui-lg-12:nth-child(even){
        background-color: #dcfcff;
}

.kids-table p{
        line-height:1.5em;
}
/* end of kids/detail.html page*/

/*center page*/

.Q-letter{
    padding:0px;
    width: 5%;
    color:#00baff;
    font-size:23px;
    /*    line-height: 30px;*/
    font-weight: bold;
}

.A-letter{
    padding:0px;
    width: 5%;
    color:#FF0081;
    font-size:23px;
    line-height:27px;
    font-weight: bold;
}

.center-menu{
    list-style-type: none;
    padding:0px;
}

.center-menu li{
    padding:10px;
    border-bottom: 1px solid #c7bebe;
}

.center-menu li .center-menu-arrow{
    float:right;
    color:#00baff;
}
.center-menu li:hover{
    background-color: #eae4e4;
}
.center-menu li a{
    color:#333;
}
.center-menu li a:hover{
    color:#00baff;
}

.center-content .qa-div a{
    background-color: #ece8e8;
    border:solid 1px #FFFFFF;
    padding: 10px;
    margin:0px;
    float:left;
    width:160px;
    color:#333;

}

.center-content .qa-div a:hover{
    background-color: #FF0081;
    color:#fff;
    transition: 200ms linear;
}

.center-content a{
    color:#00baff;
}

.center-content .center-title{
    font-size: 24px;
    font-weight: bold;
    padding:10px 8px;
    border-bottom:1px solid #333;
    margin-top:15px;
}
.center-content .center-title-mote{
    font-size: 24px;
    font-weight: bold;
    padding:10px 8px;
    margin: 0px;
    line-height: 30px;

}
.center-content  p{
    text-align: justify;
}

.center-content .center-text p{
    line-height: 1.5em;
    margin-bottom:20px;
}

.center-content .center-text .privacy p{
  
    margin-bottom:50px;
}
.center-content .center-text li{
    line-height: 2.0em;
}

.center-content .motemote_title span{
    color:#cc0000;
    padding:0px 5px 0px 0px;
    border-right: #c0c0c0 thin dashed;
}
.center-content .motemote_title a{
    font-size:100%;
    color:#cc0000;
}
.center-content .motemote_title a:hover{
    color:#00baff;

}
.center-content .motemote_title_right{
    float:right;
    padding-top:20px; 
    font-size:150%;
}

.center-content .motemote_numtitle {
    margin-top:20px;
    border-bottom: 2px solid #cc0000;
    line-height: 2.0em;
}
.center-content .motemote_numtitle span{
    color:#cc0000;
}
.center-content .motemote_numtitle a{
    font-size:100%;
    color:#cc0000;
}
.center-content .motemote_numtitle a:hover{
    color:#00baff;

}

.center-content .motemote-page{
    padding:7px 0px;
}

.center-content .motemote-page h2{
    font-size:150%;
    line-height: 1.2em;
    margin-top: 0px;
}
.center-content .motemote-page p{
    font-size:117%;
    line-height: 1.5em;
    float:left;
    width: 90%;
}

.center-content .motemote-page li{
    line-height:1.5em;
}
.center-content .motemote-page ul{
    font-size:120%;
    font-weight: bold;
    color:#333333;
    float:left;
    width: 100%;
    margin: 0px;
    padding-left: 25px;

}
.center-content .motemote-page ul a{
    font-size:120%;
    font-weight: bold;
    color:#333333;

}
.center-content .motemote-page ul a:hover{
    color:#00baff;
}

.center-content .motemote-page .motemote-front-image-mobile{
    border:solid 1px #cccccc;
    width: 150px;
    height: 200px;
    margin: 0px 0px 10px 10px;
    float:right;
    display:none;
}

.center-content .motemote-page .motemote-front-image-pc{
    border:solid 1px #cccccc;
    max-width: 100%;
    height: 100%;
    max-height: 270px;
    display: block;
}

.motemote-ad-table .motemote-ad-title{
    color:#cb2d42;
    font-size:150%;
    font-weight:bold;
    margin:0px;
}
.motemote-ad-table .motemote-ad-title2{
    margin-top:5px;
    margin-bottom:30px;
    line-height: 1.5em
}

.center-content .tour-page ul{
    margin-bottom:20px;

}

.center-content .tour-page li{

}
.center-content .tour-page ul a{
    font-size:100%;
    color:#333333;

}
.center-content .tour-page ul a:hover{
    color:#00baff;
}

.center-second-title{
    font-size: 18px;
    font-weight: bold;
    padding:15px 0px;
    border-bottom: 1px solid #c7bebe;
    margin:0px;
}

.center-table-list {
    font-size: 14px;

}

.service_menu_box{
    margin-right: 5px;
    margin-left: 5px;
    width: 20px;
    height: 20px;
}

.service-index{
    border:1px solid #bcbcbc;
    margin:0px 0px 20px 0px;
    padding: 10px;
    position: relative;
    
}

.company-form{
    padding:10px 0px;
    border-bottom: 1px solid #c7bebe;
    margin:0px;
    width: 100%;
    float:left;
    display: inline-flex;
    align-items: center;
}

.company-form:last-child{
    border-bottom: 0px;
}

.company-left {
    float: left;
    box-sizing: border-box;
    padding: 0.5em;
    width:20%;
    position: relative;
}
.company-left span{
    position: absolute;
    top:0;
    font-weight: bold;
}

.company-right {
    float: left;
    box-sizing: border-box;
    padding: 0.5em;
    width:80%;
}

.term-form{
    padding:10px 0px;
    border-bottom: 1px solid #c7bebe;
    margin:0px;
    width: 100%;
    float:left;
    display: inline-flex;
    align-items: center;
}



ol { 
    counter-reset: item;
    list-style-type: none;
}

ol .center-list { 
    display: block; 
    margin-bottom: 10px;
}

ol .center-list span { 
    padding:0px 10px;
}

ol .center-list:before { 
    content: counter(item) " ) "; 
    counter-increment: item;
}
/*service/motemote.html*/
.menu-side img { float: left; }
.menu-side .follow { line-height: 19px; }
/*culture/index.html page*/

.bottom-title{
    position:relative;
}

.bottom-title span{
    position: absolute;
    top: 14%;
    left: 31%;
    font-size:98%;
    padding:0px 1% 0px;
}
/*footer*/
.footer{
    position: relative;
    background-color: #fff;
    padding: 0px;
}

.footer-ul{
    list-style: none;
    padding: 0px;
/*    margin:0px -7px;*/
}

.footer-ul .footer-ul-li{
    border-bottom: #c0c0c0 thin dashed;
    padding: 15px 0px;
    display: inline-flex;
    align-items: center;
    width: 100%;
}
.footer-ul .footer-ul-li-last{
    border:none;
    padding-top:15px;


}

.footer-ul li a{
    color: #333;
   
}

.footer-ul li a:hover{
    color: #e91e63;
}
.footer .telp{
    font-size: 24px;
    margin-top: 15px;
    margin-bottom: 10px;
}

.footer .telp-text{
    font-size: 16px;
    margin-bottom: 10px;
    display: block;
}


.image-footer img{
    padding: 2% 0px; 
    width:10%
}


.EmptyBox5{ display:block; width:100%; height:5px; overflow:hidden;}
.EmptyBox10{ display:block; width:100%; height:10px; overflow:hidden;}
.EmptyBox20{ display:block; width:100%; height:20px; overflow:hidden;}

.content-ul ul{
    font-size: 15px;
    line-height: 25px;
}
.bordered-ul{
    border: 1px dashed #999;margin-top: 10px; padding: 5px;
}
.bordered-ul li{
    padding-left: 2%;
    list-style-position: inside;
}

.training-text p{
    font-family: "Hiragino Kaku Gothic Pro", Osaka, Meiryo,  sans-serif;
    font-size: 95%;
    line-height: 1.8;
    color: #333;
}


/*table a:link {
    color: #666;
    font-weight: bold;
    text-decoration: none; 
}
table a:visited {
    color: #999999;
    font-weight: bold;
    text-decoration:none;
}
table a:active,
table a:hover {
    color: #bd5a35;
    text-decoration:underline;
}

table {
    font-family:Arial, Helvetica, sans-serif;
    color:#333;
    font-size:14px;
    text-shadow: 1px 1px 0px #fff;
    background:#eaebec;

    border:#ccc 1px solid;

    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;

    -moz-box-shadow: 0 1px 2px #d1d1d1;
    -webkit-box-shadow: 0 1px 2px #d1d1d1;
    box-shadow: 0 1px 2px #d1d1d1;

}

table th {
    text-align: justify;
    padding: 21px 25px 22px 25px;
    border-top: 1px solid #fafafa;
    border-left: 0px solid #fafafa;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
    background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
table th:first-child {
    text-align: left;
    padding-left:20px;
}
table tr:first-child th:first-child {
    -moz-border-radius-topleft:3px;
    -webkit-border-top-left-radius:3px;
    border-top-left-radius:3px;
}
table tr:first-child th:last-child {
    -moz-border-radius-topright:3px;
    -webkit-border-top-right-radius:3px;
    border-top-right-radius:3px;
}
table tr {
    text-align: center;
    padding-left:20px;
}
table td:first-child {
    text-align: left;
    padding-left:20px;
    border-left: 0;
}
table td {
    text-align: justify;
    padding:18px;
    border-top: 1px solid #ffffff;
    border-bottom:1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;

    background: #fafafa;
    background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
    background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
table tr.even td {
    background: #f6f6f6;
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
    background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
table tr:last-child td {
    border-bottom:0;
}
table tr:last-child td:first-child {
    -moz-border-radius-bottomleft:3px;
    -webkit-border-bottom-left-radius:3px;
    border-bottom-left-radius:3px;
}
table tr:last-child td:last-child {
    -moz-border-radius-bottomright:3px;
    -webkit-border-bottom-right-radius:3px;
    border-bottom-right-radius:3px;
}
table tr:hover td {
    background: #f2f2f2;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
    background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	

}*/
.tab {
    width: 300px;
    height: 200px;
}

body .ui-tooltip {
    /* opacity: 1; */
    /*    filter: alpha(opacity=90);*/
    opacity: 1;
    font-size: 14px;
}

.ui-tooltip, .ui-tooltip .ui-widget-content {
    /*    border: 1px solid #c3bebe;*/
    color: #793939;
    background-color: #ffa903;
    border-radius: 9%;
}
.ui-tooltip .ui-tooltip-text {
    padding: 3px 10px;
    background-color: #4c4c4c;
    color: #ffffff;
}
body .ui-tooltip .ui-tooltip-text {
    background-color: #ffa903;
}
body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow {
    border-top-color: #ffa903;
}
.ui-shadow {
    -moz-box-shadow: 0 0px 0px rgba(0,0,0,0.8);
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.8);
    /* box-shadow: 0 5px 10px rgba(0,0,0,0.8); */
}
.ui-tooltip.ui-tooltip-top {
    padding: 2px 0;
}
body .ui-state-active, body .ui-state-highlight {
    background-color: #3fa908;
    color: #ffffff;
}
.detail-link{
    position: absolute;
    bottom: 10px;
    right: 15px;
}

.detail-link p{
    display:inline-flex;
    color:#0087d2;
    margin: 0px;
}
/*culture/index*/

.dropdown-culture-list{
    margin-left: -11%;
    margin-top: -1%;
}
/* piano/index */
.piano-content{
    background: url("../img/pianoBc.jpg") top left no-repeat;
    background-size: cover; 
}

.piano-text{
    color:#fff;
    font-weight: bold;
    font-family:serif;
    display: inline-flex;
    justify-content: center;
    height: 100%;

}

.piano-text div p:nth-child(1){
    font-size: 42px;
    line-height: 64px;
    margin-bottom: 15px;
}

.piano-text div p:nth-child(1) span{
    font-size: 60px;
}

.piano-text div p:nth-child(2){
    line-height: 48px;
    font-size: 42px;
    margin-top: 15px;
}

.piano-text div p:nth-child(3){
    line-height: 30px;
    font-size: 24px;
    font-weight: lighter;
    margin-top: 0px;
}
.piano-data ul{
    margin:0;
    padding:0px;
}

.piano-data li{
    line-height: 1.5em;
}
.piano-data p{
    font-weight: bold;
    font-size:1.5em;
    line-height: 1.5em;
}

/* government/index */

.balloon-image-div{
    padding: 7px 0px;
    display:inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 4%;
}

.balloon-image-div div{
    border: 1px solid #959595;
    margin-left: 20px;
    padding: 10px;
    width: 500px;
    border-radius: 10px;
    position: relative;
}

.balloon-image-div div .moncongan{
    position: absolute;
    left: -29px;
    width: 29px;
}

.balloon-image-div p{
    font-size:120%;
    margin: 0px;
}

.government-count{
    float:right;
    margin: 1% 0px;
}

.government-left-title{
    text-align: left;
}

.government-left-title h1{

    color:#00a1e9;
    margin-top: 0px;

}

.government-right-title{
    text-align: right;
}

.government-right-title h1{

    margin-top: 0px;

}

.government-right-title span{

    background-color: #fe0000;
    color:#fff;
    font-size:120%;
    padding:10px;
    font-weight: bold;
    float:right;
}

.government-ul{
    padding: 0px;
    list-style: none;
    margin: 0px;
}

.government-checklist{
    padding: 7px 0px;
    text-align: center;
    margin-top: 5%;
    float: none;
    clear: both;
    margin: auto;
    border:5px #333 dotted;
    padding: 10px;
}

.government-checklist p{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin:0px;
}

.government-checklist p:last-child{
    line-height: 40px;
}

.government-checklist p:first-child span:nth-of-type(1){
    font-size:36px;font-weight: bold;margin-right:10px
}

.government-checklist p:last-child span:nth-of-type(1){
    font-size:28px;font-weight: bold;margin-right:10px;color:red
}

.government-checklist p:last-child span:nth-of-type(2){
    font-size:36px;font-weight: bold;
}

.government-checklist p:last-child span:nth-of-type(3){
    font-size:24px;font-weight: bold;
}

.government-blue-list{
    padding: 7px 0px;
    margin-top: 10px;
}

.government-blue-list div:first-child{
    padding: 10px 3%;
    background-color: #0168b7;
}

.government-blue-list div:first-child span:first-of-type{
    font-size:30px;
    font-weight: bold;
    color:#fff;
    margin-right: 10px;
    line-height: 42px;
}

.government-blue-list div:first-child span:last-of-type{
    font-size:24px;
    color:#fff;
}

.government-blue-list div:last-child{
    padding: 10px 3%;
    background-color: #d9f1fd;
}

.government-blue-banner:first-child{
    width: 48%;
    margin-right: 2%;
}

.government-blue-banner:last-child{
    width: 48%;
    margin-left: 2%;
}

.government-blue-banner span{
    font-size:120%;
    font-weight: bold;
    color:#fff;
    line-height: 42px!important;
}

/* sbc index page*/
.top-index-layout-sm{
    padding: 10px;
    margin-bottom: 20px;
    background-color: #efefef;
    margin-left: -10px;
    width: 100%;
    box-sizing: content-box;
    display: none;
}

.top-index-layout-sm span{
    padding:10px;
    background-color: #f17c25;
    color: #fff;
    font-weight: bold;
    float: left;
}

.top-index-layout-sm p{
    clear: both;
    float: left;
    text-align: justify;
}

.top-index-layout-sm p a{
    color:#00baff;
}

.top-index-layout .top-index-div{
    height:287px;
	overflow: hidden;
	position: relative;
}

.top-index-layout .top-index-div img {
    width: 100%;
    height: 100%;
}

.top-index-layout .top-index-div img#j_idt37{
    width: 100%;
    height: 273px;
	position: absolute;
	top: 0;
	left: -100%;
	right: -100%;
	margin: auto;
	display: block;
}

.top-index-layout .top-index-div .motemote-color{
    background-color: #ef0c91;
    height: 100%;
}

.top-index-layout .color-div{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    
}

.top-index-layout .color-div{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    
}

.top-index-layout .color-div.culture-color{
    background-color: #002d90;   
}

.top-index-layout .color-div.kids-education-color{
    background-color: #ff6300;   
}

.top-index-layout .color-div.piano-color{
    background-color: #a50000;   
}

.top-index-layout .color-div.politics-color{
    background-color: #006d14;   
}

.top-index-layout .color-div.training-color{
    background-color: #008fe5;   
}

.top-index-layout p{
    margin: 0px;
    color: #fff;
}

.top-index-layout p a{
    color: #fff;
}

.top-index-layout p span{
    font-weight: bold;
}

.top-index-layout-2 .dIF p:first-child{
    color:#fff;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
    background-color: #f17c25;
    margin: 0px;
    display: inline-flex;
    align-items: center;
    width:12%
}

.top-index-layout-2 .dIF p:last-child{
    margin:0px;
    width: 88%;
    text-align: justify;
    border: 1px solid #c0c0c0;
    padding: 5px;
    border-left: 0px;
    
}

.top-index-layout-2 .dIF p:last-child a{
    color:#00baff
}


.home-title{
    position: absolute;
    top: 10%;
    left: 5%;
	padding-top: 5%;
}

.home-title img{
    margin-right: 2%;
    margin-top:-7%;
}

.home-title .div-left{
    color:#FFF;
    padding: 3px 0px 0px;  
}

.home-title .div-left h1{
    font-weight:bold;
    font-size: 20px;
    line-height: 21px;
}

.home-title .div-left div{
    margin-top:10%;
}

.home-title .div-left div span:first-child{
    color:yellow;
    font-weight:bold;
    font-size:30px;
}

.news-list-no-image{
    display: inline-flex;
    align-items: flex-start;
}

.news-list-no-image .index-news-category{
    float:left;
    margin-right: 10px;
    margin-bottom: 0px;
    width: 25%;
}

.index-news-category{
    padding: 10px;
    background-color: #efefef;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
    font-size: 12px;
}

/*end of index page*/


/*list*/
.gov_list li:before{
    margin-right: 5px;
    content: " ";
    display: inline-block;
}
.squeaFill:before{
    background: #666;
    width: 1em;
    height: 1em;
}


@media(max-width: 1024px){  


    .layout-wrapper .topbar .topbar-right {
        padding: 0px;
        overflow: inherit;
    }

    .layout-wrapper .topbar .topbar-right .topbar-items {
        z-index: 1;
    }

    .layout-wrapper .topbar .topbar-left {
        padding:10px;
		margin-right: 0;
    }

    .search-item-responsive.search-item{
        display: block;
    }

	.search-item-sbc{
		justify-content: center;
	}

    .layout-wrapper .mobile-navigation .blue-link-list li a {
        font-size:105%;
        font-weight:bold;
    }

    .layout-wrapper .mobile-navigation .blue-link-list li{
        border-radius: 3px;
        color: #fff;
        background-color: #00aaff;
        padding: 7px 10px;
        margin: 0 0 5px;
        width: 48%;
        box-sizing: border-box;
        float: left;
    }

    .layout-wrapper .mobile-navigation .blue-link-list li:nth-child(even){
        margin-left: 2%;
    }

    .layout-wrapper .mobile-navigation .blue-link-list li:nth-child(odd){
        margin-right: 2%;
    }

    .layout-wrapper .mobile-navigation div li a{
        padding: 0px;
    }

    .layout-wrapper .mobile-navigation div {
        padding: 0px 7px;
    }

    .layout-wrapper .mobile-navigation .blue-link-list {
        text-align: left;
        margin: 10px 0;
        float: left;
    }

    .layout-wrapper .mobile-navigation .blue-link-list ul{
        margin: 0;
        padding: 0;
    }

    .layout-wrapper .mobile-navigation div a{
        padding: 10px 0px;
        color: #848080;
        display: block;
        font-weight: normal;
        border-bottom: 1px dotted #b5b4b4;
    }

    .layout-wrapper .mobile-navigation div a:last-child{
        border:0px;
    }

    .layout-wrapper .mobile-navigation.mobile-navigation-top{
        display: none!important;
    }

    .layout-wrapper .mobile-navigation div .responsive-bottom-link{
        display: block;
    }

    .layout-wrapper .mobile-navigation a.notDropdownLink{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 50%;
        height: 31px;
        background-color: #fff;
        box-sizing: border-box;
        float: left;
        padding: 0px 7px;
        margin: 10px 0px;
    }

    .layout-wrapper .mobile-navigation a.notDropdownLink:nth-child(even){
        border-right: #c0c0c0 thin dashed;
    }

    .access-image{
        margin-left: 0px;
    }
    .video-album-panel img{
        width: 100%;
        height: auto;
    }
    .big-number-culture{
        font-size: 50px;
    }
    .number-genre{
        font-size: 35px;
        right: 44px;
        bottom: 59px;
    }
    .home-title{
        zoom: 0.5;
        -moz-transform: scale(0.5);
    }
}



@media(max-width: 768px){
    .center-content .motemote-page .motemote-front-image-mobile{
        display:block;
    }

    .center-content .motemote-page .motemote-front-image-pc{
        display: none;
    }
    
    .center-content .motemote-page p{
        width: 100%;
    }
    
    .center-content .motemote-page .mote{
        width: 100%;
    }
    
    .top-index-layout p a{
        font-size: 12px;
    }
    
    .home-title .div-left p{
        font-size: 24px;
        line-height: 29px;
    }
    
    .dropdown-culture-list{
        margin-left: 0px;
    }
    
    .culture-search{
        padding-left: 7px;

    }

    .culture-search .ui-lg-6 .culture-search-label{
        font-size: 14px;
    }
    
    #num_button_notcurrent, #num_button_current {
        padding: 6px;
        font-size: 12px;
    }
    
    .music-ribbon{
        left: -5.5%;
        top: -5%;
    }

    body.layout-compact .ui-button.big-blue-button, body.layout-compact .ui-button.big-orange-button{
        font-size: 16px;

        margin-bottom: 10px;
    }
    .link-ask{
        font-size: 16px;
    }

    .bottom-tittle{
        margin-top:-30px;
        font-size: 9px;
        margin-left: 36px;
    }
    .video-album-panel img{
        width: 100%;
        height: auto;
    }
    .big-number-culture{
        font-size: 40px;
    }
    .number-genre{
        font-size: 30px;
        right: 34px;
        bottom: 43px;
    }
    .image-footer img{
        width:20%
    }
    .image-footer p{
        font-size: 11px
    }
    .detail-link{
        position: absolute;bottom: 3px;right: 10px
    }
    .home-title{
        zoom: 0.6;
        -moz-transform: scale(0.5);
    }

    .government-blue-list div:first-child span:first-of-type{
        font-size: 22px;
        line-height: 30px;
        margin-right: 0px;
        margin-bottom: 10px;
        display: block;
    }

    .government-blue-list div:first-child span:last-of-type{
        font-size:18px;
        display: block;
    }

    .government-blue-banner .ui-lg-7 span{
        font-size:28px;
        margin: 0px;
    }

    .government-blue-banner .ui-lg-5 div span:first-child{
        font-size:20px;
    }

    .government-blue-banner .ui-lg-5 div span:last-child{
        font-size:20px;
    }

    .piano-text{
        align-items: center;
    }

    .piano-text div p:nth-child(1){
        text-align: center;
        margin-top:0px;
    }

    .piano-text div p:nth-child(2){
        text-align: center
    }
}

/*sm*/
@media screen and (max-width: 40.063em){
    .top-index-layout p{
        font-size: 10px;
    }
    
    .center-content .motemoteBackImage{
        width: 100%;
    }
}


@media(max-width: 500px){
    .news-detail-panel{
        display: block;
    }
    
    .news-detail-panel .parent-div:first-child{
        display: inline-flex;
    }
    
    .news-detail-panel .parent-div:last-child .second-div {
        width: 100%;
    }
    
    .news-detail-panel .parent-div:first-child .second-div p:last-child{
        text-align: left; 
    }
    
    .news-list-no-image .index-news-category{
        width: 34%;
    }
    
    .news-index .news-date-title{
        padding-top:0px;
    }
    
    .news-index .news-date-title p span:first-child{
        font-size: 20px;
    }
    
    .index-news-category{
        font-size: 10px;
        padding: 5px;
    }
    
    .news-index .news-date-title p{
        width: 100%;
    }
    
    .top-index-layout, .color-list, .motemote-left-menu{
        display: none;
    }
    
    
    .top-index-layout-sm, .motemote-menu{
        display: block;
    }
    
    .pc_show { display: none; }
    .sp_show { display: block; }

    .web-navigation-kids{
        padding: 0px;
        margin:0px;
     }

    .web-navigation-kids .ui-tabmenu{
        border: 0px;
        padding: 0px;
        margin:0px;
    }
    .web-navigation-kids .ui-tabmenu .ui-tabmenu-nav {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -4px;
        overflow: hidden;
    }
    .web-navigation-kids .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem, 
    .web-navigation-kids .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active {
        box-sizing: border-box;
        float: none;
        width: calc(100% / 3);
        margin:0px;
        padding: 1px 4px;
        border: 0px;
        background-color: #ffffff;
    }
    .web-navigation-kids .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(1), 
    .web-navigation-kids .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active:nth-child(1) {
        display: none;
    }
    .web-navigation-kids .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem *, 
    .web-navigation-kids .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active * {
        padding: 0 !important;
    }
    .service_menu_box{
        margin-right: 5px;
        margin-left: 5px;
        width: 10px;
        height: 20px;
    }
    
    .genre-title{
        color:#333;
        font-weight: bold;
        font-size:80%;
        line-height: 20px;
    }

    .web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a img {
        width: 100%;
    }

    .sbc-page-title h2{
        font-size:120%;
    }
    .home-long-image{
        height: 150px;
    }
    .home-long-image2{
        height: 214px;
    }
    
    .home-title{
        position: absolute;
        top: 10%;
        left: 5%;
    }

    .topbar-wrapper {
        width: 95%;
    }

    .content {
        width: 95%;
    }

    .layout-wrapper{
        margin:0px;
        width: 100%;
    }
    .topbar{
        border-top:0px;
        margin-top:0px;
    }
    .layout-wrapper .topbar .topbar-left {
        padding:10px;
    }
    .layout-wrapper .topbar .topbar-left img{
        width: 250px;
        height: 55px;
    }

    .logo-topbar{
        width: 50%;
        height: auto;
    }

    .blue-list{
        font-size: 12px;
        height: 35px;
    }

    .black-list .black-list-title{
    letter-spacing:1px;
    }
    .black-list .black-list-titleEn{
    border-left:1px solid #ffffff;
    padding: 5px 2%;
    }

    .black-list{
    font-size: 1.2em;
    line-height:1.2em;
    }
    
    .pink-list{
        font-size: 1.2em;
    line-height:1.2em;
    }
    
    
    .kids-blue-list{
        /*font-size: 14px;
        height: 35px;
        line-height: 22px;*/
    }
    .kids-pink-list{
        /*font-size: 14px;
        height: 35px;
        line-height: 22px;*/
        text-shadow: 2px 1px 1px #e93990;
    }
    .ui-breadcrumb ul li span{
        font-size: 10px;
    }
    .pv-show{
        width:100%;
        margin-left:-5px;
    }
    .pv-show-button{
        float:left;
        margin: 0px;
        padding: 3px 0px;
        font-size: 10px;
        display: inline-flex;
        align-items: center;
    }
    .pv-show-count{
        float:left;
        margin: 0px;
        padding: 3px 0px;
        font-size: 10px;
        display: inline-flex;
        align-items: center;
    }
    .pv-show-count span{
        color: #52b6ff;
        padding-right:10px;
    }
    /*
    .pv-list{
    float:left;
    margin-left:-7px;
    }
    
    .pv-list ul{
    margin: 0px;
    padding: 7px 0px;
    font-size: 10px;
    display: inline-flex;
    align-items: center;
    }

    .pv-list ul li {
    font-size: 10px;
    display: inline-block;
    padding: 0px 7px;
    }

    .pv-list ul li:first-child{
    border-right: 1px dotted #bcbcbc;
    display: inline-flex;
    }

　　.pv-list ul li span{
    color: #52b6ff;
  }
    */
    .music-ribbon{
        width: 45%;
        top: -5%;
    }

    .video-album-panel img{
        width: 100%;
        height: auto;
    }

    .news-index-panel{
        width: 100%;
        padding-top: 8%;
    }

    .index-album-paginator{
        margin-bottom: 16%;
    }

    .div-big-button{
        line-height: 35px;
    }

    .link-ask{
        text-align: center;
        padding: 14px 0px;
        font-size: 16px;
    }
    .link-ask button_frame{
        display: inline-flex;
        margin-right: 2%;
    }
    .link-ask h2{
        font-size:100%;
        padding-top: 5px;
    }

    .footer-content .logo-footer{
        width: 100px;
    }

    .footer-content div img{
        height: 30px;
    }

    .footer-content span{
        font-size: 10px;
        text-align: center;
    }
    .bottom-tittle{
        margin-top: -30px;
        font-size: 8px;
        margin-left: 42px;
    }
    .image-colorful img {
        width:100%;
    }
    .kids-title{
        line-height:30px;
        font-size: 22px;
    }
    .kids-text{
        line-height: 24px;
        font-size: 15px;
    }
    .kids-img-progress img{
        width: 100%; 
    }

    .kids-img-chart img{
        width: 100%; 
    }
    .big-number-culture{
        font-size: 27px;
        right: 21%;
        bottom: 24%;
    }
    .number-genre{
        font-size: 30px;
        right: 48px;
        bottom: 47px;
    }

    .bottom-tittle{
        margin-top: -30px;
        font-size: 8px;
        margin-left: 42px;
    }

    .image-footer img{
        width:30%
    }

    .home-title{
        zoom: 0.4;
        -moz-transform: scale(0.5);
    }

    .footer-ul li a{
        font-size: 12px;
    }

    .balloon-image-div .ballon-image-people{
        width: 100px;
        height: 110px;
    }

    .balloon-image-div{
        align-items:inherit;
    }

    .balloon-image-div p{
        left: 15px;
        font-size: 9px;
        top:0px;
    }

    .government-left-title, .government-right-title{
        text-align: center;
    }

    .government-left-title h1, .government-right-title h1{
        font-size:16px;
        line-height: 30px;
    }

    .government-right-title span{
        font-size: 16px;
        float:none;
    }

    .government-count h1{
        font-size: 20px;
    }

    .government-checklist div{
        display:block;
    }

    .government-checklist div img{
        float:left;
    }

    .government-checklist div span:nth-of-type(1){
        display: block;
        font-size: 20px;
        margin: 0px 0px 10px;
    }

    .government-checklist div span:nth-of-type(2){
        font-size: 18px;
        margin: 10px 0px;
    }

    .government-checklist div span:nth-of-type(3){
        font-size: 20px;
    }

    .government-checklist div span:nth-of-type(4){
        font-size:16px;
    }

    .government-blue-banner:first-child{
        width: 100%;
        margin-right: 0px;
        margin-bottom: 10px;
    }

    .government-blue-banner:last-child{
        width: 100%;
        margin-left: 0px;
    }

    .piano-text div p:nth-child(1){
        font-size: 35px;
    }

    .piano-text div p:nth-child(1) span{
        font-size: 75px;
    }

    .piano-text div p:nth-child(2){
        line-height: 45px;
        font-size: 35px;
    }

    .piano-text div p:nth-child(3){
        font-size: 16px;
    }

    .culture-detail-big-img .culture-detail-img{
        height: auto;
    }

    .center-content .motemote_title_right{
        float:left;
        clear: both;
        padding-top:10px; 
        font-size:100%;
    }

    .name-genre{
        font-size: 11px;
    }

    

    .center-menu li a{
        font-size: 12px;

    }

    .center-menu li:nth-child(odd){
        margin-right: 1%;
        width: 49%;
    }

    .center-menu li:nth-child(even){
        margin-left: 1%;
        width: 49%;
    }


}

@media(max-width: 414px){
    .number-genre{
        font-size: 19px;
        right: 20px;
        bottom: 26px;
    }
}
@media(max-width: 375px){
    .number-genre{
        font-size: 16px;
        right: 17%;
        bottom: 20%;
    }

    .home-title{
        left: 7%;
    }
}
@media(max-width: 320px){
    .number-genre{
        font-size: 21px;
        right: 21%;
        bottom: 18%;
    }

}

/* 20190423 Add Start */
.breadcrumbs{
	float: none !important;
	
}
.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a{
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	padding: 10% 0 !important;
}
.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:first-child a { background-image: url("../img/icon_culture00.png");}
.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(2) a{ background-image: url("../img/icon_culture01.png");}
.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(3) a{ background-image: url("../img/icon_culture02.png");}
.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(4) a{ background-image: url("../img/icon_culture03.png");}
.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(5) a{ background-image: url("../img/icon_culture04.png");}
.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(6) a{ background-image: url("../img/icon_culture05.png");}
.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(7) a{ background-image: url("../img/icon_culture06.png");}
.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(8) a{ background-image: url("../img/icon_culture07.png");}
.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(9) a{ background-image: url("../img/icon_culture08.png");}
.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(10) a{ background-image: url("../img/icon_culture09.png");}
.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(11) a{ background-image: url("../img/icon_culture10.png");}
.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(12) a{ background-image: url("../img/icon_culture11.png");}
.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(13) a{ background-image: url("../img/icon_culture12.png");}
.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(14) a{ background-image: url("../img/icon_culture13.png");}
.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(15) a{ background-image: url("../img/icon_culture14.png");}
.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(16) a{ background-image: url("../img/icon_culture15.png");}
.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(17) a{ background-image: url("../img/icon_culture16.png");}
.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(18) a{ background-image: url("../img/icon_culture17.png");}

.culture00.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(1) a{ background-image: url("../img/icon_culture00_w.png");}
.culture01.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(2) a{ background-image: url("../img/icon_culture01_w.png");}
.culture02.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(3) a{ background-image: url("../img/icon_culture02_w.png");}
.culture03.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(4) a{ background-image: url("../img/icon_culture03_w.png");}
.culture04.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(5) a{ background-image: url("../img/icon_culture04_w.png");}
.culture05.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(6) a{ background-image: url("../img/icon_culture05_w.png");}
.culture06.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(7) a{ background-image: url("../img/icon_culture06_w.png");}
.culture07.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(8) a{ background-image: url("../img/icon_culture07_w.png");}
.culture08.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(9) a{ background-image: url("../img/icon_culture08_w.png");}
.culture09.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(10) a{ background-image: url("../img/icon_culture09_w.png");}
.culture10.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(11) a{ background-image: url("../img/icon_culture10_w.png");}
.culture11.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(12) a{ background-image: url("../img/icon_culture11_w.png");}
.culture12.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(13) a{ background-image: url("../img/icon_culture12_w.png");}
.culture13.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(14) a{ background-image: url("../img/icon_culture13_w.png");}
.culture14.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(15) a{ background-image: url("../img/icon_culture14_w.png");}
.culture15.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(16) a{ background-image: url("../img/icon_culture15_w.png");}
.culture16.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(17) a{ background-image: url("../img/icon_culture16_w.png");}
.culture17.web-navigation .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:nth-child(18) a{ background-image: url("../img/icon_culture17_w.png");}

#searchform .dropdown-culture-list{
	margin-top: -2%;
}
#searchform .ui-selectonemenu-trigger .ui-icon{
	margin-top: 2px;
}
#searchform .ui-selectonemenu{
	padding-right: 0 !important;
}
#searchform select{
	width: 100%;
	padding: 4px 10px;
	border: none;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
#searchform select::-ms-expand {
	display: none;
}
#searchform .ui-button{
	padding-top: .5em 0;
}
#map_canvas,
.map_canvas{
	overflow: hidden;
	height: 300px;
	position: relative;
}
#map_canvas iframe,
.map_canvas iframe{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
.img{
	max-width: 100%;
	height: auto;
}
.table-form-style table{
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 20px;
}
.table-form-style table th,
.table-form-style table td{
	border: 2px solid #999;
	padding: 15px;
}
.table-form-style input,
.table-form-style textarea{
	padding: 5px;
	margin: 3px 0;
}
.table-form-style input[type="submit"]{
	background-color: #3F51B5;
	color: #ffffff;
	padding: 7px 14px;
	border: 0 none;
	-moz-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);
	-webkit-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);
	-moz-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
	border-radius: 3px;
}
.table-form-style a{
	text-decoration: underline;
}
@media (max-width: 640px){
	.table-form-style table {
		border-top: 2px solid #999;
	}
	.table-form-style table th,
	.table-form-style table td{
		width: 100%;
		display: block;
		box-sizing: border-box;
		border: none;
		padding-left: 0;
		padding-right: 0;
	}
	.table-form-style table th{
		border: none;
		padding-bottom: 0;
		text-align: left;
	}
	.table-form-style table td{
		border-bottom: 2px solid #999;
	}
	.table-form-style input[type="text"],
	.table-form-style input[type="email"],
	.table-form-style textarea{
		width: 95%;
	}
	.table-form-style .size-def{
		width: auto;
	}
}
@media (max-width: 500px){
	.page-motemote{
		display: flex;
		flex-wrap: wrap;
	}
	.page-motemote .page-motemote-menu{
		order: 2;
	}
	.page-motemote .center-content{
		order: 1;
	}
}
.breadcrumbs{
	width: 100%;
	margin: 1% 0px 2%;
	overflow: hidden;
	clear: both;
}
@media(max-width: 500px){
	.top-important{
		background-color: #efefef;
		width: auto;
		float: none;
		margin: 0 -10px 20px;
		overflow: hidden;
	}
	.top-important .dIF{
		display: block;
		padding: 10px;
		box-sizing: border-box;
	}
	.top-important .dIF p{
		width: auto !important;
		border: none !important;
		margin: 1em 0 0 !important;
	}
	.top-important .dIF .top-important-title{
		padding: 10px !important;
		margin: 0 !important;
	}
}
.media-left{
	max-width: inherit;
	float: left;
	width: 30%;
	margin: 0 10px 10px 0 !important;
}
.media-right{
	max-width: inherit;
	float: right;
	width: 30%;
	margin: 0 0 10px 10px !important;
}
@media(max-width: 500px){
	.media-left,
	.media-right{
		max-width: inherit;
		float: none;
		width: 100%;
		margin: 0 0 10px !important;
	}
}
.news-detail-panel{
	width: 100%;
	padding: 15px 1em;
	box-sizing: border-box;
	overflow: hidden;
}
.news-detail-panel .parent-div:first-child{
	width: 110px;
	float: left;
	margin-right: 20px;
}
.news-detail-panel .parent-div:last-child{
	width: 100%;
	margin-left: 0;
}
@media(max-width: 500px){
	.news-detail-panel .parent-div:first-child{
		width: auto;
		float: none;
		margin-right: 0;
	}
	.news-detail-panel .parent-div:last-child{
		width: auto;
	}
}
.news-detail-panel .parent-div:last-child .pc_show{
	margin-bottom: 1em !important;
}
.post-news{
	width: 100%;
	overflow: hidden;
}
.post-news p{
	line-height: 1.5em;
	font-size: 15px;
}
.post-news a{
	color: #00baff;
}
.post-news .wp-block-button a{
	font-size: 16px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.post-news .wp-block-button a:hover{
	opacity: 0.9;
}
.post-news h2{
	color: #fff;
	font-size: 1.8em;
	font-weight: normal;
	line-height: 1.2;
	letter-spacing: 2px;
	padding: .5em;
	background: url(../img/lineBlack.png) top left no-repeat;
	background-size: cover;
	overflow: hidden;
}
@media (max-width: 500px){
	.post-news h2{
		font-size: 1.2em;
	}
}
.post-news h3{
	font-size: 1.5em;
	font-weight: bold;
	line-height: 30px;
	padding: 7px 0 7px 22px;
	background: url(../img/left_point.png) center left no-repeat;
	overflow: hidden;
}
@media (max-width: 500px){
	.post-news h3{
		font-size: 120%;
	}
}
.post-news hr{
	margin: 2.5em 0;
	height: 0;
	padding: 0;
	border: none;
	border-bottom: 1px solid #999;
}
.post-news ol{
	list-style-type: decimal;
}
.post-news li{
	line-height: 2em;
}
.post-news .wp-block-quote{
	border-left: 4px solid #000;
	padding-left: 1em;
	margin: 2em;
	color: #6c7781;
}
.post-news .wp-block-table{
	margin: 1em 0;
}
.post-news table{
	border-collapse:collapse;
	border-spacing:0;
}
.post-news table th,
.post-news table td{
	line-height: 1.8;
	padding: .5em;
	border: 1px solid gray;
}
.post-news table th{
	background-color: #eee;
}
.post-news .index-news-category{
	clear: both;
	overflow: hidden;
	padding: 0!important;
	background: none !important;
	text-align: left !important;
}
.post-news .index-news-category .category-label{
	display: inline-block;
	padding: 10px;
	background-color: #efefef;
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 12px;
}
.category-culture  { border-left: 5px solid pink;}
.category-motemote { border-left: 5px solid orange;}
.category-tours    { border-left: 5px solid gray;}
.category-other    { border-left: 5px solid darkred;}

.title-h2{
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2em;
	padding: 10px 8px;
	border-bottom: 1px solid #333;
	margin-top: 15px;
}
.title-h3{
	font-size: 1.17em;
	font-weight: bold;
	margin: 1em 0;
}
.mt30{ margin-top:30px !important;}
.mt40{ margin-top:40px !important;}

.post-page{
	padding: 0 2%;
}
.post-page p{
	line-height: 1.5em;
}
.post-page ul{
	margin: 1em 0;
}
.post-page ul li{
	line-height: 2em;
}
.post-page .title-h2{
	margin-left: -2%;
	margin-right: -2%;
	overflow: hidden;
}

.post-page-guide{
	width: 100%;
	margin: 0 auto 50px;
}
@media screen and (min-width: 40.063em){
	.post-page-guide{ width: 83.3333%;}
}
@media screen and (min-width: 64.063em){
	.post-page-guide{ width: 66.6667%;}
}
.guide-title-h2{
	font-size: 1.5em;
	font-weight: bold;
	line-height: 30px;
	padding-bottom: 5px;
	margin: 2em 0 0.83em;
	color: rgb(30, 144, 255);
	border-bottom: 1px solid #bcbcbc;
}
.datatable-page{
	display: none;
}
#datatable-page-1 {
	display: block;
}
.center-content .tour-page ul{
	list-style: none;
	padding-left: 0;
	margin-top: 0;
}
.center-content .tour-page li{
	padding: 10px 0px;
	border-bottom: #c0c0c0 thin dashed;
}
.publicservice-banner{
	margin-left: auto !important;
	margin-right: auto !important;
}
.publicservice-banner a{
	margin: 0px !important;
	width:100%;
	padding: 4% !important;
	background-color: #41a6eb !important;
	border-radius: 0px !important;
	box-shadow: none;
	box-sizing: border-box;
}

.politics-pagination{
	padding: 12px 14px;
	margin-bottom: 30px;
	background-color: #00baff;
	border-color: #00baff;
	text-align: center;
	vertical-align: middle;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
.politics-pagination button{
	background: none;
	border: none;
	font-size: 0;
}
.politics-pagination .first-page,
.politics-pagination .prev-page,
.politics-pagination .next-page,
.politics-pagination .end-page{
	color: #fff;
	margin: 0 2px;
	vertical-align: middle;
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 20px;
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-moz-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
.politics-pagination .first-page:before,
.politics-pagination .prev-page:before,
.politics-pagination .next-page:before,
.politics-pagination .end-page:before{
	position: relative;
}
.politics-pagination .first-page:before{ content: "";}
.politics-pagination .prev-page:before{ content: "";}
.politics-pagination .next-page:before{ content: "";}
.politics-pagination .end-page:before{ content: "";}
.politics-pagination .first-page.disabled,
.politics-pagination .prev-page.disabled{
	opacity: .35;
	filter: Alpha(Opacity=35);
	background-image: none;
}
.politics-pagination .first-page:hover,
.politics-pagination .prev-page:hover,
.politics-pagination .next-page:hover,
.politics-pagination .end-page:hover{
	cursor: pointer;
	background-color: #9fa8da;
}
.politics-pagination ul{
	padding-left: 0;
	vertical-align: middle;
	margin: 0 10px 0;
}
.politics-pagination ul,
.politics-pagination ul li{
	display: inline-block;
}
.politics-pagination ul li a{
	color: #fff;
	padding: 1px 6px;
	margin-left: 1px;
	margin-right: 2px;
	font-size: 14px;
	line-height: 18px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-moz-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
.politics-pagination ul li.current a{
	background-color: #3fa908;
}
.politics-pagination ul li a:hover{
	background-color: #9fa8da;
}
@media (max-width: 640px){
	.politics-pagination{
		padding: 8px 14px;
	}
	.politics-pagination ul{
		display: none;
	}
}

/* 20190423 Add End */