@charset "UTF-8";
/* CSS Document */

/* ーーーーーーーーーーーーーーーーーーーーーーーーー */
/* 　　　　　　　　　　　ページ全体　　　　　　　　　 */
/* ーーーーーーーーーーーーーーーーーーーーーーーーー */

body{
    -webkit-text-size-adjust: none;
	  
		background-image:url(../../../../../img/info_background.png);
		background-attachment: fixed;
		background-color:#fff0ff;
		font-family:sans-serif;
	/* 全体画面サイズ 600px */
		width: 500;
	/* 中央揃え */
		margin:auto;
		margin-bottom: 10;
		font-size:14px;
		color:white;
}

a{
	/*color:#71c5f7;*/
	text-decoration:none;
	/*border-bottom: solid 2px #71c5f7;*/
}

a:link,
a:visited,
a:hover,
a:active
{
	color:#71c5f7;
	text-decoration:none;
}

div.update_text a,
div.update_text a:link,
div.update_text a:visited,
div.update_text a:hover,
div.update_text a:active {
	color:#f871a7;
	text-decoration:none;
}



/* 20170620　ローテーションバナー分追記*/
#banner {
	margin: 0px;
	padding: 0px;
	width: 496px;
  border: 3px solid #CCCCCC;
  overflow: hidden;
}
#banner ul {
	margin: 0px;
	padding: 0px;
  list-style: none;
  
  width: 1984px; /*バナー幅サイズx枚数 スクロールがズレるので厳密に*/
}
#banner ul li {
  float: left;
  width: 496px;
}
#banner ul li img {
	width: 496px;
  padding: 0px;
  margin: 0px;
}

/*更新履歴　水色　#00c0ff */
.topics01 {
	margin: 0px 0px 5px 0px;
	height: auto;
	background-color: #00c0ff;
	height:auto;
	overflow:hidden;
	border-radius: 15px;
	clear: both;
}
.topics01 .update {
	width: 203px;
	padding: 3px 3px 3px 8px;
	background-color: #00c0ff;
	border: 1px solid #00c0ff;
	border-radius: 15px 0px 0px 15px;
	float: left;
	
	font-size: 11px;
	font-weight: bold;
}
.topics01 .update_text {
	width: 271px;
	height: auto;
	padding: 3px 3px 3px 8px;
	background-color: #FFF;
	border: 1px solid #00c0ff;
	border-radius: 0px 15px 15px 0px;
	color: #666;
	font-weight: bold;
	font-size: 90%;
	float: right;
}

/*更新履歴　桃色　#f300a6 */
.topics02 {
	margin: 0px 0px 5px 0px;
	height: auto;
	background-color: #f300a6;
	height:auto;
	overflow:hidden;
	border-radius: 15px;
	clear: both;
}
.topics02 .update {
	width: 203px;
	padding: 3px 3px 3px 8px;
	background-color: #f300a6;
	border: 1px solid #f300a6;
	border-radius: 15px 0px 0px 15px;
	float: left;
	
	font-size: 11px;
	font-weight: bold;
}
.topics02 .update_text {
	width: 271px;
	height: auto;
	padding: 3px 3px 3px 8px;
	background-color: #FFF;
	border: 1px solid #f300a6;
	border-radius: 0px 15px 15px 0px;
	color: #666;
	font-weight: bold;
	font-size: 90%;
	float: right;
}

/*更新履歴　緑色　#42f300 */
.topics03 {
	margin: 0px 0px 5px 0px;
	height: auto;
	background-color: #42f300;
	height:auto;
	overflow:hidden;
	border-radius: 15px;
	clear: both;
}
.topics03 .update {
	width: 203px;
	padding: 3px 3px 3px 8px;
	background-color: #42f300;
	border: 1px solid #42f300;
	border-radius: 15px 0px 0px 15px;
	float: left;
	
	font-size: 11px;
	font-weight: bold;
}
.topics03 .update_text {
	width: 271px;
	height: auto;
	padding: 3px 3px 3px 8px;
	background-color: #FFF;
	border: 1px solid #42f300;
	border-radius: 0px 15px 15px 0px;
	color: #666;
	font-weight: bold;
	font-size: 90%;
	float: right;
}

