@charset "utf-8";

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

/* =============================================================

　　スマホ画面 個別設定

============================================================= */


/*  全体・コンテナー 設定
---------------------------------------------*/


/*  ヘッダー 設定
---------------------------------------------*/


/*  コンテンツ 設定
---------------------------------------------*/

#contentMain .boxInner {
  padding-top: 0;
}
 
/* -------- メインビジュアル -------- */


#mainvisual {
  overflow: hidden;
  height: auto;
  padding: 0;
}

/* ---- JSカスタム・SliderPro ---- */

#mainvisual .slider-pro {
  width: auto;
  min-width: 0;
  height: auto;
  min-height: 0;
}
  
#mainvisual .slider-pro img.mediaPC { display:none;}
#mainvisual .slider-pro img.mediaSP { display:block;}

/* -- スライダー矢印 -- */

#mainvisual .sp-arrows {
  display: none;
}

/* -- スライダーボタン -- */

#mainvisual .sp-buttons {
  bottom: 0;
}

#mainvisual .sp-button {
  width: 10px;
  height: 10px;
  margin: 0 4px;
}

/* -------- セクション・共通 -------- */

.boxSection {
  padding-top: 30px;
  padding-bottom: 30px;  
}

/* ---- セクションヘッダー ---- */

.boxSection .boxSectionHead {
  padding-bottom: 20px;
}

/* -- セクションタイトル -- */

.boxSection .boxSectionHead h2 {
  font-size: 1.5em;
  line-height: 1.7em;
}

/* セクションタイトル英語表記 */

.boxSection .boxSectionHead .txtEn {
  display: block;
  padding: 0;
  line-height: 1.4em;
}

/* -------- セクション・イベント -------- */

#event {
  margin: 0 -15px;
  padding-top: 20px;
  padding-bottom: 0;
}

/* ---- イベント一覧 ---- */

#event .boxEventList {
  display: block;
  overflow: hidden;
  width: 100%;
  margin: 0 auto 20px;
  padding: 0 35px;
}

#event .boxEventList .bx-wrapper {
  width: auto;
  margin-bottom: 10px;
}

/* -- リスト -- */

#event .boxEventList .boxSlider {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -2%;
}

#event .boxEventList #jsEventSlider {
  width: 717% !important;
  margin: 0;
}

#event .boxEventList .boxProgramItem {
  width : 48% !important;
  width: -webkit-calc(50% - 10px) !important;
  width: calc(50% - 10px) !important;
/*  margin: 0 auto 15px; 5/8追加 */
  margin: 0 5px 15px\9; /* IE9以下用 */
/*  margin-right: auto !important; 5/8追加 */
  margin-right: 5px\9; /* IE9以下用 */
}

#event .boxEventList #jsEventSlider .boxProgramItem {
  float: left;
  width: 6.745% !important;
  padding: 0;
}

/* -- 公演内容 -- */

#event .boxEventList .boxProgramItem .boxProgramCont {
  min-height: 0;
  padding: 6px 6px 15px;
}

/* -- PREV＆NEXTボタン -- */

#event .bx-controls-direction .bx-prev,
#event .bx-controls-direction .bx-next {
  width: 35px;
}

/* ボタン装飾（矢印） */
#event .bx-controls-direction .bx-prev:before,
#event .bx-controls-direction .bx-prev:after,
#event .bx-controls-direction .bx-next:before,
#event .bx-controls-direction .bx-next:after {
  margin-top: -14px;
  border-top-width: 14px;
  border-right-width: 14px;
  border-bottom-width: 14px;
  border-left-width: 14px;
}

/* -- Prevボタン -- */

#event .bx-controls-direction .bx-prev {
  left: 0;
}

#event .bx-controls-direction .bx-prev:before {
  margin-left: -25px;
}

#event .bx-controls-direction .bx-prev:after {
  margin-left: -23px;
}

/* -- Nextボタン -- */

#event .bx-controls-direction .bx-next {
  right: 0;
}

#event .bx-controls-direction .bx-next:before {
  margin-left: -4px;
}

#event .bx-controls-direction .bx-next:after {
  margin-left: -6px;
}

/* -------- セクション・ニュース -------- */

#news {
  margin-right: -15px;
  margin-left: -15px;
  padding-top: 5px;
  padding-bottom: 40px;
}

#news .boxSectionHead {
  padding-bottom: 12px;
}

#news .boxSectionHead h2 {
  display: inline-block;
  *display: inline; /* IE7用 */
  *zoom: 1; /* IE7用 */
  position: relative;
}

#news .boxSectionHead h2 a {
  position: absolute;
  top: 0;
  right: -35px;
}

/* -------- セクション・動画 -------- */

#movie {
  padding-top: 30px;
  padding-bottom: 30px;
}

.boxMovie .boxMovie_1,
.boxMovie .boxMovie_2 {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.boxMovie .boxMovie_2 {
	margin-top: 10px;
}
	
/* -------- セクション・ソーシャル -------- */

#social {
  padding-top: 30px;
  padding-bottom: 30px;
}

.boxSocialPlugin {
  text-align: center;
}

/* -- タイトル -- */

.boxSocialPlugin h3 {
  margin-bottom: 12px;
  font-size: 1.3em;
}

/* -- Facebook＆Twitter -- */

.boxSocialPlugin .boxFacebook,
.boxSocialPlugin .boxTwitter {
  float: none;
  width: 290px;
  margin: 0 auto;
}

/* -- Facebook -- */

.boxSocialPlugin .boxFacebook {
  padding-bottom: 20px;
}

.fb-page-parent > .fb-page {
  width: 290px;
}

/* -- Twitter -- */

.boxSocialPlugin .boxTwitter { 
}

/* -------- セクション・アドレス -------- */

#address {
}

#address .boxInner {
  width: auto;
  padding-top: 0;
  padding-bottom: 0;
}

/* ---- お問い合わせ＆サポート ---- */

#address .boxContact,
#address .boxSupport {
  float: none;
  width: auto;
  text-align: left;
}

/* ---- お問い合わせ ---- */

#address .boxContact {
  margin-bottom: 30px;
}

#address .boxContact h3 {
  margin-bottom: 6px;
  font-size: 1.2em;
  font-weight: bold;
}

#address .boxContact p {
  display: block;
}

#address .boxContact a {
  text-decoration: underline;
}

#address .boxContact a:hover {
  text-decoration: none;
}

/* ---- サポート ---- */

#address .boxSupport {
  margin-bottom: 30px;
}

#address .boxSupport ul {
  margin-left: -15px;
}

#address .boxSupport li {
  width: 50%;
  padding-left: 15px;
}

#address .boxSupport li img {
  width: 100%;
}

/* ---- バナー ---- */

#address .boxBanner {
  padding-top: 0;
}

#address .boxBanner li {
  width: 50%;
}

#address .boxBanner li a img {
  width: 200px;
}


/*  フッター 設定
---------------------------------------------*/




}