@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');
@import url('/css/library/hover-min.css');


/* 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以降 */
	z-index: 100;
}

.btnList{ margin: 0 auto; }



/* ------------------------------------------- */
/*　0905 ニコっとタウン キャラクター総選挙
------------------------------------------- */

/*全体-----------------------------------*/

#townWrapper180905{
	position: relative;
	min-width: 1000px;
	margin: 0 auto;
	padding: 36px 0;
	width: 100%;
	background: url(/image/event/september2018/town/bg.png) #ffd9d9 repeat center top;
	overflow: hidden;
}

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

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

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

#townWrapper180905 #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);}
}

#townWrapper180905-wrap{
	position: relative;
	width: 1000px;
	margin: 60px auto 0;
	background: url(/image/event/september2018/town/img_corner.png) no-repeat center top #fffcf8;
	border: solid 3px #d1b387;
	border-radius: 8px;
	box-shadow:0px 0px 20px 2px #d1b387 inset;
}

#townWrapper180905-wrap::after{
	content: "";
	position: absolute;
	display: block;
	width: 1000px;
	height: 83px;
	background: url(/image/event/september2018/town/img_corner_b.png) no-repeat center bottom;
	bottom: -1px;
	border-radius: 4px;
}

#townWrapper180905-wrap::before{
	content: "";
	position: absolute;
	display: block;
	width: 1000px;
	height: 48px;
	background: url(/image/event/september2018/town/img_corner_t.png) no-repeat center bottom;
	top: -51px;
}

#townWrapper180905 #eventHeader-outer{	
	position:relative;
	width: 100%;
	height:300px;
	margin:0 auto;
	background: url(/image/event/september2018/town/title_1.png) no-repeat center 0;
	z-index: 10;
}

#townWrapper180905 .eventTit{
	text-indent:150%;
	white-space:nowrap;
	overflow:hidden;
	margin:0 auto ;
	zoom :1;
}

#townWrapper180905 a,
#event #colorbox a,
#event .pop-box a{
	display:inline-block;
	opacity: 1;
	transition: 0.6s ;
}

#townWrapper180905 a:hover,
#event #colorbox a:hover,
#event .pop-box a:hover{
	opacity: 0.6;
}


#event .btn_L,
#event .btn_L:hover,
#event .btn_S,
#event .btn_S:hover{
	display: inline-block;
	margin: 0 260px;
	color: #fff;
	text-decoration: none;
	height: 68px;
	border-radius: 32px;
	-webkit-box-shadow:0px 1px 0px 2px #d37a93;
	        box-shadow:0px 1px 0px 2px #d37a93;

}

#event .btn_L:focus,
#event .btn_S:focus,
#event #cboxClose:focus
{outline: none;}

#event .btn_S,
#event .btn_S:hover{
	margin: 0;
	height: 44px;
	border-radius: 22px;
}

#event .btn_L:hover,
#event .btn_S:hover{
	transform: translateY(4px);
	/* box-shadow */
	box-shadow:0px 0px 0px 0px;
}

#event .btn_L span,
#event .btn_L:hover span,
#event .btn_S span,
#event .btn_S:hover span{
	display: inline-block;
	text-align: center;
	font-size: 24px;
	letter-spacing: 3px;
	padding-top: 16px;
	font-weight: bold;
	width: 480px;
	height: 64px;
	border-radius: 32px;
	-webkit-box-sizing: border-box;
	-webkit-box-shadow:0px 0px 0px 4px #f08da9;
	box-sizing: border-box;
	box-shadow:0px 0px 0px 4px #f08da9;
	border:1px dashed #fff;
	background: #f091ac; /* Old browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#f091ac),to(#ed7999));
	background: -webkit-linear-gradient(top, #f091ac 0%,#ed7999 100%);
	background: -o-linear-gradient(top, #f091ac 0%,#ed7999 100%);
	background: linear-gradient(to bottom, #f091ac 0%,#ed7999 100%);
}

#event .btn_S span,
#event .btn_S:hover span{
	font-size: 20px;
	padding-top: 6px;
	width: 180px;
	height: 40px;
}

#event .btn_off,
#event .btn_off:hover{
	opacity: 0.6;
	transform: translateY(4px);
	box-shadow:0px 0px 0px 0px #ccc;
}

#event .btn_off span,
#event .btn_off:hover span{
	background: #ccc; 
	-webkit-box-shadow:0px 0px 0px 4px #ccc;
	box-shadow:0px 0px 0px 4px #ccc;
}

/*-- メニュー*/

#townWrapper180905 ul.eventMenu{
	position:absolute;
	width:600px;
	height: 60px;
	z-index: 500;
	top: 264px;
	left: 260px;
	text-align: center;
}

#townWrapper180905 ul.eventMenu li a{
    background: transparent;
    width: 120px;
    border-radius: 20px;
    padding: 2px;
}

#townWrapper180905 ul.eventMenu li a:hover{
    opacity: 1;
    background: #9685468c;
}

#townWrapper180905 ul.eventMenu li{
	margin: 0;
	padding:0;
	width: 160px;
	text-align: center;
	float:left;
	box-sizing: border-box;
}

