@media screen and (max-width: 1200px) {
	/* 1200px以下 スマホ向けのものを記述 */
#page		{ display:block; width: auto; max-width:1200px; margin:0 auto; padding:0; overflow:hidden; }
body		{ font-size:1.4rem;/* 14px*/ line-height: 2; }

#header		{ width: auto; height: auto; margin:0 auto; padding: 10px ; }
.headerInner{ width: auto; margin: 0 auto; }
.headerLogo img{ width: 250px; height: auto; margin-top: 5px; }

h1{ display: block; }

#gNavSp		{ display: block; }
#contents	{ float:none; width: auto; padding:0; margin:0; }
#main		{ float:none; width: auto; padding:0; margin:0; }
#topMain	{ float:none; width: auto; padding:0; margin:0; }
#footer		{ float:none; width: auto; padding:0; margin:0; }

/* pegetop
----------------------------------------------------*/
.pageTop { display:none;}

/* 汎用
----------------------------------------------------*/
.imgR {	float: none; margin: 0 10px 10px 10px; }
.imgL {	float: none; margin: 0 10px 10px 10px; }
.imgP { margin: 0 10px 10px 10px; width:300px; height:169px; }


/* #header ヘッダー
----------------------------------------------------*/
#header #gNav { display: none; }
#header ul#gNav { display: none; }


/* #main メイン
----------------------------------------------------*/

.area{ width: 100%; padding: 0;  }
.areaInner{ width: auto; margin: 0 auto; padding: 0 10px; }
.areaInner h2{ font-size: 1.8em; margin-bottom: 20px; }
	
.areaInner p{ font-size: 1.1em; color: #fff; padding:10px 10px 20px 10px; }

/* スライドショー　*/
#mainImgWrap{ height: auto; margin-bottom: 0; overflow: hidden; }
#mainImg{ width: auto; height: auto;}
.slider-for img{ width: 100%; height: auto; }
.slider-for{ margin-bottom: 15px; height: auto; overflow: hidden; }
.slider-nav{ height: auto; }
.slick-cloned{ height: auto; overflow: hidden;}
.slick-dotted.slick-slider{  margin-bottom: 10px; }
.slider-nav img{ width: 95%; height: auto; }

/* トップページ　スケジュール・先行・当日券 */

#topMain{ background:url("../img_re/share/bg_mainimg.png") 0 0 repeat; padding: 15px 0; }
	ul.topBtn { padding-bottom: 10px; justify-content: space-between; width: 100%; }
	ul.topBtn li { width:33%; padding-right: 10px; }
	ul.topBtn li.pc{ display: none; }
	ul.topBtn li.sp{ display: block; }
	ul.topBtn li:last-child { padding-right: 0; }
	ul.topBtn li a{ font-size: 16pt; display: block; border-radius: 6px; text-shadow: 0px -1px 5px rgba(51,102,204,0.9); }
	ul.topBtn li a br{ display: none; }
	ul.topBtn li:nth-child(2) a{ background: url("../img_re/top/icon_topBtn_schedule.png") 10% center no-repeat,  #264c99 url("../img_re/top/bg_btn_topmain.png") 0 0 repeat-x; padding: 30px 0 0 60px; height: 50px; width: auto; }
	ul.topBtn li:nth-child(3) a{ background: url("../img_re/top/icon_topBtn_senko.png") 10% center no-repeat,  #264c99 url("../img_re/top/bg_btn_topmain.png") 0 0 repeat-x; padding: 30px 0 0 60px; height: 50px; width: auto; }
	ul.topBtn li:nth-child(4) a{ background: url("../img_re/top/icon_topBtn_today.png") 0 center no-repeat,  #264c99 url("../img_re/top/bg_btn_topmain.png") 0 0 repeat-x; padding: 30px 0 0 80px; height: 50px; width: auto; }
	
/* トップページ お知らせ・重要なお知らせ */
	#topInfo{ display: block; }
	#topInforimaiton{ width: auto; margin:0 0 20px 0; }	
	#topInforimaiton h2{ text-align: center; }
	#topInforimaiton dl dd{ float: none; width: auto; padding: 2px 0 2px 60px; font-size: 12pt; }
	#topInforimaiton dl dd br{ display: none; }
	#topimportantInfo { width: auto; }
	#topimportantInfo h2{ text-align: center; }

/* トップページ News */
#topNews{ padding: 15px 0 0 0; }	
	#topPickupList{ padding: 15px 10px 10px 10px; }
	#topPickupList h2{ text-align: center; }
	#topPickupList ul{ display: flex; flex-wrap:wrap; justify-content:center; margin-right:-14px;}
	#topPickupList ul li { width: 278px; margin-right:14px; }
	#topPickupList ul li:nth-child(4n){ margin-right:14px; }
	
	#topNewsList{ padding: 15px 0 0 0 ; }
	#topNewsList h2{ text-align: center; }
	#topNewsList ul{ display: flex; flex-wrap: wrap; justify-content:center; margin-right:-23px;}
	#topNewsList ul li { margin:0 23px 25px 0; }
	#topNewsList ul li:nth-child(4n){ margin-right:23px; }
	
/* トップページ　その他メディア */
#topMedia { display: block; padding: 30px 0; width: auto; }
#topMedia .areaInner{ display: block; margin: 0 auto; width: 790px; }
	
	#topSns{ margin: 0 30px 30px 0; }
	#topMagazine{ margin: 0 0 25px 0;}
	#topShop { margin: 0 0 25px 0;}
	#topYouTube{ width: auto; padding:10px; }
	#topYouTube h2{ display: block; width: 180px; background: url("../img_re/top/icon_youtube.png") 0 0 no-repeat; text-align:center; margin: 15px auto; padding: 0 0 0 156px; }
	#topYouTube ul{ display:flex; flex-wrap: wrap; justify-content:center; padding: 0; margin-right: -35px; }
	#topYouTube ul li:nth-child(4n){ margin-right: 35px; }
	
/* トップページ　topGuide */
#topGuide{ width: auto; margin: 0 auto; padding: 30px 0;}
#topGuide .areaInner{ display: block; }
	#topGuideList{ display: block; width: auto; }
	#topGuideList h2{ text-align:center; }
	#topGuideList p{ text-align:center; width: auto; color: #333;}
	#topGuideList ul{ display:flex; flex-wrap: wrap; justify-content:center; width: auto; margin: 0 auto 30px auto; }
	#topGuideList ul li a{ width: 138px; }
	
	#topGroup { background: #3366cc url("../img_re/top/bg_group.png") right 20px top 10px no-repeat; 
		margin: 0 auto; padding: 10px; width: 560px; text-align: center; }
	#topGroup h2{ padding: 0; text-align: center; }
	#topGroup ul { width: 100%; justify-content: center; }
	#topGroup ul li p{ width :100px; }
	#topGroup ul li { margin: 0 15px 15px 0; }
	
/*----------------------------------------------------
	コンテンツページ
----------------------------------------------------*/
/* hx */
.contentsPage h2{ font-size: 21pt; padding: 10px 0 10px 0; margin-bottom: 20px; text-shadow: 0px 0px 7px rgba(255,255,255,1.0); }
.contentsPage h2 span{ }
.contentsPage #today 		h2{ background: url("../img_re/page/h2_today.png") 10% 10px no-repeat; }
.contentsPage #wheelchair 	h2{ background: url("../img_re/page/h2_wheelchair.png") 10% 15px no-repeat; }
.contentsPage #hotel 		h2{ background: url("../img_re/page/h2_hotel.png") 20% 15px no-repeat; }
	
.contentsPage h3{ font-size: 16pt; padding: 20px 0 10px 0; margin:0 auto 20px auto; width: auto; line-height: 1.3em; }
.contentsPage h3 span{ display: block; }
	
#members	h4{ font-size: 15pt; font-weight: 900; padding: 20px 0; text-align: center; }
#members	h5{ font-size: 15pt; font-weight: 900; padding: 20px 0 0 0 ; text-align: center; }	
	
.contentsPage p{ width: auto; color: #333; line-height: 1.4em; }
.contentsPage p.intro{ font-size:14pt; }
.contentsPage p.intro br{ display: none;  }
	
ul.note		{ margin-left: 20px; font-size: 11pt; }
ul.note li br{ display:none; }
	
/* 個人情報保護方針ページ */
#privacy .intro{ }	
	
/* お知らせ */
.contentsPage #information h3{ padding: 0 0 10px 0; margin:-10px auto 20px auto; }
.contentsPage .infoDay{ padding-bottom: 0; }
#information img{ float: none; display: block; margin: 0 auto 20px auto; width: auto; max-width: 300px; max-height: auto;}
#information iframe{ float: none; display: block; margin: 0 auto 20px auto; width: auto; max-width: 300px; max-height: auto;}
	
/* 重要なお知らせ */
.contentsPage #important h3{ padding: 0 0 10px 0; margin:-10px auto 20px auto; }
#important img{ float: none; display: block; margin: 0 auto 20px auto; width: auto; max-width: 300px; max-height: auto;}
#important iframe{ float: none; display: block; margin: 0 auto 20px auto; width: auto; max-width: 300px; max-height: auto;}
	
/* ニューリリース */	
.contentsPage #newRelease h3{ padding: 40px 0 20px 0; text-align: center; margin-bottom: 0; }
.contentsPage #newRelease h3 span{ display: block; padding-top: 10px; text-align: center; }
.contentsPage #newRelease h3 span:before {content:"";}
.contentsPage #newRelease p{ padding: 20px 0 10px 0; }
.contentsPage #newRelease .releaseBox p:last-child{ margin-bottom: 50px; }
	
/* スケジュール */
.scheduleBox{ padding:20px 10px 10px 10px; width: auto; margin: 0 0 30px 0; text-align: center; }
.scheduleSelect{ margin-bottom: 10px; float:none; }

.scheduleSerchForm	{ margin-bottom: 10px; float: none; }
.scheduleSerchText	{ width: auto; margin-bottom: 0; margin-right: 10px; }
.scheduleSerchBtn	{ padding:3px 30px; }
.easy-select-box	{ width:360px; }
.easy-select-box .esb-displayer{ padding-left: 0; }
	
	
.calendarBtn a{ display: none; }
.listBtn a{ display: none; }
	
/* 公演を探す */
.serchBox{ padding:10px 0 0 0 ; width: auto; margin: 0 0 30px 0; }
.serchBox dl{ }
.serchBox dl dt{ width: auto; float: none; padding: 0 10px 10px 10px; text-align:center; }
.serchBox dl dd{ width: auto; float: none; padding: 0 10px 0 10px; text-align:center; }
.serchBox ul{ display: flex; flex-wrap:wrap; justify-content:center; }
.serchBox ul li{ padding-bottom: 10px; }
.serchBox ul li a{ }

.serchBox ul.area li a{ padding:5px 0; width: 100px; }
.serchBox ul.genre li a{ padding:5px 0px; width: 170px; }
.serchBox dl:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}

#serchForm{ margin-bottom: 0; }
#serchText{ width: auto; margin-bottom: 10px; }
#serchBtn{ padding:3px 30px; }
	
/* 公演を探す：検索結果 */
#serchResult h3{ margin-top: 20px; }
#serchResult dl { margin-bottom: 50px; }
#serchResult dl dt{ border-right:none; width: auto; height: auto; padding:10px 0; font-size: 24pt; font-weight: 900; float: none; }
#serchResult dl dt span{ }
#serchResult dl dt.Weekday 	{ color: #333; }
#serchResult dl dt.sat 		{ color: #3366cc; }
#serchResult dl dt.holiday 	{ color: #c01920; }
#serchResult dl dt .ym{ font-weight: 600; }
#serch #serchResult dl dt{ line-height: 1.0em; }
#wheelchair #serchResult dl dt{ line-height: 1.0em; }
	
#serchResult dl dd{ float: none; }

#serchResult dl dt:nth-child(4n+1) a:link{ background: #eee; }
#serchResult dl dd:nth-child(4n-2) a:link{ background:#eee url("../img_re/page/arrow_search_result_sp.png") top 60px right 10px no-repeat; }

#serchResult dd .title		{ font-size: 18pt; line-height: 1.3em; }
#serchResult dd .opening	{ font-size: 14pt; line-height: 1.0em; display: block; padding-top: 10px; }
#serchResult dd .release	{ font-size: 14pt; line-height: 0; }
#serchResult dd .release img{ margin: 5px 10px -5px 0; }
#serchResult dd .place		{ display: block; float: none; margin-top: 20px; padding: 10px 0; width: auto; text-align: center; background: #333; color: #fff; border-radius: 6px; font-size: 11pt; }

#serchResult dd a:link { width: auto; height: auto; padding: 5px 10px 10px 10px; background:url("../img_re/page/arrow_search_result_sp.png") top 60px right 10px no-repeat; }
	
/* アーティスト：一覧ページ */

.artistSelect{ width: auto; margin-bottom: 10px; }
.artistSelect ul li a{ padding: 5px 15px 7px 15px ; margin-right: 12px; font-size: 12pt; line-height: 1.2em; }

.artistNav{ width: auto; background: #ccc; padding: 10px 10px 2px 10px; margin-bottom: 30px; }
.artistNav ul{ padding: 5px 0 0 0; margin-bottom: 0; }
.artistNav ul li a{ padding: 0 10px; margin-right: 12px; font-size: 14pt; font-weight: 400; }

.artistListBox{ }
.artistListBox ul{ display: flex; flex-wrap: wrap; justify-content: center; align-self:stretch; padding: 0; margin: 0 -16px 50px 0; }
.artistListBox ul li{ display:block; background:#3366cc; font-size: 12pt; font-weight: 600; 
	padding: 10px; width: 268px; margin-right: 16px; margin-bottom: 30px; line-height: 1.4em; }
.artistListBox ul li a{ display:block; color: #fff; }
.artistListBox ul li:nth-child(4n) { margin-right: 16px; }
	
/* アーティストページ */
	
.artistBox{ display: block; }
	
.artistImg{ width: auto; max-height: 400px; display: block; margin-right: 0; text-align: center; }
.artistImg .artistImgInner{ display: block; }
.artistImg img{ width: auto; height: auto; max-width: 300px; max-height: 400px; }
	
.artistInfo { width: auto; margin-top: 0; }
.artistInfo h3{ width: auto; text-align: center; }
.artistInfo p{ width: auto; }
.artistInfo p.attention{ width: auto; }
	
.artistInfo ul li:nth-child(1) a:link{ font-size: 10pt; font-weight: 700; color: #333; padding: 5px 30px 5px 0; 
	background: url("../img_re/page/icon_artist_outLink.png") right 2px top 7px no-repeat; }

.eventBox h3{ width: auto; padding:20px 100px 0px 10px; line-height: 1.2em; font-size: 14pt; }
.eventBox.senko		{ background: url("../img_re/page/icon_artist_1_sp.png") top 15px right 5px no-repeat; }		/* 先行発売：senko */
.eventBox.sale		{ background: url("../img_re/page/icon_artist_2_sp.png") top 15px right 5px no-repeat; }		/* 発売中：sale */
.eventBox.cancel	{ background: url("../img_re/page/icon_artist_3_sp.png") top 15px right 5px no-repeat; }		/* 中止：cancel */
.eventBox.enki		{ background: url("../img_re/page/icon_artist_4_sp.png") top 15px right 5px no-repeat; }		/* 延期：enki */
.eventBox.soldOut	{ background: url("../img_re/page/icon_artist_5_sp.png") top 15px right 5px no-repeat; }		/* 完売：soldOut */
	
.eventOpen{ display: block; }
.eventTime{ padding: 0 10px 10px 10px; text-align: center; }
.eventTime span.eventPlace a{ display: inline-block; padding-right: 40px; float: none; font-size: 10pt; }

ul.eventInfo{ padding: 30px 20px 10px 20px; }
ul.eventInfo li{ padding: 0 10px 30px 50px; }
ul.eventInfo li.age{ background: url("../img_re/page/icon_artist_age.png") top left no-repeat;}
ul.eventInfo li.drink{ background: url("../img_re/page/icon_artist_drink.png") top left no-repeat;}
ul.eventInfo li.wheelchair{ background: url("../img_re/page/icon_artist_wheelchair.png") top left no-repeat;}
	
.eventToday a:link{ display: block; float: none; font-size: 18pt; width: auto; height: 40px; padding: 25px 45px 15px 0 ; margin: 10px;}
.eventToday a:hover{  }
	
dl.eventtTicketShop{ float: none; display: block; width: auto; padding: 0 10px; }
dl.eventtTicketShop dt{ float: none; width: auto; padding: 20px 10px 0 0; text-align: center; border-bottom: 1px dotted #aaa; }	
dl.eventtTicketShop dd{ float: none; width: auto; height: auto; padding: 20px 0 10px 0; }
dl.eventtTicketShop dd ul{ display: flex; flex-wrap: wrap; justify-content:center; }
dl.eventtTicketShop dd ul li{ margin-bottom: 15px; }
dl.eventtTicketShop dd ul li.eplus 	a:link{ width: 90px; }
dl.eventtTicketShop dd ul li.pia 	a:link{ width: 150px; }
dl.eventtTicketShop dd ul li.rotike a:link{ width: 170px; }
/* チケット販売所 */
dl.eventtTicketShop dd p{ width:auto; }
dl.eventtTicketShop dd span.tel{ display: block; margin-bottom: 10px; }
	
/* 車いすページ */
	
p.WheelchairText { }
.WheelchairForm { padding: 20px 0 ; margin: 60px 0; }
.WheelchairForm h4{   }
.gtForm	{ padding: 15px 20px; margin: 7px 0 10px 0; max-width:none; }
.gtText	{ padding: 15px 20px; margin: 7px 0 10px 0; max-width:none; }
.contentsPage p.gtNote	{ margin: 30px 0; padding: 0; line-height: 1.4em; }
.WheelchairBtn{ width:auto; margin: 0 auto ; }
.WheelchairBtn a.resetBtn { float: none; font-size:14pt; font-weight: 700; height: auto; width: auto; padding: 15px 0 ; margin: 35px 0 20px; }
.WheelchairBtn a.sendBtn { float: none; font-size:14pt; font-weight: 700; height: auto; width: auto; padding: 20px 0 ; text-align: center; }
.contentsPage p.sslText { padding-top: 50px 0; }
.WheelchairForm label { display: block; width: auto; padding: 0; margin: 0; line-height: 1.0em; }

/* 会員ページ */
.contentsPage #members 	p.intro{ padding: 0;}
.contentsPage #members 	p.intro br{ display: none; }
	
.nyukaiPrice	{ width: auto; }
.nyukaiBox		{ width: auto; padding: 0 10px 20px 10px; margin:20px 0; }
.nyukaiBox img 	{ display: block; float: none; margin: 0 auto; }
.contact 		{ margin-top: 40px; padding: 30px 0; line-height: 3.2em; }
	
/* ユーザーガイド */
.siteMap .siteMapBox ul li a{ display: block; width: 100% ; font-size: 12pt; line-height: 1.4em; 
	background: url("../img_re/page/arrow_gray.png") 10px 7px no-repeat; background-size: 13px; }
	
/* グループチケット */
.groupText{ background: url("../img_re/page/icon_groupText.png") bottom center no-repeat; padding:0; width: auto;}
.contentsPage p.groupText{ text-align: center; width: auto; padding:0 0 100px 0; }
	
	
/* グループチケット */
.groupList{ display: flex; flex-wrap:wrap; justify-content:center; width: 620px; margin:0 auto; }
.groupList li{ height: 60px; padding: 20px 0 0 0 ; font-size:13pt; font-weight: 700; }
.groupList li:nth-child(1){ margin: 0 10px 20px 0; }
.groupList li:nth-child(2){ margin: 0 0 20px 0; }
.groupList li:nth-child(3){ margin: 0 10px 20px 0;}
.groupList li:nth-child(4){ margin: 0 0 20px 0;}
	
/* 学祭 */
.gakusaiList{ display: flex; flex-wrap:wrap; justify-content:center; width: 620px; margin:0 auto; }
.gakusaiList li{ height: 60px; padding: 20px 0 0 0 ; font-size:13pt; font-weight: 700; }
.gakusaiList li:nth-child(1){ margin: 0 10px 20px 0; }
.gakusaiList li:nth-child(2){ margin: 0 0 20px 0; height: 70px; }
.gakusaiList li:nth-child(3){ margin: 0 10px 20px 0;}
.gakusaiList li:nth-child(4){ margin: 0 0 20px 0;}
	
/* お問い合わせ */
.faqNote { width: 100%; padding-bottom: 30px; border-bottom: 2px solid #ccc; }
.faqNote dt{ line-height: 1.3em; padding-top: 20px; text-align: center; }
.faqNote dd{ line-height: 1.3em; padding-left: 0; }
.faqList{ display: flex; justify-content:center; width: auto; margin: 60px auto 30px auto; background: #eee; padding: 10px; }
.faqList li{ width: 285px; margin-right: 10px; }
.faqList li:last-child{ margin-right: 0; }
.faqList li a{ display:block; width: 100%; height: 40px; padding: 10px 0 ; margin: 0 20px 0 0; 
	font-size:12pt; font-weight: 500; background: #3366cc url("../img_re/page/icon_faqList.png") bottom 5px center no-repeat; background-size:10px; border-radius: 6px; }
.faqList li a:hover{ }
	
.faqLabel{
	font-size: 12pt;
    padding: 10px 5px 20px 5px;
	}
.faqLabel span{ font-size: 18pt; display: block; padding-bottom: 10px; }
.faqLabel:after{
	width: 30px;/*画像の幅*/
	height: 30px;/*画像の高さ*/
	background: url("../img_re/page/icon_faqBox_off.png") 0 0 no-repeat;
	background-size: 30px 30px;	
}
.faqBox:checked + .faqLabel:after{
	width: 30px;/*画像の幅*/
	height: 30px;/*画像の高さ*/
	background: url("../img_re/page/icon_faqBox_on.png") 0 0 no-repeat;
	background-size: 30px 30px;	
}
	
/* 宿泊案内 */
.hotelBox{ width: auto; }
.hotelBox ul li a{ padding: 1px 10px; margin-bottom: 10px; }
#hotelResult ul li a{ width: auto; font-size: 14pt; }
	
/* ショップ・お土産案内 */
.shopBox{ padding:10px 5px 0 5px; width: auto; margin: 0 0 10px 0; background: #ccc; }
#shop{ padding-bottom: 100px; }
.shopBox ul{ }
.shopBox ul li{ }
.shopBox ul li a{ display: block; white-space: nowrap; font-size:10pt; margin-bottom: 10px; padding: 5px 10px; margin-right: 5px; }

#shopResult ul li a{ width: auto; padding: 10px; font-size: 12pt; }
#shopResult ul li a:hover{ }
#shopResult ul li:nth-child(odd) 	a{ background: #fff url("../img_re/page/icon_shop_outLink.png") top 10px right 10px no-repeat; }
#shopResult ul li:nth-child(even) 	a{ background: #eaf1ff url("../img_re/page/icon_shop_outLink.png") top 10px right 10px no-repeat; }
#shopResult ul li:nth-child(odd) 	a:hover{ background: #fff url("../img_re/page/icon_shop_outLink.png") top 10px right 10px no-repeat; }
#shopResult ul li:nth-child(even) 	a:hover{ background: #eaf1ff url("../img_re/page/icon_shop_outLink.png") top 10px right 10px no-repeat; }
#shopResult ul li a img{ float: none; text-align: center; margin: 0; }
#shopResult ul li a span { float: none; display: block; width: auto; }
#shopResult ul li a span.shopName { font-size: 20pt; font-weight: 500; padding: 20px 0 10px 0; }
#shopResult ul li a span.shopAcc 	{ font-size: 10pt; }
#shopResult ul li a span.shopTel 	{ font-size: 10pt; padding-top: 5px; }
#shopResult ul li a span.shopTel strong { font-size: 16pt; color: #3366cc; }
#shopResult ul li a span.shopData 	{ font-size: 10pt; border-top: 1px dotted #ccc; padding-top: 10px; padding-bottom: 10px; margin-top: 20px; }

	
	
	
/*----------------------------------------------------
	#footer
----------------------------------------------------*/

#footer { padding: 30px 0 70px 0; }
.footerInner{ width:auto; margin:0 auto; padding: 10px; }
.footerBnrInner{ width:auto; margin:0 auto; padding: 30px 0 10px 0; }
	
/* バナー */
ul.fBnr { display:flex; flex-wrap: wrap; justify-content:center; width: 590px; }
ul.fBnr li:nth-child(2n){ margin: 0 0 10px 0; }
	
/* フッターナビ */
ul.fNav{ }
ul.fNav li:first-child a{ border-left: 1px solid #fff;}
ul.fNav li a{ padding: 0 10px ; margin-bottom: 10px; font-size: 13px; border-right: 1px solid #fff; line-height: 1.2em; }

}

@media screen and (max-width: 900px) {
	/* 900px タブレット向け */
	
	/* トップページ　スケジュール・先行・当日券 */
	ul.topBtn li:nth-child(2) a{ background: url("../img_re/top/icon_topBtn_schedule.png") 10% center no-repeat,  #264c99 url("../img_re/top/bg_btn_topmain.png") 0 0 repeat-x; background-size: 50px 50px,5px 70px; 
		padding: 30px 0 ; height: auto; width: auto; }
	ul.topBtn li:nth-child(3) a{ background: url("../img_re/top/icon_topBtn_senko.png") 20% center no-repeat, #264c99 url("../img_re/top/bg_btn_topmain.png") 0 0 repeat-x; background-size: 50px 50px,5px 70px; 
		padding: 30px 0 ; height: auto; width: auto; }
	ul.topBtn li:nth-child(4) a{ background: url("../img_re/top/icon_topBtn_today.png") 5% center no-repeat, #264c99 url("../img_re/top/bg_btn_topmain.png") 0 0 repeat-x; background-size: 60px 50px,5px 70px; 
		padding: 30px 0 30px 30px ; height: auto; width: auto; }

	/* ユーザーガイド */
	.siteMap { display: flex; flex-wrap:wrap; }
	.siteMap .siteMapBox{ display:block; width: 290px; margin-right: 20px; }
	.siteMap .siteMapBox:last-child{ margin-right: 0; }
	.siteMap .siteMapBox h3{ width: 100%; height: 100px; font-size:15pt; margin: 0 0 20px 0; }

	#hyouki	{ padding-top: 20px; margin-bottom: 50px; }
	#hyouki table{ width:100%; font-size:12pt; }
	
	/* グループチケット */

	.groupList{ display: flex; flex-wrap:wrap; justify-content:center; width: auto; }
	.groupList li{ margin: 0 0 20px 0; height: 60px; padding: 20px 0 0 0 ; font-size:13pt; font-weight: 700; }
	
	/* 学祭 */
	.gakusaiList{ display: flex; flex-wrap:wrap; justify-content:center; width: auto; }
	.gakusaiList li{ margin: 0 0 20px 0; height: 60px; padding: 20px 0 0 0 ; font-size:13pt; font-weight: 700; }
	.gakusaiList li:nth-child(1){ height: 80px; padding: 10px 0 0 0 ;}
	
	/* 会社概要 */
	.contentsPage #about p.intro{ font-size:14pt; padding-bottom:40px; text-align: left; line-height: 1.2em; }
	.aboutList{ width:auto; font-size: 12pt; }
	.aboutList th{ display: block; padding: 5px; width:auto; text-align: center; }
	.aboutList td{ display: block; width:auto; padding: 30px 0; text-align: center; }
	.aboutList td:nth-child(1){ text-align: center; color: red; }
	.aboutList td span{ display:block; font-size: 10pt; }
	.aboutList td span:after{ content: ""}

	.tokuteiList{ width:auto; }
	.tokuteiList th{ display: block; padding: 10px 30px; width:auto; text-align: center; background: #eee; }
	.tokuteiList td{ display: block; padding: 10px 10px; width:auto; background: #fff;}
	.tokuteiList tr:nth-child(odd) th{ background: #eee; }
	.tokuteiList tr:nth-child(odd) td{ background: #fff; }
	iframe.map{ width:100% ; height:200px; margin: 30px 0 0 0;}
	
}


@media screen and (max-width: 790px) {　/* タブレット向け */
	
	/* トップページ　スケジュール・先行・当日券 */
	ul.topBtn li a{ font-size: 12pt; font-weight: 500; }
	
	/* トップページ　その他メディア */
	
	#topMedia .areaInner{ display: block; margin: 0 auto ; padding-bottom: 30px; width: 380px; }
	#topMedia .areaInner:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
	#topYouTube{ width: auto; padding:10px 0; margin-top: 30px; }
	#topYouTube ul{ padding-right: 0; width: 260px; margin: 0 auto; }
	#topYouTube ul li:nth-child(4n){ margin-right: 0; }
	#topYouTube ul li{ margin: 0 0 20px 0; }
	
	/* ニューリリース */
	#newRelease img{ float: none; display: block; margin: 0 auto 20px auto; width: auto; max-width: 300px; max-height: auto;}
	#newRelease iframe{ float: none; display: block; margin: 0 auto 20px auto; width: auto; max-width: 300px; max-height: auto;}
	
	/* 共通：ボタン */
	.btnCenter a { width: auto; font-size:16pt; font-weight: 700; }
	
	.btnCenter.wheelchair a{ width:auto; height: auto; padding:25px 70px 25px 70px ; line-height: 1.2em; text-align: center;  
		background: url("../img_re/page/arrow_artist_today.png") right 30px center no-repeat , #3366cc url("../img_re/page/btn_wheelchair.png") 20px center no-repeat; background-size:33px,35px 43px; margin: 0 auto 30px auto; }	
	.btnCenter.wheelchair a span{ display: inline-block; }
	
	.btnCenter.webMember a{ width:auto; height: auto; padding:40px 30px 40px 30px ; margin: 0 auto 30px auto; line-height: 0.8em;  text-align: center; 
		background: url("../img_re/page/btn_outLink.png") right 30px center no-repeat , #3366cc url("../img_re/page/btn_webMember.png") 50px 30px no-repeat; }

	.btnCenter.kccMember a{ width:auto; height: auto; padding:40px 30px 40px 30px ; margin: 0 auto 30px auto; line-height: 0.8em; text-align: center;  
		background: url("../img_re/page/arrow_artist_today.png") right 30px center no-repeat , #3366cc url("../img_re/page/btn_kccMember.png") 30px 30px no-repeat;
		}

	/* 車いす */
	.contentsPage #wheelchair 	p.intro{ font-size:14pt; padding-bottom:40px; text-align: left; line-height: 1.2em; }
	.contentsPage #wheelchair 	p.intro br{ display: none; }
	#wheelchair ul{ font-size:12pt; width: auto; line-height: 1.2em; text-indent: -2em; margin-left: 2em; }
	#wheelchair ul li{ padding-bottom: 10px; }
	a.sendBtn { background: #3366cc url("../img_re/page/arrow_artist_today.png") right 20px center no-repeat ; background-size: 22px; }
	
}

@media screen and (max-width: 750px) { /* タブレット向け */
	
	/* トップページ　スケジュール・先行・当日券 */
	ul.topBtn li a{ font-size: 11pt; font-weight: 400;
			 text-shadow    : 
       3px  3px 2px #2952a4,
      -3px  3px 2px #2952a4,
       3px -3px 2px #2952a4,
      -3px -3px 2px #2952a4,
       3px  0px 2px #2952a4,
       0px  3px 2px #2952a4,
      -3px  0px 2px #2952a4,
       0px -3px 2px #2952a4;        /* 文字の影 */}	
	
	ul.topBtn li:nth-child(2) a{ background: url("../img_re/top/icon_topBtn_schedule.png") top -3px center no-repeat,  #264c99 url("../img_re/top/bg_btn_topmain.png") 0 0 repeat-x; background-size: 50px 50px,5px 70px; 
		padding: 43px 0 5px 0; height: 20px; width: auto; }
	ul.topBtn li:nth-child(3) a{ background: url("../img_re/top/icon_topBtn_senko.png") top -3px center no-repeat,  #264c99 url("../img_re/top/bg_btn_topmain.png") 0 0 repeat-x; background-size: 50px 50px,5px 70px; 
		padding: 43px 0 5px 0; height: 20px; width: auto; }
	ul.topBtn li:nth-child(4) a{ background: url("../img_re/top/icon_topBtn_today.png") top -3px center no-repeat,  #264c99 url("../img_re/top/bg_btn_topmain.png") 0 0 repeat-x; background-size: 50px 50px,5px 70px; 
		padding: 43px 0 5px 0; height: 20px; width: auto; }
	
	
	/* アーティスト：一覧ページ */
	.artistSelect ul li a{ padding: 5px 10px 7px 10px ; margin-right: 12px; font-size: 10pt; line-height: 1.2em; text-align: center; }
	.artistSelect ul li a span{ display:block; }

	.artistNav{ padding: 5px 5px 0 5px; margin-bottom: 10px; }
	.artistNav ul{ padding: 5px 0 0 0; margin:0 auto; flex-wrap: wrap; width: 300px; }
	.artistNav ul li a{ padding: 0 10px; margin-bottom: 10px; font-size: 12pt; font-weight: 400; }
	
	/* アーティストページ eventTicket */
	dl.eventTicket{ float: none; display: block; width: auto; padding: 15px 40px 0 40px; margin: 0; }
	dl.eventTicket dt{ float: none; width: auto; }
	dl.eventTicket dd{ float: none; width: auto; padding-top: 5px; }
	
	/* ユーザーガイド */
	#hyouki table{ }
	#hyouki table th{ display: block; width: 100%; padding-top: 20px; }
	#hyouki table td{ display: block; width: 100%; }
	#hyouki table td:before { content: ""; }
	#hyouki table td br { display: none; }
	
	/* KCC会員向けメール登録ページ */
	table.kccMail{ display: block; width: 100%;  }
	table.kccMail tbody{ display: block; width: 100%; }
	table.kccMail tr th{ display: block; width: 100%; }
	table.kccMail tr td{ display: block; width: 100%; }
	.contentsPage #kccMail 	p.intro{ padding-bottom:40px; text-align: left; line-height: 1.2em; }
	.contentsPage #kccMail 	p.intro br{ display: none; }
	
	/* お問い合わせ */
	.faqList li:last-child a { height: 30px; padding: 20px 0 10px 0; }
	.faqList li span.faq1{ display: block; }
	.faqList li a{ font-size:10pt; }

}

@media screen and (max-width: 660px) { /* タブレット向け */
		
	/* トップページ お知らせ・重要なお知らせ */
	#topInforimaiton dl dt{ width: auto; padding: 15px 0 0 0; float: none; font-size: 11pt; font-weight: 600; }
	#topInforimaiton dl dd{ width: auto; padding: 2px 0 10px 0; float: none; margin-left: 0; text-indent: 55px; border-bottom: 1px dotted #ccc; }
	#topInforimaiton dl dd:last-child{ border-bottom: none; }
	
	/* トップページ　topGuide */
	#topGuideList ul{ width: 320px; margin: 0 auto 20px auto; }
	#topGuideList ul li a{ margin: 0 10px 10px 0; }
	#topGroup { padding: 15px 5px; width: 300px; margin: 0 auto; background: #3366cc url("../img_re/top/bg_group.png") right 10px top 20px no-repeat; background-size: 55px 40px; }
	#topGroup h2{ font-size: 16pt; padding-left: 20px; text-align:left; }
	#topGuideList ul li:nth-child(2n) a{ margin-right: 0; }
	#topGroup p br{ display: none; }
	#topGroup ul { width: 280px; margin: 0 auto; justify-content:center; }
	#topGroup ul li p{ width :100px; }
	#topGroup ul li { margin: 0 15px 15px 0; }
	#topGroup ul li:nth-child(2n){ margin-right: 0; }
	
	#topGroup ul li p{ width :100px; }
	
	/* 宿泊案内 */
	
	.contentsPage #hotel p.intro{ font-size:12pt; }
	#hotelResult ul li a { text-align: center; padding-bottom: 60px; }
	#hotelResult ul li:nth-child(odd) 	a{ background: #ffffff url("../img_re/page/arrow_hotel_result_sp.png") center bottom no-repeat; 
		background-size: 450px;}
	#hotelResult ul li:nth-child(even) 	a{ background: #eaf1ff url("../img_re/page/arrow_hotel_result_sp.png") center bottom no-repeat; 
		background-size: 450px;}
	#hotelResult ul li a img{ float: none; display: block; margin: 0 auto;}
	#hotelResult ul li a span.hotelName { font-size: 16pt; }
	#hotelResult ul li a span.hotelAcc 	{ font-size: 11pt; display: block; }
	#hotelResult ul li a span.hotelTel 	{ font-size: 11pt; }
	#hotelResult ul li a span.hotelPrice{ font-size: 11pt; }
	#hotelResult ul li a span.hotelData { font-size: 11pt; }
	
}

@media screen and (max-width: 620px) { /* スマホ向け */
	
	/* スライドショー　*/
	.slider-nav img{ width: 95%; height: auto; }
	
	/* バナー */
	ul.fBnr { margin: 0 auto; width: 280px; display:block; }
	
	/* 会員ページ */	
	.kccList{ width: auto; margin: 0 auto ; }
	.kccList li{ font-size:14pt; padding: 5px 0 0 30px; line-height: 1.7em;  }
	.kccList li:nth-child(1){ background: url("../img_re/page/icon_kccMember1.png") left 15px no-repeat; background-size: 17px; }
	.kccList li:nth-child(2){ background: url("../img_re/page/icon_kccMember2.png") left 15px no-repeat; background-size: 17px; }
	.kccText{ font-size: 13pt; background: #fce756; border-radius: 10px; padding-top: 10px 0; margin: 40px 10px; line-height: 1.4em; }
	.kccText span{ padding: 0 0 10px 0; }
	
	/* グループチケット */	
	.groupNote { width: auto; }
	.groupNote h4{ margin-bottom: 10px; }
	.groupNote p{ padding: 0; }
	.groupNote p span{ display: block; text-indent: -1em; padding-left: 1em; }
	.groupCaution{ text-align: left; padding: 50px 0 100px 0; }
	.groupCaution br{ display: none; }	
	
	/* フッター */
	ul.fBnr li:nth-child(2n){ margin: 0; }

}

@media screen and (max-width: 605px) { /* スマホ向け */
	
	/* トップページ　その他メディア */
	#topMedia .areaInner{ display: block; margin: 0 auto ; padding-bottom: 30px; width: 380px; }
	
	#topNewsList ul{ display: block; margin: 0 auto; width: 270px; }
	#topNewsList ul li { margin:0 0 25px 0; }
	#topNewsList ul li:nth-child(4n){ margin:0 0 25px 0; }
}


@media screen and (max-width: 520px) { /* スマホ向け */
	
	/* トップページ　topGuide */
	#topGuideList p{ text-align:left; }
	#topGuideList p br{ display: none; }
	
	/* トップページ　その他メディア */
	#topNewsList ul li { margin:0 0 10px 0; }	
	#topNewsList ul li:nth-child(4n){ margin:0 0 10px 0; }
	#topNewsList ul li:last-child{ margin:0 0 50px 0; }
	
	/* アーティスト：一覧ページ */

	.artistSelect ul{ }
	.artistSelect ul li a{ padding: 5px 3px 7px 3px; text-align: center; font-size: 8pt; line-height: 1.2em; margin-right: 5px; }
	.artistSelect ul li a span{ display:block; }

	/* 各プレイガイド */
	dl.eventtTicketShop dd ul{ display: block; }
	dl.eventtTicketShop dd ul li{ margin-bottom: 15px; margin-right: 0; }
	dl.eventtTicketShop dd ul li.eplus 	a:link{ width: auto; padding: 25px 15px 5px 100px; height: 50px; 
												background:#fff url("../img_re/page/icon_artist_shop_eplus.png") 15px center no-repeat;}
	dl.eventtTicketShop dd ul li.pia 	a:link{ width: auto; padding: 15px 15px 5px 100px; height: 60px; 
												background:#fff url("../img_re/page/icon_artist_shop_pia.png") 5px center no-repeat;}
	dl.eventtTicketShop dd ul li.rotike a:link{ width: auto; padding: 15px 15px 5px 100px; height: 60px;
												background:#fff url("../img_re/page/icon_artist_shop_rotike.png") 15px center no-repeat;
												background-size:70px ; }
	
	/* 共通：ボタン */
		.btnCenter.webMember a{ width:auto; height: auto; padding:30px 20px 30px 20px ; margin: 0 auto 20px auto; line-height: 0.8em; 
		background: url("../img_re/page/btn_outLink.png") right 30px center no-repeat , #3366cc url("../img_re/page/btn_webMember.png") 30px center no-repeat;
		background-size: 35px 40px; }

		.btnCenter.kccMember a{ width:auto; height: auto; padding:30px 20px 30px 20px ; margin: 0 auto 20px auto; line-height: 0.8em; text-align: center; 
		background: url("../img_re/page/arrow_artist_today.png") right 30px center no-repeat , #3366cc url("../img_re/page/btn_kccMember.png") 20px center no-repeat; 
		background-size: 15px, 50px 45px; }
	
	/* 	宿泊 */
	.contentsPage #hotel h2{ background: url("../img_re/page/h2_hotel.png") 10% 15px no-repeat; }
	
	/* フッター */
	.copyright{ font-size: 11px;}
	
}

@media screen and (max-width: 400px) { /* スマホ向け:最小320px*/
		
	/* フッター */
	.copyright{ font-size: 10px;}
	
	/* トップページ　スケジュール・先行・当日券 */
	ul.topBtn li a{ font-size: 10pt; font-weight: 400; }	
	
	ul.topBtn li:nth-child(2) a{ background: url("../img_re/top/icon_topBtn_schedule.png") top 3px center no-repeat,  #264c99 url("../img_re/top/bg_btn_topmain.png") 0 0 repeat-x; background-size: 50px 50px,5px 70px; 
		padding: 50px 0 0 0; height: 20px; width: auto; }
	ul.topBtn li:nth-child(3) a{ background: url("../img_re/top/icon_topBtn_senko.png") top 3px center no-repeat,  #264c99 url("../img_re/top/bg_btn_topmain.png") 0 0 repeat-x; background-size: 50px 50px,5px 70px; 
		padding: 50px 0 0 0; height: 20px; width: auto; }
	ul.topBtn li:nth-child(4) a{ background: url("../img_re/top/icon_topBtn_today.png") top -3px center no-repeat,  #264c99 url("../img_re/top/bg_btn_topmain.png") 0 0 repeat-x; background-size: 50px 50px,5px 70px; 
		padding: 35px 0 5px 0; height: 30px; width: auto; }
	ul.topBtn li:nth-child(4) a br { display: block; }
	
	/* トップページ　その他メディア */
	#topMedia .areaInner{ display: block; margin: 0 auto ; padding-bottom: 20px; width: auto; }
 	#topMedia .box{ width: auto; height: auto; float: none; padding: 0; overflow:none; }
 	#topMedia .box:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}

	#topMedia h2{ font-size: 17pt; margin-bottom: 15px; padding: 5px 10px 0 10px; }
	
	#topSns{ width: 100%; padding: 30px 0 0 0; margin:10px auto 20px auto; }
	#topSns ul li{ width: 45%; }
	#topSns ul li img{ width: 100%; }
	#topSns ul li:nth-child(5){ width: 100%; }

 	#topMedia #topMagazine.box{ height: 290px; }
	#topMagazine{ background: #fff url("../img_re/top/bg_magazin.png") 5px 50px no-repeat;margin: 0 auto 20px auto; overflow:auto;}
	#topMagazine p.magazineName{ width: auto; margin-left: 0; padding:0 0 20px 120px; background: url("../img_re/top/hr_magazin.png") bottom right no-repeat; }
	
	#topShop { padding: 0; width: 100%; height: auto; float: none; margin:0 0 20px 0; }
	#topShop ul li:nth-child(1){ height: 90px; width: auto; margin-right: 0;}
	#topShop ul li:nth-child(2) a{ height: 90px; width: auto; margin-right: 0;}
	#topShop ul li:nth-child(1){ background: #333 url("../img_re/top/icon_shop.png") 30px center no-repeat; background-size: 40px; }
	#topShop ul li:nth-child(2) a{ background: #3366cc url("../img_re/top/icon_hotel.png") 30px center no-repeat; background-size: 40px; }

	#topKCC{ background: #fff url("../img_re/top/bg_kcc.png") 5px 45px no-repeat; margin:0 auto 20px 0; padding: 0; }
	#topKCC p.massage{ width: auto; padding:0 0 20px 0; text-align: center; font-size:12pt; font-weight: 600; }

	#topWheelchair{ background: #fff url("../img_re/top/bg_wheelchair.png") 5px 45px no-repeat; margin: 0; padding: 0; }
	#topWheelchair p.massage{ width: auto; padding:0 0 20px 0; text-align: center; background: url("../img_re/top/hr_massage.png") bottom left no-repeat; font-size:12pt; font-weight: 600; }
	
	#topMedia p.text{ width: auto; height: auto; margin-bottom: 10px; }
	#topMedia p.text br{ display: none; }
	#topMedia p.next{ display: block; width: auto; height: auto; }
	#topMedia p.text.magazine{ width: auto; height: auto; padding: 0 10px;}
	#topMedia p.next.magazine{ width: auto; height: auto; }
	
	/* トップページ　その他メディア　ここまで */
	
	/* トップページ　YouTube */
	#topYouTube h2{ display: block; width: auto; background: url("../img_re/top/icon_youtube.png") center top no-repeat; text-align:center; margin: 15px auto; padding: 30px 0 0 0; }

	#topGuideList ul{ margin: 0 auto 20px auto; width: auto; }
	
	#topGroup { width: auto; }
	
	#topPickupList h2 span{ display: block; }
	
	#serchText			{ margin: 0 0 10px 0; }
	.scheduleSerchText	{ margin: 0 0 10px 0; }
	
	/* お知らせ */
	#information img{ max-width: 280px; }
	#information iframe{ max-width: 280px; }
	.contentsPage #information p{ padding: 30px 10px; }
	
	/* 重要なお知らせ */
	#important img{ max-width: 280px; }
	#important iframe{ max-width: 280px; }
	.contentsPage #important p{ padding: 30px 10px; }
	
	/* ニューリリース */
	#newRelease img{ max-width: 280px; }
	#newRelease iframe{ max-width: 280px; }
	.contentsPage #newRelease p{ padding: 30px 10px; }
	
	/* スケジュール */
	.easy-select-box	{ width:255px; }
		
	/* 会員ページ */	
	.nyukaiPrice li { font-size: 16pt; padding: 0 5px ; line-height: 2.2em; width: auto; }
	.nyukaiPrice li:nth-child(2):before{ content: "" }
	.nyukaiPrice li:nth-child(3):before{ content: "" }
	.nyukaiBox p{ text-align: center; }
	.nyukaiBox table tr th{ display: block; width: 100%; padding-left: 0; text-align: center; border-bottom: 1px dotted #333; }
	.nyukaiBox table tr td{ display: block; width: 100%; padding-left: 0; text-align: center; font-size: 12pt; }
	.nyukaiBox img 	{ width: 100%; }
		
	/* KCC会員向けメール登録ページ */
	.kccBtn{ width: 100%; margin: 0 auto;}
	.kccBtn a.sendBtn { 
	background: #3366cc url("../img_re/page/arrow_artist_today.png") right 30px center no-repeat ;
	width: auto; padding: 20px 10px 20px 0 ;}
	
	/* お問い合わせ */
	.faqList li span.faq2{ display: block; }
	.faqList li a{ font-size:8pt; height: 40px; line-height: 1.1em; }
	.faqList li:last-child a { height: 30px; padding: 20px 0 10px 0; }

	/* 宿泊 */
	.contentsPage #hotel 		h2{ background: url("../img_re/page/h2_hotel.png") 10% 30px no-repeat; background-size: 36px; }
}

/* ### rex ### */
@media screen and (max-width: 1200px) {
	.slick-dotted.slick-slider
	{
	    margin-bottom: 30px;
	}
	#topInforimaiton dl {
		max-height: 200px;
		overflow: auto;
	}
	#topimportantInfo ul {
		max-height: 200px;
		overflow: auto;
	}
}

@media screen and (max-width: 660px) { /* タブレット向け */
	.artistListBox ul li { width: 144px; }
	.trim { width: 144px; background-color: #3366cc; }
	.trim > img { max-width: 144px; max-height: 200px; top: 50%; }
}