/* 20170620　ローテーションバナー分追記*/



/* ーーーーーーーーーーーーーーーーーーーーーーーーー */
/* 　　　　　　　　　　ボックス　　　　　　　　　　　 */
/* ーーーーーーーーーーーーーーーーーーーーーーーーー */

/* 外枠 */
.main{
	margin:auto;
}

/* 一番外の、薄緑色の枠 */
/* ▶▶　今はつかってない */
.textBox{
	margin:auto;
	margin-top:1px;
	background-color: rgba(255,255,255,0.70);
	border-radius: 1px;
	padding:1px;
	padding-top:1px;

}
/* テキストが入っている、白色の枠 */
.textInside{
	width:475px;
	background-color: rgba(0, 0, 0, 0.1); 
	border: solid 3px white;
	border-radius:20px;
	margin-bottom:3px;
	margin-top:3px;
	padding:10px;
	overflow:hidden;
}

/* 上記の紫枠 */
.textInsidePurplewhite{
	width:475px;
	background-color:rgba(255, 255, 255, 0.80);
	border: solid #593e94 3px;
	border-radius:20px;
	margin-bottom:3px;
	margin-top:3px;
	padding: 10px;
	overflow:hidden;
}


/* 上記の赤枠 */
.textInsideRed{
	width:475px;
	background-color:rgba(255, 234, 234, 0.8);
	border: solid #902e2e 5px;
	border-radius:20px;
	margin-bottom:3px;
	margin-top:3px;
	padding: 10px;
	overflow:hidden;
}

/* 上記の青枠 */
.textInsideBlue{
	width:475px;
	background-color:rgba(204, 228, 255, 0.8);
	border: solid #2d418f 5px;
	border-radius:20px;
	margin-bottom:3px;
	margin-top:3px;
	padding: 10px;
	overflow:hidden;
	background-size: 130px;
}

/* 上記の橙枠 */
.textInsideOrange{
	width:475px;
	background-size: 130px;
	border: solid #d28511 5px;
	border-radius:12px;
	margin-bottom:3px;
	margin-top:3px;
	padding: 10px;
	overflow:hidden;
}

/* 上記の金枠 */
.textInsideGold{
	width:475px;
	background-size: 530px;
	border: solid #d28511 5px;
	border-radius:20px;
	margin-bottom:3px;
	margin-top:3px;
	padding: 10px;
	overflow:hidden;
	
}


.textInsideJS{
	width:475px;
	background-color:rgba(255, 216, 223, 0.8);
	background-image: url("../../../../img/ruby-bg.png");
	background-size: 130px;
	border: solid #902e2e 5px;
	border-radius:20px;
	margin-bottom:3px;
	margin-top:3px;
	padding: 10px;
	overflow:hidden;
	
}

/* 一行告知 */
.textInsideOne{
	width:475px;
	background-color:rgba(255,255,255,0.70);
	border: solid 3px #374D2F;
	border-radius:20px;
	margin-bottom:3px;
	margin-top:3px;
	background-position: 100% 0%;
	padding: 0 10px 0 10px;
	overflow:hidden;
}

/* 一行告知New */
.textInsideOneTest{
	width:475px;
	background-color:rgba(55,77,47, 0.70);
	border: solid 3px white;
	border-radius:20px;
	color: white;
	margin-bottom:3px;
	margin-top:3px;
	background-position: 100% 0%;
	padding: 0 10px 0 10px;
	overflow:hidden;
	font-weight: 100
}

.textInsideOnePurple{
	width:475px;
	background-color:rgba(89, 62, 148, 0.60);
	border: solid 3px white;
	border-radius:10px;
	color: white;
	margin-bottom:3px;
	margin-top:3px;
	background-position: 100% 0%;
	padding: 0 10px 0 10px;
	overflow:hidden;
	font-weight: 100
}
.textInsideOneGreen{
	width:475px;
	background-color:rgba(0, 151, 26, 0.6);
	border: solid 3px white;
	border-radius:10px;
	color: white;
	margin-bottom:3px;
	margin-top:3px;
	background-position: 100% 0%;
	padding: 0 10px 0 10px;
	overflow:hidden;
	font-weight: 100

}


