@charset "utf-8";
/* CSS Document */


/* import style
------------------------------------------------------------------- */
@import url('/css/mod_default.css');
@import url('/css/mod_layout.css');
@import url('/css/mod_headerfooter.css');
@import url('/css/mod_common.css');
@import url('/css/mod_others.css');
@import url('/css/library/colorbox.css');
@import url('/css/library/animate.min.css');


/* body
---------------------------------------------------------------------- */
body{
	color: #333;
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

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

#footerArea {
	width: 830px;
	margin: 0 auto;
	background-image:none; background-color:#f6f6f6;
	-webkit-border-radius: 5px;  /* Safari,Google Chrome */
	-moz-border-radius: 5px;      /* Firefox12まで */
	border-radius: 5px;           /* Firefox13以降 */
}

.btnList{ margin: 0 auto; }

/* ------------------------------------------- */

/*　ニコみせイベント　共通
------------------------------------------- */

#townWrapper{
	position: relative;
	background: url(../../../image/event/myshop/bg.png) repeat center top #dcfaf6;
	width: 100%;
	min-width: 1000px;
	margin: 0 auto;
	padding-bottom: 30px;
	padding-top:30px;
}

.contentArea{
	position: relative;
	background: #fbf5d5;
	width: 840px;
	height: 100%;
	margin: 0 auto ;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border: solid 2px #8c8c5d;
}

.contentArea a{
	display:block;
	transition: 0.6s ;
}

.contentArea a:hover{
	opacity: 0.6;
}

.contentArea h2{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	height:0;
}

#event0,#event1,#event2{
	position: relative;
	width: 840px;
	margin: -5px auto 0;
}

#event0 #event0_btn1{
	position: absolute;
	top: 450px;
	left: 610px;
}

#event0 #event0_btn2{
	position: absolute;
	top: 450px;
	left: 710px;
}

#event1 #event1_btn1{
	position: absolute;
	top: 200px;
	left: 150px;
}

#event1 #event1_btn2{
	position: absolute;
	top: 250px;
	left: 150px;
}

#event1 #event1_btn3{
	position: absolute;
	bottom : 20px;
	left: 172px;
}

#event2 #event2_btn1{
	position: absolute;
	top : 480px;
	left: 172px;
}

#event2 #event2_btn2{
	position: absolute;
	bottom : 110px;
	left: 280px;
}

#event2 #event2_btn3{
	position: absolute;
	bottom : 110px;
	left: 655px;
}

#event2 #event2_btn4{
	position: absolute;
	bottom : 52px;
	left: 100px;
}

#event2 #event2_btn5{
	position: absolute;
	bottom : 52px;
	right: 100px;
}

/*　ニコみせイベント　共通
------------------------------------------- */


/*170921 美味しい秋、み～つけた♪　-----------------------------------*/

#white51{
	top: -50px;
}

#white51 #event0{
	background: url(../../../image/event/myshop/bg_white51_event0.png) no-repeat center top;
	height: 560px;
}

#white51 #event1{
	background: url(../../../image/event/myshop/bg_white51_event1.png) no-repeat center top;
	height: 920px;
}

#white51 #event2{
	background: url(../../../image/event/myshop/bg_white51_event2.png) no-repeat center top;
	height: 980px;
}

/*　170913　9周年飾り
------------------------------------------- */

#backImage{
	position: absolute;
	background: url(../../../image/event/september2017/town2/img_back.png) no-repeat center top;
	width: 100%;
	height: 120px;
	top: 0;
}

#topImage{
	position: absolute;
	background: url(../../../image/event/september2017/town2/img_topline.png) repeat-x center top;
	width: 100%;
	height: 34px;
	top: 0;
}

#leftSideImage{
	position: absolute;
	background: url(../../../image/event/september2017/town2/img_leftSide.png) no-repeat left top;
	width: 174px;
	height: 147px;
	top: 0;
	left: 0;
}

#rightSideImage{
	position: absolute;
	background: url(../../../image/event/september2017/town2/img_rightSide.png) no-repeat right top;
	width: 174px;
	height: 147px;
	top: 0;
	right: 0;
}