#townWrapper180905 ul.eventMenu li img{
	width: 80px;
	height: 32px;
}

#townWrapper180905 ul.eventMenu li[class$="on"] img{
	opacity: 0.6;
	padding: 2px;
}


/* ページトップへ戻る */
#townWrapper180905 .pageTop180905{
	position: relative;
    width: 100%;
    max-width: 1000px;
    height: 0;
    margin: 0 auto;
}
	
#townWrapper180905 .pageTop180905 a{
	left: auto;
	display: block;	
	margin-left: 980px;
	margin-top: 0;
	padding:1em 0 0 2px;
	z-index:800;
}


#townWrapper180905 .pageTop180905 img{
	width: 60px;
	height: 60px;
	max-width: none;
}

/*遊び方-----------------------------------*/


#townWrapper180905 .howtodo01{
	position: relative;
	background: url(/image/event/september2018/town/event01.png) no-repeat center top;
	width: 960px;
	height: 620px;
	margin: 0 auto;
	border-bottom: dashed 1px #bbb199;
}

#townWrapper180905 .howtodo02{
	position: relative;
	background: url(/image/event/september2018/town/event02.png) no-repeat top center;
	width: 1000px;
	height: 450px;
	margin: 40px auto 0;
	z-index: 1;
}



#townWrapper180905 .howtodo03{
	position: relative;
	background: url(/image/event/september2018/town/event03.png) no-repeat center top;
	width: 1000px;
	height: 620px;
	margin: 80px auto 40px;
}


#townWrapper180905 .howtodo03 .gotoitem{
	position: absolute;
    top: 290px;
    right: 44px;
	width: 126px;
	height: 33px;
}

#townWrapper180905 .howtodo03 .gotoitem img{
	width: 126px;
	height: 33px;
}

#townWrapper180905 .howtodo03 .gotovote{
	margin-top: 530px;
}

#townWrapper180905 div[class^="howtodo04"]{
	position: relative;
	background: url(/image/event/september2018/town/event04.png) no-repeat top center;
	width: 1000px;
	height: 560px;
	margin: 30px auto 44px;
}

#townWrapper180905 div.howtodo04_open1{
	background: url(/image/event/september2018/town/event04_open1.png) no-repeat top center;
}

#townWrapper180905 div.howtodo04_open2{
	background: url(/image/event/september2018/town/event04_open2.png) no-repeat top center;
}

#townWrapper180905 div[class^="howtodo04"] .gotohiroba{
	margin-top: 460px;
}


/*投票-----------------------------------*/

#townWrapper180905 .btn_Z,
#townWrapper180905 .btn_Z:hover,
#townWrapper180905 .btn_R,
#townWrapper180905 .btn_R:hover{
	display: inline-block;
	position: absolute;
	top: 195px;
	right: 40px;
	color: #fff;
	text-decoration: none;
	height: 42px;
	width: 42px;
	border-radius: 25px;
	-webkit-box-shadow:0px 2px 0px 2px #b3ad9e;
	        box-shadow:0px 2px 0px 2px #b3ad9e;
}

#townWrapper180905 .btn_Z:hover,
#townWrapper180905 .btn_R:hover{
	transform: translateY(4px);
	/* box-shadow */
	box-shadow:0px 0px 0px 0px;
}

#townWrapper180905 .btn_Z span,
#townWrapper180905 .btn_Z:hover span,
#townWrapper180905 .btn_R span,
#townWrapper180905 .btn_R:hover span{
	display: inline-block;
	text-indent: 100%;
	overflow: hidden;
	white-space:nowrap;
	width: 40px;
	height: 40px;
	border-radius: 32px;
	-webkit-box-sizing: border-box;
	-webkit-box-shadow:0px 0px 0px 4px #f8f5ed;
	box-sizing: border-box;
	box-shadow:0px 0px 0px 4px #f8f5ed;
	border:1px dashed #ccc3ae;
	background: #f8f5ed; /* Old browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#fcfbf7),to(#f8f5ed));
	background: -webkit-linear-gradient(top, #ffcfbf7 0%,#f8f5ed 100%);
	background: -o-linear-gradient(top, #fcfbf7 0%,#f8f5ed 100%);
	background: linear-gradient(to bottom, #fcfbf7 0%,#f8f5ed 100%);
}

#townWrapper180905 .btn_Z span::before{
	content: "";
	display: block;
	width: 36px;
	height: 36px;
	background: url(/image/event/september2018/town/ico_zoom.png) no-repeat center;
}

#townWrapper180905 .btn_Z:focus,
#townWrapper180905 .btn_R:focus {outline: none;}

#townWrapper180905 .vote01{
	position: relative;
	width: 1000px;
	height: 0;
	margin: 0;
}

#townWrapper180905 .vote01 a{
	display: none;
}

#event div[class^="vote01"] .btn_L span,
#event div[class^="vote01"] .btn_L:hover span{
	font-size: 21px;
}

#event div[class^="vote01_"]{
	position: relative;
	width: 1000px;
	height: 480px;
	margin: 40px auto;
	padding-top: 440px;
	box-sizing: border-box;
}

