/******* css for mobile *******/

/*css specific to very small screen devices like iphone4*/
@media (max-width: 340px) {

  /*Changing drawer button height to fix alignment issue*/
    .responsive-menu-pro-box {
      height: 14px !important;
    }

    .dncalendar-body tbody td .entry span {
      font-size: 7px !important;
      text-align: center !important;
    }

  .header__widgets{
    margin-left: 7%;
  }
  .header__logo {
      width: calc(100% - 15rem);
      margin-bottom: 0.66667rem !important;
  }
  .search-container {
    display: inline-block;
    height: 11% !important;
  }

  .flex-control-paging li a {
    height: 8px !important;
    width: 8px !important;
  }

  div.pt-cv-no-post{
      position: absolute;
      width: 100vw;
  }

  .pt-cv-1-col {
    overflow: visible !important;
  }

  .search-box {
    padding-left: 8px;
  }

  #pl-1666 .so-panel:last-child {
   margin-bottom: 0px !important;
   /*Removing to fix iPhone 5s issue*
   /* height: 25px; */
  }

  #pl-1666 .so-panel {
   margin-bottom: 0px !important;
  }

  /* #pl-2138 .so-panel {
     margin-bottom: 0px !important;
  } */
  .panel-grid-cell >.so-panel {
    margin-bottom: 0px !important;
  }
  .panel-grid .panel-no-style {
    height: 40px !important;
  }
  #main div.panel-layout .panel-grid .panel-grid-cell div.widget_genre_listing_widget.GenreListingWidget.panel-first-child {
   margin-top: 0px !important;
  }
  .social-share-box {
     width: 165px !important;
  }

  div.grid-list-tpl-pagiation .pagination .page-numbers{
    line-height: 3rem !important;
  }

  #datepicker-start-mobile {
    width: 120px !important;
  }
  #datepicker-end-mobile {
    width: 120px !important;
  }
  .safari_only {
    left:28vw;
    right: 0vw !important;
    top: 29% !important;
  }
  .checkboxx.form-control {
   margin-left: 1px !important;
  }
  .panel-widget-style.panel-widget-style-for-w5ccdd8385c86c-0-1-0 p.genre-button-toggle{
    margin-left: -58px;
  }
  .cvp-live-filter.cvp-button input~div {
    padding-right: 0px !important;
  }

}

/*For calendar*/
@media screen and (min-width: 340px) and (max-width: 980px) {
  .dncalendar-body tbody td .entry span {
    font-size: 9px !important;
    text-align: center !important;
  }
}

@media screen and (max-width: 920px) and (min-width: 540px) {
  .cvp-live-filter.cvp-button input~div  {
    padding-right: 0px !important;
  }
}

@media screen and (min-width: 320px) and (max-width: 920px) {

.archive .widget_siteorigin-panels-builder {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

.list-tpl-cst-fld-inline-2 label {
  vertical-align: text-top !important;
  margin-bottom: 0px !important;
}

.archive .widget_siteorigin-panels-builder {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}

.archive .panel-grid.panel-no-style {
  background-color: #53007d;
}

.panel-grid .panel-no-style {
  background-color: #53007d;
}

div.grid-list-tpl-top-pagination .pagination {
  margin-left: 10px !important;
}

div.grid-list-tpl-bottom-pagiation .pagination {
  margin-left: 10px !important;
}

.btn label div {
    border-radius: 0 !important;
    background-color: transparent;
    /* border: 1px solid #b3b2b1 !important; */
    border-left: 1px solid #b3b2b1 !important;
    margin: 0 !important;
    padding-left: 0px !important;
    border-top: 5px solid #b3b2b1 !important;
    border-bottom: 1px solid #7d00be !important;
}

.cvp-live-filter+.pt-cv-view {
    margin-top: 2px;
    border: 1px solid #aaaaaa;
    border-top: 0px;
    border-bottom: 0px;
}

.home .textwidget > p:last-of-type {
  border: 1px solid #b3b2b1;
  border-top: none;
  height: 55px;
  margin-left: 10px;
  margin-right: 10px;
  padding-right: 0px;
  border-bottom-left-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
 }

.cvp-live-filter.cvp-button input[type=radio]:checked+div, .cvp-live-filter.cvp-button input[type=radio]:checked~div {
  background-color: #ffff;
  border-top: 5px solid #7d00be !important
}

input[type="radio"]:checked + div {
    border-color: red !important;
}

.cvp-live-filter.cvp-button input~div{
   padding: 9px 18px !important;
}

.pt-cv-wrapper {
  /* margin-bottom: 10px; */
  margin-left: 10px;
  margin-right: 10px;
}

.cvp-live-filter.cvp-button div {
       color: #9b9b9b !important
  }

  .meta-slider-wrapper .slides {
    height: auto !important;
  }

  .meta-slider-wrapper {
    height: auto !important;
  }

  .cvp-live-filter {
    margin-bottom: 0px !important
  }

  .cvp-live-filter.cvp-button input[type=radio]:checked+div, .cvp-live-filter.cvp-button input[type=radio]:checked~div {

    background-color: #ffff !important;
    border-top: 5px solid #7d00be !important;
    color: #7d00be !important;
    border-left: 1px solid #7d00be !important;
    border-right: 1px solid #7d00be !important;
    border-bottom: 0px solid !important;
  }
  .cvp-live-filter.cvp-button .btn {
    width: 40%;
    margin: -1px;
  }

  .cvp-live-filter.cvp-button .btn:nth-of-type(2) > label > div{
     border-left-color: #b3b2b1 !important;
     border-top-left-radius: 2px !important;
  }

  .cvp-live-filter.cvp-button .btn:last-of-type > label > div{
     border-right-color: #b3b2b1 !important;
     border-top-right-radius: 2px !important;
     border-right: 1px solid #b3b2b1 !important;
  }

  .cvp-live-filter.cvp-button label  {
     margin-bottom: 0;
     display: block;
  }

  .cvp-live-filter.cvp-button input[type=radio]:checked~div{
      background-color: #ffff !important;
      color: #7d00be !important;
  }
  .cvp-live-filter.cvp-button div {
   height: 39px;
  }

  .pt-cv-wrapper .cvp-live-filter.cvp-button {
   margin-top: -1px !important;
   display: flex;
   flex-wrap: nowrap;
   align-items: flex-start;
  }
}

/*css specific to few iphone mobiles*/
@media screen and (min-width: 361px) and (max-width: 380px) {
  .cvp-live-filter.cvp-button input~div {
    padding: 9px 7px !important;
  }
  .header__logo {
      width: calc(95% - 14rem);
      margin-top: 1.6rem;
      margin-bottom: 0.66667rem !important;
  }
  .search-container {
    display: inline-table
    height: 12% !important;
  }
  .list-tpl-cst-fld-inline-3 {
    font-size: 12px !important;
  }

  .timeline-ShowMoreButton:focus, .timeline-ShowMoreButton:hover {
    background-color: transparent !important;
  }

  div.pt-cv-no-post{
      position: absolute;
      width: 100vw;
  }

  .pt-cv-1-col {
    overflow: visible !important;
  }

  .search-box {
    padding-left: 8px;
  }

  #main div.panel-layout .panel-grid .panel-grid-cell div.widget_genre_listing_widget.GenreListingWidget.panel-first-child {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  #main div.panel-layout .panel-grid .panel-grid-cell div.widget_area_listing_widget.AreaListingWidget {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .panel-grid-cell {
    margin-bottom: 3px !important;
  }
  .social-share-box {
      width: 177px !important;
  }

  div.grid-list-tpl-pagiation .pagination .page-numbers {
    line-height: 3rem !important;
  }
  .safari_only {
  left:28vw;
  right: 0vw !important;
  top: 29% !important;
 }
}
/*iphone 6, 7  8  plus, iphone X series*/
@media screen and (min-width: 380px) and (max-width: 540px) {
  .header__widgets{
    margin-right: 2.2rem !important;
  }
  .cvp-live-filter.cvp-button input~div {
    padding: 9px 7px !important;
  }
  .header__logo {
      width: calc(95% - 14rem);
      margin-top: 1.6rem;
      margin-bottom: 0.66667rem !important;
  }
  .search-container {
    display: inline-table
    height: 12% !important;
  }
  .list-tpl-cst-fld-inline-3 {
    font-size: 12px !important;
  }

  .timeline-ShowMoreButton:focus, .timeline-ShowMoreButton:hover {
    background-color: transparent !important;
  }

  div.pt-cv-no-post{
      position: absolute;
      width: 100vw;
  }

  .pt-cv-1-col {
    overflow: visible !important;
  }

  .search-box {
    padding-left: 8px;
  }

  #main div.panel-layout .panel-grid .panel-grid-cell div.widget_genre_listing_widget.GenreListingWidget.panel-first-child {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  #main div.panel-layout .panel-grid .panel-grid-cell div.widget_area_listing_widget.AreaListingWidget {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .panel-grid-cell {
    margin-bottom: 3px !important;
  }
  .social-share-box {
      width: 184px !important;
  }

  div.grid-list-tpl-pagiation .pagination .page-numbers {
    line-height: 3rem !important;
  }
  .safari_only {
  left:28vw;
  right: 0vw !important;
  top: 29% !important;
 }
}


