@charset "Shift_JIS";
body {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	position: relative;
	top: 0;
	left: 0;
}
img {
	border: 0;
}
ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
ul li img {
	vertical-align: bottom;
}
.clear {
	clear: both;
	margin: 0;
	padding: 0;
	width: auto;
	height: 0px;
}
* html .clear {
	clear: both;
	margin: -20px 0 0 0;
	padding: 0;
	width: auto;
	height: 0px;
}
dl#info {
	line-height : 1;
	padding-left : 0;
	padding-right : 0;
	width : 415px;
	margin-bottom: 0;
}
dl#info dt {
	float : left;
	clear : both;
	width : 60px;
	padding-bottom : 10px;
}
dl#info dd {
	margin-left : 61px;
	padding-bottom : 10px;
	padding-left : 1em;
}
dl#info dd a {
	color: #ccc28f;
	text-decoration: underline;
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
dl#info {
	line-height : 1;
	padding-left : 0;
	padding-right : 0;
	width : 415px;
	margin-bottom: 0;
}
dl#info dt {
	float : left;
	clear : both;
	width : 80px;
	padding-bottom : 10px;
}
dl#info dd {
	margin-left : 81px;
	padding-bottom : 10px;
	padding-left : 1em;
}
dl#info dd a {
	color: #ccc28f;
	text-decoration: underline;
}
}
#bana_con {
	width: 770px; /*(2) 475px (4)-1015px*/
	height: 85px;
	background: #fff;
	position: relative;
	margin: 0 auto;
}
/*---goto_contents--*/
#bana_in {
	width: 770px; /*(2) 475px (4)-1015px*/
	padding: 0;
	margin: 0;
	height: 60px;
	float: left;
	position: absolute;
	left: 0;
	top: 6px;
}
#bana_in ul {
	width: 999px; /*(2) 477px(3) 739px (4)-1015px*/
	padding: 0px;
	list-style: none;
	height: 60px;
	margin-top: 0;
	margin-bottom: 0;
	margin: 0 auto;
}
#bana_in ul li {
	float: left;
	height: 60px;
	margin: 0px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
}
#bana_in ul:after {/*for modern browser*/
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	line-height: 0;
	visibility: hidden;
}
#bana_in ul li {
	line-height: 0px;/*--firefox--*/
}
#bana_in ul li img {/*---IE-------*/
	vertical-align: top;
}
#nopad {
	padding: 0 !important;
}
/*201102*/