#townWrapper180905 .vote01_open1{
	background: url(/image/event/september2018/town/vote01_open1.png) no-repeat top center;
}

#townWrapper180905 .vote01_open2{
	background: url(/image/event/september2018/town/vote01_open2.png) no-repeat top center;
}

#townWrapper180905 div.vote01_open3{
	background: url(/image/event/september2018/town/vote01_open3.png) no-repeat top center;
	height: 560px;
}

#townWrapper180905 div.vote01_open3 .gonicosupo{
	height: 100px;
}

#townWrapper180905 .vote02{
	position: relative;
	background: url(/image/event/september2018/town/vote02.png) no-repeat top center;
	width: 1000px;
	height: 210px;
	margin: 0 auto 16px;
	z-index: 1;
}

#townWrapper180905 .vote03{
	position: relative;
}

#townWrapper180905 .vote03 h3{
	position: relative;
	background: url(/image/event/september2018/town/vote03_title.png) no-repeat center top;
	width: 1000px;
	height: 132px;
	margin: 0;
}

#townWrapper180905 .vote03 .btn_R{
	position: absolute;
	top: 60px;
	right: 60px;
	height: 55px;
	width: 55px;
	border-radius: 28px;
}

#townWrapper180905 .vote03 .btn_R img{
	position: absolute;
	top: -1px;
	left: -1px;
	width: 56px;
	height: 65px;
}

#townWrapper180905 .vote03 ul{
	width: 950px;
	margin: 20px 0 20px 50px;
}

#townWrapper180905 .vote03 li{
	position: relative;
	width: 300px;
	display: inline-block;
	text-align: center;
}

#townWrapper180905 .vote03 .pickup_comment{
	background: url(/image/event/september2018/town/vote03_fukidashi.png) no-repeat;
	width: 264px;
	height:  82px;
	box-sizing: border-box;
	padding: 20px 30px;
	text-align: left;
	margin-left: 20px;
}

#townWrapper180905 .vote03 .pickup_name{
	font-size: 20px;
	font-weight: bold;
	color: #958448;
	padding-bottom: 8px;
}

#townWrapper180905 .vote04{
	position: relative;
    margin-bottom: 120px;
}

#townWrapper180905 .vote04 h3{
	position: relative;
	background: url(/image/event/september2018/town/vote04_title.png) no-repeat center top;
	width: 1000px;
	height: 132px;
	margin: 80px 0 40px;
}

#townWrapper180905 .vote04 select {
    width: 240px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    font-size: 14px;
    color: #777;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    background: url(/mobile/image/common/ico_sp_select_gray02.png) right 50% no-repeat #fff;
    background-size: 28px, 100%;
    margin: 0;
    padding: 4px 10px;
	position: absolute;
	top: 140px;
	right: 24px;
	z-index: 11;
}

select::-ms-expand{
    display: none;
}

#townWrapper180905 .vote04 ul.list{
	width: 980px;
	margin: 0 0 0 20px;
	font-size:0;
	border-top: dashed 1px #bbb199;
	z-index: 10;
}

#townWrapper180905 .vote04 ul.list:focus,
#townWrapper180905 .vote04 div{outline: none;}

#townWrapper180905 .vote04 ul.list li{
	font-size: 14px;
	position: relative;
	width: 238px;
	display: inline-block;
	text-align: center;
	border-bottom: dashed 1px #bbb199;
	margin-top: 24px;
	padding-bottom: 16px;
	margin-left: 2px;
}

#townWrapper180905 .vote04 ul.list li img{
	display: inline-block;
}

#townWrapper180905 .vote04 .btn_Z,
#townWrapper180905 .vote04 .btn_Z:hover{
	top: 130px;
    right: 24px;
}

#townWrapper180905 .vote04 .list_name{
	font-size: 18px;
	font-weight: bold;
	color: #958448;
	padding-bottom: 8px;
}

#townWrapper180905 .vote04 .slick-list{
	padding: 16px 0;
	z-index: 10;
}

#townWrapper180905 .vote04 .slick-dots{
	top: -32px;
	z-index: 1;
}

#townWrapper180905 .vote04 .slick-dots li{
	width: 32px;
	height: 32px;
	padding: 0 8px;
}

#townWrapper180905 .vote04 .slick-dots li button{
	width: 32px;
	height: 1016px;
	position: absolute;
}

#townWrapper180905 .vote04 .slick-dots li button::before{
	content: "";
    width: 32px;
    height: 32px;
	background: url(/image/event/september2018/town/btn_page1_on.png) no-repeat center;
	top: 0;
	left: 0;
}

#townWrapper180905 .vote04 .slick-dots li button::after{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 32px;
    height: 32px;
    opacity: .25;
	content: "";
	background: url(/image/event/september2018/town/btn_page1_on.png) no-repeat center;
}

#townWrapper180905 .vote04 .slick-dots li button[id$="control01"]::before,
#townWrapper180905 .vote04 .slick-dots li button[id$="control01"]::after{
	background: url(/image/event/september2018/town/btn_page2_on.png) no-repeat center;
}