@media screen and (min-width: 540px) and (max-width: 680px) {
  .header__widgets {
    /*width: 24% !important;*/
    width: 158px !important;
  }
  .header__logo {
      width: calc(95% - 16rem);
      margin-bottom: 0.66667rem !important;
  }
  .search-container {
    display: inline-block;
    height: 12% !important;
  }
  .search-button {
    width: 125%!important;
  }
}

@media screen and (max-width: 680px) and (min-width: 540px) and (orientation: landscape){
  /*Space reduced between search box and sub sub genre menu in genre page */
  #panel-1666-0-0-0, #panel-1666-0-0-1 {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
  }
}


@media screen and (min-width: 680px) and (max-width: 780px) {
  .header__widgets {
    margin-right: 6.7rem;
  }
  .header__logo {
      width: calc(95% - 14rem);
      margin-bottom: 0.66667rem !important;
  }
  .search-container {
    display: inline-block;
    height: 12% !important;
  }
  .search-button {
    width: 100%!important;
  }
  #main div.panel-layout .panel-grid .panel-grid-cell div.widget_genre_listing_widget.GenreListingWidget.panel-first-child {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  #main div.panel-layout .panel-grid .panel-grid-cell div.widget_area_listing_widget.AreaListingWidget {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .panel-grid-cell {
    margin-bottom: 3px !important;
  }
}

@media screen and (min-width: 880px) and (max-width: 980px) {
  #mega-menu-wrap-main-menu .mega-menu-toggle {
      display: none !important;
  }
   .header__widgets{
    margin-left: 7%;
    margin-right: 5.2rem !important;
  }
  .header__logo {
      width: calc(100% - 20rem);
      margin-bottom: 0.66667rem !important;
  }
  .search-container {
    display: inline-block;
    height: 11% !important;
  }
  .search-box {
    padding-left: 8px;
  }
}

/*Screen for iPhone 6/7/8*/
@media screen and (min-width: 375px) and (max-width: 667px) and (orientation:landscape) {
  .panel-grid-cell {
    margin-bottom: 3px !important;
  }
}
/*Screen for iPhone 6/7/8*/

/*Screen for iPhone 6/7/8 plus*/
@media screen and (min-width: 414px) and (max-width: 736px) and (orientation:portrait) {
}
/*Screen for iPhone 6/7/8 plus*/


/*Screen for iPhone 6/7/8 (landscape mode)*/
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
}
/*Screen for iPhone 6/7/8 (landscape mode)*/

/*Screen for iPhone 6/7/8 plus (landscape mode)*/
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) {
    /* Header widget */
    .header__widgets {
    margin-right: 6.2rem !important;
  }
}
/*Screen for iPhone 6/7/8 plus (landscape mode)*/

/*Screen for iPhone 5 SE (landscape mode)*/
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    /* Header widget */
    
}
/*Screen for iPhone 5 SE (landscape mode)*/

/*Screen for iPhone 5X XS (portrait mode)*/
@media screen and (min-device-width: 375px) and (max-device-width: 812px) and (orientation:landscape) {
}
/*Screen for iPhone 5X XS (portrait mode)*/

/*Screen for iPad Mini*/
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 1) {
  
}
/*Screen for iPad Mini*/

/*Screen for iPad Pro*/
@media screen and (min-width: 834px) and (max-width: 1112px) {
  .header__logo {
    width: 100%;
  }
  .header__logo img {
    margin: 0 auto;
  }
  #desktop-logo-png{
    float: inherit;
  }
  .mo-tagline{
    width: 100%;
    text-align: center;
  }
}
/*Screen for iPad Pro*/

@media screen and (min-width: 780px) and (max-width: 880px) {
  #mega-menu-wrap-main-menu .mega-menu-toggle {
      display: none !important;
  }
   .header__widgets{
    margin-left: 7%;
  }
  .header__logo {
      width: calc(100% - 20rem);
      margin-bottom: 0.66667rem !important;
  }
  .search-container {
    display: inline-block;
    height: 11% !important;
  }
  .search-box {
    padding-left: 8px;
  }
  .search-button {
    width: 100%!important;
    height: 44px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: bold;
    background-color: #bf0000;
    color:#fff;
    border-width: 0px;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.24);
  }
  #main div.panel-layout .panel-grid .panel-grid-cell div.widget_genre_listing_widget.GenreListingWidget.panel-first-child {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  #main div.panel-layout .panel-grid .panel-grid-cell div.widget_area_listing_widget.AreaListingWidget {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .panel-grid-cell {
    margin-bottom: 3px !important;
  }
}

