@charset "UTF-8";
.cf:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

.cf {
  display: inline-block;
}

/* Hides from IE Mac */
* html .cf {
  height: 1%;
}

.cf {
  display: block;
}

/* End Hack */
.u-f1 {
  font-size: 11px;
}

.u-f2 {
  font-size: 12px;
}

.u-f3 {
  font-size: 13px;
}

.u-f4 {
  font-size: 14px;
}

.u-f5 {
  font-size: 15px;
}

.u-f6 {
  font-size: 16px;
}

.u-f7 {
  font-size: 17px;
}

.u-f8 {
  font-size: 18px;
}

.u-mgn {
  margin: 0;
}

.u-mgs {
  margin: 2%;
}

.u-mgm {
  margin: 3%;
}

.u-mgl {
  margin: 5%;
}

.u-mgx {
  margin: 7%;
}

.u-mtn {
  margin-top: 0;
}

.u-mts {
  margin-top: 2%;
}

.u-mtm {
  margin-top: 3%;
}

.u-mtl {
  margin-top: 5%;
}

.u-mtx {
  margin-top: 7%;
}

.u-mbn {
  margin-bottom: 0;
}

.u-mbs {
  margin-bottom: 2%;
}

.u-mbm {
  margin-bottom: 3%;
}

.u-mbl {
  margin-bottom: 5%;
}

.u-mbx {
  margin-bottom: 7%;
}

.u-mln {
  margin-left: 0;
}

.u-mls {
  margin-left: 2%;
}

.u-mlm {
  margin-left: 3%;
}

.u-mll {
  margin-left: 5%;
}

.u-mlx {
  margin-left: 7%;
}

.u-mrn {
  margin-right: 0;
}

.u-mrs {
  margin-right: 2%;
}

.u-mrm {
  margin-right: 3%;
}

.u-mrl {
  margin-right: 5%;
}

.u-mrx {
  margin-right: 7%;
}

.u-mra {
  margin-right: auto;
}

.u-mla {
  margin-left: auto;
}

.u-mca {
  margin-left: auto;
  margin-right: auto;
}

.u-pgn {
  padding: 0;
}

.u-pgs {
  padding: 2%;
}

.u-pgm {
  padding: 3%;
}

.u-pgl {
  padding: 5%;
}

.u-pgx {
  padding: 7%;
}

.u-ptn {
  padding-top: 0;
}

.u-pts {
  padding-top: 2%;
}

.u-ptm {
  padding-top: 3%;
}

.u-ptl {
  padding-top: 5%;
}

.u-ptx {
  padding-top: 7%;
}

.u-pbn {
  padding-bottom: 0;
}

.u-pbs {
  padding-bottom: 2%;
}

.u-pbm {
  padding-bottom: 3%;
}

.u-pbl {
  padding-bottom: 5%;
}

.u-pbx {
  padding-bottom: 7%;
}

.u-pln {
  padding-left: 0;
}

.u-pls {
  padding-left: 2%;
}

.u-plm {
  padding-left: 3%;
}

.u-pll {
  padding-left: 5%;
}

.u-plx {
  padding-left: 7%;
}

.u-prn {
  padding-right: 0;
}

.u-prs {
  padding-right: 2%;
}

.u-prm {
  padding-right: 3%;
}

.u-prl {
  padding-right: 5%;
}

.u-prx {
  padding-right: 7%;
}

.u-tc {
  text-align: center;
}

.u-db {
  display: block;
}

.u-fl {
  float: left;
}