#frontImage{
	position: relative;
	background: url(../../../image/event/september2017/town2/img_fron.png) no-repeat center top;
	width: 100%;
	height: 120px;
	top: 0;
}


/*171119 バラ咲く城の晩餐会
-----------------------------------*/

#black51 #event0{
	background: url(../../../image/event/myshop/bg_black51_event0.png) no-repeat center top;
	height: 560px;
}

#black51 #event1{
	background: url(../../../image/event/myshop/bg_black51_event1.png) no-repeat center top;
	height: 1200px;
}

#black51 #event2{
	background: url(../../../image/event/myshop/bg_black51_event2.png) no-repeat center top;
	height: 425px;
}


/*　171116　しゅわしゅわ夢色サイダー
------------------------------------------- */

#white52 #event0{
	background: url(../../../image/event/myshop/bg_white52_event0.png) no-repeat center top;
	height: 560px;
}

#white52 #event1{
	background: url(../../../image/event/myshop/bg_white52_event1.png) no-repeat center top;
	height: 920px;
}

#white52 #event2{
	background: url(../../../image/event/myshop/bg_white52_event2.png) no-repeat center top;
	height: 980px;
}


/*1712 開運にゃんこの福招き
-----------------------------------*/

#black52 #event0{
	background: url(../../../image/event/myshop/bg_black52_event0.png) no-repeat center top;
	height: 560px;
}

#black52 #event1{
	background: url(../../../image/event/myshop/bg_black52_event1.png) no-repeat center top;
	height: 1190px;
}

#black52 #event2{
	background: url(../../../image/event/myshop/bg_black52_event2.png) no-repeat center top;
	height: 415px;
}

/*　180118　白ガチャ53弾 夢へと誘う真紅のリンゴ
------------------------------------------- */

#white53 #event0{
	background: url(../../../image/event/myshop/bg_white53_event0.png) no-repeat center top;
	height: 560px;
}

#white53 #event1{
	background: url(../../../image/event/myshop/bg_white53_event1.png) no-repeat center top;
	height: 920px;
}

#white53 #event2{
	background: url(../../../image/event/myshop/bg_white53_event2.png) no-repeat center top;
	height: 980px;
}

/*1802 旅人酒場で語らう夕べ
-----------------------------------*/

#black53 #event0{
	background: url(../../../image/event/myshop/bg_black53_event0.png) no-repeat center top;
	height: 560px;
}

#black53 #event1{
	background: url(../../../image/event/myshop/bg_black53_event1.png) no-repeat center top;
	height: 1190px;
}

#black53 #event2{
	background: url(../../../image/event/myshop/bg_black53_event2.png) no-repeat center top;
	height: 415px;
}

/*　180322白ガチャ54弾 千夜一夜の宴
------------------------------------------- */

#white54 #event0{
	background: url(../../../image/event/myshop/bg_white54_event0.png) no-repeat center top;
	height: 560px;
}

#white54 #event1{
	background: url(../../../image/event/myshop/bg_white54_event1.png) no-repeat center top;
	height: 920px;
}

#white54 #event2{
	background: url(../../../image/event/myshop/bg_white54_event2.png) no-repeat center top;
	height: 980px;
}


/*1802 桃の木がある中華料理屋さん
-----------------------------------*/

#black54 #event0{
	background: url(../../../image/event/myshop/bg_black54_event0.png) no-repeat center top;
	height: 560px;
}

#black54 #event1{
	background: url(../../../image/event/myshop/bg_black54_event1.png) no-repeat center top;
	height: 1190px;
}

#black54 #event2{
	background: url(../../../image/event/myshop/bg_black54_event2.png) no-repeat center top;
	height: 415px;
}

/*　180517色ガチャ01弾 のんびりにゃんこカフェ
------------------------------------------- */

#color01 #event0{
	background: url(../../../image/event/myshop/bg_color01_event0.png) no-repeat center top;
	height: 560px;
}

#color01 #event1{
	background: url(../../../image/event/myshop/bg_color01_event1.png) no-repeat center top;
	height: 920px;
}