@media (max-width: 980px) {
  .header__logo {
    width: 26%;
  }
  .flex-direction-nav{
    display: none;
  }
  .static_event-template-default .social-share-box {
    display: contents;
  }
  .static_event-template-default .content-area {
    overflow-x: scroll;
    width: 100%;
  }
  _::-webkit-full-page-media, _:future, :root .safari_only {
        display: none;
    }
  _::-webkit-full-page-media, _:future, :root .safari_only_tilt {
        text-align: right;
    }

  #pgc-w5c38429723689-0-0 {
    margin-bottom: 0px !important;
    margin-left: 10px !important;
  }
  #pgc-w5c38429723689-0-1 {
    margin-bottom: 0px !important;
  }
  #pgc-w5c38429723689-0-2 {
    margin-right: 10px !important;
  }

  .pt-cv-content-item{
        padding-bottom: 7px !important;
    }
  .lock-scroll {
    margin: 0;
    height: 100%;
    position: fixed;
    overflow: hidden;
  }
  .post-list-page-count {
    display: none !important;
  }
  .panel-last-child .pt-cv-page div:nth-child(n+7) {
   display: none !important;
  }
  #panel-1228-4-1-0> .panel-widget-style {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .wp-widget-rakuten-banner ul.wp-widget-rakuten-banner-wrapper {
    justify-content: center !important;
  }
  .wp-widget-topics-image ul.wp-widget-topics-image-wrapper > li {
        width: 100% !important;
  }
  h2.tickets-notices-headline {
    padding-left: 10px !important;
  }
  .wp-widget-topics-title {
    padding-left: 10px !important;
  }
  ul.wp-widget-topics-wrapper > li > a {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.7 !important;
    /*height: 58px !important;*/
    min-height: 40px;
    max-height: 58px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 7px !important;
    padding-bottom: 9px !important;
  }
  div.list-tpl-row {
        margin-top: 0px !important;
  }
  ul.wp-widget-topics-wrapper > li > a:hover {
    text-decoration: underline !important;
  }
  ul.wp-widget-topics-wrapper > li > a:after {
    top: 15px;
    right: 5px;
  }
  .mega-menu-wrap {
     display: none !important;
  }
  .tickets-notices-wrapper{
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
  }
  #pg-1228-0, #pg-1228-1, #pg-1228-2, #pg-1228-3{
    margin-bottom: 17px !important;
  }
  #pgc-1228-4-0, #pgc-1228-4-1 {
    margin-bottom: 0px !important;
  }
  #panel-1228-4-1-0 > .panel-widget-style{
    margin-bottom: 17px !important;
  }
  .cvp-live-filter .cvp-button {
    font-size: 10px !important;
  }
  .cvp-live-filter.cvp-button input[type=radio]:checked~div {
    font-size: 10px !important;
  }
  .cvp-live-filter.cvp-button div {
    font-size: 10px !important;
  }

  .wp-widget-topics{
    margin-left: 10px;
    width: 95% !important;
  }

  .header .icon-box .rakuten-r-icon {
    display: none !important;
  }
  .header .icon-box .browsing-history-f-icon {
    display: none !important;
    /* background: url("assets/icons/oderreview.svg") !important; */
  }
  .panel-cell-style-for-1666-0-0 {
    height: 75px !important;
  }
  .list-grid-tpl-icon-box {
    display: none !important;
  }
  .list-tpl-cst-fld-inline-2 {
    margin-left: 0px !important;
  }
  .list-tpl-item-wrapper-mobile {
    display: block !important;
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  }
  .list-tpl-item-wrapper {
    display: none !important;
  }
  .list-tpl-item-wrapper-mobile .list-tpl-body{
    padding-right: 10px;
  }
  .list-tpl-item-wrapper-mobile .list-tpl-cst-fld-sec-2{
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .list-tpl-footer {
    padding-left: 15px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .breadcrumb {
    display: none;
  }

  .site-header {
    margin-bottom: 0px !important;
  }
  .down-arrow {
        vertical-align: -3% !important;
  }

  #mega-menu-wrap-main-menu #mega-menu-main-menu > li.help_dropdown {
    display: inline-block !important;
  }
  .btn-dark {
    display: none !important;
  }
   .hidden-xs {
       display: none !important;
  }
   .visible-xs {
       display: block !important;
       text-align: center;
  }
  /******* css by aravind *******/
    .Line-2 {
    border-left: 2px solid;
    height: 20px;
  }
  hr.vertical
  {
     width: 0px;
     height: 10%; /* or height in PX */
  }
  .visible-xs .Rakuten-Inc {
    height: 15px;
    font-family: 'Noto Sans JP', sans-serif;;
    font-size: 10px;
    padding-top: 4px;
    margin-bottom: 2px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.2px;
    color: #4a4a4a;
  }
  .float-right{
      display: none !important;
  }
  /* Reduced margin between body and footer content */
  .content-area{
    margin-bottom: 20px !important;
  }
  .search .content-area{
    min-height: 40vh;
  }
  div.grid-list-tpl-top-pagination
  {
    margin-bottom: 0px !important;
  }
  body.home .content-area {
    margin-bottom: 15px !important;
  }
  /* Reduced margin between body and footer content */


  .post-pagination-count{
    display: none;
  }
  .advanced-search-mobile{
    display: block !important;
    color: #fff;
    font-weight: 600;
    margin-left: 3vw !important;
  }
  .wp-widget-topics-image {
    padding-left: 10px;
    padding-right: 10px;
  }
  .btn-link:focus, .btn-link:hover {
    color: #fff;
  }
  .advanced-search-anchor{
    display: none;
  }
  .desktop-search{
    display: none !important;
  }
  .mobile-search{
    display: block !important;
  }
  .so-widget-sow-headline-default-f12bff5d71a4 .sow-headline-container .decoration {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .so-widget-sow-headline-default-253b989964c5 .sow-headline-container .decoration {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  #responsive-menu-pro-container #responsive-menu-pro-title {
    padding-bottom: 12px !important;
    padding-top: 12px !important;
  }
  .so-widget-sow-headline-default-f12bff5d71a4 .sow-headline-container h1.sow-headline {
    padding-left: 10px;
  }
  .wp-widget-topics-image > .wp-widget-topics-image-title {
    padding-left: 10px;
  }
  .so-widget-sow-headline-default-253b989964c5 .sow-headline-container h1.sow-headline {
   padding-left: 10px;
  }
  .genre-listing-wrapper > p.genre-listing-title{
    background-color: #53007d !important;
  }
  .genre-listing-wrapper ul li a {
    color: #4a4a4a !important;
  }
  .header__widgets{
    width: 158px;
    height: 42px;
    background-repeat: no-repeat !important;
    margin-right: 13px !important;
    margin-top: 1.1rem;
  }
  /*Order review widget*/
  .header__widgets div:nth-child(1){
    width: 72% !important;
    height: 40px;
    border-radius: 3px;
    background-color: #bf0000;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.24);
    float: right;
  }
  .header__widgets div:nth-child(1) a {
    display:block;
    height:100%;
    width:100%;
    margin: 0 !important;
    padding-left: 8px !important;
    padding-top: 9px !important;
  }
  /*Binding content to the order review box*/
  .header__widgets div:nth-child(1) a:before {
    content: "お申込内容確認";
    color: #fff;
    font-size: 14px;
    align-content: space-around;
    display: block;
  }
  /*To hide the site map widget*/
  .header__widgets div:nth-child(2){
    display: none;
  }

  .sidebar {
    margin-top: 0 !important;
  }
  .widget  .widget_siteorigin-panels-builder {
    margin-bottom: 0px !important;
  }
  .sidebar .widget {
    margin-bottom: 0px !important;
  }
  .header__widgets .widget {
      width: auto;
  }
  .header__widgets .widget, .header__navigation-widgets .widget {
    margin-bottom: 0px;
  }
  .header .icon-box {
    display: inline;
  }
  .header .icon-box .rakuten-r-icon{
    margin-top: 3px;
    margin-left: 10px;
  }
  .img-fluid{
    width: 60px;
    height: 36px;
  }
  .header .icon-box__text {
    display:none;
  }
  .header__widgets .widget {
      width: 275px !important;
  }
  .pt-cv-content {
      position: relative!important;
      display: none !important;
  }
  .pt-cv-view .pt-cv-title {
      padding: 0px !important;
      height: 42px;
      display: -webkit-box;
      text-overflow: ellipsis;
      overflow: hidden;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
  }
  .pt-cv-ifield {
      background-color: #ffffff;
      box-shadow: none !important;
  }
  .pt-cv-colsys {
    margin-left: 0px;
    margin-right: 0px;
  }
  #show-genre-list-page {
    /*display: none !important;*/
    margin-right: 10px;
  }
  .pt-cv-view .pt-cv-title, .pt-cv-view .pt-cv-title a {
    font-family: 'Noto Sans JP', sans-serif;;
    font-size: 12px !important;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.29;
    letter-spacing: 0.5px !important;
    color: #7d00be;
  }
  .cvp-responsive-image {
    margin-bottom: 0px !important;
    margin-top: 10px !important
  }
  .footer-scroll {
    width: 100%;
    /*height: 45px;*/
    color: #ffffff;
    height: 20%;
    /* top: 10%; */
    padding-bottom: 5px;
    border-bottom-width: 0px;
    background-color: #7d00be;
  }
  .wpape-img-loaded {
    width: 92% !important;
    left: 6% !important;
  }
  .content-area{
    min-height: 45vh;
  }
  /* giving margin left and right TO-DO: Test in STG*/
  #main>h1,#main div.panel-layout .panel-grid .panel-grid-cell div.widget_sow-headline, #main div.panel-layout .panel-grid .panel-grid-cell div.widget_genre_listing_widget.GenreListingWidget.panel-first-child{
      margin-left: 10px;
      margin-right: 10px;
  }
  #main>h1,#main div.panel-layout .panel-grid .panel-grid-cell div.widget_sow-headline{
    margin-top: 20px;
  }
  .event-info-division {
    padding-left: 10px;
    padding-right: 10px;
  }
  .widget-tickets-event-details .event-info-division .event-info-col-title {
    width: 26% !important;
  }
  .event-info-col-content {
    width: 70% !important;
  }
  .tk-event-details-widget-headline {
    padding-left: 10px;
    padding-right: 10px;
  }
   .widget_event_title_widget .EventTitleWidget{
      padding-left: 10px;
      padding-right: 10px;
   }
   .widget_tickets-freetext {
      padding-left: 10px;
      padding-right: 10px;
   }
   .widget_tickets-price-list {
      padding-left: 10px;
      padding-right: 10px;
   }
   .widget_pw_tickets-event-details-base .widget-tickets-event-details {
      padding-left: 10px;
      padding-right: 10px;
   }
   .so-widget-tickets-price-list .seat-info-container .seat-name {
    width: 25% !important;
  }
  .widget_performances_widget{
    padding-left: 10px;
    padding-right: 10px;
  }
  .widget_sow-video {
    padding-left: 10px;
    padding-right: 10px;
  }
  .widget_sow-image {
      padding-left: 10px;
      padding-right: 10px;
  }
  .tk-pf-cldr-widget-container {
      padding-left: 10px;
      padding-right: 10px;
  }
  .wp-widget-event-details-title {
      padding-left: 10px;
      padding-right: 10px;
  }
  .sow-headline-container h1.sow-headline {
    margin-bottom: 10px !important;
  }

  .dncalendar-body tbody td .entry span a:hover {
    text-decoration: underline !important;
  }
  .dncalendar-body tbody td .entry span:first-child {
    padding-top: 10px;
  }
  .dncalendar-body tbody td .entry:after {
    font-size: 7px !important;
  }
  .dncalendar-body tbody tr td {
    text-align: center;
  }
  .dncalendar-body thead td {
    text-align: center;
  }
  div.grid-list-tpl-pagiation .pagination .page-numbers {
    width: 3.2rem !important;
    height: 3.2rem !important;
    padding: 0 !important;
    font-size: 13px !important;
    line-height: 28px !important;
    display: inline-block;
    text-align: center;
  }
  div.grid-list-tpl-pagiation .pagination .page-numbers i{
    height: 13px;
    margin-top: 0px;
  }
  .footlink-col1 {
    display: inline;
    border-left: 1px solid #ADADAD;
    padding: 0 6px 0 5px;
  }
  .footlink-col2 {
    display: inline;
    border-left: 1px solid #ADADAD;
    padding: 0 6px 0 5px;
  }
  .footlink-col1 a {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 9px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.67;
    letter-spacing: 0.5px;
    color: #777777 !important;
  }
  .footlink-col1 a:hover {
    text-decoration: underline !important;
  }
  .footlink-col2 a:hover {
    text-decoration: underline !important;
  }
  .footlink-col2 a {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 9px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.67;
    letter-spacing: 0.5px;
    color: #777777 !important;
  }
  .footlink-col1:first-child {
    border: none;
  }
  .footlink-col2:first-child {
    border: none;
  }
  #mobile-sale-checkbox {
    display: block !important;
    padding-left: 15px;
    text-indent: -15px;
  }
  #mobile-sale-checkbox input[type="checkbox"]{
    vertical-align: bottom;
    position: relative;
    top: -1px;
  }
  footer {
      position: relative !important;
  }
  .post-pagination-count{
    display: none;
  }
  div.pt-cv-no-post{
      position: absolute;
      width: 100vw;
  }
  .pt-cv-1-col {
    overflow: visible !important;
  }
  .archive .Line-3 {
    margin-left: 10px;
    margin-right: 10px;
    width: auto !important;
  }
  .archive .J {
    margin-left: 10px;
    margin-right: 10px;
  }
  /*Hide in mobile*/
  .hide-mobile {
    display: none;
  }
  /* Start genre sub menu for mobile*/
  .mobile-filter-wrapper{
    display: block !important;
    color: #ffff;
    background-color: #53007d;
    font-size: 18px;
  }
  .mobile-filter-wrapper .back-button-toggle{
    padding-left: 1.3em;
    margin-bottom: 3px;
  }
  .mobile-filter-wrapper .genre-button-toggle{
    text-align: right;
    padding-right: 15px;
  }
  .mobile-filter-wrapper .area-button-toggle{
    text-align: right;
    padding-right: 1.3em;
  }
  /* End genre sub menu for mobile*/

  /* Search page*/
    .search hr.Line-3 {
    margin-left: 10px;
    margin-right: 10px;
  }
  .search .J {
    margin-left: 10px;
    margin-right: 10px;
  }
  .search .no-results .entry-content
  {
    padding: 0px 16px;
  }
  .search_title{
    margin:0px 16px;
  }
  .search .search-query-data{
    padding: 11px 10px !important;
  }
  .search .event-venues{
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  /* End Search page*/
  
  
  /*Header menu*/
  .mobile-menu-icon::before, .mobile-menu-icon::after {
    width: 25px;
    height: 3px;
    background-color: rgba(125, 0, 190, 1);
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
    content:"";
  }
  .mobile-menu-icon::before {
    top: 8px;
  }
  .mobile-menu-icon::after{
    top: 16px;
  }
  .mobile-menu-icon {
    top: 24px;
    left: 1.3em;
    display: inline-block;
    transition: transform 0.5s, background-color 0.5s;
    background: rgba(255, 255, 255, 1);
    padding: 0 0;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    width: 25px;
    height: 3px;
    background-color: rgba(125, 0, 190, 1);
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}
div#mega-menu-wrap-main-menu {
  position: fixed;
  top: 0;
  bottom: 0;
  outline: 1px solid transparent;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 1;
  left: 0;
  background: rgba(255, 255, 255, 1);
  transition: transform 0.5s;
  text-align: left;
  width: 100%;
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}
#mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item{
  font-size: 13px;
  width: 100% !important;
  /* height: 40px !important;
  line-height: 40px; */
  border-bottom: 1px solid rgba(255, 255, 255, 1);
  color: rgba(33, 33, 33, 1) !important;
  background-color: rgba(255, 255, 255, 1);
  width: 100%;
  display: block;
  /* padding: 0 5% !important; */
  position: relative;
  cursor: pointer;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link{
  color: rgba(33, 33, 33, 1) !important;
  padding: 0 5% !important;
  font-size: 13px !important;
  height: 40px !important;
  line-height: 40px !important;
}
/*Sub Menu Open close*/
li.mo-submenu > a.mega-menu-link:after{
  font-family: "Font Awesome 5 Free" !important;
  content: "\f105" !important;
  color: #7d00be !important;
  margin-right: 0;
  font-weight: 900;
  font-size: 13px !important;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  float: right;
}
#mega-menu-main-menu{
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}
.mo-submenu ul{
  transform: translate(200%,0%) !important;
}
.mo-submenu ul li a{
  text-align: left !important;
  padding-left: 17px !important;
}
.mega-toggle-on ul{
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  transform: translateX(100%) !important;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}
.backlink{
  padding-left: 17px;
  font-size: 13px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  color: #7d00be;
  border-bottom: 1px solid #e2e2e2;
}
.backlink::before{
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f060";
  padding-right: 9px
}
/*Sub Menu*/
.mobile-menu-title {
  display: block !important;
  background-color: rgba(83, 0, 125, 1);
  color: #ffffff;
  font-size: 14px;
  padding: 14px 5%;
}
.close-icon{
  transform: translate3d(0, 8px, 0) rotate(45deg);
    background-color: rgb(255, 255, 255) !important;
    top: 14px;
    width: 25px;
    height: 3px;
    border-radius: 4px;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
    display: block;
    content: "";
    position: fixed !important;
    left: calc(100% - 36px) !important;
}
.close-icon::before{
  transform: rotate(-45deg) translate3d(-3.5714285714286px, -5px, 0);
  opacity: 0;
  top: 8px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.2s;
  content: "";
  display: block;
  width: 25px;
  height: 3px;
  border-radius: 4px;
  position: absolute;
}
.close-icon::after{
  transform: translate3d(0, -16px, 0) rotate(-90deg);
  top: 16px;
  background-color: #ffffff;
  display: block;
  content: "";
  width: 25px;
  height: 3px;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.help-dropdown{
  position: relative !important;
  top: 0px !important;
}
.mega-menu-item-has-children a{
  background: none  !important;
  color: rgba(33, 33, 33, 1) !important;
}
.mega-menu-item-has-children ul.mega-sub-menu{
  width: 100% !important;
}
.mega-menu-item-has-children ul.mega-sub-menu li a:focus {
  background-color: rgba(209, 209, 209, 1) !important;
  color: rgba(125, 0, 190, 1) !important;
  border-color: rgba(255, 255, 255, 1);
}
  /*End*/


  .event-title-arrow, .event-title-arrow::after{
    height: 12px !important;
  }
  .footer-link-row1, .footer-link-row2{
    padding-top: 5px;
  }
  /*Notice Details page*/
  .single-notice .inquiry-title{
    height: auto;
    margin-top: 0px !important;
    font-size: 14px;
  }
  .single-notice .notice-details-date{
    margin-top: 8px !important;
    font-size: 14px !important;
    margin-left: 14px;
  }
  /*End Notice Details page*/
  /*Css for search auto complete*/
  .ui-autocomplete .ui-menu-item .ui-menu-item-wrapper{
    margin-top: 3px;
    margin-bottom: 3px;
  }
  .ui-autocomplete .ui-autocomplete-category span{
    padding:0 4px !important;
  }
  #ui-id-1.ui-widget-content{
    left:0px !important;
    width: 100% !important;
    border-radius: 0px;
    padding: 0px 10px !important;
  }
  .ui-autocomplete .ui-menu-item{
    font-size: 16px !important;
  }
  .ui-autocomplete .ui-state-active{
    background-color: transparent !important;
    color: #696969 !important;
    border:none !important;
    margin: 3px 0px 3px 0px !important;
  }
  .ui-autocomplete .ui-state-active .highlight{
    color: #000000 !important;
  }
  /*End css for search auto complete*/
  /*Event Title Widget*/
  .widget_event_title_widget{
    padding-left: 10px;
    padding-right: 10px;
  }
  .widget_event_title_widget .hentry__header h1{
    font-size: 1.66667rem;
  }
  .widget_event_title_widget .hentry__header h2{
    font-size: 1.4rem;
  }
  /*Event Title Widget*/


  .topic-widget-listing > li > a{
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.7 !important;
    min-height: 40px;
    max-height: 58px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 7px 40px 9px 20px;
  }
  ul.pickup-widget-listing > li{
    width:100%;
  }
  .pickup-widget-title{
    margin-left: 10px;
    margin-right: 10px;
  }
  .topic-widget-wrapper, .notice-widget-wrapper {
    width: auto !important;
    margin-left: 10px;
    margin-right: 10px;
  }
  .sow-headline{
    padding-left: 10px;
    padding-right: 10px;
  }
  .sow-headline-container .decoration{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  /*Featured event*/
.featured-events-tab-wrapper{
  margin-left: 10px;
  margin-right: 10px;
}
.featured-events-content {
   margin-top: 2px;
   border: 1px solid #aaaaaa;
   border-bottom: 0px;
   margin: 0px;
   grid-template-columns: repeat(3, 1fr);
}
.featured-events-tab-list {
  padding-top: 7px;
  font-size: 16px;
  margin: -1px;
  height: 39px;
  margin: 0px 0px -1px 0px;
  margin-top: -1px;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  margin-bottom: 0px;
  border-bottom: 1px solid #7d00be;
}

.featured-events-content .tabrow{
   padding-left: 9px;
   padding-right: 9px;
   padding-bottom: 7px;
   margin: 0px;
   display: inline-block;
   float: none;
   border:none;
}
.featured-events-tab-list div.active{
   background-color: #ffff;
   color: #7d00be;
   border-top: 5px solid #7d00be;
   border-left: 1px solid #7d00be;
   border-right: 1px solid #7d00be;
   border-bottom: 0px solid;
   border-top: 5px solid #7d00be !important;
}
.featured-events-tab-list .btn:nth-child(1) {
   border-left-color: #b3b2b1 !important;
   border-top-left-radius: 2px !important;
}
.featured-events-tab-list .btn:last-child {
   border-right-color: #b3b2b1 !important;
   border-top-right-radius: 2px !important;
   border-right: 1px solid #b3b2b1 !important;
}
.featured-events-content .excerpt, .featured-events-content .tabrow:nth-child(n+7){
   display: none;
}
.featured-events-content .tabrow:nth-child(n+7){
   display: block;
}
.featured-events-content .thumbnail_image img{
   padding: 1px;
   border: solid 0.5px #b3b2b1;
}
.featured-events-content .thumbnail_image{
   margin-top: 10px;
}
.featured-events-content .title{
   margin-bottom: 0px;
   margin-top: 0px;
   padding: 0px;
   font-size: 12px;
   display: -webkit-box;
   text-overflow: ellipsis;
   overflow: hidden;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   line-height: 1.7;
   color: #7d00be;
}
.featured-events-tab-wrapper > p:last-of-type{
   border: 1px solid #b3b2b1;
   border-top: none;
   height: 55px;
   padding-right: 0px;
   border-bottom-left-radius: 2px !important;
   border-bottom-right-radius: 2px !important;
   padding-right: 10px;
}
  /*Featured event*/

  /*Search Page*/
.search-left-widget-area {
  display:none;
}
.search main {
  width:100%;
  margin-top: 0px;
}
  
}