#mainArea {
	width: 100%;
	background: url(../img/con_bg.jpg) repeat-x top #003B81;
}
#mainArea_top {
	width: 100%;
	background: url(../img/top_con_bg.jpg) repeat-x top #003371;
}
#top_main {
	width: 100%;
	margin: 0 auto;
	background: #003371;
}
#top_head {
	width: 100%;
	margin: 0 auto;
	height: 313px;
	/*background-color:#042D65;*/
	background-color: #003371;
}
#g_banner {
	width: 944px;
	height: 313px;
	position: relative;
	margin: 0 auto;
	background: url(../img/g_head16.jpg) no-repeat 0px 0px;
}
#g_banner02 {
	width: 944px;
	height: 313px;
	position: relative;
	margin: 0 auto;
	background: url(../img/g_head9.jpg) no-repeat 0px 0px;
}
p#bana01 {
	position: absolute;
	top: 103px;
	right: 147px;
	margin: 0;
	padding: 0;
	width: 130px;
	height: 130px
}
p#bana01 a {
	margin: 0;
	padding: 0;
	display: block;
}
p#bana01 a:hover {
	background: url(../img/bana01_rollover.gif) no-repeat top left;
	background-color: transparent;
}
p#bana01 a:hover img {
	visibility: hidden;
}
p#bana02 {
	position: absolute;
	top: 179px;
	left: 777px;
	margin: 0;
	padding: 0;
	width: 129px;
	height: 129px;
}
p#bana02 a {
	margin: 0;
	padding: 0;
	display: block;
}
p#bana02 a:hover {
	background: url(../img/bnr_top02_o.png) no-repeat top left;
	background-color: transparent;
}
p#bana02 a:hover img {
	visibility: hidden;
}
p#bana153 {
	position: absolute;
	top: 152px;
	left: 774px;
	margin: 0;
	padding: 0;
	/*width: 154px;*/
	/*height: 154px;*/
}
p#bana153 a {
	margin: 0;
	padding: 0;
	display: block;
	/*width: 154px;*/
	/*height: 154px;*/
}
p#bana153 a:hover {
	background: url(../img/bnr_top_o.png) no-repeat top left;
	background-color: transparent;
	/*width: 154px;*/
	/*height: 154px;*/
}
p#bana153 a:hover img {
	visibility: hidden;
	/*width: 154px;*/
	/*height: 154px;*/
}
p#bana153_01 {
	position: absolute;
	top: 10px;
	left: 790px;
	margin: 0;
	padding: 0;	
	/*width: 154px;*/
	/*height: 154px;*/
}
p#bana153_01 a {
	margin: 0;
	padding: 0;
	display: block;
	/*width: 154px;*/
	/*height: 154px;*/
}
p#bana153_01 a:hover {
	background: url(../img/circle_on_132.png) no-repeat top left;
	background-color: transparent;
	width: 132px;
	height: 132px;
}
p#bana153_01 a:hover img {
	visibility: hidden;
	/*width: 154px;*/
	/*height: 154px;*/
}
p#bana153_02 {
	position: absolute;
	top: 146px;
	left: 790px;
	margin: 0;
	padding: 0;	/*width: 154px;*/	/*height: 154px;*/
}
p#bana153_02 a {
	margin: 0;
	padding: 0;
	display: block;
	/*width: 154px;*/
	/*height: 154px;*/
}
p#bana153_02 a:hover {
	background: url(../img/circle_02_on_132.png) no-repeat top left;
	background-color: transparent;
	/*width: 154px;*/
	/*height: 154px;*/
}
p#bana153_02 a:hover img {
	visibility: hidden;
	/*width: 154px;*/
	/*height: 154px;*/
}
p#bana153_03 {
	position: absolute;
	top: 10px;
	left: 656px;
	margin: 0;
	padding: 0;
	width: 154px;
	height: 154px;
}
p#bana153_03 a {
	margin: 0;
	padding: 0;
	display: block;
	width: 154px;
	height: 154px;
}
p#bana153_03 a:hover {
	background: url(../img/circle_03_on_132.png) no-repeat top left;
	background-color: transparent;
	width: 154px;
	height: 154px;
}
p#bana153_03 a:hover img {
	visibility: hidden;
	width: 154px;
	height: 154px;
}
p#bana200 {
	position: absolute;
	top: 233px;
	left: 45px;
	margin: 0;
	padding: 0;
	width: 200px;
	height: 60px;
}
p#bana200 a {
	margin: 0;
	padding: 0;
	display: block;
	width: 200px;
	height: 60px;
}
p#bana200 a:hover {
	background: url(../img/bnr_top_s_o.jpg) no-repeat top left;
	background-color: transparent;
	width: 200px;
	height: 60px;
}
p#bana200 a:hover img {
	visibility: hidden;
	width: 200px;
	height: 60px;
}
p#bana03 {
	position: absolute;
	top: 123px;
	left: 848px;
	margin: 0;
	padding: 0;
	width: 129px;
	height: 128px;
	z-index: 150;
	background: url(../img/summerCPmaru_s_o.png) no-repeat;
}
p#bana03 a {
	display: block;
}
p#bana03 a:hover {
	background-color: transparent;
}
p#bana03 a:hover img {
	visibility: hidden;
}
p#bana04 {
	position: absolute;
	top: 48px;
	left: 787px;
	margin: 0;
	padding: 0;
	width: 155px;
	height: 155px;
}
p#bana04 a {
	margin: 0;
	padding: 0;
	display: block;
}
p#bana04 a:hover {
	background: url(../img/bnr_style_o.gif) no-repeat top left;
	background-color: transparent;
}
p#bana04 a:hover img {
	visibility: hidden;
}
p#bana05 {
	position: absolute;
	top: 16px;
	left: 13px;
	margin: 0;
	padding: 0;
	width: 155px;
	height: 155px;
	z-index: 100;
	background: url(../img/bnr_style_o.gif) no-repeat;
}
p#bana05 a {
	display: block;
	width: 155px;
	height: 155px;
}
p#bana05 a:hover {
	background-color: transparent;
}
p#bana05 a:hover img {
	visibility: hidden;
}
p#bana06 {
	position: absolute;
	top: 174px;
	left: 750px;
	margin: 0;
	padding: 0;
	width: 129px;
	height: 129px;
	z-index: 100;
}
p#bana06 a {
	margin: 0;
	padding: 0;
	display: block;
}
p#bana06 a:hover {
	background: url(../img/bnr_cp_o.png) no-repeat top left;
	background-color: transparent;
}
p#bana06 a:hover img {
	visibility: hidden;
}
p#bana06_s {
	position: absolute;
	top: 160px;
	left: 750px;
	margin: 0;
	padding: 0;
	width: 129px;

	height: 129px;
	z-index: 100;
}
p#bana06_s a {
	margin: 0;
	padding: 0;
	display: block;
}
p#bana06_s a:hover {
	background: url(../img/bnr_cp02_o.png) no-repeat top left;
	background-color: transparent;
}
p#bana06_s a:hover img {
	visibility: hidden;
}
/* IE6 PNG */
p#bana05 a {
	_display: block;
	_width: 129px;
	_height: 129px;
	_text-indent: -5000px;
	_background: url(../img/bana05_rollout.png) no-repeat 0 0;
}
p#bana05 a:hover {
	_background: url(../img/bana05_rollover.png) no-repeat 0 0;
}