#townWrapper180905 .vote04 .slick-dots li button[id$="control02"]::before,
#townWrapper180905 .vote04 .slick-dots li button[id$="control02"]::after{
	background: url(/image/event/september2018/town/btn_page3_on.png) no-repeat center;
}

#townWrapper180905 .vote04 .slick-dots li button[id$="control03"]::before,
#townWrapper180905 .vote04 .slick-dots li button[id$="control03"]::after{
	background: url(/image/event/september2018/town/btn_page4_on.png) no-repeat center;
}

#townWrapper180905 .vote04 .slick-dots li button[id$="control04"]::before,
#townWrapper180905 .vote04 .slick-dots li button[id$="control04"]::after{
	background: url(/image/event/september2018/town/btn_page5_on.png) no-repeat center;
}

#townWrapper180905 .vote04 .slick-dots li.slick-active button::after {
    opacity: .75;
}

#townWrapper180905 .vote04 .slick-dots li button:hover::after,
#townWrapper180905 .vote04 .slick-dots li button:focus::after
{
    opacity: 1;
}

#event #cboxClose {
	display: inline-block;
	transition: 0.6s;
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    text-indent: -9999px;
    width: 38px;
    height: 40px;
    position: absolute;
    top: 0;
	background: url(/image/event/september2018/town/btn_close.png) no-repeat center;
      opacity: 1;
      animation-duration: 2s;
      animation-name: fade-in;
}

    @keyframes fade-in {
      0% {
        display: none;
        opacity: 0;
      }

      1% {
        display: block;
        opacity: 0;
      }

      100% {
        display: block;
        opacity: 1;
      }
    }


#event #colorbox,
#event #cboxWrapper,
#event #cboxContent,
#event #cboxLoadedContent,
#event #cboxLoadingOverlay{
	border: none;
	background: transparent;
	overflow: visible;
	border-radius: 16px;
}

#event #cboxLoadingOverlay{
	margin-top: 20px;
	background: pink;
	opacity: 0.5;
}

.inline-box{
	width: 800px;
	height: 445px;
	border: solid 3px #edc7c7;
	box-sizing: border-box;
	border-radius: 16px;
	margin-top: 20px;
	background: #fff;
    padding: 160px 440px 24px 24px;
	font-size: 16px;
}

.inline-box .inline_comment{
	background: url(/image/event/september2018/town/window_fukidashi.png) no-repeat;
	width: 416px;
	height:  135px;
	box-sizing: border-box;
	padding: 35px 47px;
	text-align: left;
	font-size: 18px;
	position: absolute;
	top: 40px;
	left: 20px;
}

.inline-box .inline_name{
	display: block;
	font-size: 24px;
	font-weight: bold;
	color: #958448;
	margin-bottom: 8px;
	border-bottom: dashed 1px #ccc3ae;
}

.inline-box img{
	width: 400px;
	height:  400px;
	border: dashed 1px #ccc3ae;
	background: #f8f5ed;
	position: absolute;
	top: 40px;
	right: 20px;
}

#event .inline-box .btn_S{
	position: absolute;
	bottom: 40px;
	left: 60px;
}

#event .inline-box .btn_S span{
	width: 260px;
}

#event .pop-box{
	width: 360px;
	height: auto;
	border: solid 3px #edc7c7;
	box-sizing: border-box;
	border-radius: 16px;
	padding: 26px;
	font-size: 16px;
	background: #fff;
	text-align: center;
	margin: 20px auto 0;
}

#event .pop-box .fc_red{
	color: #BF5158;
}

#event .pop-box a[class^="btn_simple"]{
	display: inline-block;
	width: 120px;
	padding: 8px;
	margin: 4px 8px;
	background: #ed7798;
	border-radius: 4px;
	box-sizing: border-box;
	color: #fff;
	font-weight: bold;
}

#event .pop-box a[class^="btn_simpleL"]{
	width: 260px;
}

#event .pop-box a[class$="gray"]{
	background: #ccc;
}

#event .pop-box a[class^="btn_simple"]:hover{
	text-decoration: none;
}

#event .pop-box .loading::before{
	content: "";
	width: 60px;
	height: 60px;
	display: inline-block;
	background: url(/image/event/september2018/town/spin.png) no-repeat center;
	background-size: contain;
	animation: rotate 2s infinite; 
}

@keyframes rotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); } 
}
@-webkit-keyframes rotate {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

#event .pop-box span[class^="loading"]{
	animation: uptxt 2s ease infinite;
	display: inline-block;
	letter-spacing: 4px;
}

#event .pop-box span.loading02{
	animation-delay: 0.2s;
}

#event .pop-box span.loading03{
	animation-delay: 0.4s;
}

#event .pop-box span.loading04{
	animation-delay: 0.6s;
}

@keyframes uptxt {
  0%    {transform: translateY(0);}
  25%  {transform: translateY(-8px);}
  50%  {transform: translateY(0);}
  100%  {transform: translateY(0);}
}

/*特典と交換する-----------------------------------*/


#townWrapper180905 .tokutenHead{
	background: url(/image/event/september2018/town/item01.png) no-repeat center top;
	position: relative;
	width: 1000px;
	height: 500px;
	margin: 20px auto;
}