@media screen and (min-width: 310px) and (max-width: 380px) {
  .dncalendar-body tbody td .entry span {
    /*making it 100%*/
    width: 100% !important;
  }
}

@media screen and (min-width: 101px) and (max-width: 720px){
  .dncalendar-body table {
    margin: 0 0 0 !important;
  }
}

@media only screen and (min-width: 601px) {
  #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
      font-size: 14px;
  }
  #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link {
      font-size: 16px;
      font-weight: 700 !important;
  }
  #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-item-align-right {
    margin: 0 0 0 0px;
  }
  #mega-menu-wrap-main-menu #mega-menu-main-menu > li:nth-child(9) {
    margin-right: 0px !important;
  }
}

@media only screen and (min-width: 780px) {
  .grid-list-tpl-pagiation {
      min-height: 30px;
  }
  .error-content-mobile {
    display: none;
  }
}

/*window resize media query*/
@media (min-width: 980px){
    .logo-container {
        padding: 10px 0;
    }
    .header .widget-icon-box:first-child .icon-box {
        min-width: 250px;
    }
    .header .widget-icon-box:last-child .icon-box {
        min-width: 200px;
    }
     .search-box {
        width: 560px;
        height: 35px;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        background-color: #ffffff;
        margin-left: 45px;
        border: 0;
    }
     .search-button {
         width: 115px;
         height: 35px;
         border-top-right-radius: 3px;
         border-bottom-right-radius: 3px;
         background-color: #bf0000;
         /* box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.24); */
         border: 0;
         padding-top: 0px !important;
         padding-bottom: 0px !important;
    }
    .header-box {
      background-color: #ededed;
      height: auto;
      padding-left: 27px;
      padding-top: 8px;
      padding-right: 27px;    
    }
     .right-text {
         width: 42.5px;
        height: 16px;
        font-family: 'Noto Sans JP', sans-serif;;
        font-size: 12px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.33;
        letter-spacing: 0.2px;
        color: #ffffff;
        margin-right: 11px;
        float:right;
        margin-top: 14px;
    }
     .comments {
         display: none !important;
    }
    .search-container {
        margin-top: 25px;
    }
    .archive .widget_siteorigin-panels-builder,  .archive .widget_custom_html, .search .widget_custom_html{
      margin-bottom: 0px !important;
      margin-top: 10px;
    }
    .ui-autocomplete .ui-state-active{
      background-color: #7d00be !important;
      border:none !important;
      color: #fff !important;
      margin:0px !important;
    }
    .mega-menu-link.active, .mega-menu-link:hover {
      background: #53007d !important;
    }
    .area-menu ul{
      right: 0 !important;
    }
}

