@charset "utf-8";
body {
	background-color: #808080;
}
.container {
	background-color: #000000;
	padding-top: 10px;
	min-width: 320px;
	width: 99%;
	border: 2px solid rgba(187,187,187,1.00);
	border-radius: 15px;
	padding-bottom: 5px;
}
.container .logo {
	text-align: center;
	margin-bottom: 25px;
	margin-top: 20px;
}
.container marquee {
	margin-bottom: 10px;
}
#update1 {
	color: #FFFFFF;
	text-align: right;
	padding-left: 0px;
	padding-right: 0px;
}
#update2 {
	color: #FFFFFF;
}
.container #navi {

}

.container .navi {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 1%;
	padding-right: 1%;
}
.container .navi img   {
	margin-left: auto;
	margin-right: auto;
}
.container .navi2 {
	float: right;
	padding-top: 15px;
	padding-left: 1%;
	padding-right: 1%;
}
footer  {
	width: 100%;
	color: #FFFFFF;
	text-align: left;
	background-color: #000000;
	margin-bottom: 10px;
	font-size: 1rem;
}
footer a  {
	padding-top: 5px;
	color: #FFFFFF;
	font-size: 1rem;
	padding-bottom: 5px;
}
footer a:hover {
	color: #FF9933;
}

.footer {
	padding-top: 40px;
	text-align: right;
}
.roman {
	text-align: center;
	padding-left: auto;
	padding-right: auto;
}
.footer_old {
	text-align: right;


}
.container .slide {
	position: relative;
}
.container .slide .chara {
	position: absolute;
	left: 34%;
	background-color: rgba(0,0,0,0.70);
	padding-left: 3%;
	padding-right: 3%;
	padding-top: 2%;
	padding-bottom: 1%;
	bottom: 0%;
}
.container .slide .chara1 {
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight: bold;
	font-size: 76%;
	color: #FFFFFF;
	text-shadow: 0px 0px;
	margin-bottom: 2%;
	text-align: center;
}
.container .slide .chara2 {
	font-size: 288%;
	line-height: 98%;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	-webkit-box-shadow: 0px 0px 0px;
	box-shadow: 0px 0px 0px;
	font-weight: normal;
}
.container .slide .chara2_1 {
	text-shadow: 1px 1px 0 #FFFFFF,
               -1px 1px 0 #FFFFFF,
               1px -1px 0 #FFFFFF,
               -1px -1px 0 #FFFFFF;
}

.container .slide .chara3 {
	font-size: 116%;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #FFFFFF;
	text-shadow: 0px 0px;
	text-align: center;
	line-height: 95%;
}
footer .img1 {
    margin-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
}
footer .right {
    float: right;
    padding-right: 0px;
    padding-left: 0px;
    clear: right;
}


@media (max-width:767px){
}
@media (max-width:700px){
.container .slide .chara {
	left: 34%;
}
.container .slide .chara1 {
	font-size: 70%;
}
.container .slide .chara2 {
	font-size: 251%;
}
.container .slide .chara3 {
	font-size: 103%;
}



}
@media (max-width:600px){
.container .slide .chara {
	left: 32%;
}
.container .slide .chara1 {
	font-size: 70%;
}
.container .slide .chara2 {
	font-size: 251%;
}
.container .slide .chara3 {
	font-size: 103%;
}



}
@media (max-width:500px){
.container .slide .chara {
	left: 29%;
}
.container .slide .chara1 {
	font-size: 70%;
}
.container .slide .chara2 {
	font-size: 251%;
}
.container .slide .chara3 {
	font-size: 103%;
}




}
@media (max-width:449px){
.container .slide .chara {
	position: absolute;
	left: 31%;
}
.container .slide .chara1 {
	font-size: 44%;
}
.container .slide .chara2 {
	font-size: 181%;
	border-bottom-width: 3px;
}
.container .slide .chara3 {
	font-size: 73%;
}
}
@media (max-width:400px){
footer  {
	font-size: 1rem;
}
}
@media (min-width:768px){
.container .slide .chara {
	left: 33%;
}
.container .slide .chara1 {
	font-size: 94%;
}
.container .slide .chara2 {
	font-size: 360%;
}
.container .slide .chara3 {
	font-size: 140%;
}



}
@media (min-width:900px){
.container {
	margin-top: 10px;
}
.container .slide .chara {
	left: 32%;
}
.container .slide .chara1 {
	font-size: 118%;
}
.container .slide .chara2 {
	font-size: 450%;
}
.container .slide .chara3 {
	font-size: 175%;
}



}
@media (min-width:1000px){
.container .slide .chara {
	left: 33%;
}
.container .slide .chara1 {
	font-size: 118%;
}
.container .slide .chara2 {
	font-size: 450%;
}
.container .slide .chara3 {
	font-size: 175%;
}




}
@media (min-width:1100px){
.container .slide .chara {
	left: 35%;
}
.container .slide .chara1 {
	font-size: 118%;
}
.container .slide .chara2 {
	font-size: 450%;
}
.container .slide .chara3 {
	font-size: 175%;
}



}
@media (min-width:1300px){
.container .slide .chara {
	left: 34%;
}
.container .slide .chara1 {
	font-size: 147%;
}
.container .slide .chara2 {
	font-size: 562%;
}
.container .slide .chara3 {
	font-size: 218%;
}



}
@media (min-width:1400px){
.container .slide .chara {
	left: 32%;
}
.container .slide .chara1 {
	font-size: 177%;
}
.container .slide .chara2 {
	font-size: 675%;
	border-bottom-width: 5px;
}
.container .slide .chara3 {
	font-size: 262%;
}

}
@media (min-width:1500px){
.container .slide .chara {
	left: 33%;
}
.container .slide .chara1 {
	font-size: 177%;
}
.container .slide .chara2 {
	font-size: 675%;
}
.container .slide .chara3 {
	font-size: 262%;
}



}
@media (min-width:1700px){
.container .slide .chara {
	left: 36%;
}
.container .slide .chara1 {
	font-size: 177%;
}
.container .slide .chara2 {
	font-size: 675%;
}
.container .slide .chara3 {
	font-size: 262%;
}
}