#color01 #event2{
	background: url(../../../image/event/myshop/bg_color01_event2.png) no-repeat center top;
	height: 980px;
}


/*1806 夜空をあじわうリストランテ
-----------------------------------*/

#black55 #event0{
	background: url(../../../image/event/myshop/bg_black55_event0.png) no-repeat center top;
	height: 560px;
}

#black55 #event1{
	background: url(../../../image/event/myshop/bg_black55_event1.png) no-repeat center top;
	height: 1190px;
}

#black55 #event2{
	background: url(../../../image/event/myshop/bg_black55_event2.png) no-repeat center top;
	height: 415px;
}


/*　180719色ガチャ02弾 南国トロピカルビーチカフェ
------------------------------------------- */

#color02 #event0{
	background: url(../../../image/event/myshop/bg_color02_event0.png) no-repeat center top;
	height: 560px;
}

#color02 #event1{
	background: url(../../../image/event/myshop/bg_color02_event1.png) no-repeat center top;
	height: 920px;
}

#color02 #event2{
	background: url(../../../image/event/myshop/bg_color02_event2.png) no-repeat center top;
	height: 980px;
}

/*1808 きらめく昼下がりのイロドリ
-----------------------------------*/

#black56 #event0{
	background: url(../../../image/event/myshop/bg_black56_event0.png) no-repeat center top;
	height: 560px;
}

#black56 #event1{
	background: url(../../../image/event/myshop/bg_black56_event1.png) no-repeat center top;
	height: 1190px;
}

#black56 #event2{
	background: url(../../../image/event/myshop/bg_black56_event2.png) no-repeat center top;
	height: 415px;
}

/*　180920色ガチャ03弾 Happy Anniversary Party
------------------------------------------- */

#color03{
	margin-top: 100px;
}

#color03 #event0{
	background: url(../../../image/event/myshop/bg_color03_event0.png) no-repeat center top;
	height: 560px;
}

#color03 #event1{
	background: url(../../../image/event/myshop/bg_color03_event1.png) no-repeat center top;
	height: 920px;
}

#color03 #event2{
	background: url(../../../image/event/myshop/bg_color03_event2.png) no-repeat center top;
	height: 980px;
}


#townWrapper div[id^="flag"]{
	position: absolute;
	top: 0;
	width: 50%;
	max-width: 516px;
	height: 293px;
}

#townWrapper #flag_r{
	right: 0;
	background: url(/image/event/september2018/town/flag_r.png) no-repeat right top;
	background-size: contain;
	z-index: 10;
}

#townWrapper #flag_l{
	left: 0;
	background: url(/image/event/september2018/town/flag_l.png) no-repeat left top;
	background-size: contain;	
	z-index: 10;
}

#townWrapper #angel{
	background: url(/image/event/september2018/town/img_angels.png) no-repeat center top;
	position: absolute;
	top: -10px;
	width: 100%;
	height: 159px;
	z-index: 100;
    animation:
	moveY 2.4s ease-in-out infinite alternate;
}

@keyframes moveY {
	0% {transform: translateY(24px);}	
	100% {transform: translateY(0);}
}

/*1810 ゆめふわクリーミータイム
-----------------------------------*/

#black57 #event0{
	background: url(../../../image/event/myshop/bg_black57_event0.png) no-repeat center top;
	height: 560px;
}

#black57 #event1{
	background: url(../../../image/event/myshop/bg_black57_event1.png) no-repeat center top;
	height: 1190px;
}

#black57 #event2{
	background: url(../../../image/event/myshop/bg_black57_event2.png) no-repeat center top;
	height: 415px;
}

/*　181122色ガチャ04弾 大人が愉しむ白兎珈琲店
------------------------------------------- */
.bg181112{
	position: relative;
	background: #fedfc6;
	width: 840px;
	height: 100%;
	margin: 0 auto ;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border: solid 2px #8c8c5d;
}

#color04 #event0{
	background: url(../../../image/event/myshop/bg_color04_event0.png) no-repeat center top;
	height: 560px;
}

