/* CSSリセット */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
    margin:0;padding:0;
}

body {
	overflow-x: hidden;
	overflow-y: auto;
	font: sans-serif;
	line-height:1em;
	margin: auto;
	padding: 0px;
	width: 320px;
	-webkit-user-select:none;
	-webkit-touch-callout: none;

	-moz-user-select: none;
	-moz-touch-callout: none;
	-webkit-tap-highlight-color: rgba(0,0,215,0.5);
}

a {
	-webkit-touch-callout: none;
}

iframe {
	overflow-x: hidden;
	overflow-y: hidden;
}

input[type="text"],
select{
	width:96%;
	font-size:16px;
}

input[type="radio"]{
	width:25px;
}

input:focus,
input:hover{
	background:#acf3ff;
}

textarea{
	width:100%;
	font-size:120%;
	padding:5px;
	height:50px;
}

textarea:focus,
textarea:hover{
	height: 150px;
	background:#acf3ff;
}

input[type="submit"]{
	width: 100%;
	font-size:80%;
	margin: 0;
	padding: 5px;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#FFAA33),
		to(#FF8800)
		);
	border: 1px #F27300 solid;
	color: #FFF;
	-webkit-appearance: none;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0 2px 2px #CCC;
	text-shadow: 1px 2px 3px #C45C00;
}

.focus{
	background:#acf3ff;
}

.center {text-align: center;}
.left   {text-align: left;}
.right  {text-align: right;}

/* --------------
Androidは-webkit-backface-visibility:hidden;と崩れます
--------------- */
.flickSimple {
	width: 320px;
	height:50px;
	position: relative;
	overflow: auto;
	background: #333;
	background-size:320px 50px;
}

.flickSimple.landscape {
	width: 320px;
}

.flickSimple ul {
	display: block;
	margin: 0;
	padding: 0;
}

.flickSimple ul.landscape {
}

.flickSimple ul li {
	float: left;
	list-style-type: none;
	text-align: center;
}

.flickSimple ul li.landscape {
}


#basic2 ul,
#basic2 ul.landscape {
	width: 432px;
}

#basic2 ul li,
#basic2 ul li.landscape {

}

#basic2 ul li.newline {
	clear: both;
}

#basic2 ul li a {
	display: block;
	height: 50px;
}

/* --------------
top
--------------- */
.key_visual{
	width: 100%;
	height: 448px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-image : url("https://mbga-gijin-www.app-amb.jp/img/top/top01.jpg?2");
	background-size: 320px 478px;
	position: relative;
}
/*iPhone < 5*/
@media screen and (device-aspect-ratio: 2/3){
	.key_visual{
	height: 360px;
	}
}
/*iPhone 5*/
@media screen and (device-aspect-ratio: 40/71){
	.key_visual{
		height: 448px;
	}
}

.btn_myroom,
.btn_tutorial{
	display: block;
	width: 222px;
	height: 42px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-size: 222px 42px;
}
.btn_myroom{
	background-image : url("https://mbga-gijin-www.app-amb.jp/img/top/btn_myroom.png");
}
.btn_tutorial{
	background-image : url("https://mbga-gijin-www.app-amb.jp/img/top/btn_tutorial.png");
}
.key_visual .btn_myroom,
.key_visual .btn_tutorial{
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -111px;
}

.banner{
	margin: 10px 0;
}
.banner li{
	margin-bottom: 10px;
}
.banner li a{
	font-size: 14px;
	font-weight: bold;
	color: #FFF !important;
}

.daily_list{
	display: table;
	margin: 0 10px 10px;
}
.daily_list li{
	width: 50%;
	display:table-cell;
	text-align: left;
}
.daily_list h2{
	display: none;
}
.daily_list a,
.daily_list span{
	display: block;
	width: 122px;/*width-(20px+5px)*/
	height: 27px;/*width-(25px+5px)*/
	overflow: hidden;
	background-image : url("https://mbga-gijin-www.app-amb.jp/img/top/bg_toplink.png");
	background-size: 147px 171px;
	background-repeat: no-repeat;
	font-size: 12px;
	line-height: 13px;
	text-align: left;
	text-decoration: none;
	color:#454545;
	padding: 25px 20px 5px 5px;
}
.daily_list li:nth-child(2) a{
	background-position: 0 -57px;
	margin-left: 5px;
}
.daily_list li:nth-child(1) span{
	background-position: 0 -114px;
	padding-right:5px;
	width:137px;/*width-(5px+5px)*/
}

