@charset "utf-8";

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
html { font-size: 62.5%; }
body { font-size:1.0rem; line-height: 1.8;  }

a:link 		{ text-decoration: none; color: #3366cc; transition:all 0.5s ease; }
a:visited 	{ text-decoration: none; color: #5382e0; }
a:hover 	{ text-decoration: none; color: #5382e0; opacity: 0.6; filter: alpha(opacity=60); -moz-opacity:0.6; }
a:active 	{ text-decoration: none; color: #b51c26; }

h1 { font-size: 3.6rem;/* 36px*/ }
h2 { font-size: 2.4rem;/* 24px*/ }

/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
/* clearfix */
#hoge:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}

/*----------------------------------------------------
	#navSkip (NavigationSkip) 
----------------------------------------------------*/
#navSkip a { position: absolute; top: 0; left: -9999px; display: block; text-align: center; }
#navSkip a:focus { z-index: 11000; left: 0; right: 0; margin: auto; }

/*----------------------------------------------------
	#gNavSp
----------------------------------------------------*/
#gNavSp{ display: none; }
#gNav{}

/*----------------------------------------------------
	#page
----------------------------------------------------*/
#page {	width: 100%; margin: 0 auto; text-align: left;}

/*----------------------------------------------------
	#contents
----------------------------------------------------*/
#contents { clear:both; width: 100%; margin: 0; padding: 0; }
#contents .pageTop { clear: both; text-align: right; }
.contentsInner{ width: 1200px; margin: 0 auto; padding: 0; }

.area{clear:both; width: 100%; margin: 0; padding: 0; }
.areaInner{ width: 1200px; margin: 0 auto; padding: 0; clear: both; }
.contentPage .areaInner h2{ text-align: center; font-size: 3.5em; font-weight: bold; line-height: 1.0em; margin-bottom: 50px; }
.contentPage .areaInner p{ text-align: center; font-size: 1.9em; color: #fff; line-height: 1.5em; padding-bottom:50px; }
section{ }

#main { }
#main table,#main ol,#main ul,#main dl,#main blockquote,#main pre,#main p {	margin-bottom: 1em;}
p,h1,h2,h3,h4,h5,h6,dl,ul { font-size: 1.4rem; }


/*----------------------------------------------------
	トップページ
----------------------------------------------------*/

/* トップページ　メイン */
#topMain{ background:#d8d1bb url("../img_re/share/bg_top.png") 0 0 repeat; padding: 35px 0; }

	/* トップページ　メインイメージ */
	#mainImgWrap{ display: block; margin-bottom: 45px; overflow: hidden;}
	#mainImg{ display: block; width: 1200px; margin: 0 auto; }
	.slider-for{ margin-bottom: 15px; overflow: hidden; }
	.slider-nav{ }
	.slick-cloned{ overflow: hidden;}
	.slick-slide { }
	.slider-nav img{ width: 270px; height: auto; }

	/* トップページ　スケジュール・先行・当日券 */
	ul.topBtn { display:flex; padding-bottom: 30px; justify-content: space-between; width: 100%; }
	ul.topBtn li { width:33%; padding-right: 22px; }
	ul.topBtn li.pc{ display: block; }
	ul.topBtn li.sp{ display: none; }
	ul.topBtn li:last-child { padding-right: 0; }
	ul.topBtn li a{ color:#fff; font-size: 22pt; font-weight: 900; line-height: 1.2em; text-align: center;
		display: block; border-radius: 10px; box-shadow: 7px 8px 11px -1px rgba(0,0,0,0.3); }
	ul.topBtn li:nth-child(1) a{ background: url("../img_re/top/icon_topBtn_schedule.png") 35px center no-repeat,#3366cc  url("../img_re/top/bg_btn_topmain.png") 0 0 repeat-x; padding: 50px 0 0 80px; height: 90px; width: 300px; }
	ul.topBtn li:nth-child(3) a{ background: url("../img_re/top/icon_topBtn_senko.png") 55px center no-repeat,#3366cc url("../img_re/top/bg_btn_topmain.png") 0 0 repeat-x; padding: 50px 0 0 80px; height: 90px; width: 300px; }
	ul.topBtn li:nth-child(4) a{ background: url("../img_re/top/icon_topBtn_today.png") 45px center no-repeat,#3366cc  url("../img_re/top/bg_btn_topmain.png") 0 0 repeat-x; padding: 30px 0 0 105px; height: 110px; width: 290px; }

	/* トップページ お知らせ・重要なお知らせ */
	#topInfo{ display: flex; }
	#topInforimaiton{ display: block; width: 640px; background: #fff; padding: 10px 25px 0 20px; border: 7px solid #3366cc; margin-right:24px; }
	#topInforimaiton h2{ display: block; font-size: 17pt; font-weight: 900; color: #3366cc; text-align: left; margin-bottom: 5px; }
	#topInforimaiton h2 span{ font-size: 10pt; font-weight: 600; color: #999; margin-left: 10px; }
	#topInforimaiton dl{ color: #333; font-size: 10pt; }
	#topInforimaiton dl dt{ width: 100px; padding: 5px 0 0 0; float: left; clear: both; }
	#topInforimaiton dl dd{ width: 430px; padding: 2px 0 2px 60px; margin-left: 110px; font-size: 11pt; line-height: 1.5em; }
	#topInforimaiton dl dd a{ color: #333; }
	#topInforimaiton dl dd.topInfo01{ background: url("../img_re/top/ico_topInfo_1.png") 0 7px no-repeat; }
	#topInforimaiton dl dd.topInfo02{ background: url("../img_re/top/ico_topInfo_2.png") 0 7px no-repeat; }
	#topInforimaiton dl dd.topInfo03{ background: url("../img_re/top/ico_topInfo_3.png") 0 7px no-repeat; }
	#topInforimaiton dl dd img{ margin: 5px 5px -5px 0; }

	#topimportantInfo { display: block; width: 540px; background: #b51c26; padding: 10px 20px 20px 25px; color: #fff; }
	#topimportantInfo h2{ display: block; font-size: 16pt; font-weight: 900; color: #fff; text-align: left; margin-bottom: 10px; }
	#topimportantInfo ul{ padding-left: 20px; }
	#topimportantInfo ul li{ list-style: inside; list-style-position: outside; font-size: 11pt; }
	#topimportantInfo ul li a:link{ color: #fff; }
	#topimportantInfo ul li a:visited{ color: #fff; }
	#topimportantInfo ul li a:hover{ color: #fffb98; filter: alpha(opacity=90);}
	#topimportantInfo ul li a:active{ color: #fffb98; filter: alpha(opacity=90);}

/* トップページ News */

#topNews{ background:#fff; padding: 35px 0 15px 0; }

	#topPickupList{ display: block; background:url("../img_re/top/bg_pickup.png") 0 0 repeat; padding: 32px 25px 10px 25px; }
	#topPickupList h2{ display: block; font-size: 17pt; font-weight: 900; color: #fff; text-align: left; margin-bottom: 15px; }
	#topPickupList h2 span{ font-size: 10pt; font-weight: 600; color: #efd000; margin-left: 10px; }
	#topPickupList ul{ display: flex; flex-wrap:wrap; }
	#topPickupList ul li { display: block; width: 245px; padding: 15px; background: #fff; margin:0 14px 14px 0; 
		font-size: 10pt; line-height: 1.2em; clear: both; }
	#topPickupList ul li:nth-child(4n){ margin-right:0px; }
	#topPickupList ul li img{ float: left; margin-right: 20px; max-width: 120px; max-height: 140px; overflow: hidden; }
	#topPickupList ul li div{ display: block; width: 115px; float: right; margin-left: -120px; }
	#topPickupList ul li span{ display: block; background: url("../img_re/top/hr_pickup.png") left bottom no-repeat; padding: 0 0 7px 0; margin-bottom: 5px; font-size: 11pt; font-weight: bold; color: #2c55a7; line-height: normal; }

	#topNewsList{ display: block; padding: 32px 25px 10px 25px; }
	#topNewsList h2{ display: block; font-size: 17pt; font-weight: 900; color: #3366cc; text-align: left; margin-bottom: 15px; }
	#topNewsList h2 span{ font-size: 10pt; font-weight: 600; color: #999; margin-left: 10px; }
	#topNewsList ul{ display: flex; flex-wrap: wrap; }
	#topNewsList ul li { display: block; width: 270px; height: 130px; margin:0 23px 25px 0; text-align: center; color: #e8000f; font-weight: 600;  }
	#topNewsList ul li img{ max-width: 270px; }
	#topNewsList ul li:nth-child(4n){ margin-right:0px; }

/* トップページ　その他メディア */
#topMedia{ background:#d8d1bb url("../img_re/share/bg_top.png") 0 0 repeat; padding: 60px 0; }
#topMedia:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}

	/* メディア共通 */
 	#topMedia .box{ display:block; width: 360px; height: 280px; border: 10px solid #3366cc; float: left; padding: 0; overflow: hidden; }
 	#topMedia #topMagazine.box{ height: 290px; }
	#topMedia h2{ font-size: 17pt; font-weight: 900; color: #3366cc; text-align:center; margin-bottom: 15px; padding: 5px 25px 0 25px; }
	#topMedia h2 span{ display: block; font-size: 10pt; font-weight: 500; color: #999; margin-top: -5px; }
	#topMedia p.massage{ display: block; font-size: 13pt; font-weight: 900; color: #333; text-align:left; line-height: 1.2em; margin:0 0 0 15px;}
	#topMedia p.text{ display: block; width: 340px; height: 50px; font-size: 12pt; color: #333; text-align:center; line-height: 1.1em; padding: 10px;}
	#topMedia p.next{ display: block; width: 360px; height: 24px; font-size: 15pt; font-weight: 500; color: #fff; background: #3366cc; text-align:center; line-height: 1.3em; padding: 15px 0; margin: 0; }
	#topMedia p.text.magazine{ width: 340px; height: 10px; padding: 5px 10px;}
	#topMedia p.next.magazine{ width: 360px; height: 20px; padding: 15px 0; margin: 0; }
	@keyframes kepname {
	0% { color: #ff0; font-size: 16pt; }
	50% { color: #fff; font-size: 16pt; }
	100% { color: #ff0; font-size: 16pt; }
	}
	span.kep-catch { animation: kepname 1s infinite; }
	#topMedia a:link p.next span{ background: url("../img_re/top/link_mini_arrowr.png")  right 3px top 5px no-repeat; padding-right: 30px; transition:all 0.5s ease; }
	#topMedia a:hover p.next span{ background-position : right 5px; }

#topSns{ display:block; width: 380px; padding: 20px 0 0 0; background: #fff ; float: left; margin-right: 30px; }
#topSns ul{ display: flex; flex-wrap: wrap; justify-content: center; padding: 0 20px 0 20px; }
#topSns ul li{  margin: 0; padding-bottom:5px; }
#topSns ul li:nth-child(2n-1){ padding-right: 10px; }
#topSns ul li:nth-child(5){ padding-top: 10px;  background: #fff url("../img_re/top/hr_sns.png") center top 5px no-repeat; }

#topMagazine{ background: #fff url("../img_re/top/bg_magazin.png") 20px 60px no-repeat; margin: 0 30px 25px 0; overflow: hidden; }
#topMagazine p.magazineName{ display: block; width: 190px; font-size: 11pt; font-weight: 900; color: #3366cc; text-align:left; line-height: 1.2em; margin-left: 150px; padding:10px 0 20px 0; background: url("../img_re/top/hr_magazin.png") bottom left no-repeat;}
#topMagazine p.magazineName span{ font-size: 30pt; padding-bottom: 10px; }
#topMagazine p.text　{ display: block; color: #333; text-align: center; }

#topShop { display:block; padding: 0; width: 380px; height: 300px; float: left; margin: 0 0 25px 0;}
/* OK */
#topShop ul li a{ display: block; color:#fff; font-size: 22pt; font-weight: 900; line-height: 1.2em; text-align: center;
		margin-right: 22px; border-radius: 10px; padding: 50px 0 0 80px; height: 90px; width: 300px; }
#topShop ul li:nth-child(1) a{ background: #3366cc url("../img_re/top/icon_shop.png") 30px center no-repeat; margin-bottom: 20px; }
#topShop ul li:nth-child(2) a{ background: #3366cc url("../img_re/top/icon_hotel.png") 30px center no-repeat;}
#topShop ul li a:link span{ background: url("../img_re/top/link_mini_arrowr.png") right 3px top 15px no-repeat; padding-right: 30px; transition:all 0.5s ease; }
#topShop ul li a:hover span{ background-position : right 15px; }

/* 準備中
#topShop ul li{ display: block; color:#fff; font-size: 22pt; font-weight: 900; line-height: 1.2em; text-align: center;
		margin-right: 22px; border-radius: 10px; padding: 50px 0 0 80px; height: 90px; width: 300px; opacity: 0.6; filter: alpha(opacity=60); -moz-opacity:0.6; }
#topShop ul li:nth-child(1){ background: #333 url("../img_re/top/icon_shop.png") 30px center no-repeat; margin-bottom: 20px; }
#topShop ul li:nth-child(2){ background: #333 url("../img_re/top/icon_hotel.png") 30px center no-repeat; }
#topShop ul li span.jyunnbi{ padding-right: 30px; transition:all 0.5s ease; }
#topShop ul li span.jyunnbi{ background-position : right 15px; }
#topShop ul li span.sub{ font-size: 11pt; font-weight: 400; }
*/

/* 宿泊のみ
#topShop ul li:nth-child(1){ display: block; color:#fff; font-size: 22pt; font-weight: 900; line-height: 1.2em; text-align: center;
		margin-right: 22px; border-radius: 10px; padding: 50px 0 0 80px; height: 90px; width: 300px; opacity: 0.6; filter: alpha(opacity=60); -moz-opacity:0.6; }
#topShop ul li a{ display: block; color:#fff; font-size: 22pt; font-weight: 900; line-height: 1.2em; text-align: center;
		margin-right: 22px; border-radius: 10px; padding: 50px 0 0 80px; height: 90px; width: 300px; }

#topShop ul li:nth-child(1){ background: #333 url("../img_re/top/icon_shop.png") 30px center no-repeat; margin-bottom: 20px; }
#topShop ul li:nth-child(2) a{ background: #3366cc url("../img_re/top/icon_hotel.png") 30px center no-repeat;}
#topShop ul li span.jyunnbi{ padding-right: 30px; transition:all 0.5s ease;background-position : right 15px; }
#topShop ul li span.sub{ font-size: 11pt; font-weight: 400; }
*/


#topKCC{ background: #fff url("../img_re/top/bg_kcc.png") 15px 55px no-repeat; margin: 0 30px 25px 0; padding: 0; }
#topKCC p.massage{ width: 230px; padding:0 0 20px 110px; background: url("../img_re/top/hr_massage.png") bottom left no-repeat;}

#topWheelchair{ background: #fff url("../img_re/top/bg_wheelchair.png") 25px 55px no-repeat; margin: 0; padding: 0; }
#topWheelchair p.massage{ width: 250px; padding:0 0 20px 90px; background: url("../img_re/top/hr_massage.png") bottom left no-repeat; }

/* トップページ　YouTube */
#topYouTube{ display: block; width: 1150px; background: #333; padding:50px 25px 30px 25px; }
#topYouTube h2{ background: url("../img_re/top/icon_youtube.png") 0 0 no-repeat; font-size: 18pt; font-weight: 600; color: #fff; text-align:left; margin-bottom: 25px; padding: 0 0 0 156px; }
#topYouTube h2 a{ color: #fff; }
#topYouTube ul{ display:flex; flex-wrap: wrap; }
#topYouTube ul li{ display:block; width: 260px; margin-right: 35px; height: 170px; }
#topYouTube ul li:nth-child(4n){ margin-right: 0; }

/* トップページ　topGuide */
#topGuide{ width: 1200px; margin: 0 auto; padding: 60px 0;}
#topGuide .areaInner{ display: flex; }
	#topGuideList{ display: block; width: 640px; }
	#topGuideList h2{ font-size: 18pt; font-weight: 900; color: #3366cc; text-align:left; margin-bottom: 15px; padding: 0; }
	#topGuideList p{ font-size: 12pt; line-height: normal; margin-bottom: 30px; }
	#topGuideList ul{ display:flex; flex-wrap: wrap; justify-content: flex-start; margin: 10px 0; }
	#topGuideList ul li a{ display:block; width: 140px; margin-right: 10px; height: 45px; color:#fff; font-size: 13pt; font-weight: 700; line-height: 1.2em; text-align: center; border-radius: 10px; }
	#topGuideList ul li:last-child a{ margin-right: 0; }

	#topGuideList ul li:nth-child(1) a{ background: #3366cc url("../img_re/top/icon_guide_1.png") center 19px no-repeat ; padding:75px 0 0 0; }
	#topGuideList ul li:nth-child(2) a{ background: #3366cc url("../img_re/top/icon_guide_2.png") center 19px no-repeat ; padding:75px 0 0 0; }
	#topGuideList ul li:nth-child(3) a{ background: #3366cc url("../img_re/top/icon_guide_3.png") center 19px no-repeat ; padding:75px 0 0 0; }
	#topGuideList ul li:nth-child(4) a{ background: #3366cc url("../img_re/top/icon_guide_4.png") center 14px no-repeat ; padding:67px 0 0 0; height: 55px; }

	#topGroup { background: #3366cc url("../img_re/top/bg_group.png") right 40px top 40px no-repeat; padding: 15px 15px 5px 25px; width: 540px; }

	#topGroup h2{ font-size: 18pt; font-weight: 900; color: #fff; text-align:left; margin-bottom: 15px; padding: 0; }
	#topGroup p{ font-size: 12pt; line-height: normal; color: #fff; }
	#topGroup ul{ display:flex; flex-wrap: wrap; }
	#topGroup ul li { 
  		position: relative; display: inline-block; width: 120px; height: 120px; margin-right: 15px; border-radius: 50%; background: #efd000; }
	#topGroup ul li p{ position: absolute; display: inline-block; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);
		width :120px; text-align:center; color: #333; font-size: 13pt; font-weight: 700; line-height: 1.2em; }
	#topGroup ul li p span{ display: block; font-size:10pt; line-height: 1.0em;}
	#topGroup ul li:nth-child(4) { margin-right: 0px; }

/*----------------------------------------------------
	コンテンツページ
----------------------------------------------------*/
/* hx */
.contentsPage h2{ display: block; font-size: 21pt; font-weight: 900; color: #3366cc; text-align: center; 
					padding: 30px 0 20px 0; border-bottom: 2px solid #ccc; margin-bottom: 50px; }
.contentsPage h2 span{ display: block; font-size: 10pt; font-weight: 600; color: #999; margin-top: -5px;}
.contentsPage #today 		h2{ background: url("../img_re/page/h2_today.png") 350px 20px no-repeat; }
.contentsPage #wheelchair 	h2{ background: url("../img_re/page/h2_wheelchair.png") 420px 20px no-repeat; }
.contentsPage #important 	h2{ color: #c01920; }
.contentsPage #newRelease	h2{ border-bottom:none ; margin-bottom: 0;}
.contentsPage #members		h2 { margin-bottom: 0;}
.contentsPage #group 		h2{ background: url("../img_re/page/h2_group.png") 340px 20px no-repeat; }
.contentsPage #gakusai 		h2{ background: url("../img_re/page/h2_gakusai.png") 700px 40px no-repeat; 
	padding: 20px 0 20px 0; border-top: 2px solid #ccc;}
.contentsPage #hotel 		h2{ background: url("../img_re/page/h2_hotel.png") 430px 30px no-repeat; }

.contentsPage h3{ display: block; font-size: 18pt; font-weight: 900; color: #333; text-align: center; 
					padding: 70px 0 2px 0; border-bottom: 4px solid #3366cc; margin:0 auto 50px auto; width: 50%; }
.contentsPage #members h3 { font-size: 22pt; }
.contentsPage #members h3 span{ font-size: 17pt; }
.contentsPage #faq h3{ padding: 50px 0 2px 0; }

#members	h4{ font-size: 15pt; font-weight: 900; padding: 20px 0 20px 0; }
#members	h5{ font-size: 15pt; font-weight: 900; padding: 20px 0 10px 50px; }

.contentsPage 				p{ font-size:12pt; width: 1100px; margin: 0 auto ; }
.contentsPage 				p.intro{ font-size:14pt; line-height: 1.4em; }
.contentsPage #today 		p.intro{ font-size:14pt; padding-bottom:40px; text-align: center; }
.contentsPage #wheelchair 	p.intro{ font-size:18pt; font-weight: 600; padding-bottom:40px; text-align: center; }
.contentsPage #wheelchair 	p.intro span{ font-size:11pt;}
.contentsPage #members		p.intro { text-align:center; padding-bottom: 50px; }
.contentsPage #members .contact p{ font-size:14pt; }
.contentsPage #kccMail		p.intro{ font-size:14pt; padding-bottom:40px; text-align: center; }
.contentsPage #group		p.intro{ font-size:18pt; padding-bottom:40px; text-align: center; }
.contentsPage #gakusai		p.intro{ font-size:18pt; padding-bottom:40px; text-align: center; }
.contentsPage #faq			p.intro{ font-size:14pt; padding-bottom:40px; text-align: center; }
.contentsPage #about		p.intro{ font-size:18pt; padding-bottom:40px; text-align: center; }
.contentsPage #hotel		p.intro{ font-size:14pt; padding-bottom:40px; text-align: center; }
.contentsPage #shop			p.intro{ font-size:14pt; padding-bottom:40px; text-align: center; }

.attention	{ color: #c01920; }
ul.note		{ margin-left: 70px; font-size: 12pt; }
ul.note li	{ text-indent: -1em; line-height: normal; }
ul.note li a:link{ font-weight: 900; }

/* 個人情報保護方針 */
#privacy ul{ display: block; padding: 20px 30px; margin: 30px 40px; width: auto; background: #eee; font-size: 12pt; }
p.autograph{ display: block; border-top:2px solid #ccc; padding: 60px 0; text-align: center; margin-top: 60px; }

/* お知らせ */
.contentsPage #information h3{ display: block; font-size: 16pt; font-weight: 900; color: #333; text-align: center; padding: 0 0 40px 0; border-bottom: 2px solid #ccc; margin:-10px auto 30px auto; width: auto; line-height: 1.2em; }
.contentsPage .infoDay{ display: block; text-align:center; color: #3366cc; font-size: 14pt; font-weight: 900; padding-bottom: 30px; }
#information img 	{ float: right; margin: 0 0 30px 30px; mini-width:300px; max-width: 500px; max-height: auto; clear: both; }
#information iframe { float: right; margin: 0 0 30px 30px; mini-width:300px; max-width: 500px; max-height: auto; clear: both; }
.contentsPage #information p{ font-size:13pt; line-height: 1.5em; width: auto; margin: 0 auto ; padding: 30px 20px; border-top: 2px solid #ccc; clear: both; }
.contentsPage #information { font-size:13pt; }
.contentsPage #information p span{ color: #c01920; }
.contentsPage #information .areaInner p:nth-child(4){ border-top: none; }
.contentsPage #information p:last-child{ margin-bottom: 150px; }
.contentsPage #information p:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}

/* 重要なお知らせ */
.contentsPage #important h3{ display: block; font-size: 16pt; font-weight: 900; color: #333; text-align: center; padding: 0 0 40px 0; border-bottom: 2px solid #ccc; margin:-10px auto 30px auto; width: auto; line-height: 1.2em; }
.contentsPage .infoDay{ display: block; text-align:center; color: #3366cc; font-size: 14pt; font-weight: 900; padding-bottom: 30px; }
#important img 		{ float: right; margin: 0 0 30px 30px; mini-width:300px; max-width: 500px; max-height: auto; clear: both; }
#important iframe { float: right; margin: 0 0 30px 30px; mini-width:300px; max-width: 500px; max-height: auto; clear: both; }
.contentsPage #important p{ font-size:13pt; line-height: 1.5em; width: auto; margin: 0 auto ; padding: 30px 20px; border-top: 2px solid #ccc; clear: both; }
.contentsPage #important { font-size:13pt; }
.contentsPage #important p span{ color: #c01920; }
.contentsPage #important .areaInner p:nth-child(4){ border-top: none; }
.contentsPage #important p:last-child{ margin-bottom: 150px; }
.contentsPage #important p:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}

/* ニューリリース */
.contentsPage #newRelease h3{ display: block; font-size: 16pt; font-weight: 600; color: #333; text-align: left; padding: 0 200px 40px 110px; border-bottom: 2px solid #ccc; margin:-10px auto 30px auto; width: auto; line-height: 1.2em; }
.contentsPage #newRelease h3 span{ font-weight: 900; }
.contentsPage #newRelease h3 span:before {content:"/　";}

.contentsPage #newRelease h3.single{ background: url("../img_re/page/icon_newRe_single.png") 0 0 no-repeat; }
.contentsPage #newRelease h3.album{ background: url("../img_re/page/icon_newRe_album.png") 0 0 no-repeat; }
.contentsPage .newReDay{ float: right; display: block; text-align:center; color: #3366cc; font-size: 14pt; font-weight: 900; padding-bottom: 0; margin-top: -15px; }
#newRelease  img 	{ float: left; margin: 0 50px 30px 0; mini-width:300px; max-width: 500px; max-height: auto; clear: both; }
#newRelease  iframe { float: left; margin: 0 50px 30px 0; mini-width:300px; max-width: 500px; max-height: auto; clear: both; }

.contentsPage #newRelease .releaseBox { padding-top: 50px; border-top: 2px solid #ccc; } 
.contentsPage #newRelease p{ font-size:13pt; line-height: 1.5em; width: auto; margin: 0 auto ; padding: 30px 0; border-top: 2px solid #ccc; clear: both; }
.contentsPage #newRelease p span{ color: #c01920; }
.contentsPage #newRelease .areaInner .releaseBox p:nth-child(3){ border-top: none; }
.contentsPage #newRelease .releaseBox p:last-child{ margin-bottom: 150px; }
.contentsPage #newRelease .releaseBox p:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}

/* スケジュール：一覧 */
.scheduleBox{ display: block; padding:15px 20px 5px 20px; width: auto; margin: -60px 0 30px 0; background: #ccc; }
.scheduleBox.bottom{ margin: 30px 0 100px 0; }
.scheduleBox:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}

.scheduleSelect { float:left; }
.easy-select-box { width:200px; }


.calendarBtn a{ float: left; display: inline-block; font-size:12pt; font-weight: 400; color: #fff; margin:0 15px; 
	background: #3366cc url("../img_re/page/icon_schedule_calendar.png") 20px 10px no-repeat; 
	border-radius: 10px; padding:5px 30px 5px 50px; text-align: center; }
.listBtn a{ float: left; display: inline-block; font-size:12pt; font-weight: 400; color: #fff; 
	background: #3366cc url("../img_re/page/icon_schedule_list.png") 20px 10px no-repeat; 
	border-radius: 10px; padding:5px 30px 5px 50px; text-align: center; }

.scheduleSerchForm{ margin-bottom: 10px; float: right; }
.scheduleSerchText{ width: 310px; height: 18px; padding: 10px; font-family: "Noto Sans Jp","メイリオ"; font-size: 12pt; color: #999; border: none; background: #fff; margin-right: 15px; }
a.scheduleSerchBtn{ display: inline-block; font-size:12pt; font-weight: 400; color: #fff; background: #3366cc; border-radius: 10px; padding:5px 30px; text-align: center; }

/* スケジュール：カレンダー */
#calendar table{ width: 100%; border: 1px solid #ccc; margin: 20px auto 100 auto; }
#calendar table tr th{ border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 8px 10px; background: #3366cc; color: #fff; font-size: 13pt; text-align: center; width: 150px; }
#calendar table tr td{ border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 7px 10px 0 10px; vertical-align: top; font-size:18pt; }
#calendar table tr td.sat{ color:#3366cc; }
#calendar table tr td.sun{ color:#c01920; }
#calendar table tr td.hol{ color:#c01920; }
#calendar table tr td span{ font-size:12pt; }
#calendar table tr td ul li{ display: block; background: #d6e2f9; margin-bottom: 7px; color: #333; }
#calendar table tr td ul li a{ display: block; padding: 5px; text-overflow: ellipsis; line-height: 1.1em; font-size: 9pt; font-weight: 500; }

#calendar table tr td ul li:nth-child(2n-1){ background: #eee; }
#calendar table tr td ul li:nth-child(2n){ background: #ebe7d4;}

#calendar table tr td ul li.senko 	a{ background: url("../img_re/page/icon_schedule_calendar_1.png") bottom right no-repeat; }
#calendar table tr td ul li.sale 	a{ background: url("../img_re/page/icon_schedule_calendar_2.png") bottom right no-repeat; }
#calendar table tr td ul li.cancel 	a{ background: url("../img_re/page/icon_schedule_calendar_3.png") bottom right no-repeat; }
#calendar table tr td ul li.enki 	a{ background: url("../img_re/page/icon_schedule_calendar_4.png") bottom right no-repeat; }
#calendar table tr td ul li.soldOut a{ background: url("../img_re/page/icon_schedule_calendar_5.png") bottom right no-repeat; }

#calendar table tr td ul li.senko:nth-child(2n-1) 	{ background: url("../img_re/page/icon_schedule_calendar_1.png") bottom right no-repeat; }
#calendar table tr td ul li.sale 	a{ background: url("../img_re/page/icon_schedule_calendar_2.png") bottom right no-repeat; }
#calendar table tr td ul li.cancel 	a{ background: url("../img_re/page/icon_schedule_calendar_3.png") bottom right no-repeat; }
#calendar table tr td ul li.enki 	a{ background: url("../img_re/page/icon_schedule_calendar_4.png") bottom right no-repeat; }
#calendar table tr td ul li.soldOut a{ background: url("../img_re/page/icon_schedule_calendar_5.png") bottom right no-repeat; }

#calendar table tr td ul li a{ color: #333; }

/* 公演を探す */
.serchBox{ display: block; padding:60px 100px 30px 100px; width: 1000px; margin: -60px 0 100px 0; background: #ccc; }
.serchBox dl{ }
.serchBox dl dt{ width: 160px; float: left; clear: both; font-size:14pt; font-weight: 400; }
.serchBox dl dd{ width: 830px; float: right; }
.serchBox ul{ display: flex; justify-content:flex-start ; padding: 0; margin: 0; }
.serchBox ul li{ }
.serchBox ul li a{ display: block; white-space: nowrap; font-size:12pt; font-weight: 400; color: #fff; background: #3366cc; border-radius: 10px; margin-right: 10px;text-align: center; }

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

#serchForm{ margin-bottom: 40px; }
#serchText{ width: 692px; height: 18px; padding: 10px; font-family: "Noto Sans Jp","メイリオ"; font-size: 12pt; color: #999; border: none; background: #fff; margin-right: 15px; }
#serchBtn{ display: inline-block; font-size:12pt; font-weight: 400; color: #fff; background: #3366cc; border-radius: 10px; padding:5px 30px; text-align: center; }

/* 公演を探す：検索結果 */
#serchResult h3{ margin-top: -110px; }
#serchResult dl { border:1px solid #ccc; border-bottom: 9px solid #ccc; border-top: 9px solid #3366cc; margin-bottom: 30px; }
#serchResult dl dt{ border-bottom:1px solid #ccc; border-right:1px dotted #ccc; width: 160px; height: 90px; padding-top: 10px; text-align: center; color: #3366cc; font-size: 26pt; float: left; clear: both; }
#serchResult dl dt span{ font-size:14pt; padding:0 2px; }
#serchResult dl dt.Weekday{ color: #333; }
#serchResult dl dt.sat{ color: #3366cc; }
#serchResult dl dt.holiday{ color: #c01920; }
#serchResult dl dt .year{ font-size: 12pt; font-weight: 600; }
#serchResult dl dt{ line-height: 0.8em; }
#wheelchair #serchResult dl dt{ line-height: 0.8em; }

#serchResult dl dd{ float: right; }

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

#serchResult dd .title		{ font-size: 18pt; line-height: 1.5em; }
#serchResult dd .opening	{ font-size: 14pt; line-height: 0; }
#serchResult dd .release	{ font-size: 14pt; line-height: 0; }
#serchResult dd .release img{ margin: 5px 10px -5px 0; }
#serchResult dd .place		{ display: block; float: right; margin-top: -50px; font-size: 14pt; line-height: 1.0em; }

#serchResult dd a:link		{ display: block; color: #333; border-bottom:1px solid #ccc;
	width: 887px; height: 85px; padding: 5px 100px 10px 50px; line-height: normal; background:url("../img_re/page/arrow_search_result.png") right top no-repeat; }
#serchResult dd a:visited	{ color: #333; border-bottom:1px solid #ccc; }
#serchResult dd a:hover		{ padding: 5px 100px 5px 50px; border-bottom: 6px solid #3366cc; background:url("../img_re/page/arrow_search_result_on.png") right top no-repeat; opacity: 1.0; filter: alpha(opacity=100); -moz-opacity:1.0; }

#serchResult dl:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}

/* アーティスト：一覧ページ */

.artistSelect{ display: block; width: 100%; background: #fff; padding: 0 ; margin-bottom: 30px; }
.artistSelect ul{ display: flex; justify-content: center; padding: 5px 0 0 0; margin-bottom: 0; }
.artistSelect ul li{ padding:0; }
.artistSelect ul li a{ display: block; border-radius: 6px; background: #fff; padding: 0 15px 2px 15px ; margin-right: 12px; font-size: 14pt; font-weight: 300; border: 1px solid #3366cc; }
.artistSelect ul li:last-child a{ margin-right: 0; }
.artistSelect ul li.aSelOn a{ background: #3366cc; color: #fff; }

.artistNav{ display: block; width: 100%; background: #ccc; padding: 10px 0 1px 0 ; margin-top: 10px; margin-bottom: 50px; }
.artistNav ul{ display: flex; justify-content: center; padding: 5px 0 0 0; margin-bottom: 0; }
.artistNav ul li{ padding:0; }
.artistNav ul li a{ display: block; border-radius: 6px; background: #fff; padding: 0 20px 0 20px; margin-right: 12px; font-size: 18pt; font-weight: 600; }
.artistNav ul li:last-child a{ margin-right: 0; }
.artistNav ul li.aNavOn a{ background: #3366cc; color: #fff; }

.artistListBox{ padding: 0; margin: 0;}
.artistListBox ul{ display: flex; flex-wrap: wrap; align-self:stretch; padding: 0; margin: 0 0 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; text-align: center;  }
.artistListBox ul li a{ display:block; color: #fff; }
.artistListBox ul li:nth-child(4n) { margin-right: 0; }

.trimImg img{
	display: block; 
	margin: 0 auto 5px auto;
  max-width: 268px;
  max-height: 200px;
  background-color:#ccc;
}

.trim {
  position:relative;
  width:268px;
  height:0;
  padding-bottom:200px;/* 幅に対する縦のサイズ */
  overflow:hidden;
  background-color:#ccc;
}
.trim>img{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:auto;
  height:auto;
  max-width:224%;/* 横向き16:9の画像が表示エリア一杯になるように指定 */
  max-height:initial;
	margin-bottom: 5px; 
}
.top .trim>img{
  position:absolute;
  top:100%;
  left:50%;
  transform:translate(-50%,-50%);
  width:auto;
  height:auto;
  max-width:224%;/* 横向き16:9の画像が表示エリア一杯になるように指定 */
  max-height:initial;
	margin-bottom: 5px; 
}
.bottom .trim>img{
  position:absolute;
  top:50%; 
  left:50%;
  transform:translate(-50%,-50%);
  width:auto;
  height:auto;
  max-width:224%;/* 横向き16:9の画像が表示エリア一杯になるように指定 */
  max-height:initial;
	margin-bottom: 5px; 
}

a:hover .trim>img{ 
  max-width:200%;/* 横向き16:9の画像が表示エリア一杯になるように指定 */
  transition:all 0.5s ease;
	margin-bottom: 5px; 
}

/* アーティスト：詳細ページ */
.artistBox{ display: flex; }
.artistImg{ width: 400px; max-height: 500px; display: table; background: #fff; margin-right: 40px; }
.artistImg .artistImgInner{ display: table-cell; vertical-align: middle; text-align: center; overflow: hidden; }
.artistImg img{ width: auto; height: auto; max-width: 400px; max-height: 500px; }
.artistInfo { width: 760px; margin-top: 0; font-size:14pt;}
.artistInfo h3{ width: 760px; padding:0 0 0 0; margin-bottom: 20px; margin-top: 0; text-align: left; }
.artistInfo p{ width: 760px; line-height: 1.3em; }
.artistInfo p.attention{ width: auto; padding:20px; background: #c01920; color: #fff; line-height: 1.3em; }
.artistInfo ul{ display:flex; }
.artistInfo ul li { margin-right: 10px; }
.artistInfo ul li:nth-child(1) a:link{ font-size: 12pt; font-weight: 700; color: #333; padding: 5px 30px 0 0; 
	background: url("../img_re/page/icon_artist_outLink.png") right 2px top 7px no-repeat; }

.eventBox{ margin-top: 35px; border: 1px solid #000; margin-bottom: 55px; padding-bottom: 0; }
.eventBox.senko		{ background: url("../img_re/page/icon_artist_1.png") top 25px right 15px no-repeat; }		/* 先行発売：senko */
.eventBox.sale		{ background: url("../img_re/page/icon_artist_2.png") top 25px right 15px no-repeat; }		/* 発売中：sale */
.eventBox.cancel	{ background: url("../img_re/page/icon_artist_3.png") top 25px right 15px no-repeat; }		/* 中止：cancel */
.eventBox.enki		{ background: url("../img_re/page/icon_artist_4.png") top 25px right 15px no-repeat; }		/* 延期：enki */
.eventBox.soldOut	{ background: url("../img_re/page/icon_artist_5.png") top 25px right 15px no-repeat; }		/* 完売：soldOut */
.eventBox 			h3{ width: auto; padding:12px 10px 10px 40px; margin-bottom: 0; text-align: left; border-top: 8px solid #3366cc; border-bottom: 0px; }
.eventBox.sale 		h3{ border-top: 8px solid #3366cc; }
.eventBox.cancel 	h3{ border-top: 8px solid #c01920; }/* cancel */

.eventTime{ display: block; width: auto; padding: 3px 25px 5px 40px; background: #d0def9; font-size: 14pt; font-weight: 600; letter-spacing: 0.05em; }
.sale		.eventTime{ background: #d0def9; }
.cancel		.eventTime{ background: #fff2d8; }/* cancel */
.eventTime span.eventDay{ font-size: 24pt; font-weight: 600; padding: 0 5px; }
.eventTime span.eventPlace a{ display: block; float: right; margin-top: 10px; font-size:18pt; font-weight: 400; padding-right:30px; 
	background: url("../img_re/page/icon_artist_outLink.png") right 2px center no-repeat; color: #333; }

.eventToday a{ color:#fff;}
.eventToday a:link{ display: block; float: right; font-size: 18pt; font-weight: 600; line-height: 1.2em; text-align: center; border-radius: 10px;
	width: 255px; height: 40px; padding: 25px 45px 15px 0 ; margin: 18px 20px 10px 0;
	background:#3366cc url("../img_re/page/arrow_artist_today.png") center right 40px no-repeat; box-shadow: 5px 6px 8px -4px rgba(0,0,0,0.3); }
.eventToday a:hover{ background:#3366cc url("../img_re/page/arrow_artist_today.png") center right 30px no-repeat; }

dl.eventTicket{ float: left; display: block; width: 750px; padding: 15px 40px 0 40px; margin: 0; font-size: 14pt; }
dl.eventTicket dt{ float: left; width: 220px; font-weight: 900; color: #3366cc; clear: both; }
.cancel dl.eventTicket dt{ color: #c01920; }/* cancel */
dl.eventTicket dt span{ font-size: 10pt; }
dl.eventTicket dd{ float: right; width: 530px; font-weight: 400; line-height: 1.2em; padding-top: 5px; }
dl.eventTicket:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}

ul.eventInfo{ clear: both; background: url("../img_re/page/line_artist_event.png") top left repeat-x; padding: 30px 20px 10px 40px; width: auto; margin: 0; font-size:12pt; }
ul.eventInfo li{ padding: 10px 10px 20px 50px; width: auto; margin: 0; line-height: 1.2em; }

ul.eventInfo li.age{ background: url("../img_re/page/icon_artist_age.png") center left no-repeat;}
ul.eventInfo li.drink{ background: url("../img_re/page/icon_artist_drink.png") center left no-repeat;}
ul.eventInfo li.wheelchair{ background: url("../img_re/page/icon_artist_wheelchair.png") center left no-repeat;}
	 
p.eventNote{ clear: both; background: url("../img_re/page/line_artist_event.png") top left repeat-x; padding: 40px ; width: auto; margin: 0; font-size: 11pt; }
.eventNote span{ color: #c01920; }
.cancel p.eventNote{ color: #c01920; }/* cancel */

dl.eventtTicketShop{ float: left; display: block; width: 1118px; padding: 0 40px 20px 40px; margin: 0; font-size: 14pt; background: #eee; }
#main dl.eventtTicketShop { margin-bottom: 0;}
dl.eventtTicketShop dt{ float: left; width: 200px; padding: 20px 10px 10px 0; font-weight: 900; text-align: left; color: #3366cc; clear: both; }
.cancel dl.eventtTicketShop dt{ color: #c01920; }/* cancel */

dl.eventtTicketShop dd{ float: right; width: 900px; padding: 20px 0 10px 0; font-size: 12pt; font-weight: 400; line-height: 1.4em;  }
dl.eventtTicketShop dd ul{ display: flex; flex-wrap: wrap; }
/* 各プレイガイド */
dl.eventtTicketShop dd ul li{ margin-right: 15px;  margin-bottom: 15px; }
dl.eventtTicketShop dd ul li a:link{ display: block; border: 1px solid #3366cc; padding: 10px; margin-right: 15px; line-height: 1.4em; font-size: 13pt; font-weight: 900; color: #333; }
dl.eventtTicketShop dd ul li span.codeName{ font-size: 10pt; font-weight: 400; }
dl.eventtTicketShop dd ul li span.codeNum{ font-size: 16pt; font-weight: 900; color:#3366cc; }
dl.eventtTicketShop dd ul li a:last-child{ margin-right: 0; }

dl.eventtTicketShop dd ul li.eplus	a:link{ width: 110px; padding: 35px 15px 5px 100px; height: 60px; 
	background:#fff url("../img_re/page/icon_artist_shop_eplus.png") 15px 15px no-repeat;}
dl.eventtTicketShop dd ul li.pia	a:link{ width: 160px; padding: 25px 15px 5px 100px; height: 70px; 
	background:#fff url("../img_re/page/icon_artist_shop_pia.png") 15px 15px no-repeat; }
dl.eventtTicketShop dd ul li.rotike	a:link{ width: 163px; padding: 25px 15px 5px 170px; height: 70px; 
	background:#fff url("../img_re/page/icon_artist_shop_rotike.png") 15px 20px no-repeat; }

/* チケット販売所 */
dl.eventtTicketShop dd p{ width:930px; }
dl.eventtTicketShop dd span.tel{ font-size: 16pt; font-weight: 900; color:#3366cc; padding: 0 10px 0 0; letter-spacing: 0.05em; }
.cancel dl.eventtTicketShop dd span.tel a{ color:#c01920; }

dl.eventtTicketShop:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
.eventBox:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}

/* 共通：ボタン */
.btnCenter a { display: block; font-size:22pt; font-weight: 900; color: #fff; background: #3366cc; border-radius: 10px; text-shadow: 0px 0px 5px rgba(51,102,204,1);}
.btnCenter a span.sub1{ font-size:12pt; font-weight: 400; }
.btnCenter a span.sub2{ font-size:12pt; font-weight: 400; }

.btnCenter.wheelchair a{ width:400px; height: 60px; padding:40px 30px 40px 150px ; background: url("../img_re/page/arrow_artist_today.png") right 30px center no-repeat , #3366cc url("../img_re/page/btn_wheelchair.png") 50px 30px no-repeat; margin: 0 auto 30px auto; }

.btnCenter.webMember a{ width:370px; height: 60px; padding:40px 30px 40px 180px ; 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; margin: 0 auto 30px auto; line-height: 0.8em; }

.btnCenter.kccMember a{ width:400px; height: 60px; padding:40px 30px 40px 150px ; 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; margin: 0 auto 30px auto; line-height: 0.8em; }


/* 会員ページ */
.kccMemberWrap{ border-top: 2px solid #ccc; margin-top: 60px; }

.kccList{ width: 570px; margin: 0 auto ; }
.kccList li{ font-size:18pt; padding-left: 50px; }
.kccList li:nth-child(1){ background: url("../img_re/page/icon_kccMember1.png") 0 center no-repeat; }
.kccList li:nth-child(2){ background: url("../img_re/page/icon_kccMember2.png") 0 center no-repeat; }
.kccText{ text-align: center; background: url("../img_re/page/bg_kccText.png") center top no-repeat; font-size: 15pt; font-weight: 900; padding-top: 10px; margin-top: 40px; }
.kccText span{ display: block; font-size: 11pt; font-weight: 400; padding-top: 20px; }

.nyukaiPrice{ display: flex; flex-wrap:wrap; justify-content:center; margin: 0; }
.nyukaiPrice li{ font-size: 18pt; padding: 0 5px ;}
.nyukaiPrice li span{ font-size: 32pt; font-weight: 900; padding-right: 3px; }
.nyukaiPrice li:nth-child(2):before{ content: "/ " }
.nyukaiPrice li:nth-child(3):before{ content: "/ " }
.nyukaiPrice:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}

.nyukaiBox{ display: block; width: auto; padding: 20px 30px 20px 40px; background: #fce756; margin:50px 0 ; line-height: 2.2em; }
.contentsPage .nyukaiBox p{ font-size:13pt; width: auto; margin: 0 auto ; padding: 0; }
.nyukaiBox table{ width: auto; font-size: 13pt; font-weight: 300; }
.nyukaiBox table tr th{ width: 120px; padding-left: 10px; }

.nyukaiBox img{ float: right; margin: -260px 0 10px 30px; }
.nyukaiBox:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}

.contact { border-top:2px solid #ccc; margin-top: 80px; padding: 70px 0; text-align: center; line-height: 4.2em; }
.contact .kyodoName	{ display: block; text-align: center; width: auto; font-size: 22pt; font-weight: 900; }
.contact .kyodoTel	{ display: block; text-align: center; width: auto; font-size: 26pt; font-weight: 900; }
.contact .kyodoTime	{ display: block; text-align: center; width: auto; font-size: 12pt; }

/* KCC会員向けメール登録ページ */

table.kccMail{ display: block; margin: 0 auto; width: 700px; font-size: 13pt; font-weight: 300; }
table.kccMail tbody{ width: 700px; }
table.kccMail tr th{ width: 150px; vertical-align: top; }
table.kccMail tr td{ width: 530px; vertical-align: top; padding-bottom: 10px; line-height: 1.4em; }

.emailForm { display: block; background: #eee; border: none; border-radius: 10px; padding: 15px 20px; margin: 7px 0 15px 0; width: 100%; font-size: 13pt; transition:all 0.5s ease; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.emailForm:focus{ background: #afd1ff; border: none; outline: none;}

.kccBtn{ width: 400px; margin: 0 auto;}
.kccBtn a.sendBtn { display: block; font-size:18pt; font-weight: 700; color: #fff; 
	background: #3366cc url("../img_re/page/arrow_artist_today.png") right 30px center no-repeat ;
	border-radius: 10px; width: 340px; padding: 30px 10px ; text-align: center; }
.kccBtn a:hover.sendBtn { background: #3366cc url("../img_re/page/arrow_artist_today.png") right 25px center no-repeat ;}
.kccNote{ margin-top: 50px; padding-top: 50px; border-top:2px solid #ccc; }
.contentsPage #kccMail p.sslText { font-size: 10pt; clear: both; display: block; text-align: center; padding-top: 50px; margin-bottom: 100px; }


/* 車いすページ */

#wheelchair{ padding-bottom: 100px; }
#wheelchair ul{ display: block; margin: 0 auto 60px auto; font-size:13pt; width: 70%; }
p.WheelchairText { text-align: center; padding: 0; margin: 0; font-size: 14pt; }
.WheelchairForm { padding: 20px 20px 50px 20px; margin: 60px 0; border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; }
.WheelchairForm h4{ font-size: 13pt; }
.hisu	{ color: #c01920; font-size: 10pt; }
.gtForm	{ display: block; background: #eee; border: none; border-radius: 4px; padding: 15px 20px; margin: 7px 0 10px 0; width: 100%; max-width: 1120px; font-size: 13pt; transition:all 0.5s ease; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.gtForm:focus{ background: #afd1ff; border: none; outline: none;}
.gtText	{ background: #eee; border: none; border-radius: 4px; padding: 15px 20px; margin: 7px 0 10px 0; width: 100%; height: 200px; max-width: 1120px; font-size: 13pt; transition:all 0.5s ease; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.gtText:focus{ background: #afd1ff; border: none; outline: none;}
.contentsPage p.limitNote{ float: right; margin: 10px 0 10px 0; }
.contentsPage p.gtNote	{ font-size: 11pt; clear: both; margin: 60px 0; }
.WheelchairBtn{ width:700px; margin: 0 auto ; }
.WheelchairBtn a.resetBtn { display: block; float: left; font-size:18pt; font-weight: 900; color: #fff; background: #7f7f7f; border-radius: 10px; height: 70px; width: 250px; margin-top: 35px; padding-top: 30px; text-align: center; }
.WheelchairBtn a.sendBtn { display: block; float: right; font-size:22pt; font-weight: 900; color: #fff; background: #3366cc url("../img_re/page/arrow_artist_today.png") right 30px center no-repeat ; border-radius: 10px; height: 90px; width: 360px; padding: 40px 0 5px 70px; }
.WheelchairBtn a:hover.sendBtn { background: #3366cc url("../img_re/page/arrow_artist_today.png") right 25px center no-repeat ;}
.contentsPage p.sslText { font-size: 10pt; clear: both; display: block; text-align: center; padding-top: 50px; }

/* ユーザーガイド */
.siteMap { display: flex; justify-content:center; width: 100%; padding-bottom: 20px; margin-bottom: 30px; }
.siteMap .siteMapBox{ display:block; width: 290px; margin-right: 20px; }
.siteMap .siteMapBox:last-child{ margin-right: 0; }
.siteMap .siteMapBox h3{ width: 100%; height: 156px; display:inline-table; font-size:18pt; font-weight: 900; text-align: center; color: #333; 
	background: #fce756; border-radius: 10px; border: none; padding: 0; margin: 0 0 40px 0; }
.siteMap .siteMapBox h3 span{ display: table-cell; line-height: 1.4em; vertical-align: middle; }
.siteMap .siteMapBox ul li a{ display: block; width: 100% ; font-size: 15pt; font-weight: 400; padding: 0 0 0 30px; background: url("../img_re/page/arrow_gray.png") 5px 10px no-repeat; background-size: 13px; color: #333; line-height: 1.4em; }
.siteMap .siteMapBox ul li a:visited{ background: url("../img_re/page/arrow_gray.png") 10px 10px no-repeat; background-size: 13px; }
.siteMap .siteMapBox ul li a:hover{ background: url("../img_re/page/arrow_gray.png") 10px 10px no-repeat; background-size: 13px; }
.siteMap .siteMapBox ul li.membersLink a{ margin-left: 1em; }
.gudieNote	{ border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; padding: 50px 0;}
.gudieNote li { margin: 0 0 10px 0; text-indent: -1em; line-height: normal; font-size: 12pt; 
	background: url("../img_re/page/icon_userGuide.png") 5px 5px no-repeat; background-size: 15px; 	padding-left: 50px; }

#hyouki	{ padding-top: 50px; margin-bottom: 150px; }
#hyouki table{ width:100%; font-size:14pt; margin: 0 auto; }
#hyouki table th{ width: 140px; vertical-align: top; }
#hyouki table td{ line-height: 1.4em; }
#hyouki table td:before { content: "→　"; }


/* グループチケット */

.groupList{ display: flex; justify-content:center; width: 100%; margin-bottom: 30px; }
.groupList li{ display:block; width: 290px; height: 110px; padding: 40px 0 0 0 ; margin: 0 20px 40px 0; 
	font-size:16pt; font-weight: 900; text-align: center; line-height: 1.4em; 
	color: #333; background: #fce756; border-radius: 10px; border: none; }
.groupList li:nth-child(1){ background:#fce756 url("../img_re/page/icon_grouplist1.png") bottom 5px right 10px no-repeat; }
.groupList li:nth-child(2){ background:#fce756 url("../img_re/page/icon_grouplist2.png") bottom -5px right 10px no-repeat; }
.groupList li:nth-child(3){ background:#fce756 url("../img_re/page/icon_grouplist3.png") bottom -5px right 10px no-repeat; }
.groupList li:nth-child(4){ background:#fce756 url("../img_re/page/icon_grouplist4.png") bottom 5px right 10px no-repeat; }
.groupList li:last-child{ margin-right: 0; }

.groupText{ display: block; background: url("../img_re/page/icon_groupText.png") top left 80px no-repeat; padding: 0 20px 0 190px; width: auto;}

.groupContact{ text-align: center; font-size: 15pt; line-height: 1.8em; margin-bottom: 60px; }
.groupContact .name	{ width: auto; font-weight: 900; }
.groupContact .tel		{ font-size: 26pt; font-weight: 900; }
.groupContact .fax		{ font-size: 26pt; font-weight: 900; color: #3366cc; }
.groupContact .email	{ font-size: 18pt; font-weight: 900; color: #3366cc; }

.groupNote { display: block; width: 540px; background: #fce756 url("../img_re/page/icon_groupContact.png") bottom 20px right 20px no-repeat; padding: 30px; margin: 0 auto; }
.groupNote h4{ text-align: center; margin-bottom: 20px; font-size: 20px; font-weight: 700; }
.groupNote p{ padding: 0 0 0 50px; font-size: 17px; }
.groupNote p span{ font-size: 14px; }
.groupCaution{ text-align: center; padding: 50px 0 100px 0; }

/* 学祭 */
.gakusaiList{ display: flex; justify-content:center; width: 100%; margin-bottom: 30px; }
.gakusaiList li{ display:block; width: 290px; height: 110px; padding: 40px 0 0 0 ; margin: 0 20px 40px 0; 
	font-size:16pt; font-weight: 900; text-align: center; line-height: 1.4em; 
	color: #333; background: #fce756; border-radius: 10px; border: none; }
.gakusaiList li:nth-child(1){ background:#fce756 url("../img_re/page/icon_gakusailist1.png") bottom -5px right 10px no-repeat; 
	height: 120px; padding: 30px 0 0 0 ;}
.gakusaiList li:nth-child(2){ background:#fce756 url("../img_re/page/icon_gakusailist2.png") bottom 0 right 10px no-repeat; }
.gakusaiList li:nth-child(3){ background:#fce756 url("../img_re/page/icon_gakusailist3.png") bottom 0 right 10px no-repeat; }
.gakusaiList li:nth-child(4){ background:#fce756 url("../img_re/page/icon_gakusailist4.png") bottom 0 right 10px no-repeat; }
.gakusaiList li:last-child{ margin-right: 0; }

/* お問い合わせ */
.faqNote { width: 100%; padding-bottom: 30px; border-bottom: 2px solid #ccc; }
.faqNote dt{ font-size: 14pt; font-weight: 600; margin-bottom: 20px; }
.faqNote dd{ font-size: 12pt; margin-bottom: 20px; padding-left: 20px; }
.faqList{ display: flex; justify-content:center; width: 100%; margin: 60px auto 30px auto; background: #eee; padding: 10px; }
.faqList li{ width: 285px; margin-right: 20px; }
.faqList li:last-child{ margin-right: 0; }
.faqList li a{ display:block; width: 100%; padding: 30px 0 ; margin: 0 20px 0 0; 
	font-size:15pt; font-weight: 700; text-align: center; line-height: 1.4em; 
	color: #fff; background: #3366cc url("../img_re/page/icon_faqList.png") bottom 10px center no-repeat; background-size:20px; border-radius: 10px; border: none; transition:all 0.5s ease; }
.faqList li a:hover{ background: #3366cc url("../img_re/page/icon_faqList.png") bottom 7px center no-repeat; background-size:20px; }
.faqList:nth-child(2){ color:red;}

ast-child{ margin-right: 0; }

/* 会社概要 */
.aboutList{ border-top: 2px solid #ccc; width:100%; font-size: 14pt; }
.aboutList th{ border-bottom: 2px solid #ccc; padding: 30px; width:200px; vertical-align: top; }
.aboutList td{ border-bottom: 2px solid #ccc; padding: 30px 0; }
.aboutList td span{ display: inline-block; }
.aboutList td span:after{ content: "／"}
.aboutList td span:last-child:after{ content: ""}

.tokuteiList{ border-top: 1px solid #ccc; width:95%; font-size: 12pt; margin: 0 auto; }
.tokuteiList th{ border-bottom: 1px solid #ccc; padding: 10px 30px; width:200px; }
.tokuteiList td{ border-bottom: 1px solid #ccc; padding: 10px 10px; }
.tokuteiList tr:nth-child(odd) th{ background: #f7f7f7; }
.tokuteiList tr:nth-child(odd) td{ background: #f7f7f7; }
iframe.map{ width:100% ; height:300px; border:0; margin: 30px 0 0 0;}

/* 宿泊案内 */
.hotelBox{ display: block; padding:20px 10px 10px 10px ; width: 100%; margin: 0 0 10px 0; background: #ccc; }
#hotel{ padding-bottom: 100px; }
.hotelBox ul{ display: flex; justify-content:center ; flex-wrap: wrap; padding: 0; margin: 0; }
.hotelBox ul li{ }
.hotelBox ul li a{ display: block; white-space: nowrap; font-size:12pt; font-weight: 400; color: #fff; background: #3366cc; border-radius: 10px; margin-right: 10px; text-align: center; padding: 10px 20px; }
.hotelBox ul li:last-child a{ margin-right: 0;}

#hotelResult h3{ }
#hotelResult ul { }
#hotelResult ul li a{ display: block; clear: both; border:1px solid #ccc; border-top:9px solid #3366cc; width: 100%; padding: 10px; margin-bottom: 10px; font-size: 18pt; color: #333; line-height: 1em; }
#hotelResult ul li:nth-child(odd) 	a{ background: #fff url("../img_re/page/arrow_hotel_result.png") center right no-repeat; }
#hotelResult ul li:nth-child(even) 	a{ background: #eaf1ff url("../img_re/page/arrow_hotel_result.png") center right no-repeat; }
#hotelResult ul li:nth-child(odd) 	a:hover{ background: #fff url("../img_re/page/arrow_hotel_result_on.png") center right no-repeat; }
#hotelResult ul li:nth-child(even) 	a:hover{ background: #eaf1ff url("../img_re/page/arrow_hotel_result_on.png") center right no-repeat; }
#hotelResult ul li a img{ float: left; margin-right: 30px; }
#hotelResult ul li a span.hotelName { font-size: 20pt; font-weight: 500; display: block; padding: 20px 0 10px 0; }
#hotelResult ul li a span.hotelAcc 	{ font-size: 12pt; }
#hotelResult ul li a span.hotelTel 	{ font-size: 12pt; }
#hotelResult ul li a span.hotelPrice{ font-size: 12pt; display: block;}
#hotelResult ul li a span.hotelData { font-size: 12pt; display: block;}
#hotelResult ul li a:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}

/* ショップ・お土産案内 */
.shopBox{ display: block; padding:20px 10px 10px 10px ; width: 100%; margin: 0 0 10px 0; background: #ccc; }
#shop{ padding-bottom: 100px; }
.shopBox ul{ display: flex; justify-content:center ; flex-wrap: wrap; padding: 0; margin: 0; }
.shopBox ul li{ }
.shopBox ul li a{ display: block; white-space: nowrap; font-size:12pt; font-weight: 400; color: #fff; background: #3366cc; border-radius: 10px; margin-right: 10px; text-align: center; padding: 10px 20px; }
.shopBox ul li:last-child a{ margin-right: 0;}

#shopResult h3{ }
#shopResult ul { }
#shopResult ul li a{ display: block; clear: both; border:2px solid #ccc; width: 100%; padding: 10px; margin-bottom: 10px; font-size: 18pt; color: #333; line-height: 1em; }
#shopResult ul li a:hover{ border:2px solid #3366cc; }
#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: left; margin-right: 30px; max-width: 200px; }
#shopResult ul li a span { float: right; display: block; width: 970px; text-align: left; }
#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: 12pt; }
#shopResult ul li a span.shopTel 	{ font-size: 12pt; }
#shopResult ul li a span.shopTel strong { font-size: 16pt; color: #3366cc; }
#shopResult ul li a span.shopData 	{ font-size: 12pt; border-top: 1px dotted #ccc; padding-top: 10px; padding-bottom: 10px; margin-top: 20px; }
#shopResult ul li a:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}