#color04 #event1{
	background: url(../../../image/event/myshop/bg_color04_event1.png) no-repeat center top;
	height: 920px;
}

#color04 #event2{
	background: url(../../../image/event/myshop/bg_color04_event2.png) no-repeat center top;
	height: 980px;
}

/*1812 美しき世界のラプソディ
-----------------------------------*/

#black58 #event0{
	background: url(../../../image/event/myshop/bg_black58_event0.png) no-repeat center top;
	height: 560px;
}

#black58 #event1{
	background: url(../../../image/event/myshop/bg_black58_event1.png) no-repeat center top;
	height: 1190px;
}

#black58 #event2{
	background: url(../../../image/event/myshop/bg_black58_event2.png) no-repeat center top;
	height: 415px;
}


/*　190124色ガチャ05弾 瑠璃色の薔薇の園へ
------------------------------------------- */

#color05 #event0{
	background: url(../../../image/event/myshop/bg_color05_event0.png) no-repeat center top;
	height: 560px;
}

#color05 #event1{
	background: url(../../../image/event/myshop/bg_color05_event1.png) no-repeat center top;
	height: 920px;
}

#color05 #event2{
	background: url(../../../image/event/myshop/bg_color05_event2.png) no-repeat center top;
	height: 980px;
}

/*1902 麗しき愛しのビステッカ
-----------------------------------*/

#black59 #event0{
	background: url(../../../image/event/myshop/bg_black59_event0.png) no-repeat center top;
	height: 560px;
}

#black59 #event1{
	background: url(../../../image/event/myshop/bg_black59_event1.png) no-repeat center top;
	height: 1190px;
}

#black59 #event2{
	background: url(../../../image/event/myshop/bg_black59_event2.png) no-repeat center top;
	height: 415px;
}


/*　190328色ガチャ06弾 狐の恩返し
------------------------------------------- */

#color06 #event0{
	background: url(../../../image/event/myshop/bg_color06_event0.png) no-repeat center top;
	height: 560px;
}

#color06 #event1{
	background: url(../../../image/event/myshop/bg_color06_event3.png) no-repeat center top;
	height: 920px;
}

#color06 #event2{
	background: url(../../../image/event/myshop/bg_color06_event2.png) no-repeat center top;
	height: 980px;
}

/*190418 黒ガチャイベントBONHEUR Tapioca幸せが訪れるタピオカ 
-----------------------------------*/

#black60 #event0{
	background: url(../../../image/event/myshop/bg_black60_event0.png) no-repeat center top;
	height: 560px;
}

#black60 #event1{
	background: url(../../../image/event/myshop/bg_black60_event1.png) no-repeat center top;
	height: 943px;
}

#black60 #event2{
	background: url(../../../image/event/myshop/bg_black60_event2.png) no-repeat center top;
	height: 415px;
}

/*190523 おいでよ！にゃんこカフェ
-----------------------------------*/

#color07 #event0{
	background: url(../../../image/event/myshop/bg_color07_event0.png) no-repeat center top;
	height: 560px;
}

#color07 #event1{
	background: url(../../../image/event/myshop/bg_color07_event1.png) no-repeat center top;
	height: 920px;
}

#color07 #event2{
	background: url(../../../image/event/myshop/bg_color07_event2.png) no-repeat center top;
	height: 980px;
}

/*190620 黒ガチャイベント アツアツやみつきお好み焼き 
-----------------------------------*/

#black61 #event0{
	background: url(../../../image/event/myshop/bg_black61_event0.png) no-repeat center top;
	height: 560px;
}

#black61 #event1{
	background: url(../../../image/event/myshop/bg_black61_event1.png) no-repeat center top;
	height: 1190px;
}

#black61 #event2{
	background: url(../../../image/event/myshop/bg_black61_event2.png) no-repeat center top;
	height: 415px;
}


/*190718 ワンワン学園　放課後 腹ペコ行進曲 
-----------------------------------*/

#color08 #event0{
	background: url("../../../image/event/myshop/bg_color08_event0.png") no-repeat center top;
	height: 560px;
}