@media screen and (max-width: 980px) {
  .fcb_logo-area {
     position: relative;
     right: auto;
     bottom: auto;
     float: none !important;
     margin: 10px auto 0;
     text-align: center;
  }
  .vl {
  border-left: 1px solid;
  height: 45px;
  margin-top: 7px;
  position: absolute;
  left: 50%;
  right: 50%;
  margin-left: -3px;
  top: 0px;
  }
  .fcb_logo-area .fcb_logo-sp a {
     display: block;
     width: 270px;
     height: 57px;
     margin: 0 auto;
  }
  .ftaj_logo-mobile{
    float: left;
  }
  .ftaj_logo-mobile img{
    width: 94.4px;
    height: 50px;
    border: 1px solid #a29595;
  }

  .header__widgets {
    order: 1;
  }
  .search-box {
  width: calc(100% - 119px);
  height: 35px;
  border-radius: 3px;
  background-color: #ffffff;
  margin-left: 13px !important;
  box-sizing: content-box !important;
  }
  .search-button {
  width: 58px!important;
  height: 35px;
  border-radius: 3px;
  font-size: 14px;
  font-weight: bold;
  background-color: #bf0000;
  color:#fff;
  border-width: 0px;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.24);
  margin-right: 14px;
  float: right;
  box-sizing: content-box !important;
  padding-top: 2px;
  padding-bottom: 2px;
  }
  .search-container {
  display: inline-table;
  /*height: 13% !important;*/
  }
  .search-text {
  /* display: none; */
  /* margin-left: : 5px; */
  /* margin-bottom: 5px; */
  }
