/**************************************
COLOR MAIN CSS
**************************************/
:root {
  --font-color: #fff;
  --font-base: Meiryo,'Hiragino Kaku Gothic ProN','Hiragino Sans',sans-serif;
  --color3_backgroundcolor: #8c4200;
  --color3_top_right_menu: rgba(140, 66, 0, 0.5);
  --color3_linkcolor: #ffa365;
  --color3_subcolor: #ffc731;
  --color3_pricecolor: #ffff00;
}

#color3 a, #color3 a:hover{ color: var(--color3_linkcolor);}




/**************************************
COLOR3
**************************************/
#color3{
	background: var(--color3_backgroundcolor);
}
#color3 #bg, #color3 main, #color3 aside, #color3 footer{	background: none;}

/** top **/
#color3 .top_right_menu .top_right_bt01{
	background: url(../img/index/top_right_bt01.png) no-repeat 50% 9px var(--color3_top_right_menu);
	background-size: 30px auto;
}
#color3 .top_right_menu .top_right_bt02{
	background: url(../img/index/top_right_bt02.png) no-repeat 50% 9px var(--color3_top_right_menu);
	background-size: 30px auto;
}
#color3 .top_right_menu .top_right_bt03{
	background: url(../img/index/top_right_bt03.png) no-repeat 50% 9px var(--color3_top_right_menu);
	background-size: 30px auto;
}
#color3 #news .nbox .date{	color: var(--color3_subcolor);}
#color3 #eventlist .on .ev_date span{
	color: #000;
	background: var(--color3_subcolor);
}


/** pp **/
#color3 #privacy .lbox h3{	color: var(--color3_subcolor);}


/** legal **/
#color3 .linfo dt{	color: var(--color3_subcolor);}


/** event **/
#color3 .goods_situ_total{
	color: #000;
	background: var(--color3_subcolor);
}
#color3 .goodsinfo .name{
	color: var(--color3_subcolor);;
}
#color3 .list li .price{ color: var(--color3_pricecolor);}
#color3 .goodsinfo .price em{ color: var(--color3_pricecolor);}
#color3 .cart_item_box_a .txt .price em{ color: var(--color3_pricecolor);}
#color3 .his .his_in dd .w_sss, #color3 .goods_situ_dl .w_sss{	color: #ffff00;}
#color3 .his .his_in dd .w_ss, #color3 .goods_situ_dl .w_ss{	color: #ff99ff;}
#color3 .his .his_in dd .w_s, #color3 .goods_situ_dl .w_s{	color: #99ff99;}



/** form **/
#color3 .form.fck dt,
#color3 .goods_form.fck dt,
#color3 .bonus_infobox .p1,
#color3 .bov_div .name,
#color3 .bov_div .sche_1{	color: var(--color3_subcolor);}
#color3 .error span{ color: #ff9999;}
#color3 .error_block dt{ color: #ff9999;}
#color3 .error_text{ color: #ff9999;}



/** mypage **/
#color3 .mypage_title,
#color3 #ticket_list.ticket_gatcha .ticket_gatcha_btm .ship_ch input[type="submit"],
#color3 #ticket_list.ticket_gatcha .ticket_gatcha_btm div#gh_hisbox a{
	background: var(--color3_subcolor);
}
#color3 .box_schedule .date{
	background: url(../img/all/i_res_b.png) no-repeat 15px 20px var(--color3_subcolor);
	background-size: 16px auto;
}
#color3 .mypage_title:after{
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: var(--color3_subcolor) transparent transparent transparent;
}
#color3 .goods_prof .name,
#color3 .list_box_r .name_live,
#color3 #ticket_list.ticket_gatcha .ticket_gatcha_btm div span,
#color3 #ticket_list.ticket_gatcha .goods_prof .name p:nth-of-type(2) span{	color: var(--color3_subcolor);}