#color08 #event1{
	background: url(../../../image/event/myshop/bg_color08_event1.png) no-repeat center top;
	height: 920px;
}

#color08 #event2{
	background: url(../../../image/event/myshop/bg_color08_event2.png) no-repeat center top;
	height: 980px;
}


/*190822 黒ガチャイベント SPARKLING SUMMER！
-----------------------------------*/

#black62 #event0{
	background: url(../../../image/event/myshop/bg_black62_event0.png) no-repeat center top;
	height: 560px;
}

#black62 #event1{
	background: url(../../../image/event/myshop/bg_black62_event1.png) no-repeat center top;
	height: 1190px;
}

#black62 #event2{
	background: url(../../../image/event/myshop/bg_black62_event2.png) no-repeat center top;
	height: 415px;
}

/*190919 光り輝く記念祭
-----------------------------------*/

#color09 #event0{
	background: url("../../../image/event/myshop/bg_color09_event0.png") no-repeat center top;
	height: 560px;
}

#color09 #event1{
	background: url(../../../image/event/myshop/bg_color09_event1.png) no-repeat center top;
	height: 920px;
}

#color09 #event2{
	background: url(../../../image/event/myshop/bg_color09_event2.png) no-repeat center top;
	height: 980px;
}

/*191017 黒ガチャイベント 白と黒の刺激的なひととき！
-----------------------------------*/

#black63 #event0{
	background: url(../../../image/event/myshop/bg_black63_event0.png) no-repeat center top;
	height: 560px;
}

#black63 #event1{
	background: url(../../../image/event/myshop/bg_black63_event1.png) no-repeat center top;
	height: 1190px;
}

#black63 #event2{
	background: url(../../../image/event/myshop/bg_black63_event2.png) no-repeat center top;
	height: 415px;
}


/*191121 エスニックな香りに誘われて
-----------------------------------*/

#color10 #event0{
	background: url("../../../image/event/myshop/bg_color10_event0.png") no-repeat center top;
	height: 560px;
}

#color10 #event1{
	background: url(../../../image/event/myshop/bg_color10_event1.png) no-repeat center top;
	height: 920px;
}

#color10 #event2{
	background: url(../../../image/event/myshop/bg_color10_event2.png) no-repeat center top;
	height: 980px;
}

/*191219 ステラ・アルカナ～神秘の惑星～
-----------------------------------*/

#black64 #event0{
	background: url(../../../image/event/myshop/bg_black64_event0.png) no-repeat center top;
	height: 560px;
}

#black64 #event1{
	background: url(../../../image/event/myshop/bg_black64_event1.png) no-repeat center top;
	height: 1190px;
}

#black64 #event2{
	background: url(../../../image/event/myshop/bg_black64_event2.png) no-repeat center top;
	height: 415px;
}


/*200123 着陸セヨ！宇宙探検隊
-----------------------------------*/

#color11 #event0{
	background: url("../../../image/event/myshop/bg_color11_event0.png") no-repeat center top;
	height: 560px;
}

#color11 #event1{
	background: url(../../../image/event/myshop/bg_color11_event1.png) no-repeat center top;
	height: 920px;
}

#color11 #event2{
	background: url(../../../image/event/myshop/bg_color11_event2.png) no-repeat center top;
	height: 980px;
}


/*200220 美しき香りのMs.Bouquet
-----------------------------------*/

#black65 #event0{
	background: url(../../../image/event/myshop/bg_black65_event0.png) no-repeat center top;
	height: 560px;
}

#black65 #event1{
	background: url(../../../image/event/myshop/bg_black65_event1.png) no-repeat center top;
	height: 1190px;
}

#black65 #event2{
	background: url(../../../image/event/myshop/bg_black65_event2.png) no-repeat center top;
	height: 415px;
}

/*200319 ミッドナイトミュージック
-----------------------------------*/

#color12 #event0{
	background: url("../../../image/event/myshop/bg_color12_event0.png") no-repeat center top;
	height: 560px;
}

#color12 #event1{
	background: url(../../../image/event/myshop/bg_color12_event1.png) no-repeat center top;
	height: 920px;
}