#top_con_r h4 {
	margin: 0;
}
#g_menu {
	background: url(../img/top_bg.jpg) repeat-x 0 0;
	padding: 3px 0 0 0;
	height: 27px;
}
#g_menu ul {
	width: 900px;
	height: 18px;
	margin: 0 auto;
	padding: 0;
}
#g_menu li {
	float: left;
	height: 18px;
	padding: 2px 20px 0 0;
	line-height: 0;
	margin: 0;
}
li#g_menu_right {
	float: left;
	height: 18px;
	padding: 2px 10px 0 310px;
	line-height: 0;
}
li#g_menu_right02 {
	float: left;
	height: 18px;
	padding: 2px 0px 0 20px;
	line-height: 0;
}
#g_menu ul:after {/*for modern browser*/
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	line-height: 0;
	visibility: hidden;
}
#g_menu ul li {
	line-height: 0px;/*--firefox--*/
}
#g_menu ul li img {/*---IE-------*/
	vertical-align: top;
}
#top_con {
	width: 900px;
	height: 920px;
	margin: 15px auto 0 auto;
	position: relative;
}
/*スタイル旬2段用/*
#top_con_l{
width:417px;
background:#002364;
padding:25px 35px 47px 25px;
font-size:0.9em;
color:#ccc28f;
}
*/
#top_con_l {
	width: 428px;
	background: #002862;
	padding: 25px 35px 18px 25px;
	font-size: 15px;
	color: #ccc28f;
}
#top_con_l h4 {
	padding: 0;
	margin: 10px 0 0 0;
}
#news_line {
	color: #ccc28f;
	margin: 0 0 0px 0;
}
#news_line td {
	padding: 0 0 6px 0;
	line-height: 1.4em;
}
#news_line a {
	color: #ccc28f;
	text-decoration: underline;
}
#att a {
	color: #FF0000;
	text-decoration: underline;
}
li#ad_link {
	margin-top: 0px;
}
li#omake_link {
	margin-top: 0px;
}
#top_con_r {
	width: 392px;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../img/bg_style.gif) no-repeat;
	height: 882px;
}
#top_con_r ul#km_style {
	width: 366px;
	margin: 0 auto;
	background-color: #FFF;
}
#top_con_r ul#km_style li {
	display: block;
	background-image: url(../img/km_style_line.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom: 1px;
}
#top_con_r ul#km_style li#end {
	display: block;
	background: none;
	padding-bottom: 0;
}
#flashArea {
	clear: both;
	background: #b4a660;
	color: #fff;
	height: 25px;
}
#flashArea p {
	padding: 4px 0 0 62px;
	font-size: 0.8em;
}
#flashArea p a {
	color: #fff;
}
/*product*/

