body {
  /* Location of the image */
  background-image: url(../images/background.png);

  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;

  /* Background image doesn't tile */
  background-repeat: no-repeat;

  /* Background image is fixed in the viewport so that it doesn't move when
     the content's height is greater than the image's height */
  background-attachment: fixed;

  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;

  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #464646;
}

.wf-notosansjapanese { font-family: "Noto Sans JP"; }

.linkmargin{margin-bottom: 132px;}
.indent{text-indent: -15px;
    margin-right: 15px;s}
  .notlink{pointer-events:none;cursor: default;}
/* ボタン装飾 */

.btn-buy01 {color: #fff;background-color: #13bd98;border: 3px solid #fff;overflow-y: hidden;box-shadow:-10px 0px 20px 0px #109576 inset, 10px 0px 20px 0px #109576 inset;/*box-shadow: 0px 0px 25px 2px #514f4e inset;*/padding: 44px 0rem;
    width: 450px;
    font-size: 33px;
    display: inline-block;
    font-weight: bold;
    border-radius: 5px;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.btn-buy01:hover {
  cursor:pointer;
	color: #fff;
  text-decoration: none;
    box-shadow: 0px 0px 25px 4px #fff inset;
}
.btn-buy01.focus, .btn-buy01:focus {
  	color: #fff;
background-color: #13bd98;
}
.btn-buy01.disabled, .btn-buy01:disabled {
	color: #fff;
	background-color: #13bd98;
}
.btn-buy01:not(:disabled):not(.disabled).active, .btn-buy01:not(:disabled):not(.disabled):active, .show>.btn-buy01.dropdown-toggle {
	color: #fff;
	background-color: #13bd98;
}


.btn-buy02 {
  color: #fff;
  background-color: #13bd98;
  border: 3px solid #fff;
  overflow-y: hidden;
box-shadow:-10px 0px 20px 0px #109576 inset, 10px 0px 20px 0px #109576 inset;
/*box-shadow: 0px 0px 25px 2px #514f4e inset;*/
    padding: 15px 0rem;
    width: 600px;
    font-size: 24px;
    display: inline-block;
    font-weight: bold;
    border-radius: 5px;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.btn-buy02:hover {color: #fff; text-decoration: none; box-shadow: 0px 0px 25px 4px #fff inset;
}
.btn-buy02.focus, .btn-buy02:focus {color: #fff;background-color: #13bd98;
}
.btn-buy02.disabled, .btn-buy02:disabled {color: #fff;background-color: #13bd98;}
.btn-buy02:not(:disabled):not(.disabled).active, .btn-buy02:not(:disabled):not(.disabled):active, .show>.btn-buy02.dropdown-toggle {color: #fff;background-color: #13bd98;}



.btn-buy03 {
  color: #fff;
  background-color: #13bd98;
  border: 3px solid #fff;
  overflow-y: hidden;
box-shadow:0px 0px 24px #bababa;
    padding: 15px 0rem;
    width: 100%;
    border-radius: 8px;font-size: 22px;text-align: center;font-weight: bold;margin-right: auto;margin-left: auto;display: inline-block;font-weight: bold;border-radius: 5px;transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.btn-buy03:hover {color: #fff; text-decoration: none;box-shadow: 0px 0px 25px 4px #fff inset;}
.btn-buy03.focus, .btn-buy03:focus {color: #fff;background-color: #13bd98;}
.btn-buy03.disabled, .btn-buy03:disabled {color: #fff;background-color: #13bd98;}
.btn-buy03:not(:disabled):not(.disabled).active, .btn-buy03:not(:disabled):not(.disabled):active, .show>.btn-buy03.dropdown-toggle {color: #fff;background-color: #13bd98;}

.btn-buy04 {
  color: #fff;
  background-color: #13bd98;
  border: 3px solid #fff;
  overflow-y: hidden;
box-shadow:-10px 0px 20px 0px #109576 inset, 10px 0px 20px 0px #109576 inset;
    padding: 15px 0rem;
    width: 600px;
    font-size: 24px;
    display: inline-block;
    font-weight: bold;
    border-radius: 5px;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.btn-buy04:hover {color: #fff;text-decoration: none;box-shadow: 0px 0px 25px 4px #fff inset;}
.btn-buy04.focus, .btn-buy04:focus {color: #fff;background-color: #13bd98;}
.btn-buy04.disabled, .btn-buy04:disabled {color: #fff;background-color: #13bd98;}
.btn-buy04:not(:disabled):not(.disabled).active, .btn-buy04:not(:disabled):not(.disabled):active, .show>.btn-buy02.dropdown-toggle {color: #fff;background-color: #13bd98;}


.ticketbtnc > p {color: #fff; background-color: #c2c2c2;overflow-y: hidden;padding: 17px 0rem;width: 100%;border-radius: 8px;font-size: 22px;text-align: center;font-weight: bold;margin-right: auto;margin-left: auto;}
.ticketbtnc > p.red {color: #a70303;background-color: #fff;padding: 17px 0rem 17px 22px;width: 100%;font-size: 22px;text-align: left;font-weight: bold;margin-right: auto;margin-left: auto;text-indent: -20px;}


body { padding-top: 105px; }
.navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
        height: 105px;
    z-index: 1030;
}
.navbar-fixed-top {
    top: 0;
    border-width: 0px 0 4px;
}
#shcedule,#ticket,#newalbum,#goods,#faq,#caution{
   margin-top:-100px;
  padding-top:100px;
}
.anchor{margin-top:-50px; padding-top:50px;
}

/* トップメイン画像 */

.jumbotron {
    position: relative;
  height: 0;
    padding-top: 67.4%;
  margin:0 auto;
  background-image: url(../images/main_image.jpg);
background-size: contain;
}

/* チケット情報画像 */
.jumbotron02 {
   position: relative;
  height: 0;
padding-top: 80%;
  margin:0 auto;background-image: url(../images/album_img_03.jpg);background-size: contain;border-right: solid 4px #ff5000;
    border-left: solid 4px #ff5000;border-bottom: solid 4px #ff5000;
}
.jumbotron-fluid {padding-right: 0;padding-left: 0;border-radius: 0}




.jumbotron p:last-child {width: 100%;position: absolute;
    top: 9.4%;
    left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  /*文字の装飾は省略*/
}

.jumbotron02 div.albumd {width: 100%;position: absolute;top: 77%;left: 50%;-ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);margin:0;padding:0;/*文字の装飾は省略*/
}
.jumbotron .container {max-width: 40rem;}
.smc{display: none;}
.smcd{display: block;}
.smc02{display: none;}
.smcd02{display: block;}




  /*-----------カレンダー-----------*/

.calenderbg{background-color:#fff;}
h2.calenderh2{background-color: #fb874c;text-align: center;font-size: 25px;padding: 20px 25px;
    color: #fff;margin-bottom: 0px;}
.calenderh2sm{background-color: #fb874c;text-align: center;font-size: 25px;padding: 20px 25px;
    color: #fff;margin-bottom: 0px;}
.calender{width:95%;margin:0 auto;}
.calenderbgimg{background-image: url(../images/calender_img_01.jpg); background-size: contain;background-repeat: no-repeat;}
.calenderbg{background-color:#fff;padding-bottom: 8em;}
.date{font-size: 16px;font-weight: bold;margin-bottom: 0px;}
.thtitleblank{border:1px solid #fff;}
.month{font-size: 20px;width: 35px;text-align: center;}
.month span{font-size: 12px;width: 35px;}
.month5{ background-color: #dfa402;border-right: 10px solid #fff!important;border-bottom: 1px solid #dfa402!important;border-top: 1px solid #fff!important;border-left: 1px solid #fff!important;vertical-align: top; padding-top: 15px;color: #fff;}
.month6{ background-color: #82c63d;border-right: 10px solid #fff!important;border-bottom: 1px solid #82c63d!important;border-top: 1px solid #fff!important;border-left: 1px solid #fff!important;vertical-align: top; padding-top: 15px;color: #fff;}
.month7{ background-color: #3d8ec6;border-right: 10px solid #fff!important;border-bottom: 1px solid #3d8ec6!important;border-top: 1px solid #fff!important;border-left: 1px solid #fff!important;vertical-align: top; padding-top: 15px;color: #fff;}
.month8{ background-color: #3d41c6;border-right: 10px solid #fff!important;border-bottom: 1px solid #3d41c6!important;border-top: 1px solid #fff!important;border-left: 1px solid #fff!important;vertical-align: top; padding-top: 15px;color: #fff;}
.month5R{ background-color: #dfa402;border-right: 1px solid #fff!important;border-bottom: 1px solid #dfa402!important;border-top: 1px solid #fff!important;border-left: 10px solid #fff!important;vertical-align: top; padding-top: 15px;color: #fff;}
.month6R{ background-color: #82c63d;border-right: 1px solid #fff!important;border-bottom: 1px solid #82c63d!important;border-top: 1px solid #fff!important;border-left: 10px solid #fff!important;vertical-align: top; padding-top: 15px;color: #fff;}
.month7R{ background-color: #3d8ec6;border-right: 1px solid #fff!important;border-bottom: 1px solid #3d8ec6!important;border-top: 1px solid #fff!important;border-left: 10px solid #fff!important;vertical-align: top; padding-top: 15px;color: #fff;}
.month8R{ background-color: #3d41c6;border-right: 1px solid #fff!important;border-bottom: 1px solid #3d41c6!important;border-top: 1px solid #fff!important;border-left: 10px solid #fff!important;vertical-align: top; padding-top: 15px;color: #fff;}
.place{background-color: #ff5001;color: #fff;text-align: center;margin: 10px;padding: 6px 0px;
}.calender td {border: 1px solid #000; height: 85px; vertical-align: top;padding-left: 13px;}
.calender td.topn{border-top: 0px;}
.month5div{ background-color: #dfa402;}


  /*背景*/
.bgo{background-color: #fc874d;    text-align: center;margin-bottom: -2px;padding-bottom: 1.5em;
    padding-top: 1.5em;}
  /*テレビ背景*/
.bgd{background-image: url(../images/image-block_img_01.jpg);border:4px #ff5000 solid;padding:75px;background-size: cover;}
.bgd02{background-image: url(../images/faq_image_01.png);border:4px #ff5000 solid;padding:75px;background-size: cover;}

  /*白背景*/
.bgw{background-color: #fff;padding:35px 75px;}
.bgw2{background-color: #fff;padding:35px 75px;}
.bgw3{background-color: #fff;padding:20px 75px;}
.bgw4{background-color: #fff;padding:25px 15px;}
  /*注意事項背景*/
.bgg{background-color:#eef5ed;padding:80px 0px 70px;}
.bgor{border:solid 4px #ff5000;}
.box-shadow {box-shadow: 0px 4px 22px rgba(0,0,0,.8)}
.mtn{margin-top: -3px;}



/*-----------チケット情報-----------*/
.ticket{background-color: #434343;}
.ticket .ticketbox{display: inline-block;margin: 0 auto;text-align: left;}
.ticket > p{background-color: #434343;margin-bottom: 0px;}
.ticket p:nth-child(odd){color: #ee4c01;font-weight: bold;font-size: 25px;    margin-bottom: 0px;}
.ticket p:nth-child(even){color: #fff;line-height: 2em;}
span.ticket1{width: 100px;font-weight: bold;font-size: 34px;display: inline-block;}
span.price{font-size: 40px;font-weight: bold;}
.chui{text-align: left; color: #fff; background-color: #ff5000;}
.chui ul {    margin-left: -17px;list-style: none;
    margin-bottom: 0px;
    margin-top: 10px;    font-size: 14px;
    font-weight: bold;}

/*-----------ニューアルバム情報-----------*/
.albumt{background-color: #f16729;background-color: rgba( 215, 87, 0, 0.85 );}
.albumbtn{color:#ff5000;font-size: 36px;font-weight: bold;}

/*-----------よくあるご質問-----------*/

.headermessage {margin: 19px;color: black;font-family: 'Open Sans', sans-serif;font-size: 16px;font-weight: bold;}
.image-block {padding: 0px;margin-left: 0px;margin-right: 0px;margin-top: 0px;height:200px;text-align: center;vertical-align: bottom;position: relative;margin-bottom:5px;}
.image-block > a h2 {font-size: 30px;margin-bottom: 0px;background-color: #ff5000;width: 135px;position: absolute;z-index: 1;bottom: 0px;right: 0px;color: #fff;}
.image-block > a h2.sub {font-size: 16px;
    background-color: transparent ;
    margin-bottom: 0px;
    position: absolute;
    z-index: 1;
    bottom: 8px;
    left: 1px;
    color: #ff5000;
    text-align: left;
    font-weight: bold;
}
.image-block > a {display: block;position: absolute;top: 0;left: 0;height:100%;width: 100%;}
.image-block:hover > a { background-color: rgba(0,0,0,0.1);color: white;}
.image-block > a .saletitle {position: absolute;bottom: 20%;right: 5px;font-size: 15px;z-index: 1;color: #000;}
.image-block:nth-child( 2 ) {margin-right:40px;margin-left:40px;}
.image-block:nth-child( 5 ) {margin-right:40px;margin-left:40px;}
.image-block:nth-child( 8 ) {margin-right:40px;margin-left:40px;}

/*-----------よくあるご質問-----------*/
.faq h2{margin:0 auto;font-size: 25px;text-align: center;border: solid 1px #fff;outline: solid 1px #33dae4;font-weight: bold;color: #fff; background-color: #33dae4;padding: 10px 30px;}
.faq p{margin-bottom:0px;}
.faq p.qbkg{background-color: #ccfafd;text-align: right;}
.qbox{background-color: #ccfafd;padding: 17px 30px;}
.faq p.q::before{background-color: #ccfafd;padding: 0px 10px 0px;content: "Q";color: #01ace4;display: block;
font-size: 2.2em;font-weight: bold;text-align: right;}
.faq p.a::before{padding: 0px 10px 0px;content: "A";color: #01ace4;display: block;font-size: 2.2em;font-weight: bold;text-align: right;}
.faq .abox{    margin-top: 15px;}

/*-----------フッター-----------*/
footer {background-color: #001b32;padding-top: 2rem;padding-bottom: 2rem;}
footer p {color: #fff;text-align: center;margin-bottom: .25rem;}

/*-----------フローティング-----------*/
.floating {
  z-index: 1;

  position: fixed;
  right: 8px;
  bottom: 8px;
  display: none;
}

.floating a {
  display: block;
  color: #fff;
  background: #000;
  padding: 8px;
  text-decoration: none;
}
.floating a:hover {
  opacity: 1;
}

/*-----------レスポンシブ-----------*/
@media screen and (max-width:1499px){
.jumbotron p:last-child {top: 9.4%;}
}


@media screen and (max-width:1199px) {
.btn-buy01 {width: 315px;padding: 26px 0rem;font-size: 25px;}
.jumbotron p:last-child {top: 7.5%;}
/* Safari (ただし、iOSのChromeにも適用される) */
_::-webkit-full-page-media, _:future, :root .jumbotron p:last-child {top: 7%;}

.bgd {padding: 50px;}
.image-block:nth-child( 2 ) {margin-right: 30px; margin-left: 30px;}
.image-block:nth-child( 5 ) {margin-right:30px;margin-left:30px;}
.image-block:nth-child( 8 ) {margin-right:30px;margin-left:30px;}
  }


@media (max-width: 950px) {
  .jumbotron .jumbotron02 {padding-top: 6rem;padding-bottom: 6rem;width: 100%;}
}


@media screen and (max-width:992px) {
.image-block {margin-bottom: 1px;}
.image-block > a h2.sub {bottom: 63px;text-align: right;}
.image-block > a .saletitle {text-align: right;}
.albumbtn {top: -20px;}
.jumbotron {padding-top:113.4%;background-image: url(../images/main_image02.jpg);background-size: contain;}
.jumbotron p:last-child {top: 6%;}
/* Safari (ただし、iOSのChromeにも適用される) */
_::-webkit-full-page-media, _:future, :root .jumbotron p:last-child {top: 5.5%;}
.smcd{display: none;}
.smc{display: block;}
.calenderbgimg{background-image: none;}
.place{background-color: #ff5001;text-align: center;margin:10px;}
.tbl-r05 {width: 80%;}
.tbl-r05 .thead {display: none;}
.tbl-r05 tr {width: 100%;}
.tbl-r05 td {display: block;text-align: right;width:100%;}
.tbl-r05 td:first-child { background: #e9727e;color: #fff;font-weight: bold;text-align: center;}
.tbl-r05 td:before {content: attr(data-label);float: left;font-weight: bold;margin-right: 10px;}
.image-block:nth-child( 2 ) {margin-right: 0px; margin-left: 0px; border-right: 1px solid #000;border-left: 1px solid #000;}
.image-block:nth-child( 5 ) {margin-right: 0px; margin-left: 0px; border-right: 1px solid #000;border-left: 1px solid #000;}
.image-block:nth-child( 8 ) {margin-right: 0px; margin-left: 0px; border-right: 1px solid #000;border-left: 1px solid #000;}
.faq p.q::before{display: inline;    padding: 0px 10px;}
.btn-buy02 {width: 70%;}
}

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


@media (min-width: 768px) {
.bd-placeholder-img-lg {font-size: 3.5rem;}
  }


@media screen and (max-width:768px) {
  .bgo{padding-bottom: 1em; padding-top: 1em;}
.bgd02 {border: 4px #ff5000 solid;padding: 22px;}
.image-block > a .saletitle {font-size: 11px;}
.albumt {background-color: #f16729;}
.smc02{display: block;}
.smcd02{display: none;}
.jumbotron02 {position: relative;height: 0;padding-top: 157%;margin:0 auto;background-image:url(../images/album_img_05.jpg);background-size: contain;border-right: solid 4px #ff5000;border-left: solid 4px #ff5000;border-bottom: solid 4px #ff5000;}
.albumbtn {top: 0px;}
.jumbotron p:last-child {top: 5%;}
/* Safari (ただし、iOSのChromeにも適用される) */
_::-webkit-full-page-media, _:future, :root .jumbotron p:last-child {top: 5%;}
.btn-buy01 {width: 225px;padding: 17px 0rem;font-size: 16px;}
.bgd {padding: 20px;}
.bgw {padding: 20px;}
.bgg {padding: 20px;margin:0 15px;}
  }

@media screen and (max-width:576px) {
.jumbotron02 {border: none;}
.bgor {border: none;}
.ticketbtnc > p {font-size: 18px;}
.ticketbtnc > p.red,.btn-buy03 {font-size: 18px;}
.bgd02 {border: none;padding: 0px;}
.bgd {border: none; padding: 0px;background-size: cover;}
.bg-dark02{background-color: #434343;padding-top: 60px!important;padding-bottom: 1px!important;
    margin-bottom: 30px;}

.image-block > a h2 {font-size: 24px;width: 96px;}
  }

@media screen and (max-width:500px) {
.btn-buy02 {width: 70%;font-size: 16px;}
  .bgg {margin: 0px;padding: 18px 10px;}
  .faq p.qbkg {text-align: right;}
  .bgd {padding: 0px;}
  .faq p.q::before {font-size: 2em;}
  .qbox {padding: 14px 10px;font-size: 15px;}
  .faq h2 {margin: 0 auto;font-size: 17px;}
 .jumbotron p:last-child {top: 5%;}
  .btn-buy01 {padding: 16px 0rem;width: 206px;font-size: 14px;}
span.ticket1{    width: 110px;
    font-size: 30px;
}}
span.price{font-size: 35px;}
}



@media screen and (max-width:420px) {
  .albumt img{width: 58%;}
.albumbtn {top: -5px;}
.jumbotron p:last-child {top: 6%;}
.btn-buy01 {padding: 15px 0rem;width: 203px;font-size: 14px;}
table {
width: 100%;
table-layout: fixed;
margin-top: 20px;
}



@media screen and (min-width:410px)and ( max-width:414px) {
.jumbotron p:last-child {top: 6%;}
.btn-buy01 {padding: 15px 0rem;width: 202px;font-size: 14px;}
table {
width: 100%;
table-layout: fixed;
margin-top: 20px;
}



@media screen and (min-width:376px)and ( max-width:409px) {
.btn-buy01 {padding: 15px 0rem;width: 185px;}
table {
width: 100%;
table-layout: fixed;
margin-top: 20px;
}



@media screen and (max-width:375px) {
.albumbtn {top: -13pxs;}
.jumbotron p:last-child {top: 5.5%;}
.btn-buy01 {padding: 15px 0rem;width: 185px;font-size: 14px;}
table {
width: 100%;
table-layout: fixed;
margin-top: 20px;
}



@media screen and (min-width:360px)and ( max-width:374px) {
.jumbotron p:last-child {top: 5.5%;}
.btn-buy01 {padding: 15px 0rem;width: 177px;}
table {
width: 100%;
table-layout: fixed;
margin-top: 20px;
}




}