#color12 #event2{
	background: url(../../../image/event/myshop/bg_color12_event2.png) no-repeat center top;
	height: 980px;
}



/*200416 白黒王のくつろぎ茶房
-----------------------------------*/

#black66 #event0{
	background: url(../../../image/event/myshop/bg_black66_event0.png) no-repeat center top;
	height: 560px;
}

#black66 #event1{
	background: url(../../../image/event/myshop/bg_black66_event1.png) no-repeat center top;
	height: 1190px;
}

#black66 #event2{
	background: url(../../../image/event/myshop/bg_black66_event2.png) no-repeat center top;
	height: 415px;
}


/*200528 パステルドリーム
-----------------------------------*/

#color13 #event0{
	background: url("../../../image/event/myshop/bg_color13_event0.png") no-repeat center top;
	height: 560px;
}

#color13 #event1{
	background: url(../../../image/event/myshop/bg_color13_event1.png) no-repeat center top;
	height: 920px;
}

#color13 #event2{
	background: url(../../../image/event/myshop/bg_color13_event2.png) no-repeat center top;
	height: 980px;
}

/*200618 コラボガチャゆめかわミルキーウェイ
-----------------------------------*/

#collabo01 #event0{
	background: url(../../../image/event/myshop/bg_collabo01_event0.png) no-repeat center top;
	height: 560px;
}

#collabo01 #event1{
	background: url(../../../image/event/myshop/bg_collabo01_event1.png) no-repeat center top;
	height: 1190px;
}

#collabo01 #event2{
	background: url(../../../image/event/myshop/bg_collabo01_event2.png) no-repeat center top;
	height: 415px;
}


/*200716 潮風そよぐビーチリゾート
-----------------------------------*/

#color14 #event0{
	background: url("../../../image/event/myshop/bg_color14_event0.png") no-repeat center top;
	height: 560px;
}

#color14 #event1{
	background: url(../../../image/event/myshop/bg_color14_event1.png) no-repeat center top;
	height: 920px;
}

#color14 #event2{
	background: url(../../../image/event/myshop/bg_color14_event2.png) no-repeat center top;
	height: 980px;
}


/*200820 きらめきとときめきと
-----------------------------------*/

#black67 #event0{
	background: url(../../../image/event/myshop/bg_black67_event0.png) no-repeat center top;
	height: 560px;
}

#black67 #event1{
	background: url(../../../image/event/myshop/bg_black67_event1.png) no-repeat center top;
	height: 1190px;
}

#black67 #event2{
	background: url(../../../image/event/myshop/bg_black67_event2.png) no-repeat center top;
	height: 415px;
}

/*200917 BrilliantAnniversary
-----------------------------------*/

#color15 #event0{
	background: url("../../../image/event/myshop/bg_color15_event0.png") no-repeat center top;
	height: 560px;
}

#color15 #event1{
	background: url(../../../image/event/myshop/bg_color15_event1.png) no-repeat center top;
	height: 920px;
}

#color15 #event2{
	background: url(../../../image/event/myshop/bg_color15_event2.png) no-repeat center top;
	height: 980px;
}


/*201022 紅葉と金色舞う宴
-----------------------------------*/

#black68 #event0{
	background: url(../../../image/event/myshop/bg_black68_event0.png) no-repeat center top;
	height: 560px;
}

#black68 #event1{
	background: url(../../../image/event/myshop/bg_black68_event1.png) no-repeat center top;
	height: 1190px;
}

#black68 #event2{
	background: url(../../../image/event/myshop/bg_black68_event2.png) no-repeat center top;
	height: 415px;
}

/*201119 ふわきゅんうさぎカフェ
-----------------------------------*/

#color16 #event0{
	background: url("../../../image/event/myshop/bg_color16_event0.png") no-repeat center top;
	height: 560px;
}

#color16 #event1{
	background: url(../../../image/event/myshop/bg_color16_event1.png) no-repeat center top;
	height: 920px;
}

#color16 #event2{
	background: url(../../../image/event/myshop/bg_color16_event2.png) no-repeat center top;
	height: 980px;
}