#product_con {
	background: url(../img/product_bg.jpg) no-repeat top center;
}
#product_in {
	width: 890px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
#product_in h2 {
	margin-top: 15px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 38px;
}
#product_in p {
	padding: 15px 0;
	margin: 0;
	text-align: right;
}
#product_in span {
	position: absolute;
	top: 0;
	right: 75px;
}
/*2016*/
#product_box1 {
	width: 850px;
	background: url(../img/product_box1_bg.png) no-repeat top left;
	position: relative;
	padding: 0 0 25px 0;
}
#product_box1 h4 {
	padding: 0;
	margin: 0 0 0 200px;
}
#product_box1 p {
	width: 290px;
	margin: 0 0 0 200px;
	padding: 10px 0;
	text-align: left;
	font-size: 0.9em;
	line-height: 1.4em;
	color: #fff;
}
img#box1_01 {
	margin: 0 0 0 200px;
	padding: 0;
}
img#box1_02 {
	position: absolute;
	top: 43px;
	right: 43px;
}
#product_box2 {
	width: 850px;
	min-height: 284px;
*height:284px;
	background: url(../img/product_box2_bg.png) no-repeat top right;
	padding: 0 0 10px 0;
	margin: 30px 0 0 0;
}
#product_box2 table {
	margin: 0 0 0 200px;
}
#product_box2 h4 {
	padding: 0;
	margin: 0;
}
#product_box2 p {
	text-align: left;
	font-size: 0.9em;
	line-height: 1.4em;
	color: #fff;
	margin: 0;
	padding: 10px 0;
}
#product_box3 {
	width: 850px;
	min-height: 284px;
*height:284px;
	background: url(../img/product_box3_bg.png) no-repeat top left;
	position: relative;
	padding: 0 0 25px 0;
}
#product_box3 h4 {
	padding: 0;
	margin: 0 0 0 200px;
}
#product_box3 p {
	width: 459px;
	margin: 0 0 0 200px;
	padding: 10px 0;
	text-align: left;
	font-size: 0.9em;
	line-height: 1.4em;
	color: #fff;
}
img#box3_01 {
	margin: 0 0 0 200px;
	padding: 0;
}
/*ad*/

.ico_new_gra {
	position: absolute;
	width: 41px;
	height: 41px;
	left: 582px;
	top: -31px;
}
.ico_new_gra02 {
	position: absolute;
	width: 41px;
	height: 41px;
	left: 462px;
	top: -31px;
}
.ico_new_gra03 {
	position: absolute;
	width: 41px;
	height: 41px;
	left: 402px;
	top: -31px;
}
.ico_new_gra04 {
	position: absolute;
	width: 41px;
	height: 41px;
	left: 482px;
	top: -31px;
}
.ico_new_gra05 {
	position: absolute;
	width: 41px;
	height: 41px;
	left: 582px;
	top: 20px;
}
.ico_new_gra06 {
	position: absolute;
	width: 41px;
	height: 41px;
	left: 570px;
	top: -20px;
}
#cm_album li.ico_mew .img_new {
	position: absolute;
	width: 41px;
	height: 41px;
	left: 240px;
	top: -11px;
}
#ad_con {
	width: 100%;
	background: url(../img/ad_bg.jpg) no-repeat top center;
	overflow: hidden;
}
#ad_in {
	width: 890px;
	margin: 0 auto;
	overflow: hidden;
}
#ad_in h2 {
	margin: 15px 0 37px 0;
}
p#pagetop {
	clear: both;
	text-align: right;
	padding: 15px 0;
	margin: 0;
}
#side_menu {
	width: 164px;
	float: left;
}
#side_menu ul {
	margin: 0 0 35px 0;
}
#side_menu li {
	margin: 0 0 17px 0;
}
#side_menu p {
	margin: 0;
	padding: 0 0 10px 0;
}
#ad_con_r2 {
	float: right;
	width: 646px;
	position: relative;
	background: #003a81;
	padding: 34px 0 0 44px;
	position: relative;
}
#ad_con_r2 h4 {
	padding: 0;
	margin: 0;
	clear: both;
}
#ad_con_r3 {
	float: right;
	width: 690px;
	position: relative;
	background: #003a81;
	padding: 34px 0 0 0;
	position: relative;
}
#ad_con_r3 h4 {
	padding: 0;
	margin: 0 0 0 44px;
	clear: both;
}
#ad_con_r {
	float: right;
	width: 690px;
	position: relative;
}
#ad_con_r h4 {
	padding: 0;
	margin: 0;
	clear: both;
}
#ad_con_r li {
	float: left;
	padding: 0 10px 0 0;
}
p#dan_pro {
	position: absolute;
	/*top:285px;*/
	top: 530px;
	left: 40px;
	padding: 0;
	margin: 0;
}
p#other_pro {
	position: absolute;
	top: 300px;
	right: 24px;
	padding: 0;
	margin: 0;
}
p#ad_other_cm {
	clear: both;
	margin: 0;
	padding: 25px 0 0 0;