.u-fr {
  float: right;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.u-b {
  font-weight: bold;
}

.u-c {
  text-align: center;
}

.u-r {
  text-align: right;
}

.u-cur {
  cursor: pointer;
}

.u-vb {
  vertical-align: bottom;
}

/* CSS Document */
#wrapper {
  /* Reset
  ------------------------------------------------------------*/
  /* Fonts
  ------------------------------------------------------------*/
  /* Except IE */
  /* PIE.htc
  ------------------------------------------------------------*/
}
#wrapper body,
#wrapper div,
#wrapper dl,
#wrapper dt,
#wrapper dd,
#wrapper ul,
#wrapper ol,
#wrapper li,
#wrapper h1,
#wrapper h2,
#wrapper h3,
#wrapper h4,
#wrapper h5,
#wrapper h6,
#wrapper form,
#wrapper header,
#wrapper fieldset,
#wrapper input,
#wrapper textarea,
#wrapper p,
#wrapper blockquote,
#wrapper th,
#wrapper td {
  margin: 0;
  padding: 0;
}
#wrapper address,
#wrapper em {
  font-style: normal;
}
#wrapper strong,
#wrapper th {
  font-weight: normal;
}
#wrapper table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
#wrapper th {
  text-align: left;
}
#wrapper hr,
#wrapper legend {
  display: none;
}
#wrapper h1,
#wrapper h2,
#wrapper h3,
#wrapper h4,
#wrapper h5,
#wrapper h6 {
  font-size: 100%;
  font-weight: normal;
}
#wrapper img,
#wrapper fieldset {
  border: 0;
}
#wrapper img {
  border: 0;
  vertical-align: bottom;
}
#wrapper li {
  list-style-type: none;
}
#wrapper body {
  font: 12px/1.5 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
  color: #333;
}
#wrapper html > body {
  font-size: 12px;
}
#wrapper div, #wrapper table, #wrapper tr, #wrapper th, #wrapper td {
  behavior: url("/common/js/PIE.htc");
}

/**************

init

***************/
.pc-layout {
  display: none;
}

#wholl {
  overflow: hidden;
}

#sb-container {
  display: none;
}

#btnPagetop {
  width: 55px;
  z-index: 100;
  right: 10px;
}
#btnPagetop img {
  width: 100%;
}

#tvasahiLogo a {
  display: block;
  width: 114px;
  height: 40px;
  text-indent: -9999px;
  -moz-background-size: 114px 24px;
  -webkit-background-size: 114px 24px;
  -o-background-size: 114px 24px;
  -ms-background-size: 114px 24px;
  background-image: url(/sphone/images/logo_tvasahi_x2.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  float: left;
  margin-left: 5px;
}

footer {
  min-width: 0;
}

/**************

style

***************/
body {
  /*background: url(../img/common/bg.jpg) #000000 repeat-y;*/
  background-size: 100%;
}

#wrapper {
  margin-bottom: 20px;
}
#wrapper img {
  width: 100%;
  height: auto;
}

.container-wrapper:after{
  display: none;
}

.container-wrapper .main-wrapper .main-contents h1 {
  padding-top: 38%;
  background-size: contain;
}

nav {
  background: rgb(10, 15, 27);
  margin: 15px 0px;
}
nav ul{border: none;}
nav ul li {
  font-size: 20px;
}
nav ul li span {
  font-size: 11px;
}
nav ul li.nav01{width: 50%; border-bottom: 1px solid #2d2f33}
nav ul li.nav02{
  width: 50%;
  border-right: none;
  border-bottom: 1px solid #2d2f33;
  margin-right: -1px;
}
nav ul li.nav03{width: 33%;}
nav ul li.nav04{width: 33%;}
nav ul li.nav05{width: 33%; border-right:none;}

#sns{
  top: 0;
  margin: 0;
  padding: 40px 0 0px
}

