@charset "UTF-8";



/* For modern browsers */
.cf:before,
.cf:after {
	content:"";
	display:table;
}
.cf:after {
	clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
	zoom:1;
}



/* 全体 ---------------------------------------------------- */
body {
	font-family: "Lucida Grande", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, sans-serif; background-color: black;
	font-size: 90%;
	background-color: white;
	color: #444;
	line-height: 1.6;
}

/* テキスト */
.txtB { font-weight: bold; }
.txtN { font-weight: normal; }

.txtXXL { font-size: 144%; }
.txtXL { font-size: 125%; }
.txtL { font-size: 108%; }
.txtS { font-size: 85%; }
.txtXS { font-size: 75%; }

.txtRed { color: red; }
.txtPink { color: #e5007f; }
.txtWhite { color: white; }

.txtFontR { font-family: 'Titillium Web', sans-serif; font-weight: 400; }
.txtFontM { font-family: 'Titillium Web', sans-serif; font-weight: 600; }
.txtFontB { font-family: 'Titillium Web', sans-serif; font-weight: 700; }

/* リンク */
a.icon { padding:2px 12px 2px 3px; background: url(../../images/index_icon_arrow.gif) 100% no-repeat; margin-left: -3px; }
a.icon:link, a.icon:visited { background-color: white; }
a.icon:active, a.icon:hover { background-color: #f2f2f2; }

a.pink { color: #e5007f; }
a.pink:link, a.pink:visited { text-decoration: underline;}
a.pink:active, a.pink:hover { text-decoration: none;}



/* 共通 ---------------------------------------------------- */
div.wrapper { overflow: hidden; min-width: 960px; }

div.contWrap { width: 960px; margin: 0 auto; }

/* ナビゲーション */
div.naviFrm { background-color: #e5007f; position: fixed; left:0; top: 0; z-index: 100; width: 100%; box-shadow: 0 3px 5px rgba(0,0,0,0.3); }

div.naviFrm ul.headNavi li a { display: block; height: 64px; float: left; }
div.naviFrm ul.headNavi li.naviHome a { width: 46px; background: url(../images/navi_home.png) 50% 0px no-repeat; padding: 0 5px; }
div.naviFrm ul.headNavi li a.navi:hover { background-position: 50% -128px; background-color: white; }

div.naviFrm ul.headNavi li.navi01 a { width: 47px; background: url(../images/navi01.png) 50% -64px no-repeat; padding: 0 10px; margin-left: 20px; }
div.naviFrm ul.headNavi li.navi02 a { width: 142px; background: url(../images/navi02.png) 50% -64px no-repeat; padding: 0 10px; margin-left: 40px; }
div.naviFrm ul.headNavi li.navi03 a { width: 112px; background: url(../images/navi03.png) 50% -64px no-repeat; padding: 0 10px; margin-left: 40px; }
div.naviFrm ul.headNavi li.navi04 a { width: 77px; background: url(../images/navi04.png) 50% -64px no-repeat; padding: 0 10px; margin-left: 40px; }
div.naviFrm ul.headNavi li.navi05 a { width: 60px; background: url(../images/navi05.png) 50% -64px no-repeat; padding: 0 10px; margin-left: 40px; }
div.naviFrm ul.headNavi li.navi06 a { width: 75px; background: url(../images/navi06.png) 50% -64px no-repeat; padding: 0 10px; margin-left: 40px; }

div.naviFrm ul.headNavi li.navi03off { float: left; height: 64px; width: 112px; background: url(../images/navi03.png) 50% 0px no-repeat; padding: 0 10px; margin-left: 40px; }
div.naviFrm ul.headNavi li.navi04off { float: left; height: 64px; width: 77px; background: url(../images/navi04.png) 50% 0px no-repeat; padding: 0 10px; margin-left: 40px; }
div.naviFrm ul.headNavi li.navi06off { float: left; height: 64px; width: 75px; background: url(../images/navi06.png) 50% 0px no-repeat; padding: 0 10px; margin-left: 40px; }

p.reserveBtn a { position: fixed; right: 0; top: 74px; width: 236px; height: 44px; background: url(../images/head_btn01_1116.png) 0 0 no-repeat; border-top-left-radius: 5px; border-bottom-left-radius: 5px; box-shadow: 3px 3px 5px rgba(0,0,0,0.3); z-index: 100; }
p.reserveBtn a:hover { background-position: 0 -44px; } 

p.episodeBtn a { position: fixed; right: 0; top: 128px; width: 236px; height: 44px; background: url(../images/head_btn02_1116.png) 0 0 no-repeat; border-top-left-radius: 5px; border-bottom-left-radius: 5px; box-shadow: 3px 3px 5px rgba(0,0,0,0.3); z-index: 100; }
p.episodeBtn a:hover { background-position: 0 -44px; } 

p.episodeBtn2 a { position: fixed; right: 0; top: 74px; width: 236px; height: 44px; background: url(../images/head_btn02_1116.png) 0 0 no-repeat; border-top-left-radius: 5px; border-bottom-left-radius: 5px; box-shadow: 3px 3px 5px rgba(0,0,0,0.3); z-index: 100; }
p.episodeBtn2 a:hover { background-position: 0 -44px; } 

p.snsBtn a { position: fixed; right: 0; top: 74px; width: 257px; height: 44px; background: url(../images/head_btn01_1214.png) 0 0 no-repeat; border-top-left-radius: 5px; border-bottom-left-radius: 5px; box-shadow: 3px 3px 5px rgba(0,0,0,0.3); z-index: 100; }
p.snsBtn a:hover { background-position: 0 -44px; } 

p.serenaBtn a { position: fixed; right: 0; top: 128px; width: 257px; height: 64px; background: url(../images/head_btn02_1221.png) 0 0 no-repeat; border-top-left-radius: 5px; border-bottom-left-radius: 5px; box-shadow: 3px 3px 5px rgba(0,0,0,0.3); z-index: 100; }
p.serenaBtn a:hover { background-position: 0 -64px; } 




ul.headMobileFrm { display: none; }

/* フッタ */
div.abqnFootArea { background-color: black; color: white; }
div.abqnFootArea div.footLeft { float: left; padding: 20px 0 10px; }
div.abqnFootArea div.footLeft ul.logos li { float: left; padding-right: 30px; }
div.abqnFootArea div.footLeft p.copyright { margin-top: 95px; }
div.abqnFootArea div.footRight { float: right; padding: 17px 0 10px; text-align: right; }
div.abqnFootArea div.footRight p.abeCap { margin-top: 35px; }

/* コンテンツ枠 */
ul.cont li { float: left; width: 50%; display: block; }
ul.cont li.pink { background-color: #e5007f; color: white; }
ul.cont li.lightPink { background-color: #FFBFDF; }
ul.cont li.gray { background-color: #555; color: white; }
ul.cont li.lightGray { background-color: #ccc; }

ul.cont li div.boxContFrm { width: 64%; margin: 0 auto; }

ul.cont li p.pageTit { padding: 124px 0 60px; text-align: center; }

ul.abeqnNote { margin-top: 20px; }
ul.abeqnNote li { text-indent: -1.25em; margin-left: 1.25em; margin-top: 5px; line-height: 1.35; color: #999; }


/* トップページ ---------------------------------------------------- */
div.titFrm { background: url(../images/index_logo_1205.png) 50% 146px no-repeat; height: 582px; }
div.titFrm p.charas { padding-bottom: 36px; background: url(../images/index_charas.png) 50% 464px no-repeat; height: 546px; }

ul.cont li.reserveBox { background: #FFBFDF url(../images/index_reserve_charas.png) center bottom no-repeat; min-height: 95px; }
ul.cont li.reserveBox div.topSubBeltPink { background-color: #e5007f; color: white; }
ul.cont li.reserveBox2 { background: #ccc url(../images/index_reserve_charas.png) center bottom no-repeat; min-height: 95px; }
ul.cont li.reserveBox2 div.topSubBeltGray { background-color: #555; color: white; }

ul.cont li.episodeBox { background: #ccc url(../images/index_episode_abe.png) center bottom no-repeat; min-height: 152px; }
ul.cont li.episodeBox div.topSubBeltGray { background-color: #555; color: white; }

ul.cont li.serenaBox { background: #FFBFDF url(../images/index_serena.png) center bottom no-repeat; min-height: 146px; }
ul.cont li.serenaBox div.topSubBeltPink { background-color: #e5007f; color: white; }

ul.cont li div.boxSubtitFrm { padding: 20px 0; position: relative; line-height: 1.25; }
ul.cont li div.boxSubtitFrm p.iconApply { position: absolute; top: -8px; left: -85px; z-index: 20; }
ul.cont li div.rsrvBoxCont { padding: 30px 0 150px; }

ul.cont li div.rsrvBoxCont p.actNote { text-indent: -1.3em; margin-top: 10px; margin-left: 1.3em; line-height: 1.4; }

ul.cont li div.rsrvBoxCont p.topBoxBtn { padding-top: 30px; text-align: center; }
ul.cont li div.rsrvBoxCont p.topBoxBtn a { align: center; padding: 10px 8px 10px 10px; display: inline-block; border-radius: 5px; box-shadow: 3px 3px 5px rgba(0,0,0,0.3); }
ul.cont li div.rsrvBoxCont p.rsrvBoxBtn a { background-color: #e5007f; }
ul.cont li div.rsrvBoxCont p.rsrvBoxBtn a:hover { background-color: #555; }
ul.cont li div.rsrvBoxCont p.epsdBoxBtn a { background-color: #555; }
ul.cont li div.rsrvBoxCont p.epsdBoxBtn a:hover { background-color: #e5007f; }

ul.cont li div.rsrvBoxCont div.rsrvNoteFrm { margin-top: 25px; background-color: white; border-radius: 5px; }
ul.cont li div.rsrvBoxCont div.rsrvNoteFrm ul.actList { padding: 15px; }
ul.cont li div.rsrvBoxCont div.rsrvNoteFrm ul.actList li { float: none; width: 100%; margin-top: 8px; padding-top: 8px; border-top: dashed 1px #e5007f; }
ul.cont li div.rsrvBoxCont div.rsrvNoteFrm ul.actList li:first-child { margin-top: 0; padding-top: 0; border-top: none; }
ul.cont li div.rsrvBoxCont div.rsrvNoteFrm p.actSubtit { background-color: #e5007f; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 5px 10px; }
ul.cont li div.rsrvBoxCont div.rsrvNoteFrm p.actSubtit2 { background-color: #555; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 5px 10px; }
ul.cont li div.rsrvBoxCont div.rsrvNoteFrm ul.actList li p.actTime { float: left; width: 4.5em; }
ul.cont li div.rsrvBoxCont div.rsrvNoteFrm ul.actList li div.actCont { float: left; line-height: 1.4; }

ul.cont li div.rsrvBoxCont div.serenaTitFrm { background-color: white; border-radius: 5px; padding: 5px 10px; border: solid 2px #e5007f; }








ul.cont li div.featFrm { width: 72%; margin: 0 auto; padding: 130px 0 40px; background: url(../images/index_subtit_features.png) 0 40px no-repeat; }
ul.cont li div.featFrm div.featCont { padding: 0 40px; }
ul.cont li div.featFrm a.featBtn { color: #e5007f; background: white url(../images/index_icon_arrow.png) right center no-repeat; text-decoration: none; line-height: 1; padding: 5px 40px 3px 10px; box-shadow: 0 3px 5px rgba(0,0,0,0.3); white-space: nowrap; }
ul.cont li div.featFrm a.featBtn:hover { background-color: black; }
ul.cont li.abe99logo { background: url(../images/abe99_emblem.png) center center no-repeat; min-height: 480px; }
ul.cont li div.featFrm p.featCap { margin-top: 15px; }



/* 『あべキュン♥』とは ---------------------------------------------------- */
ul.cont li.abe99logoLightGray { background:#ccc url(../images/abe99_emblem.png) center center no-repeat; min-height: 440px; }
ul.cont li div.boxContFrm div.aboutListFrm { border: dashed 1px #ccc; padding: 0 20px 20px; }
ul.cont li div.boxContFrm div.aboutListFrm ul li { float: none; width: auto; line-height: 1.35; margin-top: 20px; background: url(../images/icon_heart.png) left top no-repeat; padding: 0 0 0 34px; }
ul.cont li div.boxContFrm div.aboutCap { margin-top: 40px; padding: 0 20px 80px; }



/* タイムテーブル ---------------------------------------------------- */
ul.cont li.contTitSide99logoLightGray { background:#ccc url(../images/abe99_emblem_S.png) 50% 90px no-repeat; }
div.ttCont { padding: 30px 0; }
div.ttCont div.ttContWrap { margin: 0 auto; width: 940px; }
div.ttCont div.ttNoteWrap { margin: 0 auto; width: 940px; }



/* 会場マップ ---------------------------------------------------- */
div.mapCont { padding: 30px 0; }
div.mapCont div.mapContWrap { margin: 0 auto; width: 940px; }
div.mapCont div.mapNoteWrap { margin: 0 auto; width: 940px; }



/* あべグッズ ---------------------------------------------------- */
div.goodsCont { padding: 30px 0; }
div.goodsCont ul.goodsList li { float: left; width: 30%; padding: 0 1.65% 15px; }
div.goodsCont ul.goodsList li div.listFrm { background-color: #eee; padding: 10px 10px 0; }
div.goodsCont ul.goodsList li div.listFrm p.goodsName { line-height: 1.35; }
div.goodsCont ul.goodsList li div.listFrm p.goodsPrice { margin-top: 3px; line-height: 1.35; text-align: right; }
div.goodsCont ul.goodsList li div.listFrm p.goodsPic { margin-top: 7px; background-color: white; padding: 10px 5px; text-align: center; }
div.goodsCont ul.goodsList li div.listFrm p.goodsCap { margin-top: 7px; }



/* RESPONSIVE ---------------------------------------------------- */
@media screen and (max-width: 765px) {
	div.wrapper { overflow: hidden; min-width: 360px; }
	html,body{ width: 100%; min-width: none; }
	div.naviFrm { background: #e5007f; position: fixed; left:0; top: 0; z-index: 100; width: 100%; box-shadow: 0 3px 5px rgba(0,0,0,0.3); }
	div.naviFrm ul.headNavi { display: none; }
	ul.headMobileFrm { display: block; }
	ul.headMobileFrm li.home { float: left; margin-left: 5px; }
	ul.headMobileFrm li.home a { display: block; width: 46px; height: 64px; background: url(../images/navi_home.png) 0 0 no-repeat; }
	ul.headMobileFrm li.home a:hover { background-position: 0 -64px; }
	ul.headMobileFrm li.menu { float: right; display: block; width: 24px; background: url(../images/navi_menu.png) 0 0 no-repeat; height: 64px; margin-right: 10px; cursor: pointer; position: relative; }
	ul.headMobileFrm li.menu:hover { background-position: 0 -64px; }
	ul.headMobileFrm li.menu ul.headMobileNavi { position: absolute; top: -999em; right: -10px; z-index: 200; box-shadow: -3px 3px 5px rgba(0,0,0,0.3); }
	ul.headMobileFrm li.menu:hover ul.headMobileNavi { top: 64px; }
	ul.headMobileFrm li.menu ul.headMobileNavi li { line-height: 1.25; border-bottom: solid 1px #ccc; }
	ul.headMobileFrm li.menu ul.headMobileNavi li:last-child { border-bottom: none; }
	ul.headMobileFrm li.menu ul.headMobileNavi li a { display: block; color: white; text-decoration: none; white-space: nowrap; padding: 5px 8px; background-color: #555; }
	ul.headMobileFrm li.menu ul.headMobileNavi li a:hover { color: #e5007f; background-color: #ccc; }
	ul.headMobileFrm ul.headMobileNavi { display: none; }

	p.reserveBtn { display: none; }
	p.episodeBtn { display: none; }
	p.episodeBtn2 { display: none; }
	p.snsBtn { display: none; }
	p.serenaBtn { display: none; }

	div.titFrm { background-image: url(../images/index_logo_1205.png); background-position: 50% 50%; background-size:contain; width: 100%; height: 480px; }
	div.titFrm p.charas { display: none; }
	ul.cont li { float: none; width: 100%; display: block; }
	div.contWrap { width: 100%; margin: 0 auto; }
	div.abqnFootArea { background-color: black; color: white; text-align: center; }
	div.abqnFootArea div.footLeft { float: none; padding: 10px 0 10px; display: inline-block; }
	div.abqnFootArea div.footLeft ul.logos li { float: left; padding: 0 10px; }
	div.abqnFootArea div.footLeft p.copyright { margin-top: 40px; }
	div.abqnFootArea div.footRight { float: none; padding: 10px 0; text-align: center; }
	div.abqnFootArea div.footRight p.abeCap { margin-top: 20px; }
	
	/* 『あべキュン♥』とは */
	ul.cont li#pageTitRight { display: none; }
	ul.cont li.abe99logoLightGray { display: none; }
	ul.cont li div.boxContFrm div.aboutListFrm { border: dashed 1px #ccc; padding: 0 20px 20px; margin-top: 40px; }
	
	/* タイムテーブル */
	div.ttCont div.ttContWrap { background-image:url("../images/timetable_1214.gif"); background-position: 50% 0; background-repeat: no-repeat; background-size:contain; width: 100%; height: 694px; }
	div.ttCont div.ttContWrap img { display: none; }
	div.ttCont div.ttNoteWrap { width: 96%; }
	
	/* 会場マップ */
	div.mapCont div.mapContWrap { background-image:url("../images/map_1214.jpg"); background-position: 50% 0; background-repeat: no-repeat; background-size:contain; width: 100%; height: 686px; }
	div.mapCont div.mapContWrap img { display: none; }
	div.mapCont div.mapNoteWrap { width: 96%; }

	/* あべグッズ */
	div.goodsCont ul.goodsList li { float: none; width: 96%; padding: 0 2% 15px; }
}