*padding:10px 0 0 0;
}
#sec_ad {
	clear: both;
	width: 689px;
	position: relative;
}
p#sec_pro {
	position: absolute;
	top: 88px;
	right: 43px;
	padding: 0;
	margin: 0;
}
ul.adtop_cate {
	margin: 0 0 0 40px;
	position: relative;
}
.adtop_cate li {
	width: 347px;
	float: left;
	margin: 0 10px 0 0;
}
.adtop_cate p {
	margin: 4px 0;
	padding: 0;
}
.adtop_other_cate li {
	float: left;
	margin: 0 5px 0 0;
}
.adtop_other_cate p {
	margin: 4px 0;
	padding: 0;
}
#making {
	position: absolute;
	top: 93px;
	left: 230px;
	width: 123px;
}
#making p {
	padding: 18px 0 0 0;
	margin: 0;
}
#dan_gra {
	width: 250px;
	position: absolute;
	top: 1px;
	right: 90px;
}
#dan_gra p {
	padding: 0;
	margin: 0;
}
/*profiel*/

#pro_box01 {
	width: 617px;
	min-height: 188px;
*height:188px;
	background: url(../img/pro_box01.jpg) no-repeat top left;
	margin: 0 0 25px 0;
}
p#goto_adtop {
	position: absolute;
	top: 38px;
	right: 36px;
	poadding: 0;
	margin: 0;
}
#pro_box01 p {
	width: 363px;
	margin: 0 0 0 223px;
	padding: 35px 0 0 0;
	color: #fff;
	font-size: 0.9em;
	line-height: 1.4em;
}
#pro_box02 {
	width: 617px;
	min-height: 188px;
*height:188px;
	background: url(../img/pro_box02.jpg) no-repeat top left;
	margin: 0;
}
#pro_box02 p {
	width: 363px;
	margin: 0 0 0 223px;
	padding: 35px 0 0 0;
	color: #fff;
	font-size: 0.9em;
	line-height: 1.4em;
}
#pro_box03 {
	width: 617px;
	min-height: 145px;
*height:145px;
	background: url(../img/pro_box03.jpg) no-repeat top left;
	margin: 20px 0 0 0;
}
#pro_box03 p {
	width: 363px;
	margin: 0 0 0 223px;
	padding: 35px 0 0 0;
	color: #fff;
	font-size: 0.9em;
	line-height: 1.4em;
}
#pro_box04 {
	width: 617px;
	min-height: 145px;
*height:145px;
	background: url(../img/pro_box04.jpg) no-repeat top left;
	margin: 20px 0 40px 0;
}
#pro_box04 p {
	width: 363px;
	margin: 0 0 0 223px;
	padding: 35px 0 0 0;
	color: #fff;
	font-size: 0.9em;
	line-height: 1.4em;
}
#pro_box05 {
	width: 617px;
	min-height: 145px;
*height:145px;
	background: url(../img/pro_box05.jpg) no-repeat top left;
	margin: 20px 0 40px 0;
}
#pro_box05 p {
	width: 363px;
	margin: 0 0 0 223px;
	padding: 35px 0 0 0;
	color: #fff;
	font-size: 0.9em;
	line-height: 1.4em;
}
/*gr*/