/** ticket **/
#color3 #ticket_list.ticket_gatcha .ticket_gatcha_top{
	background: #F8E0B4;
	background: linear-gradient(90deg, rgba(248, 224, 180, 1) 0%, rgba(245, 238, 225, 1) 50%, rgba(248, 224, 180, 1) 100%);
}
#color3 #ticket_list .tk_l,
#color3 #ticket_list .tk_bt{	background: #715c47;}
#color3 #ticket_list .tk_l p,
#color3 #ticket_list .tk_bt,
#color3 #ticket_list .tk_bt_bg .material-icons{	color: #f7e6c7;}
#color3 #ticket_list .tk_r_win{
	color: #443530;
	border-color: #715c47;
	box-shadow: 35px 0px 0px 0px #715c47 inset;
}


/** atari ticket **/
#color3 .atari_ticket_bg,
#color3 .atari_ticket:before,
#color3 .atari_ticket:after{
	background: #cc0000;
}
#color3 .atari_ticket{
	color: #333;
	background: #fff;
}
#color3 .atari_top{
	color: #cc0000;
	background: #660000;
}
#color3 .atari_ticket_in .ct{
	color: #d80600;
}
#color3 .atari_ticket_in .ct2{
	color: #cc0000;
}
#color3 .atari_ticket_in .date1{
	color: #cc0000;
}
#color3 .atari_ticket_in .tk_bt{
	color: #fff;
	background: url(../img/all/i_yubi_big.png) no-repeat calc(100% - 10px) 50% #cc0000;
	background-size: 16px auto;
}


/** buttun **/
#color3 .bt_main, #color3 .bt_main:hover{
	color: #000;
	background: linear-gradient(to right,  #d7a7ff 0%,#c871ff 100%);
}
#color3 .bt_main.off, #color3 .bt_main.off:hover{
	color: 	#fff;
	background: #ff0000;
	background: rgb(255,114,0);
	background: linear-gradient(90deg, rgba(255,114,0,1) 0%, rgba(237,0,0,1) 100%);
}
#color3 .bt_main.orange, #color3 .bt_main.orange:hover{
	background: rgb(255,210,0);
	background: linear-gradient(90deg, rgba(255,210,0,1) 0%, rgba(255,156,0,1) 100%);
}
#color3 .bt_main.gray, #color3 .bt_main.gray:hover{	background: #333;}
#color3 .bt_hs, #color3 .bt_hs:hover{
	background: linear-gradient(to right,  #ffde5a 0%,#ffc85a 100%);
}
#color3 .bt_main:disabled,
#color3 .bt_main:disabled:hover{
	color: #000;
	background: #333;
}


/** bt_neon **/
#color3 .bt_neon{
	box-shadow: 0px 0px 20px 5px #91008f;
	background: #C40A7D;
	background: linear-gradient(0deg, rgba(196, 10, 125, 1) 0%, rgba(44, 5, 62, 1) 50%, rgba(52, 15, 113, 1) 100%);
}
#color3 .bt_neon_in{
	color: #fff;
	border: 2px solid #ff5dfd;
	box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.5);
}
#color3 .bt_neon:hover{
	text-shadow: 0 0 15px #fff;
	box-shadow: 0px 0px 20px 5px #de24db;
}
#color3 .bt_neon:hover .bt_neon_in{
	border: 2px solid #ffb0fe;
	box-shadow: 0px 0px 3px 0px #ffb0fe;
}



/** tshot **/
#color3 .oprt_p1,
#color3 .legal_info2 .lbox h3,
#color3 .btest_box .row h3 span{	color: var(--color3_subcolor);}
#color3 .btest_box .row h3{	background: var(--color3_subcolor);}
#color3 .btest_box .error-title{ color: var(--color3_linkcolor);}



@media screen and (max-width: 750px) {



	/** color **/
	#color3 .top_right_menu .top_right_bt01{
		background: url(../img/index/top_right_bt01.png) no-repeat 50% 8px var(--color3_top_right_menu);
		background-size: 25px auto;
	}
	#color3 .top_right_menu .top_right_bt02{
		background: url(../img/index/top_right_bt02.png) no-repeat 50% 8px var(--color3_top_right_menu);
		background-size: 25px auto;
	}
	#color3 .top_right_menu .top_right_bt03{
		background: url(../img/index/top_right_bt03.png) no-repeat 50% 8px var(--color3_top_right_menu);
		background-size: 25px auto;
	}

}