.textInsideOneBlue{
	width:475px;
	background-color:rgba(204, 228, 255, 0.80);
	color:#695125;
	border: solid 3px #593e94;
	border-radius:10px;
	margin-bottom:3px;
	margin-top:3px;
	background-position: 100% 0%;
	padding: 0 10px 0 10px;
	overflow:hidden;
}

.textInsideOneRed{
	width:475px;
	background-color:rgba(255, 204, 204, 0.8);
	color:#695125;
	border: solid 3px #593e94;
	border-radius:10px;
	margin-bottom:3px;
	margin-top:3px;
	background-position: 100% 0%;
	padding: 0 10px 0 10px;
	overflow:hidden;
}


.figure{
	border-radius: 20px;
	border:solid #374D2F 6px
}

.left{
	float:left;
	width:65%;
}

.right{
	float:right;
	width:35%;
}

.center{
	text-align:center;
}

/* ーーーーーーーーーーーーーーーーーーーーーーーーー */
/* 　　　　　　　　　　　　画像　　　　　　　　　　　 */
/* ーーーーーーーーーーーーーーーーーーーーーーーーー */

.deco{
	height:300px;
}


.fireworks{
	float:right;
	background-image:url(../../../../img/6041.gif);
	background-size: 85%;
	background-position:50% 0;
	width:35%;
	height:130px;
	background-repeat:no-repeat;
}

.banner{
	width:100%;
}

.index{
	width:70%;
}

/* ーーーーーーーーーーーーーーーーーーーーーーーーー */
/* 　　　　　　　　　　　テキスト　　　　　　　　　　 */
/* ーーーーーーーーーーーーーーーーーーーーーーーーー */

.larger{
	font-size: 1.5em;
	font-weight: bold;
}

/* 表題 */
.title{
	color:white;
	font-size:25px;
	font-weight:bold;
	line-height: 1.1em;
	text-shadow: #C63E3E 3px 3px 0px, #C63E3E -1px 1px 0px,
             #C63E3E 1px -1px 0px, #C63E3E -1px -1px 0px;
	text-align:center;
}

.titleBlue{
	color:white;
	font-size:25px;
	font-weight:bold;
	line-height: 1.1em;
	text-shadow: #2d418f 3px 3px 0px, #2d418f -1px 1px 0px,
             #2d418f 1px -1px 0px, #2d418f -1px -1px 0px;
	text-align:center;
}

.titleGreen{
	color:white;
	font-size:25px;
	font-weight:bold;
	line-height: 1.1em;
	text-shadow: #3b6e28 3px 3px 0px, #3b6e28 -1px 1px 0px,
             #3b6e28 1px -1px 0px, #3b6e28 -1px -1px 0px;
	text-align:center;
}
.titleRed{
	color:#C63E3E;
	font-size:25px;
	font-weight:bold;
	line-height: 1.1em;
	text-shadow: white 3px 3px 0px, white -1px 1px 0px,
             white 1px -1px 0px, white -1px -1px 0px;
	text-align:center;
}

.subtitle{
	color:#C63E3E;
	font-weight:bold;
	font-size:16px;
	line-height: 1.5em;
	text-align:center;
}

.subtitleBlack{
	color:#111111;
	font-weight:bold;
	font-size:16px;
	line-height: 1.5em;
	text-align:center;
}

.subtitleGreen{
	color:rgba(59,110,40,1.00);
	font-weight:bold;
	font-size:16px;
	line-height: 1.5em;
	text-align:center;
}

.subtitle2{
	background:#3b6e28;
	color:white;
	font-weight:bold;
	border-radius:20px;
	padding:1px;
}

.subtitle2Black{
	background:black;
	color:white;
	font-weight:bold;
	border-radius:20px;
	padding:1px;
}

.subtitle2Blue{
	background:#2d418f;
	color:white;
	font-weight:bold;
	border-radius:20px;
	padding:1px;
}