ul#backnumber {
	/*padding:15px 0 40px 44px;*/
	padding: 15px 0 0 44px;
}
#backnumber li {
	float: left;
}
ul#backnumber2 {
	/*padding:15px 0 15px 0;*/
	padding: 15px 0 0 0;
}
#backnumber2 li {
	float: left;
}
/*gr_album*/

#album_con {
	clear: both;
	width: 654px;
	margin: 30px auto 50px auto;
	position: relative;
}
p#arrow_l {
	position: absolute;
	top: 106px;
	left: 0;
}
p#arrow_r {
	position: absolute;
	top: 106px;
	right: 0;
}
p#number {
	position: absolute;
	top: 265px;
	left: 300px;
	color: #fff;
}
/*cm_album*/

ul#cm_album {
	margin: 30px 0 0 5px;
}
#cm_album li {
	width: 272px;
	height: 200px;
	float: left;
	margin: 0 48px 0 0;
	padding: 0 0 15px 0;
}
#cm_album li.ico_mew {
	position: relative;
}
#cm_album li.ico_mew .img_new {
	position: absolute;
	width: 41px;
	height: 41px;
	left: 240px;
	top: -11px;
}
#cm_album p {
	margin: 7px 0;
	padding: 0;
}
/*digital*/


#digi_con {
	width: 100%;
	background: url(../img/digi_bg.jpg) no-repeat top center;
	overflow: hidden;
}
#digi_in {
	width: 890px;
	margin: 0 auto;
	position: relative;
}
#digi_in span {
	position: absolute;
	top: 0;
	right: 28px;
}
#digi_in h2 {
	margin: 15px 0 30px 0;
}
ul#digitop_cate {
	padding: 0 0 30px 0;
}
#digitop_cate li {
	width: 290px;
	float: left;
	padding: 0 0 100px 0;
}
#digitop_cate p {
	margin: 4px 0;
	padding: 0;
}
#digitop_cate table {
	padding: 0 0 12px 0;
}
/*wall*/

p#settei {
	position: absolute;
	top: 10px;
	right: 2px;
	padding: 0;
	margin: 0;
}
ul#wall_con {
	margin: 20px 0;
}
#wall_con li {
	width: 194px;
	float: left;
	padding: 0 0 20px 30px;
}
#wall_con li.ico_mew {
	position: relative;
}
#wall_con li.ico_mew .img_new_wall {
	position: absolute;
	width: 41px;
	height: 41px;
	left: 200px;
	top: -11px;
}
#wall_con table {
	margin: 10px 0;
}
/*other 201106*/

#first_story {
	clear: both;
	overflow: hidden;
}
#first_story li {
	float: left;
}
#first_story li p {
	margin: 3px 0 0 0;
	padding: 0;
}
.other_cast {
	clear: both;
	padding: 0 0 20px 0;
}
#second_story {
	clear: both;
	overflow: hidden;
}
#second_story li {
	float: left;
}
#second_story li p {
	margin: 3px 0 0 0;
	padding: 0;
}
#three_story {
	clear: both;
	overflow: hidden;
}
#three_story li {
	float: left;
}
#three_story li p {
	margin: 8px 0 0 0;
	padding: 0;
}
#top_menu {
	width: 436px;
	margin: 30px 0 0;
	padding: 0;
	float: left;
}
#top_menu01 {
	width: 436px;
	height: 161px;
	margin: 0;
	padding: 0;
}
#top_menu02 {
	width: 436px;
	height: 161px;
	margin: 0;
	padding: 0;
}
#top_menu03 {
	clear: both;
	width: 436px;
	height: 161px;
	margin: 0 0 30px;
	padding: 0;
}
#top_menu04 {
	clear: both;
	width: 436px;
	height: 162px;
	margin: 0;
	padding: 0;
}
/*clearfix*/
.cf:after {
	content: " ";
	display: table;
}
.cf:after {
	clear: both;
}
.cf {
 *zoom: 1;
}
.bnover:hover {
  opacity: 1;
  -webkit-animation-duration: 1s;
  -webkit-animation-name: flash;
  animation-duration: 1s;
  animation-name: flash;
}
@-webkit-keyframes flash {
  0% {
    opacity: .4;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flash {
  0% {
    opacity: .4;
  }
  100% {
    opacity: 1;
  }
}