#townWrapper180905 .tokutenHead::after{
	content: "";
	position: absolute;
	display: inline-block;
	width: 157px;
	height: 486px;
	top: -30px;
	right: 96px;
	background: url(/image/event/september2018/town/img_tokuten_avatar.png);
	z-index: 10;
}

#townWrapper180905 .tokutenHead .btnBuytop img{
	position:absolute;
    top: 188px;
    left: 330px;
	width: 325px;
	height: 25px;
}

#townWrapper180905 .tokutenHead .pointdetail img {
	position:absolute;
	display:block;
    top: 398px;
    left: 620px;
	width:136px;
	height:19px;
}

#townWrapper180905 .tokutenHead .nowPoint{
	position: absolute;
	padding: 0;
	height: 60px;
    left: 395px;
    top: 310px;
	display: inline-block;
	font-size:42px;
	line-height:1.6;
	letter-spacing: 1.5px;
	font-weight:bold;
	text-align: center;
	width:228px;
}

#townWrapper180905 .tokutenAvatar1{
	background:url(/image/event/september2018/town/item02.png) no-repeat center 8px;
	width:1000px;
	height:420px;
	position: relative;
	margin:0 auto 80px;
}
 
#townWrapper180905 .tokutenAvatar1 .btnArea01{
	position:absolute;
	top:380px;
	left:20px;
	width: 960px;
}

#townWrapper180905 .tokutenAvatar1 .btnArea01 li{
	float:left;
	width:240px;
	height:52px;
	text-align:center;
}

#townWrapper180905 .tokutenAvatar1 .countArea01{
	position:absolute;
	top:436px;
	left:20px;
	width: 960px;
}

#townWrapper180905 .tokutenAvatar1 .countArea01 li{
	float:left;
	width:240px;
	height:18px;
	text-align:center;
}

#townWrapper180905 .tokutenSpesial{
	background:url(/image/event/september2018/town/itemSP.png) no-repeat center top;
	width:1000px;
	height:450px;
	position: relative;
	margin:40px auto 0;
}

#townWrapper180905 .tokutenSpesial_open{
	background:url(/image/event/september2018/town/itemSP_open.png) no-repeat center top;
	width:1000px;
	height:590px;
	position: relative;
	margin:40px auto 40px;
}

#townWrapper180905 .tokutenSpesial_open a{
	position: absolute;
	top: 524px;
	left: 590px;
}

#townWrapper180905 .tokutenCoin{
	background:url(/image/event/september2018/town/item03.png) no-repeat center top;
	width:1000px;
	height:320px;
	margin:0 auto;
	position:relative;
}

#townWrapper180905 .tokutenCoin .btnArea01{
	position:absolute;
	top:210px;
	left:20px;
	width: 960px;
}

#townWrapper180905 .tokutenCoin .btnArea01 li{
	float:left;
	width:240px;
	height:52px;
	text-align:center;
}


#townWrapper180905 .countArea01 img{
	width:144px;
	height:12px;
}

#townWrapper180905 .tokutenHelp{
	background:url(/image/event/september2018/town/item04.png) no-repeat center top;
	width:1000px;
	height:340px;
	position:relative;
	margin: 0 auto;
}

#townWrapper180905 .tokutenHelp .btnBuy img{
	width: 360px;
    height: 58px;
    position: absolute;
    top: 200px;
    left: 320px;
}



/*注意事項*/

#townWrapper180905 .tokutenNote{
	background:url(/image/event/september2018/town/item05.png) no-repeat 120px 32px;
	width:920px;
	margin: 20px 40px;
	height:240px;
	position:relative;
	border-top: dashed 1px #bbb199;
}

#townWrapper180905 .howtodoNote{
	position:relative;
	background:url(/image/event/september2018/town/item05.png) no-repeat 60px 16px;
	width:840px;
	margin: 20px 80px;
	height:140px;
	border-radius: 16px;
	border: dashed 1px #bbb199;
}

#townWrapper180905 .tokutenNote p,
#townWrapper180905 .howtodoNote p{
	position:relative;
	display: block;
	width: 1000px;
	margin: 0 auto;
	box-sizing: border-box;
	padding-top: 72px;
	padding-left: 120px;
    font-size: 12px;
    color: #777;
    line-height: 1.8;
    letter-spacing: 0.5px;
}

#townWrapper180905 .howtodoNote p{
	padding-top: 56px;
	padding-left: 60px;
}

/*ポイント購入ページ
-----------------------------------*/


#townWrapper180905 .kakinArea01,
#townWrapper180905 .kakinArea_fim{
	margin:0 auto;
}

#townWrapper180905 .kakinArea-outer{
	width:1000px;
	height:1000px;
	position:relative;
	margin: 20px auto 0;
}

#townWrapper180905 .kakinArea01{
	background:url(/image/event/september2018/town/bg_kakinArea01.png) no-repeat center 30px;
	width:1000px;
	height:920px;
	position:relative;
	margin: 0 auto 20px;
}