.container-wrapper .main-wrapper .main-contents article section h2{
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(left, #ffffff 0%, #cbc8b7 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #ffffff 0%,#cbc8b7 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #ffffff 0%,#cbc8b7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  margin-bottom: 30px;
  display: block;
  position: relative;
  height: auto;
}

.container-wrapper .main-wrapper .main-contents article section h2:before{
  position: absolute;
  content: "";
  background: url(../img/line.png)repeat-y;
  background-size: cover;
  height: 4px;
  width: 100%;
}
.container-wrapper .main-wrapper .main-contents article section h2:after{
  position: absolute;
  content: "";
  background: url(../img/line.png)repeat-y;
  background-size: cover;
  height: 4px;
  width: 100%;
}


.container-wrapper .main-wrapper .main-contents article section h2 .ttl-inner {
  font-size: 25px;
  padding: 15px 10px 5px;
  width: 100%;
  background: url(../img/sp_ttl_img.png) top 4px right no-repeat;
  background-size: contain;
}
.container-wrapper .main-wrapper .main-contents article section h2 span {
  font-size: 14px;
  margin-left: 10px;
}



/* NEWS */
.container-wrapper .main-wrapper .main-contents article section .news ul li .newsText {
  font-size: 16px;
}
.newsBox {
  padding: 0 20px;;
}
.newsBox h3 {
  padding: 10px 0;
  font-size: 17px;
}
.container-wrapper .main-wrapper .main-contents article section p {
  font-size: 14px;
}
.container-wrapper .main-wrapper .main-contents article section .news ul{
  padding: 0 10px 20px;
}



/* ABOUT */
.about_txt_main p{
  font-size: 20px !important;
}
.container-wrapper .main-wrapper .main-contents article section .about p {
  padding: 0 10px 20px;
  font-size: 14px;
}
.aboutImg p {
  font-size: 12px !important;
  margin-bottom: 20px !important;
}
.snsBlock h3 span {
  font-size: 17px;
}
.moreBtn a{
  font-size: 15px;
}
.facebookBlock{margin-bottom: 20px}
.btn-a{margin: 10px}
.btn-a a {
  font-size: 15px;
}


/* outline */
.btnBox{
  margin-bottom: 0;
}
.btnBox .first .two-btn {
  margin-left: 10px;
  margin-right: 5px;
}
.btnBox .last .two-btn {
  margin-left: 5px;
  margin-right: 10px;
}
.btnSet .two-btn a{
  font-size: 17px;
}

/* btn2 ==============20211216　追加*/
.btnBox2{
  margin-bottom: 0;
}
.btnBox2 .first .two-btn {
  margin-left: 10px;
  margin-right: 5px;
}
.btnBox2 .last .two-btn {
  margin-left: 5px;
  margin-right: 10px;
}
.btnSet2 .two-btn a{
  font-size: 4vw;
  padding: 10px 5px;
  letter-spacing: normal;
}


#outlineTokyo, #outlineOsaka{
  padding: 0 10px 20px;
}
.outline h3 {
  padding: 25px 3px 5px;
  font-size: 17px;
}
.container-wrapper .main-wrapper .main-contents article section .outline .outlineBox table .leftbox,
.container-wrapper .main-wrapper .main-contents article section .ticketBox table .leftbox {
  font-size: 14px;
  width: 90%;
  display: block;
  float: left;
  padding: 5px 5%;
}
.container-wrapper .main-wrapper .main-contents article section .outline .outlineBox table .rightbox,
.container-wrapper .main-wrapper .main-contents article section .ticketBox table .rightbox {
  float: right;
  width: 90%;
  padding: 8px 5%;
  font-size: 14px;
}
.outlineImg{
  padding: 15px 10px 0;
}
.twitter,.facebook{
  margin:0 20px;
}


/* TICKET */
.container-wrapper .main-wrapper .main-contents article section .ticketBox{
  padding: 0 10px 20px;
}
.btn-a a{
  padding: 12px 18px;
}
.ticket-info{
  font-size: 17px !important;
}



/* ACCESS */
.container-wrapper .main-wrapper .main-contents article section .access .mapBox {
  padding: 0 10px 10px;
}
.mapBox h3{
  padding: 15px 3px 5px;
  margin: 0 0 10px;
  font-size: 17px;
}
.container-wrapper .main-wrapper .main-contents article section .access .mapBox .mapoutline{
  font-size: 13px;
  padding: 20px 10px;
}


.paLink{
  margin-top: 0px;
  padding-top: 0px;
}

.smallCap{
  padding: 0 10px;
}