/*Hotwords in top page*/
  .HotWordsWidget .hotwords_content{
    overflow: auto;
    white-space: nowrap;
    scrollbar-width: none;
  }
  .HotWordsWidget .hotwords_content::-webkit-scrollbar {
    height: 0px;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
  }
  .HotWordsWidget .hotwords_title{
    display: none;
  }
  .header-box {
    background-color: #ededed;
  }
  .Rectangle-2-Copy-8{
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.5px;
    padding: 5px 10px 7px 10px !important;
    margin: 5px 0px;
  }
  .Rectangle-2-Copy-8:last-of-type{
    margin-right: 10px;
  }
  .hotwords_content #prev_nav{
    float: left;
    left: 0px;
    cursor: pointer;
    position: absolute;
    background-image: linear-gradient(to right, #ededed 69%, rgba(237, 237, 237, 0.1));
    width: 24px;
    height: 42px;
    padding-left: 7px;
    font-size: 23px;
  }
  .hotwords_content #next_nav{
    float: right;
    right: 0px;
    cursor: pointer;
    position: absolute;
    background-image: linear-gradient(to left, #ededed 69%, rgba(237, 237, 237, 0.1));
    width: 24px;
    height: 42px;
    padding-left: 5px;
    font-size: 23px;
  }
  .hotwords_content .hidearrow {
    display: none;
  }
/*Hotwords in top page end*/

  .right-text {
  width: 42.5px;
  height: 16px;
  font-family: 'Noto Sans JP', sans-serif;;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: 0.2px;
  color: #ffffff;
  margin-left: 11px !important;
  float:left !important;
  margin-top: 2px;
  }
  .responsive-menu-pro-back .fa-arrow-left{
  padding-right: 9px !important;
  }
  #change-accordion .accordion__panel .panel-title a {
  padding-right: 4vh !important;
  line-height: 15px;
  }
  .col-md-2.col-sm-4.col-xs-4.pt-cv-content-item.pt-cv-1-col, .col-md-3.col-sm-4.col-xs-4.pt-cv-content-item.pt-cv-1-col, .col-md-4.col-sm-4.col-xs-4.pt-cv-content-item.pt-cv-1-col{
    padding-left: 9px;
    padding-right: 9px;
  }
  .navigation.pagination .nav-links {
    margin-left: 15px;
  }
  .navigation.pagination .nav-links > a, .navigation.pagination .nav-links > span {
    height: 30px;
    width: 30px;
    font-size: 13px;
    padding: 0px;
    text-align: center;
    line-height: 30px;
  }
}

@media (min-width: 992px) {
     .header__navigation, .header__navigation-widgets {
         background-color: inherit !important;
         display: none;
         width: 100% !important;
         padding-left: 0px;
    }
     .rc-f-standard.rc-f-custom00 .rc-f-section-content00 .rc-f-section-bar.rc-f-first {
         width: 1200px;
         margin: 0 auto;
    }
     .rc-f-standard.rc-f-custom00 .rc-f-section-content00 .rc-f-section-bar {
         width: 1200px;
         margin: 0 auto;
    }
     div#grpRakutenLinkArea {
         width: 1200px;
         margin: 0 auto;
         height: 70px;
    }
     .header__logo {
         margin: 15px 0px 8px 0px;
         order: 2;
         text-align: center;
    }
    .header__logo img {
      margin-top: 0px;
      margin: 0 auto;
    }
     .header__widgets {
         margin: 0.9rem 0;
    }
     .header__widgets .widget {
         margin-right: 1.2rem;
    }
     .header__widgets .widget:last-of-type {
         margin-right: 2.1rem;
    }
}

@media screen and (max-width: 991px) and (min-width: 541px){
  .header__logo {
    margin-top: 1.6rem;
  }
}


@media only screen and (max-width:980px){
    #mobile-logo-png{display:inline !important;}
    #desktop-logo-png{display:none}
    input[type="search"]::-webkit-search-cancel-button {
      -webkit-appearance: searchfield-cancel-button;
      /* Remove default */
      -webkit-appearance: none;
      /* custom styles for clear button */
      height: 21px;
      width: 21px;
      display: block;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAn0lEQVR42u3UMQrDMBBEUZ9WfQqDmm22EaTyjRMHAlM5K+Y7lb0wnUZPIKHlnutOa+25Z4D++MRBX98MD1V/trSppLKHqj9TTBWKcoUqffbUcbBBEhTjBOV4ja4l4OIAZThEOV6jHO8ARXD+gPPvKMABinGOrnu6gTNUawrcQKNCAQ7QeTxORzle3+sDfjJpPCqhJh7GixZq4rHcc9l5A9qZ+WeBhgEuAAAAAElFTkSuQmCC);
      /*custom icon */
      background-repeat: no-repeat;
      /* icon size */
      background-size: 22px;
    }
    input[type=search] {
      -webkit-appearance: none;
    }
   .search-box{
      padding-right: 10px;
      font-size: 13px;
    }
    body.search .sidebar{
      display: none;
    }
    .grid-list-tpl-pagiation.grid-list-tpl-top-pagination:empty {
      display: none;
    }
    .header__logo a{
      margin-left: 52px !important;
    }
    .header__logo .mo-tagline{
      margin-left: 13px;
      font-size: 12px;
      color: #4a4a4a;
      margin-top: 2px;
    }
}

 @media (min-width: 1200px){
     .search-box {
        width: 560px;
        height: 40px;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        background-color: #ffffff;
        margin-left: 20px;
        border: 0;
    }
     .search-button {
         width: 115px;
         height: 40px;
         border-top-right-radius: 3px;
         border-bottom-right-radius: 3px;
         background-color: #bf0000;
         /* box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.24); */
         border: 0;
         padding-top: 0px !important;
         padding-bottom: 0px !important;
    }
    .header-box {
        background-color: #ededed;
        height: auto;
        padding-left: 0;
        padding-top: 8px;
        padding-right: 27px;
    }
     .right-text {
         width: 42.5px;
        height: 16px;
        font-family: 'Noto Sans JP', sans-serif;;
        font-size: 12px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.33;
        letter-spacing: 0.2px;
        color: #ffffff;
        margin-right: 11px;
        float:right;
        margin-top: 14px;
    }
     .comments {
         display: none !important;
    }
    .header__logo {
      width: 25%;
    }
    .header__widgets {
      width: 75%;
    }
    #companyFooter ul {
      margin-right: 40px;
    }
}


