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

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

body{
		background-image:url(../../../../img/info_background.jpg);
		background-attachment: fixed;
		background-color:#446A14;
		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:visited{
	color:#71c5f7;
}

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

/* 外枠の枠（分かりづらい……） */
.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;
}

/* 上記の赤枠 */
.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:20px;
	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
}

.textInsideOneBlue{
	width:475px;
	background-color:rgba(204, 228, 255, 0.8);
	color:#695125;
	border: solid 3px #2d418f;
	border-radius:20px;
	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;
}

.subtitle2Orange{
	background:#d28511;
	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:#C74141;
}

/* 強調：青 */
.emphB{
	color:#4d7dc5;
}

/* 強調：赤 */
.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:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
