*{ margin: 0; padding: 0; }
body{ font: 12px "Lucida Grande", Sans-Serif;  }
#page-wrap { width: 100%; margin: 30px auto; position: relative; }

#chat-wrap{ /*border: 1px solid #eee;*/ margin: 0 0 15px 0; }
#chat-area{  overflow: auto; /*border: 1px solid #666;*/ padding: 20px 0 20px 0; background: white; }
//#chat-area span{ color: white; background: #AAA; padding: 4px 8px; -moz-border-radius: 5px; -webkit-border-radius: 8px; margin: 0 5px 0 0; }

#chat-area span{font-weight:normal;color:#333;margin: 0 5px 0 0;cursor:pointer; background: #EFEFEF; padding: 4px 8px; -moz-border-radius: 5px; -webkit-border-radius: 8px;}
#chat-area p { padding: 8px 0; border-bottom: 1px solid #ccc;font-weight:bold; }
#chat-area img{margin:0 4px -4px 4px;height:16px;}
#send-message-area p{ float: left; color: white; padding-top: 27px; font-size: 16px; }
#sendie{background: #f1f1f1;border:none; border-radius:8px; /*border: 3px solid #999;*/ width: 96%; font: 16px "Lucida Grande", Sans-Serif;;padding:6px 8px 6px 8px;}
#icons{padding:4px 0;clear:both;line-height:40px;display:none;}
#icons a{padding:10px;}
#upload,#vupload{display:none;height:100px;overflow:hidden;}
time{margin-left:12px;color:#cdcdcd;font-weight:normal;}
anc{font-weight:normal;cursor:pointer;text-decoration:underline;}
#anchor{display:none;position: absolute;  padding: 6px;
  background: #EFEFEF;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;border:1px solid #ccc}
#toggle_icon,.toggle_upload,.toggle_vupload{color:#222;text-decoration:none;line-height:3em;}
h2{color:#333;margin-left:8px;}
#footer{width:100%;text-align:center;margin:20px 0;}
#footer a{position:relative;bottom:0px;color:#57b846;text-decoration:none;font-weight:bold;}



.toggle_share{color:#222;text-decoration:none;line-height:3em;/*float:right;*/}
#share{padding:4px 0;clear:both;line-height:40px;display:none;}
input[type=text] {
  font-size: 16px;
//  transform: scale(0.8);
}
input[type=password] {
  font-size: 16px;
//  transform: scale(0.8);
}
red{color:red;}
blue{color:blue;}
green{color:green;}
purple{color:purple;}
orange{color:orange;}
silver{color:silver;}


  rainbow {
	background: linear-gradient(to right, red, orange, Gold, green, blue, indigo, violet);
	background: -webkit-linear-gradient(left,red, orange, Gold, green, blue, indigo, violet);
	background: -o-linear-gradient(right, red, orange, Gold, green, blue, indigo, violet);
	background: -moz-linear-gradient(right,red, orange, Gold, green, blue, indigo, violet);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent; 
	display: inline-block;
  }



.color {
    padding: 0 0 6px 0;
}
.color input[type=radio]{
    display: inline-block;
    margin-right: 6px;
}
.color input[type=radio] + label {
    position: relative;
     
    display: inline-block;
    margin-right: 12px;
     
    font-size: 14px;
    line-height: 30px;
     
    cursor: pointer;
}
 
@media (min-width: 1px) {
    .color input[type=radio]{
        display: none;
        margin: 0;
    }
    .color input[type=radio] + label {
        padding: 0 0 0 24px;
    }
    .color input[type=radio] + label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
         
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 18px;
        height: 18px;
        margin-top: -9px;
         
        background: #FFF;
		
    }
    .color input[type=radio] + label::before {
        border-radius: 30px;
    }
	
	


    .color input[type=radio]:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;
         
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
    .color input[type=radio]:checked + label::after {
        left: 5px;
         
        width: 8px;
        height: 8px;
        margin-top: -4px;
        //border-radius: 8px;
    }

    .color_black + label::before {
border: solid 2px;
border-image: linear-gradient(to right bottom,
 black,black) 1 / 1 / 0;
    }
	
    .color_black:checked + label::after {
        background: black;
    }	
    .color_red:checked + label::after {
        background: red;
    }
    .color_red + label::before {
//        border: 2px solid red;
border: solid 2px;
border-image: linear-gradient(to right bottom,
 red,red) 1 / 1 / 0;
    }	
    .color_blue:checked + label::after {
        background: blue;
    }
    .color_blue + label::before {
border: solid 2px;
border-image: linear-gradient(to right bottom,
 blue,blue) 1 / 1 / 0;
    }	
	
    .color_green:checked + label::after {
        background: green;
    }
    .color_green + label::before {
border: solid 2px;
border-image: linear-gradient(to right bottom,
 green,green) 1 / 1 / 0;
    }	
    .color_purple:checked + label::after {
        background: purple;
    }
    .color_purple + label::before {
border: solid 2px;
border-image: linear-gradient(to right bottom,
 purple,purple) 1 / 1 / 0;
    }	

    .color_orange:checked + label::after {
        background: orange;
    }
    .color_orange + label::before {
border: solid 2px;
border-image: linear-gradient(to right bottom,
 orange,orange) 1 / 1 / 0;
    }		
    .color_silver:checked + label::after {
        background: silver;
    }
    .color_silver + label::before {
border: solid 2px;
border-image: linear-gradient(to right bottom,
 silver,silver) 1 / 1 / 0;
    }	

    .color_rainbow:checked + label::after {
		background: linear-gradient(to right,red, orange, gold, green, blue, indigo, violet);
		background: -webkit-linear-gradient(left, red, gold, yellow, green, blue, indigo, violet);
		background: -o-linear-gradient(right, red, orange, gold, green, blue, indigo, violet);
		background: -moz-linear-gradient(right, red, orange, gold, green, blue, indigo, violet);

    }
    .color_rainbow + label::before {
border: solid 2px;
border-image: linear-gradient(to right bottom,
 red, orange, yellow, green, blue, indigo, violet) 1 / 1 / 0;


    }

	

	
}

trip{background-image: url("/images/139.png");background-repeat: no-repeat;padding-left:14px;font-weight:normal;}




/*チャットアンサー*/
.ans{
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 280px;
    padding: 10px 25px;
    color: #FFF;
    transition: 0.3s ease-in-out;
    font-weight: normal;
    background: rgb(0 131 255);
    //background: linear-gradient(270deg, rgba(149,202,252,1) 0%, rgba(107,182,255,1) 100%);
	background: linear-gradient(270deg, rgb(0 131 255) 0%, rgb(0 129 255) 100%);
	margin-bottom:4px;
	text-decoration: none;
}

.ans:hover{
    background: rgb(117,188,255);
    background: linear-gradient(270deg, rgba(117,188,255,1) 0%, rgba(62,159,252,1) 100%);
}