@media (min-width: 768px) {
    div.container > div.cover-image{
      background-image: url('../images/not_found_background.png');
      /*background-position: 50%;*/
      background-repeat: no-repeat;
      background-size: 100% 100%;
      padding-left:75px;
      padding-right:75px;
      padding-bottom:125px;
      text-align:center;
    }

    .error-image-header>img{
        margin-top: 10px;
        /*margin-bottom: 10px;*/
        width:80px;
        height:80px;
    }

    .error-404-button-container {
        margin-bottom:20px;
        margin-top:20px;
    }

    .error-404-button-container > .button {
      background-color: white;
      font: bold 20px Arial;
      text-decoration: none;
      background-color: #ffffff;
      color: #53007d;
      padding: 10px 30px 10px 30px;
      border: 1px solid #53007d;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      -o-border-radius: 5px;
      -ms-border-radius: 5px;
      border-radius: 5px;
      -moz-box-shadow: 0 1px 3px #000;
      -webkit-box-shadow: 0 1px 3px #000;
      -o-box-shadow: 0 1px 3px #000;
      -ms-box-shadow: 0 1px 3px #000;
      box-shadow: 0 1px 3px #000;
    }
    .error-404-button-container > .button:hover {
      color: #53007d;
    }
    .error-text{
      text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
      font-size: 30px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #ffffff;
    }

    .error-padding{
        margin-bottom:20px;
    }
    div.widget_tickets-price-list {
        margin-bottom: 0px !important;
    }
    /* Contact us page*/
    .contact-main {
      color:black;
    }
    .contact-main a:visited {
      color: #609 !important;
      text-decoration: underline !important;
    }
    .contact-main a:link {
      color: blue !important;
      text-decoration: underline !important;
    }
    #inquiry-form>.form-element {
      margin-top: 20px;
      margin-bottom: 20px;
    }
    #inquiry-form>.form-parent-label {
      margin-top:10px;
      margin-bottom:10px;
    }
    #inquiry-form>.form-element>.row>div.submit-button{
      text-align:right;
    }

    #inquiry-form>.form-parent-label>.row>div.parent-label{
      text-align:left;
      font-size:14px;
      font-weight:bold;
    }
    /*
    #inquiry-form>.form-element>.row>div.element>input,#inquiry-form>.form-element>.row>div.element>textarea {
      width:100%;
    }
    */
    #inquiry-form>.form-element>.row>div.element>.error {
      border: 1px solid red !important;
      box-shadow: 0 0 3px red !important;
      -moz-box-shadow: 0 0 3px red !important;
      -webkit-box-shadow: 0 0 3px red !important;
    }
    #inquiry-form>.form-element>.row>div>div.error-text-message {
      color:red;
    }
    .contact-main>div.ack-message{
      text-align:left;
      color:blue;
      font-size: 14px;
    }
    div.inquiry-content>div.helptext>div.para {
      margin-top :15px;
      margin-bottom:15px;
    }
    #inquiry-form>.reception_number{
      margin-bottom: 0px;
    }
    /*End contact us page*/
    /*Hotword for web*/
    .HotWordsWidget .hotwords_content:after{
      content: "";
      display: table;
      clear: both;
    }
    .hotwords_content .column-1{
      float: left;
      width: 13.30%;
    }
    .hotwords_content .column-2{
      float: left;
      width: 86.70%;
    }
    .hotwords_content #next_nav, .hotwords_content #prev_nav{
      display: none;
    }
    /*End hotword for web*/
}

@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 2) { 
  .search-box {
    padding-bottom: 2px;
    width: calc(100% - 132px);
  }
}
@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) {
  .search-box {
    padding-bottom: 2px;
    width: calc(100% - 132px);
  }
}
@media only screen 
    and (device-width : 375px) 
    and (device-height : 667px) 
    and (-webkit-device-pixel-ratio : 2) { 
      .search-box {
        padding-bottom: 2px;
        width: calc(100% - 132px);
      }
}

@media screen and (max-width: 767px) {
     .search-box {
        height: 35px;
        border-radius: 3px;
        background-color: #ffffff;
        margin-left: 45px;
    }
     .search-button {
        width: 58px;
        height: 35px;
        border-radius: 3px;
        background-color: #bf0000;
        box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.24);
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }
      .right-text {
          width: 42.5px;
        height: 16px;
        font-family: 'Noto Sans JP', sans-serif;;
        font-size: 12px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.33;
        letter-spacing: 0.2px;
        color: #ffffff;
        margin-right: 11px;
        float:right;
        margin-top: 2px;
    }

    .error-image-header {
      height: 130px;
    }
  .error-content-page {
    display: none;
  }
  .mobile-error-line1, .mobile-error-line2 {
    margin: 0px 16px;
}
.mobile-error-text ul {
  margin-left: 11px;
  margin-top: 19px;
  margin-right: 21px;
}
.mobile-error-text ul li {
  text-align: left;
}
    div.container > div.cover-image{
        background-image: url('../images/not_found_background.png');
        /*background-position: 50%;*/
        background-repeat: no-repeat;
        background-size: 100% 100%;
        padding-left:0px;
        padding-right:0px;
        padding-bottom:0px;
        text-align:center;
        position:relative;
    }

    .error-image-header>img{
        margin-top: 30px;
        margin-bottom: 60px;
        width:60px;
        height:40px;
    }

    .error-content-mobile{
        overflow:visible;
        text-align:center;
    }

    .mobile-error-404-button-container > .button {
        background-color: white;
        font: bold 20px Arial;
        text-decoration: none;
        background-color: #53007d;
        color: #ffffff;
        padding: 15px 30px 15px 30px;
        /*border: 1px solid #cecece;*/
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0 1px 3px #000;
        -webkit-box-shadow: 0 1px 3px #000;
        -o-box-shadow: 0 1px 3px #000;
        -ms-box-shadow: 0 1px 3px #000;
        box-shadow: 0 1px 3px #000;
    }
    .mobile-error-text{
        font-size: 16px;
        font-weight: bold;
        color:black;
        margin-bottom:10px;
        margin-top: 20px;
        margin-bottom: 30px;
        line-height: 27px;
    }
    .mobile-error-line1,.mobile-error-line2{
      margin: 0px 16px;
    }
    .error-padding{
        margin-bottom:20px;
    }
    .error404 #container{
        padding-top:0px;
    }
    div.widget_tickets-price-list {
        margin-bottom: 20px !important;
    }
    /* Contact us page*/
    .contact-main {
      color:black;
    }
    .contact-main a:visited {
      color: #609 !important;
      text-decoration: underline !important;
    }
    .contact-main a:link {
      color: blue !important;
      text-decoration: underline !important;
    }
    #inquiry-form>.form-parent-label {
      margin-top:10px;
      margin-bottom:10px;
    }
    #inquiry-form>.form-parent-label>.row>div.parent-label{
      text-align:left;
      font-size:14px;
      font-weight:bold;
    }
    /*
    #inquiry-form>.form-element {
      margin-top:20px;
      margin-bottom:20px;
    }
    */
    #inquiry-form>.form-element>.row>div.label, #inquiry-form>.form-element>.row>div.submit-button{
      text-align:left;
    }
    #inquiry-form>.form-element>.row>div.submit-button>input{
      width:100%;
    }
    #inquiry-form>.form-element>.row>div.element>.error {
      border: 1px solid #ff0000 !important;
      box-shadow: 0 0 3px #ff0000 !important;
      -moz-box-shadow: 0 0 3px #ff0000 !important;
      -webkit-box-shadow: 0 0 3px #ff0000 !important;
      color: #ff0000;
    }
    #inquiry-form>.form-element>.row>div>div.error-text-message {
      color:#ff0000;
    }

    .contact-main>div.ack-message{
      text-align:left;
      color:blue;
      margin: 14px 13px 0px 13px !important;
      font-size: 14px;
    }
    div.inquiry-content>div.helptext>div.para {
      margin-top :15px;
      margin-bottom:15px;
    }
    .contact-form-submit-row{
      text-align: center;
    }
    .contact-form-submit{
      width: 100px;
    }
    .reception_number{
      margin-top: 0px !important;      
      margin-bottom: 0px !important;
    }
    .inquiry_special_char_link{
      margin-left: 15px;
    }
    .custom_checkbox_parent{
      margin-left: 0px !important;
    }
    input[type=radio].error::after 
    {
      width: 92% !important;
      height: 92% !important;
    }
    .error-message-position{
      position: relative !important;
      top:0px !important;
    }
    /*End contact us page*/

}


