@charset "UTF-8";

/*共通スタイル*/
body{font-family:sans-serif;}

.bg_color,.bg_color_n{background:#292929;}
.bg_color_hlw{background:#330033;}
.bg_color_xmas{background:#0e2c01;}
.bg_color_ny{background:#b22222;}

.bg_color_summer {
	background-image: url(/img/top/bg_summer.png);
	background-size: 100% auto;
	background-repeat: repeat-y;
}

a:link{color:#fff;}
a:visited{color:#fff;}
.img_100{width:100%;}

a.ev_koushin {
	display: block;
	padding: 10px;
	background: #cc0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc0), color-stop(35%,#ffc), color-stop(100%,#990));
	background: -webkit-linear-gradient(top, #cc0 0%,#ffc 35%,#990 100%);
	background: linear-gradient(to bottom, #cc0 0%,#ffc 35%,#990 100%);
	background: -webkit-linear-gradient(#cc0 0%, #ff9 30%,#fff 35%, #ff9 40%,#990 100%);
	background: linear-gradient(#cc0 0%, #ff9 30%,#fff 35%, #ff9 40%,#990 100%);
	text-align: center;
	font-size: 140%;
	font-weight: bold;
	text-decoration: none;
	color: #f00;
	-webkit-text-shadow: 1px 1px 0 #000, -1px -1px 0 #fff;
	text-shadow: 1px 1px 0 #000, -1px -1px 0 #fff;
}

.c_scale {
	-moz-transform-origin: left top;
	-webkit-transform-origin: left top;
	transform-origin: left top;
}

/*フォントサイズ*/
.fs_18{font-size:18px;}
.fs_16{font-size:16px;}
.fs_14{font-size:14px;}
.fs_12{font-size:12px;}
.fs_11{font-size:11px;}

.clear{clear:both;}

.c_mt00 { margin-top:0 !important;}
.c_mb00 { margin-bottom:0 !important;}

.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
.b_banners_area h3, .image_banner { margin-bottom: 0.9em; text-align: center; color:#fff; }
.b_banners_area img { width:100%; }
.image_banner {
	text-align: center;
}
.image_banner img {
	width: 95%;
}

.m_at_ggp {
	margin: 7px 0;
	text-align: center;
	color: #ff0000;
	font-size: 90%;
}

/********** フッターコピーライト **********/

footer{background:#000;}

footer ul#copy{padding:2%; clear:both;}

footer ul#copy li.copy{color:#fff; list-style-type:none; line-height:150%; font-size:80%;}


/********** ボタン **********/

.btn_shape{
width:80%; margin:0 auto; border-radius:8px;
text-align:center; padding:4% 0; color:#fff; font-size:110%;}

.btn_shape_input{width:80%; margin:0 auto; border-radius:8px;}

.btn_shape_input input{width:100%; background:transparent; border:none; color:#fff; padding:4% 0; font-size:115%;}

.btn_shape a{display:block; padding:2px;}

.btn_shape b{display:block; padding:2px; font-weight: normal;}

.btn_common {
	clear: both;
	text-align: center;
	font-size: 130%;
	width: 80%;
	margin: 0 auto;
	border-radius: 8px;
}

.btn_common a {
	color: #fff;
	display: block;
	padding: 6% 0;
	margin: 3% 0;
}

.m_button_event {
	width:80%;
	margin: 5% auto;
	padding: 5% 0;
	border-radius: 8px;
	text-align: center;
	color: #fff;
	font-size:100%;
}
	.m_button_event.p_gold {
		background: #f2c933; /* Old browsers */
		background: -moz-linear-gradient(top,  #f2c933 0%, #c79900 40%, #332300 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2c933), color-stop(40%,#c79900), color-stop(100%,#332300)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #f2c933 0%,#c79900 40%,#332300 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #f2c933 0%,#c79900 40%,#332300 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #f2c933 0%,#c79900 40%,#332300 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #f2c933 0%,#c79900 40%,#332300 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2c933', endColorstr='#332300',GradientType=0 ); /* IE6-9 */
	}
	.m_button_event.p_red {
		background: #ff7878; /* Old browsers */
		background: -moz-linear-gradient(top,  #ff7878 0%, #ff0000 40%, #ad0101 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7878), color-stop(40%,#ff0000), color-stop(100%,#ad0101)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ff7878 0%,#ff0000 40%,#ad0101 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ff7878 0%,#ff0000 40%,#ad0101 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ff7878 0%,#ff0000 40%,#ad0101 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #ff7878 0%,#ff0000 40%,#ad0101 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7878', endColorstr='#ad0101',GradientType=0 ); /* IE6-9 */
	}
	.m_button_event.p_blue {
		background: #1f4aff; /* Old browsers */
		background: -moz-linear-gradient(top,  #1f4aff 10%, #1f4aff 10%, #0017ff 40%, #0017ff 40%, #000859 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#1f4aff), color-stop(10%,#1f4aff), color-stop(40%,#0017ff), color-stop(40%,#0017ff), color-stop(100%,#000859)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #1f4aff 10%,#1f4aff 10%,#0017ff 40%,#0017ff 40%,#000859 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #1f4aff 10%,#1f4aff 10%,#0017ff 40%,#0017ff 40%,#000859 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #1f4aff 10%,#1f4aff 10%,#0017ff 40%,#0017ff 40%,#000859 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #1f4aff 10%,#1f4aff 10%,#0017ff 40%,#0017ff 40%,#000859 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f4aff', endColorstr='#000859',GradientType=0 ); /* IE6-9 */
	}
	.m_button_event.p_purple {
		background: #c470ff; /* Old browsers */
		background: -moz-linear-gradient(top,  #c470ff 0%, #b71cff 40%, #460066 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c470ff), color-stop(40%,#b71cff), color-stop(100%,#460066)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #c470ff 0%,#b71cff 40%,#460066 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #c470ff 0%,#b71cff 40%,#460066 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #c470ff 0%,#b71cff 40%,#460066 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #c470ff 0%,#b71cff 40%,#460066 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c470ff', endColorstr='#460066',GradientType=0 ); /* IE6-9 */
	}
	.m_button_event.p_green {
		background: #45d965; /* Old browsers */
		background: -moz-linear-gradient(top,  #45d965 0%, #00a84a 40%, #004a21 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45d965), color-stop(40%,#00a84a), color-stop(100%,#004a21)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #45d965 0%,#00a84a 40%,#004a21 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #45d965 0%,#00a84a 40%,#004a21 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #45d965 0%,#00a84a 40%,#004a21 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #45d965 0%,#00a84a 40%,#004a21 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45d965', endColorstr='#004a21',GradientType=0 ); /* IE6-9 */
	}
	.m_button_event.p_orenge {
		background: #f5b28e; /* Old browsers */
		background: -moz-linear-gradient(top,  #f5b28e 0%, #ec691b 40%, #d13819 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5b28e), color-stop(40%,#ec691b), color-stop(100%,#d13819)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #f5b28e 0%,#ec691b 40%,#d13819 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #f5b28e 0%,#ec691b 40%,#d13819 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #f5b28e 0%,#ec691b 40%,#d13819 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #f5b28e 0%,#ec691b 40%,#d13819 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5b28e', endColorstr='#d13819',GradientType=0 ); /* IE6-9 */
	}

	.m_button_event.p_short {
		width: 65%;
		font-size: 70%;
	}

/*点滅定義*/
@-moz-keyframes blinktext {
    0% {opacity:0;}
    100% {opacity:1;}
}
@-webkit-keyframes blinktext {
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blinktext{
    0% {opacity:0;}
    100% {opacity:1;}
}

/*3倍ガチャバナー*/
.m_gacha_banner_3bai {
	background: #3cbc02;
	padding-bottom: 2%;
	line-height: 1.5;
}
	.m_gacha_banner_3bai img {
		width: 100%;
	}
	.m_gacha_banner_3bai li {
		margin: 2% 2% 0;
		border: solid 3px #4a1406;
		border-radius: 8px;
		padding: 2%;
		background: #fff;
		color: #f0289e;
		list-style: none;
	}
	.m_gacha_banner_3bai li:first-child {
		margin-top: 0;
	}
	.m_gacha_banner_3bai a {
		color: #1658ff;
		text-decoration: underline;
	}

/*デジャヴガチャバナー*/
.m_dejavu_banner {
	background: #000;
	padding: 4% 2%;
}
	.m_dejavu_banner .images {
		text-align: center;
	}
	.m_dejavu_banner .text {
		border: solid 3px #f4dd3f;
		border-radius: 8px;
		margin-top: 4%;
		padding: 2%;
		background: #fff;
		line-height: 1.5;
		color: #ad18f2;
	}
		.m_dejavu_banner .text a {
			color: #3c57e3;
			text-decoration: underline;
		}

/*おまけガチャバナー*/
.m_omake_banner {
	padding: 3px 3px 4%;
	position: relative;
	border: solid 3px #000;
	line-height: 1.5;
}
	.m_omake_banner img { 
		width:100%;
	}
	.m_omake_banner .link {
		margin: 5px 0;
		text-align: center;
		color: #ffff00;
	}
		.m_omake_banner .link a {
			color: #fff;
			text-decoration: underline;
		}
	.m_omake_banner .text {
		border: solid 3px #ffffff;
		border-radius: 8px;
		margin: 0 3%;
		padding: 2%;
		background: #333;
		color: #ffff00;
	}
	.m_omake_banner a {
		position: relative;
		z-index: 10;
	}
	.m_omake_banner .text a {
		text-decoration: underline;
		color: #66ccff;
	}
	.m_omake_banner .blborder {
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: solid 3px #ffff00;
		-moz-animation: blinktext 0.7s ease-in-out infinite alternate;
		-webkit-animation: blinktext 0.7s ease-in-out infinite alternate;
		animation: blinktext 0.7s ease-in-out infinite alternate;
	}

/*ゴッドメダルガチャバナー*/
.m_godmedal_banner {
	padding-bottom: 10px;
	line-height: 1.5;
	background: #ff9dab;
}
	.m_godmedal_banner img {
		width: 100%;
	}
	.m_godmedal_banner .msg {
		margin-top: 5px;
		text-align: center;
		color: #ff4040;
	}
	.m_godmedal_banner .text {
		border: solid 3px #f9d011;
		border-radius: 8px;
		margin: 5px 3%;
		padding: 2%;
		background: #fffdc0;
		color: #0f186e;
		text-align: center;
		font-size: 85%;
	}
		.m_godmedal_banner .text a {
			color: #776a00;
			text-decoration: underline;
		}

/*新春福袋*/
.e_fukubukuro_head {
	background: #ffa54b;
	background: -moz-linear-gradient(top, #ffc000 0%, #fff5bf 50%, #ffc000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc000), color-stop(50%,#fff5bf), color-stop(100%,#ffc000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffc000 0%,#fff5bf 50%,#ffc000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffc000 0%,#fff5bf 50%,#ffc000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffc000 0%,#fff5bf 50%,#ffc000 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffc000 0%,#fff5bf 50%,#ffc000 100%); /* W3C */
}
	.e_fukubukuro_head .title img {
		width: 100%;
	}
	.e_fukubukuro_head .inner {
		padding: 0 4% 2%;
	}
	.e_fukubukuro_head .images {
		margin: 1% 1% 2% 0;
		overflow: hidden;
	}
		.e_fukubukuro_head .images .bg {
			float: left;
			width: 23%;
		}
		.e_fukubukuro_head .images ul {
			overflow: hidden;
			width: 77%;
		}
			.e_fukubukuro_head .images ul li {
				float: left;
				width: 30.3%;
				margin-right: 3%;
				list-style: none;
			}
	.e_fukubukuro_head img {
		width: 100%;
	}
	.e_fukubukuro_head .text {
		border: solid 3px #f00;
		border-radius: 8px;
		padding: 2%;
		background: #fff;
		line-height: 1.5;
	}
		.e_fukubukuro_head .text a {
			color: #008000;
			text-decoration: underline;
		}


/********** デイリーミッションリンク **********/
.m_link_daily_mission {
	width: 75%;
	margin: 3% auto 6%;
	padding: 15px 10px;
	border: solid 3px #8caf52;
	border-radius: 10px;
	background: #ffffff;
	font-weight: bold;
	text-align: center;
	color: #658738;
}
	.m_link_daily_mission.p_x2 {
		border: solid 3px #d91313;
		color: #ed0000;
		margin: 3% auto 2%;
	}
	.m_link_daily_mission p {
		-moz-animation: blinktext 0.8s ease-in-out infinite alternate;
		-webkit-animation: blinktext 0.8s ease-in-out infinite alternate;
		animation: blinktext 0.8s ease-in-out infinite alternate;
	}

.m_blinktext {
	-moz-animation: blinktext 0.8s ease-in-out infinite alternate;
	-webkit-animation: blinktext 0.8s ease-in-out infinite alternate;
	animation: blinktext 0.8s ease-in-out infinite alternate;
}

.wrap_box_300 {
	width: 95%;
	margin: 0 auto 2%;
	padding: 1% 0 3%;
	background: #fff;
	color: #000;
	border: solid 1px #d0d0d0;
	border-radius: 15px;
}
.wrap_box_300 img { width:100%; }
	.wrap_box_300 .head {
		width: 94%;
		margin: 2% auto;
	}
	.wrap_box_300 .keihin_list {
		display: table;
		width: 100%;
		padding: 0 4px;
	}
		.wrap_box_300 .keihin_list li {
			display: table-cell;
			width: 25%;
			padding: 0 4px;
		}

/*ツイート内容表示*/
.m_twitter_comment {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 95%;
	margin: 10px auto;
	padding-bottom: 3px;
	background: #ffffff;
	border:solid 1px #667580;
}
.m_twitter_comment .title {
	padding: 3px 0;
	background: #4d4d4d;
	color: #fff;
	text-align: center;
}
.m_twitter_comment:hover {
	background: #ffffff;
	border: solid 1px #fff;
}
.m_twitter_comment .main {
	max-height: 250px;
	overflow: hidden;
}
.m_twitter_comment #twitter-widget-1 {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-right: solid 1px transparent !important;
}
.m_twitter_comment .fbutton {
	margin-top: 5px;
	text-align: center;
	height: 27px;
}
.m_twitter_comment .link {
	position: relative;
	top: 7px;
	padding: 0 10px 10px;
	text-align: right;
	font-size: 12px;
}
	.m_twitter_comment .link a {
		color: #fff000;
		text-align: right;
		text-decoration: underline;
	}