.subtitle2Red{
	background:#902e2e;
	color:white;
	font-weight:bold;
	border-radius:20px;
	padding:1px;
}

.subtitle2Purple{
	background:#593e94;
	color:white;
	font-weight:bold;
	border-radius:5px;
	padding:1px;
}

.subtitle2Orange{
	background:#d28511;
	color:white;
	font-weight:bold;
	border-radius:20px;
	padding:1px;
}
.subtitle2Purple{
	background:#593e94;
	color:white;
	font-weight:bold;
	border-radius:20px;
	padding:1px;
}

.subtitle3{
	background:#C63E3E;
	color:white;
	font-weight:bold;
	border-radius:20px;
	padding:5px;
	font-size:1.5em;
	line-height: 1.5em;
}

.subtitle3Black{
	padding:5px;
	background:#111111;
	color:white;
	font-weight:bold;
	border-radius:20px;
	padding:1px;
	font-size:1.5em;
	line-height: 1.5em;
}

.subtitle3Green{
	padding:5px;
	background:#3b6e28;
	color:white;
	font-weight:bold;
	border-radius:20px;
	padding:1px;
	font-size:1.5em;
	line-height: 1.5em;
}

/* 強調文 */
.imp{
	color:white;
	padding:2px;
	border:solid white 3px;
	margin:5px;
	border-radius:20px;
	background-color:#C74141;
}

.alert{
	text-align:center;
	font-weight:bold;
}

.details{
	color:#C74141;
	text-shadow: white 1px 1px 0px, white -1px 1px 0px, 
		white 1px -1px 0px, white -1px -1px 0px;	 
}

/* 小さく */
.s{
	font-size:11px;
}

/* 白枠の外の注意文 */
.intro{
	width:360;
	text-align: left;
	margin:auto;
}

/* テキスト */
.text{
	line-height:1.25em;
	font-weight: bold;
}

/* 強調：紫 */
.emphP{
	color:white;
	font-weight:bold;
	text-shadow: #593e94 1px 1px 0px, #593e94 -1px 1px 0px,
		#593e94 1px -1px 0px, #593e94 -1px -1px 0px;
}

/* 強調：白 */
.emphW{
	color:#593e94;
	font-weight:bold;
	text-shadow: #593e94 2px 3px 0px, #593e94 -1px 1px 0px,
		#593e94 1px -1px 0px, #593e94 -1px -1px 0px;
}
/* 強調：桃 */
.emphPn{
	color:white;
	font-weight:bold;
	text-shadow: #f300a6 1px 1px 0px, #f300a6 -1px 1px 0px,
		#f300a6 1px -1px 0px, #f300a6 -1px -1px 0px;
}
/* 強調：青 */
.emphB{
	color:white;
	font-weight:bold;
	text-shadow: #4d7dc5 1px 1px 0px, #4d7dc5 -1px 1px 0px,
		#4d7dc5 1px -1px 0px, #4d7dc5 -1px -1px 0px;
}

.emphBinB{
	color:#4d7dc5;
	font-weight:bold;
	text-shadow: navy 1px 1px 0px, navy -1px 1px 0px,
		navy 1px -1px 0px, navy -1px -1px 0px;
}


/* 強調：赤 */
.emphR{
	color:white;
	font-weight:bold;
	text-shadow: #C74141 1px 1px 0px, #C74141 -1px 1px 0px,
		#C74141 1px -1px 0px, #C74141 -1px -1px 0px;
}

/* 強調：緑 */
.emphG{
	color:white;
	font-weight:bold;
	text-shadow: #269f34 1px 1px 0px, #269f34 -1px 1px 0px,
		#269f34 1px -1px 0px, #269f34 -1px -1px 0px;
}

/* 強調：赤 大 */
.emphRBig{
	color:#C74141;
	font-weight:bold;
	font-size: 25px;
	text-shadow: white 1px 1px 0px, white -1px 1px 0px,
		white 1px -1px 0px, white -1px -1px 0px;
}

.emphRBigRev{
	color:white;
	font-weight:bold;
	font-size: 25px;
	text-shadow: #C74141 1px 1px 0px, #C74141 -1px 1px 0px,
		#C74141 1px -1px 0px, #C74141 -1px -1px 0px;
}

