/*
 * ================================================
 *
 * [page]
 *
 * ================================================
 */
@media only screen and (max-width: 767px) {
  /**
 * ---------------------------------------------------
 * 賛助会員
 * ---------------------------------------------------
 */
  body.member .entryBtns {
    margin: 30px 0;
  }
  body.member .entryBtns .btn a {
    font-size: 100%;
  }
  body.member .entryBtns .btn a span {
    padding-left: 15px;
  }
  body.member .entryBtns .btn a span::before {
    width: 6px;
    height: 6px;
  }
  body.member-ccp .use {
    display: block;
    margin-top: 10px;
    margin-left: 0;
  }
  body.member-ccp .creditVox .checkList {
    display: block;
    padding: 20px;
  }
  body.member-ccp .creditVox .checkList .item {
    width: auto;
    margin: 0 0 10px 0;
  }
	body.member-ccp .creditVox .checkList .item:nth-of-type(n + 4) {
		margin-top: 0;
	}
  body.member-ccp .creditVox .checkList .item label {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    padding: 10px;
  }
  body.member-ccp .creditVox .checkList .item label input {
    width: 30px;
    margin-right: 10px;
  }
  body.member-ccp .creditVox .checkList .item label .title {
    width: calc(100% - 40px);
    margin-top: 0;
  }
  body.member-ccp .creditVox .checkList .item label .title .price {
    margin-left: 20px;
  }
  body.member-ccp .creditVox .checkList .item label .title br {
    display: none;
  }
  body.member-ccp .creditVox .checkList .btnArea {
    text-align: center;
    margin-top: 30px;
  }
  body.member-ccp .creditVox .checkList .btnArea .btnLink {
    margin-top: 20px;
  }
  /**
 * ---------------------------------------------------
 * WEB応募フォーム
 * ---------------------------------------------------
 */
  #webForm {
  }
  #webForm input[type='text'],
  #webForm input[type='email'],
  #webForm input[type='number'],
  #webForm input[type='password'],
  #webForm input[type='tel'],
  #webForm select,
  #webForm textarea {
    margin-bottom: 10px;
  }
  #webForm .short {
    width: 40%;
  }
  #webForm .medium {
    width: 38%;
  }
  #webForm .long {
    width: 100%;
  }
  #webForm .require {
  }
  #webForm .btnArea {
    text-align: center;
    margin: 30px 0;
  }
  #webForm .btnArea input {
    cursor: pointer;
    color: #fff;
    font-size: 110%;
    width: 250px;
    padding: 15px 20px;
    background: #1d50a2;
    border: none;
    border-radius: 10px;
    transition: opacity 0.2s;
  }
  #webForm .btnArea input:hover {
    opacity: 0.6;
  }

  /**
 * ---------------------------------------------------
 * リクエストコンサート2021
 * ---------------------------------------------------
 */
  body.request_concert2021 .sectionVox:not(:last-of-type) {
    margin-bottom: 50px;
  }
  body.request_concert2021 .sectionVox .borderTable {
    margin-top: 20px;
  }
  body.request_concert2021 .sectionVox .borderTable td {
    padding: 10px;
  }
  body.request_concert2021 .sectionVox .borderTable td input.short {
    width: 80%;
  }
  body.request_concert2021 .sectionVox .borderTable td input.long {
    width: 80%;
    margin-left: 25px;
  }
  body.request_concert2021 .sectionVox .hallOfFameVox {
    padding: 50px 20px 20px 20px;
    background: #dde5f1;
    position: relative;
  }
  body.request_concert2021 .sectionVox .hallOfFameVox .title {
    font-size: 14px;
    line-height: 30px;
  }
  body.request_concert2021 .sectionVox .hallOfFameVox .outline {
    display: block;
  }
  body.request_concert2021 .sectionVox .hallOfFameVox .outline dt {
    font-size: 16px;
    margin-right: 0;
  }

  /**
 * ---------------------------------------------------
 * 名フィルについて
 * ---------------------------------------------------
 */
  /**
 * 指揮者陣
 */
  .conductorsList.middle,
  .conductorsList.bottom {
    margin-left: -2%;
  }

  .conductorsList.middle li {
    float: left;
  }

  .conductorsList.middle li,
  .conductorsList.bottom li {
    margin: 0px 0px 20px 2%;
    width: 48%;
  }

  /**
 * 楽員紹介
 */
  .membersList {
    margin-left: -2%;
  }

  .membersList li {
    width: 31%;
    margin: 0px 0px 10px 2%;
  }

  .membersList .btnLink {
  }

  .membersList .btnLink a {
    font-size: 75%;
    background-position: 3px center;
    padding: 5px 0px 5px 16px;
  }

  /**
 * 事務局紹介
 */
  .administration #accessMap.googleMap {
    float: none;
    width: 100%;
    height: 200px;
    margin-bottom: 10px;
  }

  .administration .googleMapText {
    margin-left: 0px;
  }

  /**
 * 演奏活動紹介
 */
  .figBoxL figure {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }

  .figBoxL .txt {
    margin-left: 0px;
  }

  /**
 * ---------------------------------------------------
 * チケット
 * ---------------------------------------------------
 */
  /**
 * チケット購入のご案内
 */
  body.ticket_index {
  }

  body.ticket_index .pageJumper {
    margin: 0 0 15px;
  }

  body.ticket_index .pageJumper li {
    width: 95px;
    height: 83px;
    margin-right: 5px;
  }

  body.ticket_index .pageJumper li:last-child {
    margin-right: 0;
  }

  body.ticket_index .pageJumper li a {
    -webkit-background-size: 95px 83px;
    -ms-background-size: 95px 83px;
    background-size: 95px 83px;
  }

  body.ticket_index .conveniVox {
    background-image: none;
    padding-left: 0;
  }

  body.ticket_index .conveniVox .content {
    padding: 10px;
  }

  body.ticket_index .conveniVox table {
    table-layout: fixed;
    font-size: 90%;
  }

  body.ticket_index .sectionVox {
    border: 1px solid #1d50a2;
    margin-bottom: 20px;
  }

  body.ticket_index .sectionVox .titleVox {
    display: block;
  }

  body.ticket_index .sectionVox .titleVox h3 {
    display: block;
    height: 67px;
    width: auto;
  }

  body.ticket_index .sectionVox .titleVox .content {
    display: block;
  }

  body.ticket_index .sectionVox .titleVox .content .wrapper {
    padding: 10px;
  }

  body.ticket_index .sectionVox .innerVox {
    padding: 10px;
  }

  body.ticket_index .sectionVox .flow {
    padding: 10px;
  }

  body.ticket_index .sectionVox .flow .leftVox {
    display: block;
    margin-right: 0;
  }

  body.ticket_index .sectionVox .flow .rightVox {
    display: block;
    padding-left: 0;
    margin-top: 5px;
    border-left: none;
  }

  body.ticket_index .sectionVox .infoVox {
    display: block;
  }

  body.ticket_index .sectionVox .infoVox .title {
  }

  body.ticket_index .sectionVox .infoVox p {
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
  }
  body.ticket_index .sectionVox .webTicket {
    display: block;
    text-align: center;
  }
  body.ticket_index .sectionVox .webTicket span,
  body.ticket_index .sectionVox .webTicket p {
    display: block;
    margin: 10px 0;
  }

  body.ticket_index #section02 {
  }

  body.ticket_index #section02 .vox02 {
  }

  body.ticket_index #section02 .vox02 .btnLink {
  }

  body.ticket_index #section02 .vox02 .btnLink a {
    text-align: left;
  }

  body.ticket_index #section04 {
  }

  body.ticket_index #section04 .playguideList {
    margin-bottom: 10px;
  }

  body.ticket_index #section04 .playguideList dt {
    float: none;
    width: auto;
  }

  body.ticket_index #section04 .playguideList dd {
    margin-left: 0;
  }

  body.ticket_index #section04 .other {
    border-bottom: 1px dashed #a8a7a7;
    padding-bottom: 5px;
    margin-bottom: 5px;
  }

  body.english.ticket_index {
  }

  body.english.ticket_index #section01 {
  }

  body.english.ticket_index #section01 .titleVox {
  }

  body.english.ticket_index #section01 .titleVox h3 {
    background: scroll url(../../../images/content/ticket/title_mousikomi_net_en.png) no-repeat left center;
    width: 250px;
    -webkit-background-size: 250px auto;
    -ms-background-size: 250px auto;
    background-size: 250px auto;
  }

  body.english.ticket_index {
  }

  body.english.ticket_index #section02 {
  }

  body.english.ticket_index #section02 .titleVox {
  }

  body.english.ticket_index #section02 .titleVox h3 {
    background: scroll url(../../../images/content/ticket/title_mousikomi_mado_en.png) no-repeat left center;
    width: 250px;
    -webkit-background-size: 250px auto;
    -ms-background-size: 250px auto;
    background-size: 250px auto;
  }

  body.english.ticket_index {
  }

  body.english.ticket_index #section03 {
  }

  body.english.ticket_index #section03 .titleVox {
  }

  body.english.ticket_index #section03 .titleVox h3 {
    background: scroll url(../../../images/content/ticket/title_mousikomi_email_en.png) no-repeat left center;
    width: 250px;
    -webkit-background-size: 250px auto;
    -ms-background-size: 250px auto;
    background-size: 250px auto;
  }

  body.howto_tickets {
  }

  body.howto_tickets .seatVox {
  }

  body.howto_tickets .seatVox .leftVox {
    float: none;
    margin-bottom: 10px;
  }

  body.howto_tickets .seatVox .rightVox {
    margin-left: 0;
  }

  /**
 * 定期会員券・市民会館名曲シリーズセット券
 */
  #ticketFlyerBox {
    margin: 0px auto 20px auto;
    float: none;
  }

  #ticketMemberText {
    margin-left: 0px;
  }

  #ticketMemberText .end {
    color: #ed1c24;
    margin-bottom: 20px;
  }

  #ticketMemberText .btnLink {
    display: block;
    text-align: left;
  }

  /**
 * ---------------------------------------------------
 * ホール案内
 * ---------------------------------------------------
 */
  /*--アクセスマップ--*/
  #accessMap.hallMap {
    width: auto;
    height: 300px;
    float: none;
    margin-bottom: 10px;
  }

  .hallMapTxt {
    margin-left: 0px;
  }

  /*--座席表--*/
  .hallSeat {
    width: auto;
    float: none;
    margin-bottom: 10px;
  }

  .hallSeat02 {
    margin-left: 0px;
    overflow: hidden;
  }

  .hallSeat02 .legend {
    margin: 0px auto;
  }

  .popupWrapper.hall {
    width: 300px;
    margin-left: -150px;
  }

  .popupWrapper.hall .popupCloseBt {
    height: 24px;
    width: 24px;
  }

  .popupWrapper.hall .popupCloseBt span {
    background: scroll url(../../../images/content/content/popupClose.png) no-repeat center center;
    -webkit-background-size: 12px 12px;
    -ms-background-size: 12px 12px;
    background-size: 12px 12px;
  }

  .popupWrapper.hall .inner {
    padding: 5px 5px 0;
  }

  .popupWrapper.hall .photo {
    height: 198px;
  }

  .popupWrapper.hall .photo .slider {
  }

  .popupWrapper.hall .photo .slider li {
    height: 198px;
  }

  .popupWrapper.hall .captionVox {
    line-height: 30px;
    height: 30px;
  }

  .popupWrapper.hall .controlVox {
  }

  .popupWrapper.hall .controlVox .controlItem {
    margin-top: -18.5px;
  }

  .popupWrapper.hall .controlVox .controlItem a {
    height: 37px;
    width: 19px;
  }

  .popupWrapper.hall .controlVox #sliderPrevBt {
    left: 5px;
  }

  .popupWrapper.hall .controlVox #sliderPrevBt a {
    background: scroll url(../../../images/content/content/prev_btn02.png) no-repeat center center;
    -webkit-background-size: 14px 32px;
    -ms-background-size: 14px 32px;
    background-size: 14px 32px;
  }

  .popupWrapper.hall .controlVox #sliderNextBt {
    right: 5px;
  }

  .popupWrapper.hall .controlVox #sliderNextBt a {
    background: scroll url(../../../images/content/content/next_btn02.png) no-repeat center center;
    -webkit-background-size: 14px 32px;
    -ms-background-size: 14px 32px;
    background-size: 14px 32px;
  }

  /**
 * ---------------------------------------------------
 * ご支援
 * ---------------------------------------------------
 */
  .support th br {
    display: block;
  }

  /**
 * ---------------------------------------------------
 * サイトマップ
 * ---------------------------------------------------
 */
  .sitemapUl {
  }

  .sitemapUl li {
    width: auto;
    float: none;
  }

  /**
 * ---------------------------------------------------
 * アーカイブ
 * ---------------------------------------------------
 */
  .contentVox {
    margin-right: 0;
  }

  .archiveJumper {
  }

  .archiveJumper li {
  }

  .archiveJumper li .title {
  }

  .archiveJumper li .title span {
    font-size: 90%;
  }

  .pumphletVox {
    float: none;
    margin-bottom: 10px;
  }

  .pumphletVox figure {
  }

  .pumphletVox figure img {
  }

  .pumphletVox .title {
  }

  #concertArchiveWrapper {
    padding-top: 10px;
  }

  #concertSearchVox {
    margin-bottom: 20px;
  }

  #concertSearchVox .serchText {
    width: 200px;
  }

  #concertArchiveWrapper .pageNationVox {
  }

  #concertArchiveWrapper .pageNationVox.top {
    margin-bottom: 10px;
  }

  #concertArchiveWrapper .pageNationVox ul {
  }

  #concertArchiveWrapper .pageNationVox li {
    margin-bottom: 5px;
  }

  #concertArchiveWrapper .pageNationVox li a {
  }

  #concertArchiveWrapper .pageNationVox li a:hover {
  }

  #concertArchiveWrapper .pageNationVox li .active {
  }

  #concertArchiveWrapper .pageNationVox li .non {
  }

  .concertArticle .boxFlyer {
    overflow: hidden;
  }

  .concertArticle .boxFlyer figure {
    width: 130px;
    float: left;
  }

  .concertArticle .boxFlyer .btnLink {
    margin-left: 150px;
    margin-top: 0px !important;
    max-width: 150px;
  }

  /**
 * ---------------------------------------------------
 * ダウンロード
 * ---------------------------------------------------
 */
  .borderTable.vertical {
  }

  .borderTable.vertical {
  }

  .borderTable.vertical tr,
  .borderTable.vertical th,
  .borderTable.vertical td {
    display: block;
  }
}

/* @mediaEND */