/* --------------磯貝ゾーン開始--------------- */
.blink	{-webkit-animation: blink 0.4s ease-in-out infinite alternate;}
@-webkit-keyframes blink	{0%  { color: #ff0; }50% { color: #f00; }100% { color: #000; }}

/* 画像の角に丸みをもたせる */
.img_radius {
	display: inline-block;
	-webkit-border-radius: 6px;
}
/* --------------タブ--------------- */

ul#tab_memo {
	position:relative;
	top:15px;
	padding:0;
	margin-bottom: -13px;
}

#tab_memo li {
	display: inline-block;
	position:relative;
	top:-15px;
	box-sizing:border-box;
	width: 60px;
	height:40px;
	margin:0px 2px;
	border-radius: 6px;
	border: solid 1px #017ad0;
	box-shadow: 0px 0px 1px 2px #6cdfff inset;
	background: -moz-linear-gradient(
		top,
		#01c3f9 0%,
		#01c3f9 40%,
		#01a7fb 40%,
		#01a7fb);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#6cdfff),
		color-stop(0.40, #01c3f9),
		color-stop(0.40, #01a7fb),
		to(#01a7fb));
	list-style: none;
	cursor: pointer;
	line-height: 3em;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 1px;
	outline: none;
}

#tab_memo li.select {
	background: -webkit-gradient(
	linear, left top, left bottom,
	from(#6cdfff),
	color-stop(0.40, #6cdfff),
	to(#20d0ff));
	z-index: 5;
	height: 28px;
	border-bottom: none;
	border-radius: 6px 6px 0px 0px;
	-webkit-box-shadow: 0px 0px 0px 0px #01c3f9 inset;
}

.disnon {
	display: none;
}

.content_wrap {
	font-size: 14px;
	clear: left;
	position:relative;
	width: 0 auto;
	height:0 auto;
	color: #fff;
	background: #0cf;
	font-size: 16px;
	z-index:3;
}

.content_wrap_info {
	position:relative;
	color: #fff;
	background: #20d0ff;
	font-size: 14px;
	z-index:3;
}

ul#list1{
	border: 1px solid #1c86ee;
	padding: 2;
	border-bottom: 0 none;
	width: 0 auto;
}

/* --------------トップページインフォ--------------- */
ul#list{
	border: 0px solid #ccc;
	padding: 0;
	border-bottom: 0 none;
	width: 0 auto;
}

ul#list li{
	height:auto;
	text-align:left;
	line-height:1.5em;
	background: #80eaff;
	list-style-image:none;
	padding: 4px;
	list-style: none;
	margin:0;
	font-size:15px;
	color:#777777;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#ffffff),
		color-stop(50%, #ffffff),
		color-stop(50%, #f1f1f1),
		to(#f1f1f1)
	);
}

/* --------------トップページインフォ終わり--------------- */
table.navi {
	border:solid 3px #0cf;
	border-collapse:separate;
	border-spacing:0;
	font-size:15px;
	padding:3px;
	-webkit-border-radius:5px;
	background:#fff;
	text-align:left;
	width: 314px;
	margin:auto ;
	margin-top:3px;
	margin-bottom:3px;
	line-height:120%;
}

table.event {
	border:2px outset #fcfcfc;
	border-collapse:separate;
	border-spacing:0;
	font-size:15px;
	padding:3px;
	-webkit-border-radius:5px;
	background:#fff;
	text-align:center;
	width: 314px;
	margin:auto ;
	margin-top:3px;
	margin-bottom:3px;
	line-height:120%;
}

.link_1 {
	background: -moz-linear-gradient(
	top,
	#f0f0f0 0%,
	#f0f0f0 50%,
	#e7e7e7 50%,
	#e7e7e7);
	background: -webkit-gradient(
	linear, left top, left bottom,
	from(#f0f0f0),
	color-stop(0.50, #f0f0f0),
	color-stop(0.50, #e7e7e7),
	to(#e7e7e7));
	position:relative;
	color: #999;
	font-weight:bold;
	font-size:12px;
	text-align:left;
	border-right: solid 2px #999;
	border-left: solid 2px #999;
	border-top: solid 2px #999;
	border-bottom: solid 1px #999;
	padding:10px 5px 10px 10px;
	-webkit-border-radius:6px 6px 0px 0px;
	-moz-border-radius:6px 6px 0px 0px;
	border-radius:6px 6px 0px 0px;
}

.link_2 {
	background: -moz-linear-gradient(
	top,
	#f0f0f0 0%,
	#f0f0f0 50%,
	#e7e7e7 50%,
	#e7e7e7);
	background: -webkit-gradient(
	linear, left top, left bottom,
	from(#f0f0f0),
	color-stop(0.50, #f0f0f0),
	color-stop(0.50, #e7e7e7),
	to(#e7e7e7));
	position:relative;
	color: #999;
	font-weight:bold;
	font-size:12px;
	text-align:left;
	border-right: solid 2px #999;
	border-left: solid 2px #999;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
	padding:10px 5px 10px 10px;
}

.link_3 {
	background: -moz-linear-gradient(
	top,
	#f0f0f0 0%,
	#f0f0f0 50%,
	#e7e7e7 50%,
	#e7e7e7);
	background: -webkit-gradient(
	linear, left top, left bottom,
	from(#f0f0f0),
	color-stop(0.50, #f0f0f0),
	color-stop(0.50, #e7e7e7),
	to(#e7e7e7));
	position:relative;
	color: #999;
	font-weight:bold;
	font-size:12px;
	text-align:left;
	border-top: solid 1px #999;
	border-right: solid 2px #999;
	border-left: solid 2px #999;
	border-bottom: solid 2px #999;
	padding:10px 5px 10px 10px;
	-webkit-border-radius:0px 0px 6px 6px;
	-moz-border-radius:0px 0px 6px 6px;
	border-radius:0px 0px 6px 6px;
}

.txt_mini{
	font-size:12px;
}

.txt_miso {
	text-align:center;
	text-shadow:2px 2px 1px #592a00;
	color:#fff;
	background:-webkit-gradient(linear,0 0,right 0,
		from(#592a00),
		color-stop(0.5,#ffd200),
		to(#592a00)
	);
	font-weight:bold;
	font-size:16px;
	padding:2px 0;
	position:relative;
	vertical-align:text-bottom;
	border:1px outset #000;
	width:100;
}

.bg_m4{
	background:#0cf;
}
.bg_m3 {
	color:#333;
	background:-webkit-gradient(linear,0 0,0 100%,
		from(#fff),
		to(#0cf)
	);
}

.bg_m1 {
	line-height:150%;
	background:-webkit-gradient(linear,0 0,0 100%,
		from(#fff),
		color-stop(0.5,#bdf),
		to(#cef)
	);
	border:2px outset #bdf;
	position:relative;
	font-weight:bold;
	font-size:16px;
	text-align:left;
	text-decoration:none;
	padding:2px 2px 2px 2px;
	color:#358ae0;
	text-shadow:0 1px 1px #fff;
}

.bg_m2 {
	line-height:150%;
	background:-webkit-gradient(linear,0 0,0 100%,
		from(#fff),
		to(#dcdcdc)
	);
	-webkit-border-radius:5px;
	border:2px outset #dcdcdc;
	position:relative;
	font-size:15px;
	text-align:left;
	text-decoration:none;
	padding:2px 2px 2px 2px;
	margin:4px 4px 4px 4px;
	color:#333;
}

.bg_mg {
	line-height:150%;
	background:-webkit-gradient(linear,0 0,0 100%,
		from(#602),
		color-stop(0.5,#602),
		to(#100)
	);
	border:2px outset #000;
	position:relative;
	font-weight:bold;
	font-size:14px;
	text-align:left;
	text-decoration:none;
	padding:2px 2px 2px 2px;
	color:#fff;
	text-shadow:2px 2px 1px #000;
}

a.button.b {
	background:-webkit-gradient(linear,0 0,0 bottom,
		from(#fff),
		color-stop(0.5, #0cf),
		to(#fff)
	);
	color:#fff;
	text-shadow:none;
	width: 200px;
	margin:2px 2px 2px 2px;
	padding:10px 10px 10px 10px;
	border:1px outset #0cf;
}

a.button.c {
	background:-webkit-gradient(linear,0 0,0 bottom,
		from(#fff),
		color-stop(0.5, #0cf),
		to(#fff)
	);
	color:#fff;
	text-shadow:none;
	width: 100px;
	margin:2px 2px 2px 2px;
	padding:10px 10px 10px 10px;
	border:1px outset #0cf;
}



.button.d {
	background:-webkit-gradient(linear,0 0,0 bottom,
		from(#fff),
		color-stop(0.5, #ccc),
		to(#fff)
	);
	color:#aaa;
	text-shadow:none;
	width: 100px;
	margin:2px 2px 2px 2px;
	padding:10px 10px 10px 10px;
	border:1px outset #aaa;
}


a.button.menu {
	display:table-cell;
	background: -moz-linear-gradient(
	top,
	#f4075e 0%,
	#f4075e 50%,
	#e00052 50%,
	#e00052);
	background: -webkit-gradient(
	linear, left top, left bottom,
	from(#f4075e),
	color-stop(0.50, #f4075e),
	color-stop(0.50, #e00052),
	to(#e00052));
	color:#fff;
	font-weight:bold;
	font-size:14px;
	text-shadow:none;
	padding:5px;
	margin:5px 5px;
	border:1px outset #b30044;
	vertical-align:middle;
	width: 70px;
	height: 45px;
}

a.button.menu.n {
	display:table-cell;
	background: -moz-linear-gradient(
	top,
	#fcfcfc 0%,
	#fcfcfc 50%,
	#dcdcdc 50%,
	#dcdcdc);
	background: -webkit-gradient(
	linear, left top, left bottom,
	from(#fcfcfc),
	color-stop(0.50, #fcfcfc),
	color-stop(0.50, #dcdcdc),
	to(#dcdcdc));
	color:#bebebe;
	font-weight:bold;
	font-size:14px;
	text-shadow:none;
	padding:5px;
	margin:5px 5px;
	border:1px outset #eee;
	vertical-align:middle;
	width: 70px;
	height: 45px;
}

a.button.p {
	background:-webkit-gradient(linear,0 0,0 bottom,
		from(#fff),
		color-stop(0.5, #bdf),
		to(#fff)
	);
	color:#358ae0;
	text-shadow:none;
	width: 140px;
	margin:2px 2px 2px 2px;
	padding:6px 6px 6px 6px;
	border:1px outset #bdf;
}

a.button.gacha {
	padding:6px 6px 6px 6px;
	width: 280px;
	margin:auto;
	margin-top:1px;
	margin-bottom:1px;
}

/* --------------磯貝ゾーン終了--------------- */

/* --------------吉井ゾーン始まる--------------- */

a.button.shop {
	background:-webkit-gradient(linear,0 0,0 bottom,
		from(#fff),
		color-stop(0.5, #bdf),
		to(#fff)
	);
	color:#358ae0;
	text-shadow:none;
	width: 180px;
	margin:2px 2px 2px 2px;
	padding:6px 6px 6px 6px;
	border:1px outset #bdf;
}

a.button.shop1 {
	background:-webkit-gradient(linear,0 0,0 bottom,
		from(#fff),
		color-stop(0.5, #bdf),
		to(#fff)
	);
	color:#358ae0;
	text-shadow:none;
	width: 140px;
	margin:2px 2px 2px 2px;
	padding:6px 6px 6px 6px;
	border:1px outset #bdf;
}

.shop10 {
	color:#fff;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	margin:0;
	position:relative;
	background:#6cc;
	background:-webkit-gradient(linear,0 0,right 0,
		from(#733),
		color-stop(0.5,#a22),
		to(#733)
	);
	margin:0px 0;
	z-index:10;
	overflow:hidden;
	padding:10px;
	text-shadow:0 0 4px rgba(255,255,255,1);
}

#tab{ width:320px;
	display:-webkit-box;
	list-style:none;
	padding:0 0 0 0;
	position:relative;
}

#tab>li {
	list-style:none;
	width:160px;
	height:35px;
	float:left;
	position:relative;
	vertical-align:bottom;
	padding:0 0 4px 0;
}

#tab>li:first-child{
	margin-left:0;
}

#tab>li>*{
	position:absolute;
	display:block;
	top:0;bottom:0;
	left:0;right:0;
	text-align:center;
	text-decoration:none;
	padding:8px 0;
	border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	text-shadow:0 1px 1px #333;
}
#tab>li>a {
	bottom:1px;
	color:#fff;
	background:#d65
}
#tab>li>a:hover {
	color: #ffffff;
	text-decoration: none;
}

#tab>li>span{
	background:#d65;
	color:#fff;
}
#box1, #box2{
	height:auto;
	text-align:left;
}

#box1 {
	font-weight:bold;
}

#box2 {
	display: none;
	background:#8fccaf;
	padding:4px;
}

/* --------------吉井ゾーン終焉--------------- */

/* ---------吹き出し------------ */

.fukidashi {
	background-color:#fff;
	color: #000;
	text-align: left;
	margin: 0;
	padding: 0;
}
/* ----------------------------- */

#basic ul,
#basic ul.landscape {
	width: 432px;
}

#basic ul li,
#basic ul li.landscape {

}

#basic ul li.newline {
	clear: both;
}

#basic ul li a {
	display: block;
	height: 50px;
}
/* ----------------------------- */
#nosnap ul,
#nosnap ul.landscape {
	width: 1920px;
}

#nosnap ul li,
#nosnap ul li.landscape {
	width: 160px
}

#nosnap ul li a {
	display: block;
	height: 80px;
	margin: 5px;
	border: solid 1px #ccc;
	background-color: #fff;
	line-height: 80px;
}
/* ----------------------------- */
#scroll {
	height: 180px;
}

#scroll > div {
	width: 900px;
}
/* ---------------hkomatsu-------------- */
table.card {
	border:solid 1px #fff;
	border-collapse:separate;
	border-spacing:0;
	-webkit-border-radius:5px;
	margin:0 0 3px 0;
}

td.card_title{
	border-bottom:solid 1px #fff;
	width:50px;
}

table.card th {
	margin:0 0 -1px -1px;
	border-right:solid 1px #fff;

	padding:3px;
	font-size:13px;
	color:#333;
	background:#999;
	text-align:center;
}
table.card td {
	margin:0 0 -1px -1px;
	border-right:solid 1px #fff;
	padding:3px;
	font-size:13px;
	text-align:center;
	font-weight:bold;
}
table.card td:last-child,table.card th:last-child{
	border-right:none;
}

.bg2_list{


	height:30px;
	vertical-align:bottom;
	background: -webkit-gradient(linear, left top, left bottom, from(#722), to(#b44));
}

.bg4_list{
	height:30px;
	background: -webkit-gradient(linear, left top, left bottom, from(#d65), to(#d76));
}

/*-------------hkomatsu---------*/

/*-------------mtakeshita↓------*/
.mt{
	margin-top: 10px;
}

.mb{
	margin-bottom: 10px;
}

.topnews_icon{
	position: absolute;
	top:0px;
	left:2px;
}

#login-myroom .btn_myroom,.btn_tutorial{
	margin: 0px auto;
}

.event_banner{
	margin: 10px 0;
}
.event_banner li{
	margin-bottom: 10px;
}
.event_banner li a{
	font-size: 14px;
	font-weight: bold;
	color: #0cf !important;
}

#slide_wrap {
	display: block;
	width: 320px;
	margin: 0px auto;
	text-align: center;
	overflow: hidden;
}

.banner-slide {
	position: relative;
	width: 320px;
	height: 112px;
	margin: 0px auto;
	overflow: hidden;
}
.slide_menu ul { display: inline-block; margin-top: 7px; }
.slide_menu ul li { text-align: center; float: left; margin-right: 10px; font-size: 15px; cursor: pointer; list-style: none; font-size:22px;}
.slide_menu ul li:last-child { margin-right: 0px; }
.slide_menu ul li.current { color: #F75995; }
.banner-slide ul li {
	opacity: 0;
	position: absolute;
	bottom: 10px;
	left: 50%;
	margin-left: -150px;
	animation-duration: 6s;
	-webkit-animation-duration: 6s;
	animation-timing-function: ease;
	-webkit-animation-timing-function: ease;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	z-index: 10;
	font-size: 14px;
	font-weight: bold;
}
@keyframes banner_slide_show {
	0% { opacity: 0; }
	20% { opacity: 1; z-index: 20; }
	80% { opacity: 1; }
	100% { opacity: 0; z-index: 10; }
}
@-webkit-keyframes banner_slide_show {
	0% { opacity: 0; }
	20% { opacity: 1; z-index: 20; }
	80% { opacity: 1; }
	100% { opacity: 0; z-index: 10; }
}
.banner_slide_show {
	animation-name: banner_slide_show;
	-webkit-animation-name: banner_slide_show;
}
.banner-slide ul li a{color: #fff;}

.button_commu{
	background-image: url("https://mbga-gijin-www.app-amb.jp/img_sp/hp/btn_commu.png");
	background-size: 300px 42px;
	width: 300px;
	height: 42px;
	display: block;
	margin: 0px auto;
}

/* ticker */
#ticker_wrap {
	display: inline-block;
	width: 268px;
	text-align: center;
	overflow: hidden;
	float: right;
	margin-top: 1px;
}

.ticker {
	position: relative;
	width: 268px;
	min-height: 35px;
	background-image: -webkit-gradient( linear, left top, left bottom, from(#ffffff), color-stop(0.50, #ffffff), color-stop(0.50, #f1f1f1), to(#f1f1f1) );
	border-bottom: 1px solid #beaaa9;
	font-weight: bold;
	text-decoration: none;
	color: #f05;
	font-size: 14px;
	overflow: hidden;
	height: 36px;
}
	.ticker ul {
		min-height: 26px;
		overflow: hidden;
		font-size: 12px;
		padding-top: 10px;
	}
		.ticker ul li {
			width: 258px;
			padding: 10px 5px;
			list-style-type: none;
			text-align: left;
			position: absolute;
			top: 0px;
			left: 268px;
			color:#f05;
			animation-duration: 5s;
			-webkit-animation-duration: 5s;
			animation-timing-function: ease;
			-webkit-animation-timing-function: ease;
			animation-fill-mode: none;
			-webkit-animation-fill-mode: none;
		}
			.ticker ul li a { display: block; text-decoration: none; color:#f05;}
		@keyframes slide_show {
			0% { margin-left: 0; }
			10% { margin-left: -268px; }
			90% { margin-left: -268px; }
			100% { margin-left: -536px; }
		}
		@-webkit-keyframes slide_show {
			0% { margin-left: 0; }
			10% { margin-left: -268px; }
			90% { margin-left: -268px; }
			100% { margin-left: -536px; }
		}
		.slide_show {
			animation-name: slide_show;
			-webkit-animation-name: slide_show;
		}
		.slide_infinite {
			animation-iteration-count: infinite!important;
			-webkit-animation-iteration-count: infinite!important;
		}

.bg_m5{
	background:#C9F4FF;
}

.newsinfo_bg{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
}

.close_img{
	position: relative;
	margin: -30px 10px 5px 0px;
	float: right;
}

.news_list p{
	background: -webkit-gradient( linear, left top, left bottom, from(#FF5A96), color-stop(0.50, #FF5A96), color-stop(0.50, #FF3981), to(#FF3981));
	color: #fff;
	font-size: 14px;
	text-shadow: none;
	border: 1px outset #b30044;
	width: 280px;
	margin: 0px auto 5px auto;
	display: inline-block;
	padding: 10px;
	font-weight: bold;
	text-decoration: none;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-align: left;
}

.news_list p a{
	text-decoration: none;
	color: #fff;
	display: block;
}

.news_line{
	margin: 5px 10px 10px 10px;
	border: solid 2px #fff;
}

.make-arrow_f{
	position: relative;
}
.make-arrow_f.arrow-down{
}
.make-arrow_f.arrow-down:before{
	content:"";
	position:absolute;
	width	:0;
	height	:0;
	right	:10px;
	border-top		: solid 8px transparent;
	border-bottom	: solid 8px transparent;
	border-left		: solid 8px #fff;
	border-right	: 0;
}

.news_icon{
	display: inline-block;
	background: url("https://mbga-gijin-www.app-amb.jp/img_sp/hp/news_icon.png");
	width: 45px;
	height: 38px;
	background-size: 45px 37px;
	background-repeat: no-repeat;
	background-position: 0px 1px;
	position: absolute;
	top: 2px;
	left: 3px;
}

.unread{
	display: inline-block;
	width: auto;
	height: auto;
	padding: 0px 6px;
	position: absolute;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	font-size: 10px;
	text-align: center;
	font-weight:bold;
	text-decoration: none;
	color: #fff;
	background-color: rgb(255, 0, 0);
	top: 2px;
	left: 2px;
	z-index: 5;
}

ul#tab_android {
    background-repeat: no-repeat;
    display: -webkit-box;?@/* Safari,Google Chrome?p */
}

#tab_android li {
	list-style: none;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	outline: none;
	height:14px;
	padding: 4px 0px;
	margin: 2px 1px 0px 1px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	background:rgb(255, 86, 144);
}

#tab_android.clumn2 li {
	width: 48%;
	padding: 4px 2px;
}

#tab_android.clumn3 li {
	width: 32%;
	padding: 4px 1px;
}

#tab_android.clumn4 li {
	width: 23.7%;
	padding: 4px 1px;
}

#tab_android.clumn5 li {
	width: 18.7%;
	padding: 4px 1px;
}

#tab_android.clumn6 li {
	width: 15.4%;
	padding: 4px 1px;
}

#tab_android.clumn7 li {
	width: 13%;
	padding: 4px 1px;
}

#tab_android.clumn8 li {
	width: 11.2%;
	padding: 4px 1px;
}

#tab_android li a{
	color: #FFF;
}

#tab_android li.select {
	background-color: #B7B7B7;
	color: #6B6B6B;
}

/*
.chara_sleep span{
	display:block;
	padding:10px;
}

.chara_sleep a{
	display:block;
	padding:1px 0px;
	background-color:#999;
}
*/

.beginner-img{
	display: inline-block;
	position: absolute;
	top:4px;
	left: 2px;
}

#room.daily_list{
	display: table;
	margin: 5px auto;
}

#room.daily_list li{
	width: 50%;
	display:table-cell;
	text-align: left;
	margin: 0px 5px;
}

#room.daily_list li:nth-child(1) a{
	background-image : url("https://mbga-gijin-www.app-amb.jp/img_sp/hp/omikuji_bg1.png");
	background-position: 0px;
	background-size: 147px 65px;
	width: 147px;
	height: 65px;
	padding: 0px;
	}

#room.daily_list li:nth-child(2) a{
	background-image : url("https://mbga-gijin-www.app-amb.jp/img_sp/hp/ranking_bg.png");
	background-position: 0px;
	background-size: 147px 65px;
	width: 147px;
	height: 65px;
	padding: 0px;
}
#room.daily_list li:nth-child(1) span{
	background-image : url("https://mbga-gijin-www.app-amb.jp/img_sp/hp/omikuji_bg2.png");
	background-position: 0px;
	background-size: 147px 65px;
	width: 147px;
	height: 65px;
	padding: 0px;
}
/*-------------mtakeshita↑------*/

ul.box-menu {
	list-style:none;
	background-color: rgb(115, 88, 62);
	background-image: -moz-linear-gradient(
	top,
	rgb(115, 88, 62)    0,
	rgb(92, 67, 46)  50%,
	rgb( 46,  32,  19)  50%,
	rgb(  37,   25,   15) 100%
	);
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(  0, rgb(115, 88, 62)),
	color-stop(0.5, rgb(92, 67, 46)),
	color-stop(0.5, rgb( 46,  32,  19)),
	color-stop(1.0, rgb(  37,   25,   15))
	);
	display:-webkit-box;
}
ul.box-menu>li {
	border-top:1px solid #854;
	height:40px;
	-webkit-box-flex:1;
	position:relative;
}
ul.box-menu>li>* {
	display:block;
	text-align:center;
	border-left:1px solid #953;
	border-right:1px solid #311;
	line-height:15px;
	position:absolute;
	top:0;bottom:0;
	left:0;right:0;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
	padding:5px 0;
	color:#fc6;
}

}
ul.box-menu>li:first-child>* {
	border-left:none;
}
ul.box-menu>li:last-child>* {
	border-right:none;
}

}
/* ----------------------------- */

#flickable1,
#flickable1.landscape {
	width: 100%;
	padding: 16px 0;
}

#flickable1 ul.landscape,
#flickable1 ul {
	width: 400%;
}

#flickable1 ul li {
	width: 5%;
}

.flickableControl {
	overflow: hidden;
}

#flickableNavi {
	text-align: center;
}

.nextbtn {
	display: block;
	float: right;
	text-align: right;
}

.backbtn {
	display: block;
	float: left;
}
.nextbtn.inactive,
.backbtn.inactive {
	opacity : 0.3;
}

.indicator {
	position: relative;
	overflow: hidden;
	width: 13px;
	height: 5px;
	background: url(./sample/images/indicater_bg.png) repeat-x left top;
	margin: 10px auto 0 auto;
}

.indicator img {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
}



.flickSimple {
	width: 320;
	position: relative;
	overflow: auto;
	background-color: #000;
}


.flickSimple.landscape {
	width: 320;
}

.flickSimple ul {
	display: block;
	margin: 0;
	padding: 0;
}

.flickSimple ul.landscape {
}

.flickSimple ul li {
	float: left;
	list-style-type: none;
	text-align: center;
}

.flickSimple ul li.landscape {
}


#menu ul,
#menu ul.landscape {
	width: 1920px;
}

#menu ul li,
#menu ul li.landscape {
	width: 80px
}

#menu ul li.newline {
	clear: both;
}

#menu ul li a {
	display: block;
	height: 80px;
	margin: 5px;
	border: solid 1px #ccc;
	background-color: #fff;
	line-height: 80px;
}


ul {
	list-style-type:none;
	padding: 0;
	margin: 0;
}
li {
margin: 0;
	list-style-type:none;

	padding: 0;
	list-style-position:outside;
}

submit {

	font-size:18px;

}

ui.panel{

	margin-top:-1px;
	border:1px solid #999999;
	padding :0px;

}

hr.dna {
	border:none;
	border-top:dashed 1px #eee;
	height:1px;
	color:#0cf;
	margin:2px 0 2px 0;
}

hr.line {
	background:-webkit-gradient(linear,
		0 0,right 0,
		from(#00b),
		color-stop(0.5,#461),
		to(#00b));
	border:none;
	height:2px;
	margin:15px 0 10px 0;
}

hr.red {
	background:-webkit-gradient(linear,
		0 0,right 0,
		from(#300),
		color-stop(0.5,#c33),
		to(#300));
	border:none;
	height:2px;
	margin:0;
}

h1 {
	text-align:center;
/*	text-shadow:0 0 3px rgba(0,0,0,0.3);*/
	color:#222;
	background:-webkit-gradient(linear,0 0,right 0,
		from(#f9c),
		color-stop(0.5,#fcc),
		to(#f9c)
	);
	font-weight:bold;
	font-size:16px;
	padding:3px 0;
	position:relative;
	vertical-align:text-bottom;
	border-top:2px solid #e33;
	border-bottom:2px solid #e33;
}

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

.title{
	border:1px solid #000;
	border-left: none;
	border-right: none;
	font-size: 16px;
/*	box-shadow:0 0 3px 2px rgba(0,0,0,0.3);*/
	padding:0;
	margin:0;
}
.title span{
	display: block;
	border:1px dashed #FFF;
	border-left: none;
	border-right: none;
	margin: 3px 0;
	padding:3px;

}
.title.l_pink{
	background:#F75995;/*light pink*/
}
.title.d_pink{
	background:#f10077;/*deep pink*/
}
.title.l_blue{
	background:#00CCFF;/*light blue*/
}
.title.d_blue{
	background:#1C86EE;/*deep blue*/
}

.list{
	border-top: 1px solid #737373;
}
.list.no_border{
	border-top: none;
}
.list>li{
	background-image: -moz-linear-gradient(
	top,
	#ffffff 0,
	#ffffff 80%,
	#efefef 95%,
	#ffffff 100%
	);
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(  0, #ffffff),
	color-stop(0.8, #ffffff),
	color-stop(0.95, #efefef),
	color-stop(1.0, #ffffff)
	);
	border-bottom: 1px solid #737373;
}
.list>li a{
	display: block;
	background-image : url("https://mbga-gijin-www.app-amb.jp/img/top/icon_arrow1.png");
	background-size: 10px 20px;
	background-repeat: no-repeat;
	background-position: 98% 40%;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	color: #454545 !important;
	padding:7px 25px 7px 7px;
	text-align: left;
}

h2 {
	text-align:center;
	color:#fff;
	background-color:#0cf;
	font-weight:bold;
	font-size:16px;
	padding:3px 0;
	position:relative;
	vertical-align:text-bottom;
	border-top:2px solid #1c86ee;
	border-bottom:2px solid #1c86ee;
	margin:0.5em 0;
}

h3 {
	text-align:center;
	color:#fff;
	background-color:#f4075e;
	font-weight:bold;
	font-size:16px;
	padding:3px 0;
	position:relative;
	vertical-align:text-bottom;
	border-top:2px solid #b30044;
	border-bottom:2px solid #b30044;
	margin:0.5em 0;
}

/*TOP*/
h4 {
	color:#fff;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	margin:0;
	position:relative;
	background:#6cc;
	background:-webkit-gradient(linear,0 0,right 0,
		from(#733),
		color-stop(0.5,#a22),
		to(#733)
	);
	margin:0px 0;
	z-index:10;
	overflow:hidden;
	padding:10px;
	text-shadow:0 0 4px rgba(255,255,255,1);
}
/*グラデの上部分*/
h4:before{
	content:"";
	display:block;
	background:-webkit-gradient(linear,0 0,right 0,
		from(#455),
		color-stop(0.5,#c8b),
		to(#455)
	);
	position:absolute;
	top:-3px;height:6px;
	left:-10px;right:-10px;
	outline:1px solid #f66;
	outline-offset:-3px;
	border-bottom:1px solid #f66;
}
/*グラデの下部分*/
h4:after{
	content:"";
	display:block;
	background:-webkit-gradient(linear,0 0,right 0,
		from(#455),
		color-stop(0.5,#c8b),
		to(#455)
	);
	position:absolute;
	bottom:-3px;height:6px;
	left:-10px;right:-10px;
	outline:1px solid #f66;
	outline-offset:-3px;
	border-top:1px solid #f66;
}

h5 {
	text-align:center;
	text-shadow:0 0 3px rgba(0,0,0,0.3);
	color:#222;
	margin:0px 0;
	background:-webkit-gradient(linear,0 0,right 0,
		from(#f9c),
		color-stop(0.5,#fcc),
		to(#f9c)
	);
	font-weight:bold;
	font-size:16px;
	margin:0px 0;
	padding:3px 0;
	position:relative;
	vertical-align:text-bottom;
	border-top:2px solid #e33;
	border-bottom:2px solid #e33;
}

h6 {
	text-align:center;
	text-shadow:0 0 3px rgba(0,0,0,0.3);
	color:#222;
	background:-webkit-gradient(linear,0 0,right 0,
		from(#bb5),
		color-stop(0.5,#bb8),
		to(#bb5)
	);
	font-weight:bold;
	margin:3px 0;
	padding:3px 0;
	font-size:16px;
	position:relative;
	vertical-align:text-bottom;
	border-top:2px solid #fc6;
	border-bottom:2px solid #fc6;
}
/*ヘルプ用*/
.help1 {
	text-align:center;
	text-shadow:0 0 3px rgba(0,0,0,0.3);
	color:#666;
	background:-webkit-gradient(linear,0 0,0 bottom,
		from(#fff),
		color-stop(0.9, #ccc),
		to(#fff)
	);
	font-weight:bold;
	font-size:18px;
	padding:5px 20px;
	position:relative;
	vertical-align:text-bottom;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}

.help2 {
	text-align:left;
	text-shadow:0 0 3px rgba(0,0,0,0.3);
	text-decoration:none;
	color:#666;
	background:-webkit-gradient(linear,0 0,0 bottom,
		from(#fff),
		color-stop(0.9, #ccc),
		to(#fff)
	);
	font-weight:normal;
	font-size:18px;
	padding:9px 20px;
	position:relative;
	vertical-align:text-bottom;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
.help3 {
	color:#fff;
	margin:0;
	background:#6cc;
	background:-webkit-gradient(linear,0 0,right 0,
		from(#733),
		color-stop(0.5,#a22),
		to(#733)
	);
	z-index:10;
	overflow:hidden;
	padding:2px;
	text-shadow:0 0 4px rgba(255,255,255,1);
}
.help4 {
	text-align:center;
	text-shadow:0 0 3px rgba(0,0,0,0.3);
	color:#666;
	background:-webkit-gradient(linear,0 0,0 bottom,
		from(#fff),
		color-stop(0.9, #ddd),
		to(#fff)
	);
	font-weight:bold;
	font-size:18px;
	padding:5px 40px;
	position:relative;
	vertical-align:text-bottom;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}

/*クローゼット用*/

.cos1 {
	text-align:center;
	text-shadow:0 0 3px rgba(0,0,0,0.3);
	color:#666;
	background:-webkit-gradient(linear,0 0,0 bottom,
		from(#fff),
		color-stop(0.9, #ccc),
		to(#fff)
	);
	font-size:12px;
	position:relative;
	vertical-align:text-bottom;
	border-top: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #ccc;
	padding: 3px 0px;
	font-weight: bold;
	cursor: pointer;
	color: #666;
}

.cos2 {
	text-align:center;
	text-shadow:0 0 3px rgba(0,0,0,0.3);
	color:#666;
	background:-webkit-gradient(linear,0 0,0 bottom,
		from(#fff),
		color-stop(0.9, #ccc),
		to(#fff)
	);
	font-weight:bold;
	font-size:16px;
	padding:5px 0px;
	position:relative;
	vertical-align:text-bottom;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}


/* ---- button ------------------------- */
#all_button a,a.button,span.button,.button-wrapper a {
/*赤ボタン*/
	display: inline-block;
	width: auto;
	height: auto;
	margin: 2px 2px;
	padding: 6px 20px;
	border: 1px solid #ba0047;
	position: relative;
	-webkit-border-radius: 10px;

	/* 文字 */
	font-size: 17px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	text-shadow: 0 1px 1px #555555;

	/* グラデーション */
	background-color: #e7e7e7;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(  0%, #f4075e),
	color-stop( 50%, #f4075e),
	color-stop( 50%, #e00052),
	color-stop(100%, #e00052)
	);
}

div.select-arrow{
	width:auto;
	display:inline-block;
	padding:0;
	position:relative;
}
div.select-arrow:after {
	content:"";
	display:block;
	position:absolute;
	width:0;height:0;
	margin-top:-7px;top:50%;
	right:6px;
	border-top:12px solid rgba(0,0,0,0.5);
	border-left:6px solid rgba(0,0,0,0);
	border-right:6px solid rgba(0,0,0,0);
}
a.button.bold{
	background:-webkit-gradient(linear,0 0,0 bottom,
		from(#f33),
		color-stop(0.5, #900),
		to(#f33)
	);
	color:#fff;
	text-shadow:none;
}

.button.boss{
	padding:6px 40px 6px 40px;
	font-size:20px;
}

.button.flex{
	margin:3px 0;
	display:inline-block;
	width:auto;
}
.button.mini{
	font-size:13px;
	padding:6px 6px;
}
.button.tiny{
	font-size:13px;
	padding:2px 13px;
	margin:0 2px;
}
.button-wrapper.tiny a{
	font-size:12px;
	padding:1px 3px;
	margin:0 5px;
}

span.button {
	color:#aaa;
}
.button.disabled {
	color:#666;
	text-shadow:0 1px 1px #fff;
	background-color: rgb(235, 235, 235);
	background-image: -moz-linear-gradient(
	top,
	rgb(240, 240, 240)   0,
	rgb(235, 235, 235) 50%,
	rgb(130, 130, 130) 50%,
	rgb(135, 135, 135) 100%
	);
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(  0, rgb(240, 240, 240)),
	color-stop(0.5, rgb(235, 235, 235)),
	color-stop(0.5, rgb(130, 130, 130)),
	color-stop(1.0, rgb(135, 135, 135))
	);
}

.button.round{
	margin:1px 1px;
	height:16px;
	font-size:13px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
/*ベースの色*/
	background-color: rgb(151, 249, 255);
/*グラデの上部分*/
	top,
	rgb( 226, 253, 255)    0,
	rgb( 206, 248, 251)  50%,
	rgb( 185,  245,  249)  50%,
	rgb(  173,   246,   251) 100%
	);
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
/*グラデの下部分*/
	color-stop(  0, rgb( 173, 246, 251)),
	color-stop(0.5, rgb( 144, 248, 255)),
	color-stop(0.5, rgb( 116,  247,  255)),
	color-stop(1.0, rgb(  101,   240,   249))
	);
	border:1px outset #5c432e;
	position:relative;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	padding:5px 100px 5px 100px;
	color:#fff;
	text-shadow:0 1px 1px #555;
}


.button.prev{
	padding-left:30px;
	padding-right:15px;
}
.button.prev:before{
	content:"";
	position:absolute;
	width:0;height:0;
	left:7px;
	border:8px solid transparent;
	border-right-color: #fff;
}

.button.next{
	padding-left:15px;
	padding-right:30px;
}
.button.next:before{
	content:"";
	position:absolute;
	width:0;height:0;
	right:7px;
	border:8px solid transparent;
	border-left-color: #fff;
}
.button.long{
	margin-top:5px;
	margin-bottom:5px;
	padding-top:10px;
	display:block;
	width:auto;
	height:20px;
	font-size:18px;
}
/*-----------浅井ゾーン始まり----------------*/

.button.thick{
	display:inline-block;
	margin:3px 10px;
	padding-top:18px;
	padding-bottom:18px;
	width:auto;
	height:20px;
	font-size:18px;
}

.button.ret{
	font-size:14px;
	padding:12px 12px;
}

.button.box{
	padding-left:0px;
	padding-right:0px;
	padding-top:5px;
	padding-bottom:5px;
	font-size:12px;
	width:53px;
	height:55px;

}
/*-----------浅井ゾーン終わり----------------*/


/* -- style ------------------------- */
.s0  {margin:0;}
.st0 {margin-top:0;}
.sb0 {margin-bottom:0;}
.st2 {margin-top:2px;}
.sb2 {margin-bottom:2px;}
.st {margin-top:10px;}
.sb {margin-bottom:10px;}
.p5  {padding:5px;}
.p_info  {padding-top:1px;
	padding-bottom:1px;}
.pt  {padding-top:10px;}
.pb  {padding-bottom:10px;}
.pt0 {padding-top:0;}
.pb0 {padding-bottom:0;}
.pt5 {padding-top:5px;}
.pb5 {padding-bottom:5px;}
.pt30 {padding-top:30px;}
.pb30 {padding-bottom:30px;}
.mh  {min-height:400px;}
.mh_l  {min-height:500px;}
.text_pd  {
	padding-left: 5px;
	padding-right: 5px;
}

.hight {line-height:5%;}
.pt8 {padding-top:8px;}
.pb8 {padding-bottom:8px;}

.button_pd { /* ボタン風に見せたいときの余白 */
	padding:10px 30px;
}
.bg{
	background:#fff;
	color:#000;
}

/*ラウンド形ボックス1*/
.bg2{
	background:#00c6ff;
	color:#fff;
	-webkit-border-radius: 10px;-moz-border-radius: 30px;border-radius: 30px;
}

.bg3{
	background:-webkit-gradient(linear,0 0,0 bottom,
		from(#111),
		to(#333)
	);
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	color:#fff;
}

.bg4{
	background:-webkit-gradient(linear,0 0,0 bottom,
		from(#722),
		to(#d44)
	);
	color:#fff;
}

.bg5{
	background:-webkit-gradient(linear,0 0,0 bottom,
		from(#007),
		to(#23a)
	);
	color:#fff;
}


.bg6{
	background:-webkit-gradient(linear,0 0,0 bottom,
		from(#fff),
		to(#0cf)
	);
	color:#fff;
}

/*ラウンド形ボックス2*/
.bg7{
	background:#00c6ff;
	color:#fff;
	-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 12px;
}


/*擬人カラー*/
/*青*/
.bg_col1{
	background:#0cf;
	color:#fff;
}

/*ピンク*/
.bg_col2{
	padding:10px 10px;
	background:#f06;
	color:#fff;
}
/*オレンジ*/
.bg_col3{
	background:#f93;
	color:#fff;
}
/*緑*/
.bg_col4{
	background:#9c0;
	color:#fff;
}
/*紫*/
.bg_col5{
	background:#64e;
	color:#fff;
}

/*赤*/
.bg_col6{
	padding:10px 10px;
	background:#d13;
	color:#fff;
}

/*黒*/
.bg_col7{
	background:#222;
	color:#fff;
}

/*白*/
.bg_col8{
	background:#fff;
	color:#696969;
}


/*ガチャフィーバー*/
.bg_col9{
	background:#669;
	color:#fff;
}

/*白グラデ*/
.bg_col10{
	background:#fff;
	color:#000;
	margin:0;
	background:#fff;
	background:-webkit-gradient(linear,0 top,0 0,
		from(#fff),
		to(#ccc)
	);
	z-index:10;
	overflow:hidden;
	padding:5px;
	text-shadow:0 0 4px rgba(255,255,255,1);
}


/*青グラデ*/
.bg_col11{
	padding:10px 10px;
	background:#0cf;
	color:#fff;

	margin:0;
	background:#fff;
	background:-webkit-gradient(linear,0 0,right 0,
		from(#fff),
		color-stop(0.5,#0cf),
		to(#fff)
	);
	z-index:10;
	overflow:hidden;
	padding:2px;
	text-shadow:0 0 4px rgba(255,255,255,1);

	border-top:1px solid #0cf;
	border-bottom:1px solid #0cf;

}

/*ピンクグラデ*/
.bg_col12{
	padding:10px 10px;
	background:#f06;
	color:#fff;
	margin:0;

	background:#fff;
	background:-webkit-gradient(linear,0 0,right 0,
		from(#fff),
		color-stop(0.5,#f06),
		to(#fff)
	);
	z-index:10;
	overflow:hidden;
	padding:2px;
	text-shadow:0 0 4px rgba(255,255,255,1);

	border-top:1px solid #f06;
	border-bottom:1px solid #f06;
}

.bg-gold{
	background:-webkit-gradient(linear,0 0,0 100%,
		from(#b70),
		to(#fd8)
	);
	border:none;
	color:#000;
}

.bg-log{
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffffff),
		color-stop(0.50, #ffffff),
		color-stop(0.50, #f1f1f1),
		to(#f1f1f1)
	);
	position:relative;
	color: #f05;
	font-weight:bold;
	font-size:12px;
	text-align:left;
}

/*-----------infoオレンジライン--------------*/
.bg-log2{
	background: -moz-linear-gradient(
	top,
	#ffca4f 0%,
	#ffca4f 50%,
	#f9aa0a 50%,
	#f9aa0a);
	background: -webkit-gradient(
	linear, left top, left bottom,
	from(#ffca4f),
	color-stop(0.50, #ffca4f),
	color-stop(0.50, #f9aa0a),
	to(#f9aa0a));
	position:relative;
	color: #a40;
	font-weight:bold;
	font-size:12px;
	text-align:left;
	border-top:1px solid #fca;
	border-bottom:1px solid #fa0;
	padding:10px 5px 10px 5px;
}

/*-----------infoオレンジライン--------------*/

/* ytosa */
.make-arrow{
	position: relative;
}
.make-arrow.arrow-down{
}
.make-arrow.arrow-down:before{
	content:"";
	position:absolute;
	width	:0;
	height	:0;
	right	:10px;
	border-top		: solid 8px transparent;
	border-bottom	: solid 8px transparent;
	border-left		: solid 8px #999;
	border-right	: 0;
}

.txt_w {line-height:115%;}

/* ---------------- miya area: start ---------------- */
/* 灰色のボタン */
.button_gray, input[type="submit"].button_gray{
	/* 枠 */
	display: inline-block;
	width: auto;
	height: auto;
	margin: 2px 2px;
	padding: 6px 20px;
	border: 1px solid #989898;
	position: relative;
	-webkit-border-radius: 10px;

	/* 文字 */
	font-size: 17px;
	text-align: center;
	text-decoration: none;
	color: #f4075e;
	text-shadow: 0 1px 1px #aaaaaa;

	/* グラデーション */
	background-color: #e7e7e7;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(  0%, #f3f3f3),
	color-stop( 50%, #f3f3f3),
	color-stop( 50%, #e7e7e7),
	color-stop(100%, #e7e7e7)
	);
}
a.button_gray:link,a.button_gray:visited{
	color: #f4075e;
	text-decoration: none;
}
.button_gray.small{
	width: 76px;
	padding: 6px 1px;
}
.button_gray.page{
	width: 60px;
	padding: 4px 0px;
	margin: 0px
}
.button_gray.prev{
	padding-left:30px;
	padding-right:15px;
}
.button_gray.prev:before{
	content:"";
	position:absolute;
	width:0;height:0;
	left:7px;
	border:8px solid transparent;
	border-right-color: #999;
}

/* 濃い灰色のボタン */
.button_darkgray{
	/* 枠 */
	display: inline-block;
	width: auto;
	height: auto;
	margin: 2px 2px;
	padding: 6px 20px;
	border: 1px solid #989898;
	position: relative;
	-webkit-border-radius: 10px;

	/* 文字 */
	font-size: 17px;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	text-shadow: 0 1px 1px #aaaaaa;

	/* グラデーション */
	background-color: #e7e7e7;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(  0%, #e7e7e7),
	color-stop( 50%, #e7e7e7),
	color-stop( 50%, #c5c5c5),
	color-stop(100%, #c5c5c5)
	);
}
a.button_darkgray:link,a.button_darkgray:visited{
	color: #ffffff;
	text-decoration: none;
}
.button_darkgray.page{
	width: 60px;
	padding: 4px 0px;
	margin: 0px
}

/* 青色のボタン */
.button_blue1{
	/* 枠 */
	display: inline-block;
	width: 110px;
	height: auto;
	margin: 0px;
	padding: 6px 15px;
	border: 1px solid #3783d4;
	position: relative;
	-webkit-border-radius: 10px 10px 0px 0px;

	/* 文字 */
	font-size: 17px;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	text-shadow: 0 1px 1px #555555;

	/* グラデーション */
	background-color: #e7e7e7;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(  0%, #4acbfe),
	color-stop( 50%, #4acbfe),
	color-stop( 50%, #47b1f8),
	color-stop(100%, #47b1f8)
	);
}
.button_blue2{
	/* 枠 */
	display: inline-block;
	width: 110px;
	height: auto;
	margin: 0px;
	padding: 6px 15px;
	border: 1px solid #2959aa;
	position: relative;
	-webkit-border-radius: 10px 10px 0px 0px;

	/* 文字 */
	font-size: 17px;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	text-shadow:0 1px 1px #555555;

	/* グラデーション */
	background-color: #e7e7e7;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(  0%, #47b1f9),
	color-stop( 50%, #47b1f9),
	color-stop( 50%, #3881d6),
	color-stop(100%, #3881d6)
	);
}
.button_blue3, a.button_blue3:link, a.button_blue3:visited{
	/* 枠 */
	display: inline-block;
	width: auto;
	height: auto;
	margin: 2px 2px;
	padding: 6px 15px;
	border: 1px solid #0086d6;
	border-bottom: 2px solid #0086d6;
	position: relative;
	-webkit-border-radius: 10px;

	/* 文字 */
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	text-shadow:
		-1px -1px 2px #0caef5,
		 1px -1px 2px #0caef5,
		-1px  1px 2px #0caef5,
		 1px  1px 2px #0caef5;

	/* グラデーション */
	background: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(  0%, #00ccff),
	color-stop( 50%, #00ccff),
	color-stop( 50%, #0caef5),
	color-stop(100%, #0caef5)
	);
	-webkit-box-shadow: 0 0 2px 1px #58edff inset;
}
a.button_blue1:link,a.button_blue1:visited{
	color: #ffffff;
	text-decoration: none;
}
a.button_blue2:link,a.button_blue2:visited{
	color: #ffffff;
	text-decoration: none;
}

.button_blue1.small{
	width: 110px;
	padding: 2px 15px;
}
.button_blue2.small{
	width: 110px;
	padding: 2px 15px;
}

/* 赤色のピンク */
.button_pink, input[type="submit"].button_pink{
	/* 枠 */
	display: inline-block;
	width: auto;
	height: auto;
	margin: 2px 2px;
	padding: 6px 20px;
	border: 1px solid #a2003b;
	border-bottom: 2px solid #a2003b;
	position: relative;
	border-radius: 10px;
	-webkit-border-radius: 10px;

	/* 文字 */
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	text-shadow:
		-1px -1px 2px #a2003b,
		 1px -1px 2px #a2003b,
		-1px  1px 2px #a2003b,
		 1px  1px 2px #a2003b;

	/* グラデーション */
	background-color: #e7e7e7;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(  0%, #F75995),
	color-stop( 50%, #F75995),
	color-stop( 50%, #f10077),
	color-stop(100%, #f10077)
	);
	-webkit-box-shadow: 0 0 2px 1px #ff6da3 inset;
}

/* 赤色のボタン */
.button_red, input[type="submit"].button_red{
	/* 枠 */
	display: inline-block;
	width: auto;
	height: auto;
	margin: 2px 2px;
	padding: 6px 20px;
	border: 1px solid #a2003b;
	border-bottom: 2px solid #a2003b;
	position: relative;
	border-radius: 10px;
	-webkit-border-radius: 10px;

	/* 文字 */
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	text-shadow:
		-1px -1px 2px #a2003b,
		 1px -1px 2px #a2003b,
		-1px  1px 2px #a2003b,
		 1px  1px 2px #a2003b;

	/* グラデーション */
	background-color: #e7e7e7;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(  0%, #f4075e),
	color-stop( 50%, #f4075e),
	color-stop( 50%, #c9024a),
	color-stop(100%, #c9024a)
	);
	-webkit-box-shadow: 0 0 2px 1px #ff6da3 inset;
}
a.button_red:link,a.button_red:visited{
	color: #ffffff;
	text-decoration: none;
}
.button_red.prev{
	padding-left:30px;
	padding-right:15px;
}
.button_red.prev:before{
	content:"";
	position:absolute;
	width:0;height:0;
	left:7px;
	border:8px solid transparent;
	border-right-color: #fff;
}
.button_red.next{
	padding-left:15px;
	padding-right:30px;
}
.button_red.next:before{
	content:"";
	position:absolute;
	width:0;height:0;
	right:7px;
	border:8px solid transparent;
	border-left-color: #fff;
}
.button_red.small{
	width: 100px;
}
.button_red.middle{
	width: 140px;
}
.button_red.large{
	width: 260px;
	padding: 2px 20px;
	margin: 5px 2px;
}


/* ボタンのサイズ調整 */
.button_x-small{
	width: 85px;
	padding: 6px 1px;
}
.button_small{
	width: 100px;
	padding: 6px 1px;
}

/* 水色のボタン */
.button_aqua, a.button_aqua {
	/* 枠 */
	display: inline-block;
	width: auto;
	height: auto;
	margin: 2px 2px;
	padding: 6px 20px;
	border: 1px solid #0086d6;
	border-bottom: 2px solid #0086d6;
	position: relative;
	-webkit-border-radius: 10px;

	/* 文字 */
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #0086d6;
	text-shadow:
		-1px -1px 2px #ffffff,
		 1px -1px 2px #ffffff,
		-1px  1px 2px #ffffff,
		 1px  1px 2px #ffffff;

	/* グラデーション */
	background: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(  0%, #ffffff),
	color-stop( 50%, #ffffff),
	color-stop( 50%, #a6fafa),
	color-stop(100%, #a6fafa)
	);
}
input[type="submit"].button_aqua1 {
	/* 枠 */
	display: inline-block;
	width: auto;
	height: auto;
	margin: 2px 2px;
	padding: 6px 20px;
	border: 1px solid #0caef5;
	position: relative;

	/* 文字 */
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #0caef5;

	/* グラデーション */
	background: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(  0%, #ffffff),
	color-stop( 50%, #ffffff),
	color-stop( 50%, #f1f1f1),
	color-stop(100%, #f1f1f1)
	);
	-webkit-box-shadow: 0 0 0 1px #ffffff inset;
}

/* 小さめのピンクの文字 */
.txt_pink{
	font-size: 14px;
	color: #f4075e;
}

/* 小さめのグレー文字 */
.txt_gray{
	font-size: 14px;
	color: #666666;
}

/* 影文字 */
.txt_shadow{
	text-shadow: 0 1px 1px #555555;
}

/* 太い 16px */
.txt_16px{
	font-size: 16px;
	font-weight: bold;
}

/* 白の背景、radius 入り */
.bg_col8.radius{
	-webkit-border-radius: 10px;
	margin: 5px 0px;
}

/* グレーの背景 */
.bg_gray{
	/* 枠 */
	margin: 0px;
	padding: 10px;
	border-bottom: 0 none;
	position: relative;

	/* 文字 */
	font-size: 12px;
	font-weight: bold;
	color: #999999;
	text-shadow:
		-1px -1px 2px #ffffff,
		 1px -1px 2px #ffffff,
		-1px  1px 2px #ffffff,
		 1px  1px 2px #ffffff;

	/* グラデーション */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(  0%, #ffffff),
		color-stop( 50%, #ffffff),
		color-stop( 50%, #f1f1f1),
		color-stop(100%, #f1f1f1)
	);
}

/* 押せないボタン用 */
.bg_end{
	/* 枠 */
	margin: 0px;
	padding: 2px;
	border: 1px solid #989898;
	border-bottom: 0 none;
	position: relative;

	/* 文字 */
	font-size: 12px;
	color: #191970;

	/* グラデーション */
	background-color: #c0c0c0;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(  0%, #c0c0c0),
	color-stop( 50%, #c0c0c0),
	color-stop( 50%, #a9a9a9),
	color-stop(100%, #a9a9a9)
	);
}

.button_gray{
	color: #666666;
	text-decoration: none;
}
.bg_gray.wide{
	padding: 8px 0px;
}

/* 白背景で上下にグラデ */
.bg_white_gradi{
	padding: 16px 0px;

	background-color: #ffffff;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(  0%, #00ccff),
	color-stop(  5%, #ffffff),
	color-stop( 95%, #ffffff),
	color-stop(100%, #00ccff)
	);
}

/* 白背景で上のみグラデ */
.bg_white_gradi_up{
	width: auto;
	height: 10px;
	padding: 0px;
	margin: 0px;

	background: -webkit-gradient(
	linear,
	left top,
	left bottom,
	from(rgba(255,255,255,0)),
	to(rgba(255,255,255,1))
	);
}

/* 白背景で下のみグラデ */
.bg_white_gradi_down{
	width: auto;
	height: 10px;
	padding: 0px;
	margin: 0px;

	background: -webkit-gradient(
	linear,
	left top,
	left bottom,
	from(rgba(255,255,255,1)),
	to(rgba(255,255,255,0))
	);
}

/* 白いライン */
.line_white{
	border:none;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #ffffff;
	margin: 2px 0px;
}


/* 太いうすグレーなライン */
.dna.bold{
	border-top:dashed 2px #ccc;
}

/* ---------------- miya area: ends ---------------- */

/* --------------- 吉井イベントゾーン -------------- */

.hr-event1 {
	background: -moz-linear-gradient(
	top,
	#2a2a2a 0%,
	#2a2a2a 50%,
	#272727 50%,
	#272727);
	background: -webkit-gradient(
	linear, left top, left bottom,
	from(#2a2a2a),
	color-stop(0.50, #2a2a2a),
	color-stop(0.50, #272727),
	to(#272727));
	position:relative;
	color: #fff;
	font-weight:bold;
	font-size:14px;
	padding:10px 5px 10px 5px;
}

.e-link_1 {
	background: -moz-linear-gradient(
	top,
	#2a2a2a 0%,
	#2a2a2a 50%,
	#272727 50%,
	#272727);
	background: -webkit-gradient(
	linear, left top, left bottom,
	from(#2a2a2a),
	color-stop(0.50, #2a2a2a),
	color-stop(0.50, #272727),
	to(#272727));
	position:relative;
	color: #999;
	font-size:18px;
	text-align:left;
	border-right: solid 2px #111;
	border-left: solid 2px #111;
	border-top: solid 2px #111;
	border-bottom: solid 1px #000;
	padding:1px 5px 1px 10px;
	-webkit-border-radius:6px 6px 0px 0px;
	-moz-border-radius:6px 6px 0px 0px;
	border-radius:6px 6px 0px 0px;
}

.e-link_2 {
	background: -moz-linear-gradient(
	top,
	#2a2a2a 0%,
	#2a2a2a 50%,
	#272727 50%,
	#272727);
	background: -webkit-gradient(
	linear, left top, left bottom,
	from(#2a2a2a),
	color-stop(0.50, #2a2a2a),
	color-stop(0.50, #272727),
	to(#272727));
	position:relative;
	color: #999;
	font-size:18px;
	text-align:left;
	border-right: solid 2px #111;
	border-left: solid 2px #111;
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
	padding:1px 5px 1px 10px;
}

.e-link_3 {
	background: -moz-linear-gradient(
	top,
	#2a2a2a 0%,
	#2a2a2a 50%,
	#272727 50%,
	#272727);
	background: -webkit-gradient(
	linear, left top, left bottom,
	from(#2a2a2a),
	color-stop(0.50, #2a2a2a),
	color-stop(0.50, #272727),
	to(#272727));
	position:relative;
	color: #999;
	font-size:18px;
	text-align:left;
	border-top: solid 1px #000;
	border-right: solid 2px #111;
	border-left: solid 2px #111;
	border-bottom: solid 2px #111;
	padding:1px 5px 1px 10px;
	-webkit-border-radius:0px 0px 6px 6px;
	-moz-border-radius:0px 0px 6px 6px;
	border-radius:0px 0px 6px 6px;
}

.e-link_type1 {
	background:#ffffff;
	position:relative;
	color: #999;
	font-size:18px;
	text-align:left;
	border-style: none;
	padding:1px 5px 1px 10px;
	-webkit-border-radius:6px 6px 0px 0px;
	-moz-border-radius:6px 6px 0px 0px;
	border-radius:6px 6px 0px 0px;
}

.e-link_type2 {
	background:#ffffff;
	position:relative;
	color: #999;
	font-size:18px;
	text-align:left;
	border-style: none;
	padding:1px 5px 1px 10px;
}

.e-link_type3 {
	background:#ffffff;
	position:relative;
	color: #999;
	font-size:18px;
	text-align:left;
	border-style: none;
	padding:1px 5px 1px 10px;
	-webkit-border-radius:0px 0px 6px 6px;
	-moz-border-radius:0px 0px 6px 6px;
	border-radius:0px 0px 6px 6px;
}

.button_event {
	display: inline-block;
	width: 80px;
	margin: 2px 2px;
	padding: 10px 20px;
	border: 1px solid #0f0f0f;
	position: relative;
	-webkit-border-radius: 10px;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 1px #555555;
	background-color: #2a2a2a;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(  0%, #2a2a2a),
	color-stop( 50%, #2a2a2a),
	color-stop( 50%, #272727),
	color-stop(100%, #272727)
	);
}

.button_event1 {
	display: inline-block;
	margin: 2px 2px;
	padding: 10px 20px;
	border: 1px solid #0f0f0f;
	position: relative;
	-webkit-border-radius: 0px;
	color: #ffffff;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color: #ec653a;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(  0%, #fdaf00),
	color-stop(100%, #fdaf00)
	);
}

.button_event2 {
	display: inline-block;
	margin: 3px 2px;
	padding: 10px 25px;
	position: relative;
	-webkit-border-radius: 10px;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color: #ae6aff;
}

.button_event3 {
	display: inline-block;
	margin: 3px 2px;
	padding: 10px 25px;
	position: relative;
	-webkit-border-radius: 10px;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color: #ec653a;
}

.selbtn_event1 {
	display: inline-block;
	margin: 3px 2px;
	padding: 10px 10px;
	border: 1px solid #737373;
	position: relative;
	width: 200px;
	-webkit-border-radius: 10px;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	background-color: #000000;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(  0%, #333333),
	color-stop( 50%, #333333),
	color-stop( 50%, #000000),
	color-stop(100%, #000000)
	);
}
a:visited.selbtn_event1{
	color: #ffffff;
	text-decoration: none;
}

.yesbtn_event1 {
	display: inline-block;
	margin: 3px 2px;
	padding: 10px 25px;
	border: 1px solid #a051ff;
	position: relative;
	-webkit-border-radius: 10px;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color: #ec653a;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(  0%, #ec653a),
	color-stop( 50%, #ec653a),
	color-stop( 50%, #ec653a),
	color-stop(100%, #ec653a)
	);
}
a:visited.yesbtn_event1{
	color: #ffffff;
	text-decoration: none;
}

.yesbtn_event2 {
	display: inline-block;
	margin: 3px 2px;
	padding: 10px 25px;
	border: 1px solid #a051ff;
	position: relative;
	-webkit-border-radius: 10px;
	color: #ec653a;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color: #ffffff;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(  0%, #ffffff),
	color-stop( 50%, #ffffff),
	color-stop( 50%, #ffffff),
	color-stop(100%, #ffffff)
	);
}
a:visited.yesbtn_event1{
	color: #ffffff;
	text-decoration: none;
}

.nobtn_event1 {
	display: inline-block;
	margin: 3px 2px;
	padding: 10px 20px;
	border: 1px solid #737373;
	position: relative;
	-webkit-border-radius: 10px;
	color: #ec653a;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	background-color: #D3D3D3;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(  0%, #D3D3D3),
	color-stop( 50%, #D3D3D3),
	color-stop( 50%, #D3D3D3),
	color-stop(100%, #D3D3D3)
	);
}
a:visited.nobtn_event1{
	color: #ffffff;
	text-decoration: none;
}


.status_event1 {
	color: #ffffff;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	background-color: #ffffff;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(  0%, #ffffff),
	color-stop(100%, #ae6aff)
	);
}

.rank_event1 {
	color: #ffffff;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	-webkit-border-radius: 12px;
	text-decoration: none;
}

.gacha_event1 {
	color: #ffffff;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	);
}

.fuki_event1 {
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	background-color: #fefdde;
	padding: 0px 30px;
}

.hr-event_fv1 {
	background: -moz-linear-gradient(
	top,
	#ff4500 0%,
	#ff4500 50%,
	#ff0000 50%,
	#ff0000);
	background: -webkit-gradient(
	linear, left top, left bottom,
	from(#ff4500),
	color-stop(0.50, #ff4500),
	color-stop(0.50, #ff0000),
	to(#ff0000));
	position:relative;
	color: #ffffff;
	font-weight:bold;
	font-size:14px;
	padding:10px 5px 10px 5px;
}

.hr-event_fv2 {
	background: -moz-linear-gradient(
	top,
	#ffff00 0%,
	#ffff00 50%,
	#ffd700 50%,
	#ffd700);
	background: -webkit-gradient(
	linear, left top, left bottom,
	from(#ffff00),
	color-stop(0.50, #ffff00),
	color-stop(0.50, #ffd700),
	to(#ffd700));
	position:relative;
	color: #ff0000;
	font-weight:bold;
	font-size:14px;
	padding:10px 5px 10px 5px;
}

/****** 新ﾒﾆｭｰ用 ******/
.menu_main {
	display: none;
	position: absolute;
	z-index: 20;
	text-align: center;
}

.menu_trapezoid {
	overflow:hidden;
	background:transparent;
}
.menu_trapezoid::before {
	content:"";
	display:block;
	width:320px;
	height:20px;
	background: rgba(0,0,0,0.7);
	-webkit-transform-origin:0 100%;
	-webkit-transform:skewY(-3.5deg);
}

/* 黒背景で上のみグラデ */
.bg_black_gradi_up{
	width: auto;
	height: 5px;
	padding: 0px;
	margin: 0px;

	background: -webkit-gradient(
	linear,
	left top,
	left bottom,
	from(rgba(0,0,0,0)),
	to(rgba(0,0,0,1))
	);
}

/* 黒背景で下のみグラデ */
.bg_black_gradi_down{
	width: auto;
	height: 5px;
	padding: 0px;
	margin: 0px;

	background: -webkit-gradient(
	linear,
	left top,
	left bottom,
	from(rgba(0,0,0,1)),
	to(rgba(0,0,0,0))
	);
}

/******* ﾄﾚｼﾞｬｰｲﾍﾞﾝﾄ用(作成:楪) *******/
.fuki_event_quiz {
	color: #1f4375;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	background: #ffffff;
	padding: 0px 30px;
}

/* 戻る等のボタン用CSS */
.button_brue, input[type="submit"].button_brue{
	/* 枠 */
	display: inline-block;
	width: 100px;
	height: auto;
	margin: 2px 2px;
	padding: 10px 20px;
	border: 1px solid #0310ec;
	position: relative;
	-webkit-border-radius: 5px;

	/* 文字 */
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #00139a;

	/* グラデーション */
	background-color: #e7e7e7;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(  0%, #b2f9ff),
	color-stop( 50%, #b2f9ff),
	color-stop( 50%, #41f5ff),
	color-stop(100%, #b2f9ff)
	);
}

a.button_brue:link,a.button_brue:visited{
	color: #00139a;
	text-decoration: none;
}


/******* 雨の日ｲﾍﾞﾝﾄ用(作成:中村) *******/
/* 現在の状態 */
.status_event_rain {
	color: #8453b8;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	background: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(  0%, #bdb4e8),
	color-stop(100%, #ffffff)
	);
}
/* 吹き出し */
.fuki_event_rain {
	color: #8453b8;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	background: #ffffff;
	padding: 0px 30px;
}

.event_rain_make-arrow{
	position: relative;
}
.event_rain_make-arrow.arrow-down{
}
.event_rain_make-arrow.arrow-down:before{
	content:"";
	position:absolute;
	width	:0;
	height	:0;
	right	:20px;
	border-top		: solid 18px #8453b8;
	border-bottom	: solid 18px transparent;
	border-left		: solid 12px transparent;
	border-right	: solid 12px transparent;
}

/* 戻る等のボタン用CSS */
.button_rain, input[type="submit"].button_rain{
	/* 枠 */
	display: inline-block;
	width: 130px;
	height: auto;
	margin: 2px 2px;
	padding: 10px 20px;
	border: 1px solid #2211bd;
	position: relative;
	-webkit-border-radius: 5px;

	/* 文字 */
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #2211bd;

	/* グラデーション */
	background-color: #e7e7e7;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(  0%, #ffffff),
	color-stop( 50%, #c8acfd),
	color-stop( 50%, #ae6cfd),
	color-stop(100%, #c8acfd)
	);
}

a.button_rain:link,a.button_rain:visited{
	color: #2211bd;
	text-decoration: none;
}

/* 新マイページ */

.button_tab_main {
	text-align: center;
	font-size: 14px;
	color: #ffffff;
	width: 318px;
	padding: 2px 0;
	border: 1px solid #ba0047;
	border-radius: 8px;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(  0%, #f4075e),
		color-stop( 50%, #f4075e),
		color-stop( 50%, #e00052),
		color-stop(100%, #e00052)
		);
}

.button_tab_main1 {
	text-align: center;
	font-size: 14px;
	color: #ffffff;
	width: 273px;
	padding: 2px 0;
	border-top: 1px solid #ba0047;
	border-left: 1px solid #ba0047;
	border-bottom: 1px solid #ba0047;
	border-radius: 8px 0px 0px 8px;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(  0%, #f4075e),
		color-stop( 50%, #f4075e),
		color-stop( 50%, #e00052),
		color-stop(100%, #e00052)
		);
}

.button_tab_main2 {
	text-align: center;
	font-size: 14px;
	color: #ffffff;
	width: 228px;
	padding: 2px 0;
	border-top: 1px solid #ba0047;
	border-left: 1px solid #ba0047;
	border-bottom: 1px solid #ba0047;
	border-radius: 8px 0px 0px 8px;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(  0%, #f4075e),
		color-stop( 50%, #f4075e),
		color-stop( 50%, #e00052),
		color-stop(100%, #e00052)
		);
}

.button_tab_main3 {
	text-align: center;
	font-size: 14px;
	color: #ffffff;
	width: 183px;
	padding: 2px 0;
	border-top: 1px solid #ba0047;
	border-left: 1px solid #ba0047;
	border-bottom: 1px solid #ba0047;
	border-radius: 8px 0px 0px 8px;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(  0%, #f4075e),
		color-stop( 50%, #f4075e),
		color-stop( 50%, #e00052),
		color-stop(100%, #e00052)
		);
}

.button_tab_sub1 {
	font-size: 14px;
	color: #565656;
	width: 44px;
	padding: 2px 0;
	text-shadow:
		-1px -1px 2px #ffffff,
		 1px -1px 2px #ffffff,
		-1px  1px 2px #ffffff,
		 1px  1px 2px #ffffff;
	border-left: 1px solid #888888;
	border-top: 1px solid #888888;
	border-bottom: 1px solid #888888;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(  0%, #ffffff),
		color-stop( 50%, #ffffff),
		color-stop( 50%, #cfcfcf),
		color-stop(100%, #e6e6e6)
		);
}

.button_tab_sub2 {
	font-size: 14px;
	color: #565656;
	width: 44px;
	padding: 2px 0;
	text-shadow:
		-1px -1px 2px #ffffff,
		 1px -1px 2px #ffffff,
		-1px  1px 2px #ffffff,
		 1px  1px 2px #ffffff;
	border: 1px solid #888888;
	border-radius: 0px 8px 8px 0px;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(  0%, #ffffff),
		color-stop( 50%, #ffffff),
		color-stop( 50%, #cfcfcf),
		color-stop(100%, #e6e6e6)
		);
}

a.button_com {
	display: inline-block;
	margin: 5px 0;
	padding: 10px;
	border: 1px solid #ba0047;
	position: relative;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0px 0px 1px 2px #fe6199 inset;
	font-size: 16px;
	text-decoration: none;
	color: #ffffff;
	text-shadow: 0 1px 1px #555555;
	background-color: #e7e7e7;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(  0%, #fe6199),
		color-stop( 50%, #f4236b),
		color-stop( 50%, #ba1c52),
		color-stop(100%, #db2b69)
		);
}

#box_shadow1 {box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.1);}
#box_shadow2 {box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.2);}
#box_shadow3 {box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.3);}
#box_shadow4 {box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.4);}
#box_shadow5 {box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.5);}
#box_shadow6 {box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.6);}
#box_shadow7 {box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.7);}
#box_shadow8 {box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.8);}
#box_shadow9 {box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.9);}

.bg_shop {
	display: inline-block;
	color: #565656;
	text-align: left;
	font-size: 13px;
	width: 140px;
	border: 1px solid #b8b8b8;
	-webkit-box-shadow: 0px 0px 1px 2px #ffffff inset;
	border-radius: 10px;
	padding: 6px 0 6px 6px;
	margin :3px;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#ffffff),
		color-stop(0.3, #ffffff),
		color-stop(0.8, #d4d4d4),
		to(#e6e6e6)
	);
}

.button.info {
	display: inline-block;
	color: #464646;
	text-align: left;
	font-size: 14px;
	text-shadow:
		-1px -1px 1px #ffffff,
		 1px -1px 1px #ffffff,
		-1px  1px 1px #ffffff,
		 1px  1px 1px #ffffff;
	border: 1px solid #00ccff;
	-webkit-box-shadow: 0px 0px 1px 2px #e6faff inset;
	border-radius: 6px;
	padding: 6px 0 6px 6px;
	margin :3px;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#e6faff),
		color-stop(0.5, #a3edff),
		color-stop(0.5, #00ccff),
		to(#3fd9ff)
	);
}

#whatsnew {
	cursor:pointer;
	background:url('https://mbga-gijin-www.app-amb.jp/img_sp/hp/news_feed.png');
	background-repeat:no-repeat;
	left top no-repeat;-webkit-background-size:73.5px 50px;
	-webkit-animation-name:vib1;
}

#whatsnew img {
	-webkit-animation-name:vib2;
	opacity:1;
}

#whatsnew,
#whatsnew img {
	-webkit-transform:rotate(0deg);
	-webkit-transform-origin:center center;
	-webkit-animation-duration:1.0s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-direction:alternate;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-fill-mode:forwards;
}

@-webkit-keyframes vib1 {
	0%   { -webkit-transform:rotate(0deg);}
	3%   { -webkit-transform:rotate(-8deg );}
	6%   { -webkit-transform:rotate(0deg);}
	9%   { -webkit-transform:rotate(8deg );}
	12%  { -webkit-transform:rotate(0deg);}
	15%  { -webkit-transform:rotate(-8deg );}
	18%  { -webkit-transform:rotate(0deg);}
	21%  { -webkit-transform:rotate(8deg );}
	24%  { -webkit-transform:rotate(0deg);}
	27%  { -webkit-transform:rotate(-8deg );}
	30%  { -webkit-transform:rotate(0deg);}
	33%  { -webkit-transform:rotate(8deg);}
	36%  { -webkit-transform:rotate(0deg);}
	100% { -webkit-transform:rotate(0deg);}
}

@-webkit-keyframes vib2 {
	0%    { -webkit-transform:rotate(0deg);opacity:1;}
	3%    { -webkit-transform:rotate(-8deg );opacity:1;}
	6%    { -webkit-transform:rotate(0deg);opacity:1;}
	9%    { -webkit-transform:rotate(8deg );opacity:1;}
	12%   { -webkit-transform:rotate(0deg);opacity:1;}
	15%   { -webkit-transform:rotate(-8deg );opacity:1;}
	18%   { -webkit-transform:rotate(0deg);opacity:1;}
	21%   { -webkit-transform:rotate(8deg );opacity:1;}
	24%   { -webkit-transform:rotate(0deg);opacity:1;}
	27%   { -webkit-transform:rotate(-8deg );opacity:1;}
	30%   { -webkit-transform:rotate(0deg);opacity:1;}
	33%   { -webkit-transform:rotate(8deg);opacity:1;}
	35.9% { -webkit-transform:rotate(0deg);opacity:1;}
	36%   { -webkit-transform:rotate(0deg);opacity:1;}
	100%  { -webkit-transform:rotate(0deg);opacity:1;}
}

#main-img {
	position:relative;
	width:320px;
	height:220px;
}

#main-img #whatsnew {
	position:absolute;
	top:2px;
	right:8px;
	z-index:10;
}

#whatsnew p {
	font-size:10px;
	position: absolute;
	top: 20px;
	right: 22px;
	width: 30px;
	text-align: center;
	z-index: 20;
}

.arrow_box {
	position: relative;
	background:rgba(0,0,0,0.5);
	padding: 10px 6px 24px;
	width: 308px;
	line-height:100%;
	z-index:10;
}

.type1_box {
	position: relative;
	background:rgba(0,0,0,0.5);
	padding: 10px 6px;
	width: 280px;
	line-height:100%;
	border-radius: 10px;
	z-index:10;
}

.type1_box:after {
	bottom: 100%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.type1_box:after {
	border-bottom-color: rgba(0,0,0,0.5);
	border-width: 14px;
	left: 50%;
	margin-left: -14px;
}

.type1_box span,.type1_box p{
	text-shadow: 1px 1px 1px #fff,
	-1px 1px 1px #fff,
	1px -1px 1px #fff,
	-1px -1px 1px #fff;
	font-weight: bold;
	font-size: 14px;
}

.type2_box {
	position: relative;
	background:rgba(0,0,0,0.5);
	padding: 10px 6px;
	width: 280px;
	line-height:100%;
	border-radius: 10px;
	z-index:10;
}

.type2_box:after {
	bottom: 100%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.type2_box:after {
	border-bottom-color: rgba(0,0,0,0.5);
	border-width: 14px;
	left: 85%;
	margin-left: -14px;
}

.type2_box span,.type2_box p{
	text-shadow: 1px 1px 1px #fff,
	-1px 1px 1px #fff,
	1px -1px 1px #fff,
	-1px -1px 1px #fff;
	font-weight: bold;
	font-size: 14px;
}

div.arrow_info {
	background-image: url('https://mbga-gijin-www.app-amb.jp/img_sp/hp/icon_arrow.png');
	-webkit-background-size: 8px 11px;
	background-position: right center;
	background-repeat: no-repeat;
	margin: 0 4px 0 0;
}

/* お勉強・お仕事リザルト */
.state_box {
	margin: 5px 0px;
	font-size: 16px;
}
hr.state_line {
	border-style: dashed;
	border-width: 1px;
	margin: 5px 0;
	border-color: #999;
}
.state_box table {
	line-height: 1;
	margin: 0 0.8em;
}
.state_box table td {
	padding-right: 10px;
}
.state_box .type_msg {
	line-height: 32px;
}
.state_box .typeChange_btn {
	padding: 4px 10px;
	font-size: 12px;
	line-height: 18px;
	height: 18px;
	float: right;
	margin: 2px 10px;
}
.state_msg.bg-log {
	padding: 10px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}

/* 縦縞 */
.bg_tile {
	padding: 0.5em 0;
	background: -webkit-gradient(
		linear,
		left top,
		right top,
		color-stop(  0%, #0086FF),
		color-stop( 50%, #0086FF),
		color-stop( 50%, #00A3FF),
		color-stop(100%, #00A3FF)
	);

	text-shadow:
		-0.8px -0.8px 3px #008B8B,
		0.8px -0.8px 3px #008B8B,
		-0.8px 0.8px 3px #008B8B,
		0.8px 0.8px 3px #008B8B;

	background-size: 10px 1px;
	color: #ffffff;
}

/* ひがわりよう */
.bg_pgacha_daily_list_today{
	/* 枠 */
	margin: 2px 2px;
	padding: 6px 20px;
	border: 2px solid #b127a4;
	box-sizing: border-box;
	position: relative;
	overflow: auto;
	-webkit-border-radius: 10px;

	/* 文字 */
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #000000;

	/* 背景色 */
	background-color: #fecefb;
	-webkit-box-shadow: 0 0 2px 1px #ffffff inset;
}

/* ひがわりよう */
.bg_pgacha_daily_list{
	/* 枠 */
	margin: 2px 2px;
	padding: 6px 20px;
	border: 2px solid #5473a1;
	box-sizing: border-box;
	position: relative;
	overflow: auto;
	-webkit-border-radius: 10px;

	/* 文字 */
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #000000;

	/* 背景色 */
	background-color: #bfceff;
	-webkit-box-shadow: 0 0 2px 1px #ffffff inset;
}

.akasimasima {
	/*縞々*/
    background: -moz-linear-gradient(left, #CE007C, #CE007C 50%, #D751A1 50%, #D751A1);
    background: -webkit-gradient(linear, left center, right center, from(#CE007C), color-stop(50%, #CE007C), color-stop(50%, #D751A1), to(#D751A1));
	-moz-background-size: 10px;
    -webkit-background-size: 10px;

	/*その他*/
	padding: 5px 0px;
	color:#ffffff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-shadow: 2px  2px 1px #E50089,
    			-2px  2px 1px #E50089,
			     2px -2px 1px #E50089,
			    -2px -2px 1px #E50089;

}

/* インセンティブ表示 */
.frame_sys_beginner_add {
font-size: 15px;
border-radius: 10px;
width:100%;
height:30px;
color:#000000;
font-weight:bold;
background: rgba(255,255,255,0.7);
}

/* 擬人TOP TOUCHSCREEN用 */
#gijin_top {
	position:	relative;
	width: 		320px;
}
.enter_box_top {
	background-color:rgba(255,255,255,.5);
	position:absolute;
	text-align:center;
	top:55%;
	width:100%;
}

/* 擬人TOP TOUCHSCREEN用 */
#gijin_top {
	position:	relative;
	width: 		320px;
}

#gijin_top a {
	display:inline-block;
}

.enter_box_top {
	background-color:rgba(255,255,255,.5);
	position:absolute;
	text-align:center;
	top:55%;
	width:320px;
}

#enter_fade img {
	vertical-align:bottom;
}

/* ---------------------- Slideshow -------------------*/
.slideshow_container {
	max-width: 1000px;
	position: relative;
	margin: auto;
}

/* Next & previous buttons */
.slideshow_container .prev, .slideshow_container .next {
	position: absolute;
	margin-top: 2px;
}

/* Position the "next button" to the right */
.slideshow_container .prev {
	left: 5px;
}

.slideshow_container .next {
	right: 5px;
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
}

/* The dots/bullets/indicators */
#dot_slide {
	height: 14px;
	width: 14px;
	margin: 0px 5px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
}

.popup_slider #dot_slide{
	height: 12px;
	width: 12px;
}

.pagination_slide {
	color: #00c3ff;
	margin: 0px 5px;
	font-weight: bold;
}

.pagination_slide {
	margin-bottom: 10px;
	margin-top: 10px;
}

.popup_slider .pagination_slide {
	margin-bottom: 8px;
	margin-top: 8px;
}

/* Active element pagination*/
.pagination_slide .active[id="dot_slide"] {
	background-color: #00c3ff !important;
}

.animate_fading {
	animation: fading 5s infinite;
}

@keyframes fading {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 1;
	}
	80% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.description_applipack {
	color: #4F81BD;
}

/* EDIT LINE INFO/POPUP */
.edit_line_info{
	line-height:1.2;
	letter-spacing:0.02em;
}