/*Screen for iPhone 5 SE*/
@media screen and (min-width: 300px) and (max-width: 340px) {
    /* Header widget */
  .header__widgets{
    margin-left: 0%;
  }
  #panel-1228-1-0-0 {
    margin-bottom: 10px !important;
  }
  #pgc-1228-4-0, #pgc-1228-4-1 {
    margin-bottom: 0px !important;
  }
  .search-box {
    font-size: 10px !important;
  }
  /* Start genre sub menu for mobile*/
  .mobile-filter-wrapper .genre-button-toggle{
    width: 48%;
    padding-right: 9px;
  }
  .mobile-filter-wrapper .area-button-toggle{
    width: 27%;
  }
  div.textwidget .back-button-toggle, div.textwidget .area-button-toggle, div.textwidget .genre-button-toggle {
    font-size: 17px !important;
  }
  .panel-grid-cell {
    margin-bottom: 3px !important;
  }
  /* End genre sub menu for mobile*/
  .header__widgets div:nth-child(1) a:before{
    font-size:13px;
  }
  .search-not-found-body{
    font-size: 13px !important;
  }
  .header__logo {
    margin: 1.66667rem 0;
  }
}
/*Screen for iPhone 5 SE*/

/*css specific to samsung devices like S5/S6/S7 and sony experia Z2/Z3*/
@media screen and (min-width: 340px) and (max-width: 360px) {
  .cvp-live-filter.cvp-button input~div {
    padding: 9px 7px !important;
  }
  .header__logo {
      margin-top: 1.6rem;
      margin-bottom: 0.66667rem !important;
  }
  .search-container {
    display: inline-table
    height: 12% !important;
  }
  .list-tpl-cst-fld-inline-3 {
    font-size: 12px !important;
  }
  .timeline-ShowMoreButton:focus, .timeline-ShowMoreButton:hover {
    background-color: transparent !important;
  }
  div.pt-cv-no-post{
      position: absolute;
      width: 100vw;
  }
  .pt-cv-1-col {
    overflow: visible !important;
  }
  .search-box {
    padding-left: 8px;
    font-size: 12.6px !important;
  }
  #main div.panel-layout .panel-grid .panel-grid-cell div.widget_genre_listing_widget.GenreListingWidget.panel-first-child {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  #main div.panel-layout .panel-grid .panel-grid-cell div.widget_area_listing_widget.AreaListingWidget {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .panel-grid-cell {
    margin-bottom: 3px !important;
  }
  .social-share-box {
      width: 174px !important;
  }
  div.grid-list-tpl-pagiation .pagination .page-numbers {
    line-height: 3rem !important;
  }
  .safari_only {
    left:28vw;
    right: 0vw !important;
    top: 29% !important;
 }
}
@media (max-width: 1000px) {
    .btn-dark {
        display: none !important;
    }
}

@media (min-width: 1281px) {
    .pt-cv-content-item{
        padding-left: 5px !important;
        padding-right: 5px !important;
        padding-bottom: 10px;
    }
    .pt-cv-ifield{
        padding-bottom: 10%;
    }
    .grid-tpl-item-wrapper{
      padding-bottom: 10%;
    }
    .grid-tpl-row .grid-tpl-col-desktop-3{
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
    }
    .pt-cv-wrapper .pt-cv-colsys {
        margin-left: -5px;
        margin-right: -5px;
    }
    .content-area .grid-tpl-row{
        margin-top: 0;
        margin-bottom: 2rem;
    }
    div.grid-tpl-row{
        grid-column-gap: .8em;
        grid-row-gap: .8em;
    }
    .grid-tpl-row + .grid-list-tpl-top-pagination{
        margin-top: 20px !important;
    }
    div.grid-list-tpl-top-pagination {
        margin-bottom: 0;
    }
    .panel-grid-cell .panel-cell-style .panel-first-child{
        margin-bottom: 0 !important;
    }
    .entry-content .panel-layout .panel-grid-cell .panel-cell-style{
        padding: 0 !important;
    }
    .so-widget-sow-headline .sow-headline{
        line-height: 1.1 !important;
    }
    .list-tpl-row .list-tpl-title h2{
        word-break: break-all;
        word-wrap: break-word;
    }
    .content-area .list-tpl-row{
        /* margin-top: 20px !important; */
        margin-top: 0px !important;
        margin-bottom: 2rem;
    }
    .content-area .row .col-lg-3{
        padding-right: 0;
    }
    /*.entry-content .panel-layout .panel-grid .panel-grid-cell:nth-of-type(1) {
        width: calc(24% - ( 0.77 * 30px ) ) !important;
    }*/

    .mobleBreadcrumb {
      display: none;
    }
}

@media (max-width: 540px) {
  .event-wrapper h2 {
    font-size: 14px !important;
    line-height: 1;
  }
  .event-wrapper .event-timmer {
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 10px;
  }
  .event-wrapper > div{
    padding:8px 3px 8px 10px;
  }
  .event-wrapper .event-footer .event-sale-groups .sale-group-label {
      margin-right: 5px;
      font-size: 10px;
      height: auto;
      width: auto;
      padding: 2px 7px;
  }
  .event-wrapper .sale-group-duration{
    font-size: 11.6px;
  }
  .event-wrapper .event-body{
    padding-top:0px;
    font-size: 12px;
  }
}


/*Start css for emergency notice*/
@media only screen and (max-width:980px){

  div.tickets-emergency-notice-wrapper{
    margin-left: 10px;
    margin-right: 10px;
  }
  div.tickets-emergency-notice-main{
    padding: 5px 0px 4px 19px;
  }
  div.tickets-emergency-notice-main .mobile .mobile-notice-title{
    color: #f16a00;
    font-size: 16px;
    display: inline-block;
    width: calc(100% - 67px);
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    margin-top: 4px;
  }
  div.tickets-emergency-notice-main .mobile .arrow{
    padding: 3px 8px 0px 0px;
    float: right;
  }

  div.tickets-emergency-notice-main .mobile .arrow:after{
    content: '\f054';
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    color: #f16a00;
  }
  .tickets-emergency-notices-l{
    width: 21px;
    margin-top: 2px;
  }
  .tickets-emergency-notice-wrapper .web{
    display: none;
  }
  .tickets-emergency-notice-wrapper .mobile{
    display: block;
  }
  .tickets-emergency-notices-img {
	  width: 21px;
	  margin-top: 2px;
  }
  
  /*Notice Details page*/
  .single-emergency_notice #main {
    padding: 0 10px;
  }
  .single-emergency_notice .inquiry-title{
    height: auto;
    margin-top: 0px !important;
    font-size: 14px;
    padding: 0px;
  }
  .single-emergency_notice .notice-details-date{
    margin-top: 8px !important;
    font-size: 14px !important;
  }
  /*End Notice Details page*/
  
  /*Notices listing page*/
  .notice-listing-content main {
		max-width: 100% !important;
   }
   .post-type-archive-notice #container {
	   padding:0px !important;
   }
   .notice-listing-content .mobile-filter-wrapper .area-button-toggle {
		width: 58px !important;
	}
	.notice-listing-content .area-button-toggle .fa-caret-down {
		display: inline-block;
	}
}
/*For social share button on event page*/
@media screen and (min-width: 340px) and (max-width: 980px) {
  .social-widget-container{
    padding: 0px;
  }
  .social-widget-container .social-share-links{
    margin-right: 10px
  }
}