body{
    font-family:'Times New Roman','メイリオ';
    font-size:12px;
    padding-left:0%;
    padding-right:0%;
    line-height: 2;
background-color:#FFFFFF;
 	}

.chat_title{
    color:rgb(250,25,158);
    text-shadow:1px 1px 1px #000;
}

div#frame_left{
	width:30%;
	float:left;
	padding:5px;
	}

div#frame_right{
	width:68%;
	float:left;
	}

@media screen and (max-width: 1200px) {
div#frame_right{
	width:58%;
	float:right;
	}
}

div#frame1{
	position:fixed;
}

div.box2{
	border:1px rgb(190,190,190) outset;
	padding:5px;
	padding-left:30px;
border-radius:5px;
}

h1{
    font-size: 32px;
margin-top:0px;
}

h2{
    font-size:24px;
    font-weight: 100;
}

h3{
    font-size:16px;
    line-height: 1.5;
    font-weight: 100;
    padding-top: 10px;
}


p{
    margin-left:10px;
    font-size:12px;
    line-height: 1.5;
}


table.quest{
    margin-left: 20px;
}

table.quest td{
    width:100px;
}

input{
    font-family: "Times New Roman";    
}
input.button {
    font-family: "Times New Roman";
    width:150px;
}
/**********************scroll**********************/
.page-top
{
	margin: 0 ;
	padding: 0 ;
}

.page-top p
{
	margin: 0 ;
	padding: 0 ;

	position: fixed ;
	right: 10px ;
	bottom: 10px ;
}

.move-page-top
{
	display: block ;
	background: rgba(255,255,255,0.8);
	width: 50px ;
	height: 50px ;
	color: #000000 ;
	line-height: 50px ;
	text-decoration: none ;
	text-align: center ;
	-webkit-transition:all 0.3s ;
	-moz-transition:all 0.3s ;
	transition:all 0.3s ;
    border: 1px rgb(0,0,0) solid;
}

.move-page-top:hover
{
	opacity: 0.85 ;
}
/**メニューボックス1の設定*********************************/
.menubox1{
    margin-top: -30px;
    position: fixed;
    top: 1%;
    right: -1px;
    border: 1px inset rgba(0,0,0,0.4);
    padding-left: 15px;
    padding-right: 10px;
    padding-bottom: 10px;
    z-index: 100;
    background-color: rgba(255,255,255,0.8);
}

a{
    text-decoration: none;
    margin-left: 15px;
    padding: 0px;
    font-size:13px;
}

.box{
    border: 1px solid;
    color: blueviolet;
    padding: 3px;
    width:200px;
}
/*****************************************************/
/**メニューボックス2の設定********************************/
.menubox2{
    position: fixed;
    font-size: 12px;
    top: 45%;
    right: -1px;
    border: 1px inset rgba(0,0,0,0.4);
    padding-top: 20px;
    padding-left: 15px;
    padding-right: 10px;
    padding-bottom: 10px;
    width:200px;
    z-index: 100;
    background-color: rgba(255,255,255,0.8);
    display: none;
}

a{
    text-decoration: none;
    margin-left: 0px;
    padding: 0px;
    font-size: 12px;
}

.box{
    border: 1px outset #fff;
    background-color:ghostwhite;
    color: black;
    padding: 3px;
    padding-left:10px;
    width:200px;
}
.box:hover{
    background-color:rgba(0,0,0,0.5);
    color: white;
    
}
/********************************************************/
.evidence{
    line-height: 2;
    float: right;
}h

table.evalution{
    margin-left: 2%;
    margin-top: 5px;
}

.profile{
    border: 1px outset;
    padding:10px;
    width: 70%;
}

summary{
    font-size:30px;
}
/*Video*********************************************/
video#bgvid {
	position: fixed;
	left:0;
	top: 0;
	min-width: 100%; 
	min-height: 100%;
	width: 100%;
	height: auto;
	z-index: -100;
	background-size: cover;
}
/*********************************************************/
input{
	 border-radius: 2px;    
	border:1px rgb(190,190,190) outset;
	}
input:hover{
	background-color: rgba(255,255,255,1);
	}


div#container{
	background-color: rgba(255,255,255,0.7);
	border-radius:2px;
	padding:20px;
	margin:1%;
	margin-left:20px;
}

div#hiddenfukidashi{
    font-size:12px;
    white-space:pre-wrap;
    width:83%;
    float:left;
    line-height:2;
    color:rgb(0,0,0);
    background: linear-gradient(
    rgba(0,180,0,0.6) 0%,
    rgba(0,217,0,0.9) 5%,
    rgba(0,217,0,1) 50%,
    rgba(0,217,0,0.9) 95%,
    rgba(0,180,0,0.6) 100%);  
    border-radius: 10px;
    z-index:1000;
    box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.6);
    position: relative;
    padding:5px;
    margin-bottom:10px;
}

div#hiddenfukidashi::before{
    content: "　";
    font-size:12px;
    width:82%;
    height:8px;
    margin-left: -0.2%;
    margin-right: 0px;
    top:0.6%;
    color:rgb(255,255,255);
      background: linear-gradient(
     rgba(0,180,0,0.9) 0%,
    rgba(255,255,255,0.9) 1%,
    rgba(255,255,255,0.7) 5%,
    rgba(160,255,160,7) 50%,
   rgba(100,255,100,0.5) 95%,
    rgba(0,180,0,0.5) 100%);  
    border-radius:10px;
    z-index:1000;
    position: absolute;
}

div#hiddenfukidashi::after{
    content: "▼";
    font-size: 20px;
        position:absolute;
    color:rgba(0,217,0,1);
    top:-2.6%;
    left: 98.2%;
    z-index: 900;
}

img#ai_img{
width:15.5%;
margin-top:-5%;
animation: fly 2s ease-in-out infinite;
}

/***アニメーション**************************/
@keyframes fly {
  0% {transform: scale(1,0.99) translate(0, 0);}
  50% {transform: scale(1) translate(0, -5px);}
  100% {transform: scale(1,0.99) translate(0, 0);}
}
/******************************************/