#townWrapper180905 .kakinArea01 p{
	position:absolute;
	top: 370px;
    left: 160px;
	font-size:36px;
	font-weight:bold;
	color:#777777;
	line-height:1.6;
	letter-spacing: 1px;
	text-align:center;
	width:200px;
}

#townWrapper180905 .kakinArea01 ul{
	position:absolute;
	top: 325px;
    left: 700px;
	font-size:15px;
	text-align:right;
	width:165px;
	color:#777777;
}

#townWrapper180905 .kakinArea01 ul li{
	margin:0 0 28px 0;
	letter-spacing:1px;
}

#townWrapper180905 .kakinArea01 .txtError{
	position:absolute;
	top: 480px;
    left: 200px;
	font-size:18px;
	color:#777777;
	line-height:1.6;
	text-align:center;
	width:600px;
}

#townWrapper180905 .kakinArea01 .txtPcion{
	background:url(/image/event/september2018/town/bg_kakin_check.png) no-repeat;
	width:617px;
	height:49px;
	position:absolute;
	top:500px;
	left:192px;
	font-size:18px;
	padding-top:15px;
	letter-spacing: 1.5px;
	text-align:center;
	font-weight:bold;
}

#townWrapper180905 .kakinArea01 .txtPcion a{
	color:#fff;
}

#townWrapper180905 .kakinArea01 .txtPcion a:link{
	text-decoration:underline;
}

#townWrapper180905 .kakinArea01 .txtPcion a:hover{
	color:#FFE887;
	text-decoration:none;
}


#townWrapper180905 .kakinArea01 .buyCheckArea{
	background:url(/image/event/september2018/town/bg_kakin_check.png) no-repeat;
	width:617px;
	height:49px;
	position:absolute;
	top:500px;
	left:192px;
}

#townWrapper180905 .kakinArea01 .buyCheckArea input {
    position: absolute;
    top: 0;
    opacity: 0;
    width: 100%;  
    height: 100%;
}
 
#townWrapper180905 .kakinArea01 .buyCheckArea input[type="checkbox"] + label {
    display: block;
    background-image: url(/image/event/december2016/town/icon_kakin_check.png);
    background-size: 31px;
    background-position: left center;
    background-repeat: no-repeat;
    padding: 8px 0 0 45px;
	margin: 9px 0 0 54px;
}
 
#townWrapper180905 .kakinArea01 .buyCheckArea input[type="checkbox"]:checked + label {
    background-image: url(/image/event/september2018/town/icon_kakin_check_on.png);
}

#townWrapper180905 .kakinArea01 .btnBuy{
	position:absolute;
	top: 570px;
    left: 252px;
}

#townWrapper180905 .kakinArea01 .btnBuy img{
	width: 496px;
    height: 58px;
}


#townWrapper180905 .kakinArea_fim{
	background:url(/image/event/september2018/town/bg_kakinArea02.png) no-repeat center 30px;
	width:1000px;
	height:920px;
	position:relative;
	margin: 0 auto;
}

#townWrapper180905 .kakinArea_fim .count01,
#townWrapper180905 .kakinArea_fim .count02{
	position:absolute;
	top: 370px;
    left: 160px;
	font-size:36px;
	font-weight:bold;
	color:#777777;
	line-height:1.6;
	letter-spacing: 0px;
	text-align:right;
	width:180px;
}

#townWrapper180905 .kakinArea_fim .count02{
    left: 560px;
}


#townWrapper180905 .kakinArea_fim img{
	width: 360px;
	height: 58px;
}

#townWrapper180905 .kakinArea_fim .btnBuyAgain{
	position:absolute;
	top: 480px;
    left: 320px;
}

#townWrapper180905 .kakinArea_fim .btnTokuten{
	position:absolute;
	top: 560px;
    left: 320px;
}

#townWrapper180905 .kakinNote p{
	position:absolute;
	top:730px;
	left:120px;
	font-size:12px;
	color:#777;
	line-height:1.8;
	letter-spacing: 0.5px;

}

/*10thブレゼント-----------------------------------*/


#townWrapper180905 .present{
	position: relative;
	background: url(/image/event/september2018/town/10th_main.png) no-repeat center top;
	width: 1000px;
	height: 725px;
	margin: 60px auto 40px;
}

#townWrapper180905 .present a{
	position: absolute;
	bottom: 40px;
	left: 420px;
}

#townWrapper180905 .presentNote{
	position: relative;
	background: url(/image/event/september2018/town/10th_notice.png) no-repeat center top;
	width: 1000px;
	height: 160px;
	margin: 40px auto;
}

#townWrapper180905 .presentNote p{
	position:absolute;
	top:60px;
	left:160px;
	font-size:12px;
	color:#777;
	line-height:1.8;
	letter-spacing: 0.5px;

}


/*10th総合-----------------------------------*/


#townWrapper180905.all_10th a:hover{
	transform: translateY(-10px);
	opacity: 1;
}

#townWrapper180905 .all_top{
	position: relative;
	width: 100%;
	height: 520px;
	margin: 0 auto 0;
	overflow: hidden;
	background: url(/image/event/september2018/town/all_top.png) no-repeat center 60px;
	text-align: center;
}