/* リンク */
.link{
	font-size:14px;
	font-weight:bold;
	color:#2C4295;
/*
	text-shadow: white 1px 1px 0px, white -1px 1px 0px,
             white 1px -1px 0px, white -1px -1px 0px;
*/
}

.onegai_text{
	width:100%;
}

.support{
	width: 90%;
	margin:5 auto;
	margin-top:1px;
	text-align:left;
}

.supportWhite{
	background-color: rgba(255,255,255,0.8);
	border-radius: 20px;
	width: 90%;
	margin:5 auto;
	padding: 5px;
}

.kome{
	width:320;
	margin:auto;
}

.notice{
	width: 390;
	margin: 5 auto;
	text-align:left;
}

.play_reward{
	width: 400;
	margin: 5 auto;
	text-align:left;
}

/* img */
.onegai{
	width:70%;
	height:auto;
}

.top{
	width:100%;
}

/* ーーーーーーーーーーーーーーーーーーーーーーーーー */
/* 　　　　　　　　　　　　個別　　　　　　　　　　　 */
/* ーーーーーーーーーーーーーーーーーーーーーーーーー */
.char{
	width:20%;
	margin:0 20px;
}

.stamp{
	border: solid #3b6e28 5px;
	border-radius: 20px;
	width: 100%;
}

.arrow{
	color: white;
	padding: 3px;
	border-radius: 50px;
	background-color: #3b6e28;
}

.buttonSurround{
	color: #3b6e28;
	background-color: white;
	padding: 5px;
	border-radius: 50px;
	border: solid #3b6e28 3px;
}

/* ーーーーーーーーーーーーーーーーーーーーーーーーー */
/* 　　　　　　　　　コンテスト　　　　　　　　　　　 */
/* ーーーーーーーーーーーーーーーーーーーーーーーーー */
.largeOrange{
	font-size: 70px;
	color: #d28511;
	text-shadow: white 1px 1px 0px, white -1px 1px 0px,
             white 1px -1px 0px, white -1px -1px 0px;
}

.largeBlue{
	font-size: 70px;
	color: #405cb1;
	text-shadow: white 1px 1px 0px, white -1px 1px 0px,
             white 1px -1px 0px, white -1px -1px 0px;
}

.info{
	background-color: white;
	border: solid;
	border-radius: 20px;
	padding: 10px;
	table-layout: fixed;
}

.detail{
	font-size: 12px;
	border: solid #3b6e28 3px;
	padding: 10;
}


.button{
	background: #339f0b;
	font-size: 14px;
	color:white;
	font-weight: 100;
	border: solid white 3px;
	border-radius:20px;
	padding:1px;
}

.buttonBlack{
	background: #535353;
	font-size: 14px;
	color:white;
	font-weight: 100;
	border: solid white 3px;
	border-radius:20px;
	padding:1px;
}

.twitter{
	background-color: #4688d3;
	color: white;
	padding: 5px;
	font-size: 25px;
	border-radius: 20px;
}

.example{
	border: solid #374D2F 3px;
	border-radius: 20px;
}

.exampleOrange{
	border: solid #d28511 3px;
	border-radius: 20px;
}


.box {
	border: 5px solid transparent;
	background-image: linear-gradient(#e55d87, #5fc3e4);
	background-origin: border-box;
}
.box div {
	height: 200px;
	background-color: #fff;
}

/* 点滅 */
.blinking{
    -webkit-animation:blink 1.0s ease-in-out infinite alternate;
    -moz-animation:blink 1.0s ease-in-out infinite alternate;
    animation:blink 1.0s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:1;}
    100% {opacity:0;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

/*-----------------------------------------
snow
-----------------------------------------*/
.snow {
	position: absolute;
	background: #FCC;S
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	box-shadow: 0px 0px 5px 1px rgba(255, 255, 255, 0.8);
	-moz-box-shadow: 0px 0px 5px 1px rgba(255, 255, 255, 0.8);
	-webkit-box-shadow: 0px 0px 5px 1px rgba(255, 255, 255, 0.8);
}