#townWrapper180905 .all_calendar{
	position: relative;
	background: url(/image/event/september2018/town/bg_all02.png) repeat center top;
	width: 100%;
}

#townWrapper180905 .hanabi{
	position: relative;
	width: 1000px;
	margin: 0 auto;
}

#townWrapper180905 .hanabi_b{
	position: absolute;
	background: url(/image/event/september2018/town/hanabi_b.png) no-repeat left top;
	width: 126px;
	height: 157px;
	top: 60px;
	left: 880px;
	animation:
	anime_hanabi 3s steps(17) infinite ,
	anime_fedeOut 3s infinite ease-out;
}

#townWrapper180905 .hanabi_p{
	position: absolute;
	background: url(/image/event/september2018/town/hanabi_p.png) no-repeat left top;
	width: 164px;
	height: 205px;
	top: 8px;
	left: -20px;
	animation:
	anime_hanabiP 3s -0.8s steps(17) infinite ,
	anime_fedeOut 3s -0.8s infinite ease-out;
}

#townWrapper180905 .hanabi_o{
	position: absolute;
	background: url(/image/event/september2018/town/hanabi_o.png) no-repeat left top;
	width: 74px;
	height: 107px;
	top: 8px;
	left: 120px;
	animation:
	anime_hanabiS 2s -0.8s steps(14) infinite ,
	anime_fedeOut 2s -0.8s infinite ease-out;
}

#townWrapper180905 .hanabi_y{
	position: absolute;
	background: url(/image/event/september2018/town/hanabi_y.png) no-repeat left top;
	width: 74px;
	height: 107px;
	top: 0;
	left: 800px;
	animation:
	anime_hanabiS 2s steps(14) infinite ,
	anime_fedeOut 2s infinite ease-out;
}

#townWrapper180905 .all_calendar .hanabi_y{
	background: url(/image/event/september2018/town/hanabi_o.png) no-repeat left top;
}

@keyframes anime_hanabi {
    0% { background-position: -2016px 0;}
	40% { background-position: -2016px 0;}
    100% { background-position: 126px 0;}
}

@keyframes anime_hanabiP {
    0% { background-position: -2624px 0;}
	40% { background-position: -2624px 0;}
    100% { background-position: 164px 0;}
}

@keyframes anime_hanabiS {
    0% { background-position: -962px 0;}
	40% { background-position: -962px 0;}
    100% { background-position: 74px 0;}
}

@keyframes anime_fedeOut {
  0% { opacity: 0;}
  50% { opacity: 1;}
  90%   { opacity: 1;}
  100%   { opacity: 0.4;}
}



#townWrapper180905 .all_calendar ul{
	position: relative;
	background: url(/image/event/september2018/town/all_calendar.png) no-repeat center 40px;
	width: 1000px;
	height: 460px;
	margin: 0 auto;
	padding-top: 140px;
	font-size: 0;
}

#townWrapper180905 .all_calendar li{
	display: inline-block;
	width: 240px;
	height: 370px;
	margin: 0 5px;

}

#townWrapper180905 .all_calendar li a{
	position: relative;
	width: 240px;
	height: 370px;
}

#townWrapper180905 .all_calendar li.all_calendar01 a{
	background: url(/image/event/september2018/town/img_Calendar01.png) no-repeat center;
}

#townWrapper180905 .all_calendar li.all_calendar02 a{
	background: url(/image/event/september2018/town/img_Calendar02.png) no-repeat center;
}

#townWrapper180905 .all_calendar li.all_calendar03 a{
	background: url(/image/event/september2018/town/img_Calendar03.png) no-repeat center;
}

#townWrapper180905 .all_calendar li.all_calendar04 a{
	background: url(/image/event/september2018/town/img_Calendar04.png) no-repeat center;
}

#townWrapper180905 .all_calendar li.all_calendar03_off{
	background: url(/image/event/september2018/town/img_Calendar03_off.png) no-repeat center;
}

#townWrapper180905 .all_calendar li.all_calendar04_off{
	background: url(/image/event/september2018/town/img_Calendar04_off.png) no-repeat center;
}

#townWrapper180905 .all_kirakira{
	position: relative;
	background: url(/image/event/september2018/town/bg_all03.png) repeat center top;
	width: 100%;
	padding: 40px 0;
	text-align: center;
}

#townWrapper180905 .fukidashi01,
#townWrapper180905 .fukidashi02,
#townWrapper180905 .fukidashi03,
#townWrapper180905 .fukidashi04{
	position: absolute;
	background: url(/image/event/september2018/town/fukidashi01.png) no-repeat;
	width: 138px;
	height: 85px;
	z-index: 2;
	top: -60px;
	left: 100px;
}

#townWrapper180905 .fukidashi02{
	background: url(/image/event/september2018/town/fukidashi02_off.png) repeat center top;
	z-index: 4;
	top: 740px;
	left: 100px;
}

#townWrapper180905 .fukidashi03{
	background: url(/image/event/september2018/town/fukidashi03_off.png) repeat center top;
	z-index: 4;
	top: 740px;
	left: 530px;
}

#townWrapper180905 .fukidashi04{
	background: url(/image/event/september2018/town/fukidashi04.png) repeat center top;
	z-index: 4;
	top: 320px;
	left: 100px;
}


#townWrapper180905 .all_kirakira .kirakira{
	position: relative;
	width: 1000px;
	margin: 0 auto;
}


#townWrapper180905 .all_kirakira p{
	position: relative;
	display: inline-block;
	background: url(/image/event/september2018/town/kirakira.png) no-repeat center;
	width: 1000px;
	height: 311px;
	text-indent: 150%;
    white-space: nowrap;
    overflow: hidden;
}

#townWrapper180905 .all_kirakira p.open{
	background: url(/image/event/september2018/town/kirakira.png) no-repeat center;
}



#townWrapper180905 .all_kirakira .kira1{
	position: absolute;
	top: 0;
	left: 0;
}

#townWrapper180905 .all_kirakira .kira1::after,
#townWrapper180905 .all_kirakira .kira2::after{
	content: "";
	display: inline-block;
	background: url(/image/event/september2018/town/kira.png) no-repeat center top;
	background-size: cover;
	width: 120px;
	height: 120px;
	position: absolute;
	top: 40px;
	left: -60px;
	animation: anime_kira 1.2s linear -0.5s infinite alternate;
}

#townWrapper180905 .all_kirakira .kira1::before,
#townWrapper180905 .all_kirakira .kira2::before{
	content: "";
	display: inline-block;
	background: url(/image/event/september2018/town/kira.png) no-repeat center top;
	background-size: cover;
	width: 80px;
	height: 80px;
	position: absolute;
	top: 180px;
	left: -20px;
	animation: anime_kira 1.8s linear infinite alternate;
}

#townWrapper180905 .all_kirakira .kira2{
	position: absolute;
	top: 0;
	right: 0;
}

#townWrapper180905 .all_kirakira .kira2::after{
	left: auto;
	right: -60px;
}

#townWrapper180905 .all_kirakira .kira2::before{
	left: auto;
	right: -20px;
}

@keyframes anime_kira{
0% { transform: scale(0.3);}
100% { transform: scale(0.5); opacity: 0.6;}
}



#townWrapper180905 .all_etc{
	position: relative;
	background: url(/image/event/september2018/town/bg_all04.png) repeat center top;
	width: 100%;
	height: 1000px;
	overflow: hidden;
}

#townWrapper180905 .all_etc::after{
	content: "";
	display: block;
	background: url(/image/event/september2018/town/bg_green.png) no-repeat center top;
	width: 100%;
	height: 200px;
	position: absolute;
	bottom: -90px;
	z-index: 1;
}

#townWrapper180905 .all_etc::before{
	content: "";
	display: block;
	background: url(/image/event/september2018/town/cloud.png) center top;
	width: 100%;
	height: 900px;
	position: absolute;
	top: 0;
	z-index: 1;
	animation: anime_cloud 40s linear infinite;
}


@keyframes anime_cloud{
0% {background-position: 1200px 0;}
50% {opacity: 0.8;}
100% { background-position: 0 0;}
}


#townWrapper180905 .all_etc .special{
	position: relative;
	background: url(/image/event/september2018/town/img_etc03.png) no-repeat center top;
	width: 1000px;
	height: 360px;
	margin: 30px auto 20px;
	padding-top: 40px;
	padding-left: 70px;
	box-sizing: border-box;
	font-size: 0;
	z-index: 2;
}

#townWrapper180905 .all_etc .special a{
	position: absolute;
	background: url(/image/event/september2018/town/btn_gotoshop01.png) no-repeat center;
	width: 198px;
	height: 33px;
	top: 260px;
	left: 250px;
}

#townWrapper180905 .all_etc .special a.gotoshop2{
	background: url(/image/event/september2018/town/btn_gotoshop02.png) no-repeat center;
	left: 710px;
}

#townWrapper180905 .all_etc ul{
	position: relative;
	background: url(/image/event/september2018/town/npc_all.png) repeat-x center 350px;
	width: 1000px;
	height: 615px;
	margin: 0 auto;
	padding-top: 40px;
	padding-left: 70px;
	box-sizing: border-box;
	font-size: 0;
	z-index: 2;
}

#townWrapper180905 .all_etc li{
	display: inline-block;
	width: 420px;
	height: 310px;
	margin: 0 5px;

}

#townWrapper180905 .all_etc li a{
	position: relative;
	width: 420px;
	height: 310px;
}

#townWrapper180905 .all_etc li.all_etc01 a{
	background: url(/image/event/september2018/town/img_etc01.png) no-repeat center;
}

#townWrapper180905 .all_etc li.all_etc02 a{
	background: url(/image/event/september2018/town/img_etc02.png) no-repeat center;
}

#townWrapper180905 .all_etc li.all_etc01_off{
	background: url(/image/event/september2018/town/img_etc01_off.png) no-repeat center;
}

#townWrapper180905 .all_etc li.all_etc02_off{
	background: url(/image/event/september2018/town/img_etc02_off.png) no-repeat center;
}

#townWrapper180905.all_10th{
	padding-top: 0;
	padding-bottom: 0;
}