body{margin: 0;word-break:break-all;font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif; } 
 #container{position: relative; width:100%; height:100%; z-index: 1; top: 0px; left:0px;
 display: -ms-flexbox; display: -webkit-flex; display: flex;
    -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
    -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
    -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;
    -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch;
    -webkit-align-items: center; -ms-flex-align: center; align-items: center;
 }
h1{ font-size:1em;}
#title{/*border: 1px solid #9b9b9b;*/ text-align: center; margin-bottom:0;
    -webkit-order: 0; -ms-flex-order: 0; order: 0;}
h2{/*border: 1px solid #9b9b9b;*/ text-align: center;font-size:0.875em; font-weight:200; margin-top:5px; margin-bottom:10px;
    -webkit-order: 1; -ms-flex-order: 1; order: 1;}
 .rtunbtn{ border: 1px solid #d5af00;background-color:#ffd89b;font-size:0.875em; width:180px; text-align:center;
	-webkit-border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px; -ms-border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px; 
	border-radius:3px 3px 3px 3px / 3px 3px 3px 3px; -webkit-order: 2; -ms-flex-order: 2; order: 2;
}
.rtunbtn a{ text-decoration:none;}
.rtunbtn:hover, .rtunbtn:focus, .rtunbtn:active { cursor:pointer;}
.rtunbtn:hover a{color:#ff0000;}

#easselect{ position:relative; border: 1px solid #9b9b9b; width:80%;height: auto; margin-top:40px; 
    -webkit-order: 4; -ms-flex-order: 4; order: 4;
    display: -ms-flexbox; display: -webkit-flex; display: flex;
    -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
    -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
    -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
    -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch;
    -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; 
}

 #demo{ position:fixed; display: none; width:300px; top:150px;left:50%; margin:0 0 0 -150px; height:360px;border: 1px solid #9b9b9b; z-index:999; background-color:#d7e8c7;
  -webkit-border-radius:6px 6px 6px 6px / 6px 6px 6px 6px; border-radius:6px 6px 6px 6px / 6px 6px 6px 6px;
  box-shadow:-2px -2px 2px #e4fffe, 3px 3px 3px #5c5c5c;}
        
 #btncl{ position:absolute; z-index:999; width:39px;height:24px; top:1px; right:3px; background-image:url('../images/close02_01.png');} 
 #btncl:hover,#btncl:active,#btncl:focus{ cursor:pointer;}
	
#move{ position:absolute; background-color:#827a7a; font-weight:bold; width:300px; height:25px; line-height:25px; text-indent:1em;
       color:white; font-weight:bold; /* cursor:move; */
}	
 #btnst{position: absolute;width:120px;height:25px;top:65px; left:50%; margin-left:-60px; border: 1px solid #9b9b9b; text-align:center; background-color:#ffffff;
  -webkit-border-radius:34px; border-radius: 34px;}
 #btnst:hover,#btnst:focus,#btnst:active{ cursor:pointer;background-color:#ff681a; color:#ffffff;}

 #take01{ position: absolute; top:95px;left:0px; height:100px;background-color:#7d8be6; width:0%;}
 #take02{ position:absolute; top: 0px; opacity:0; background-color:#ff6406;left:50%; margin-left:-30px; width: 60px; height: 60px; border-radius: 50%;}
 /*#easename{border: 1px solid #063aff; width:100%;top:3px; height:50px;}*/
 .input{/*background-color:#e6e6e6;*/ position:absolute; border: 1px solid #858282;text-align: center; top:30px; left:10px; width:275px; height:30px; font-size:1.25em;}
 .fx{
    -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto;
    -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto;
}
 .eas{  width:82px;height:56px; margin:5px; background-repeat:no-repeat; background-size:contain; margin: 10px 20px 30px 0;
     -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;
    -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto;
}
 .eas:hover,.eas:active,.eas:focus{ cursor:pointer; color:#ff6500;
 background-color:#d9dff8;
    box-shadow:2px 2px 7px 0px rgba(81, 102, 156, 0.81);
    transform: translateY(-5px) translateX(3px);
 }
 .name{/*border: 1px solid #9b9b9b;*/  position: relative;width:100%;height: auto; top:55px; text-align:center; font-size:0.6875em;}
 	 	 
 #eas01{ background-image: url('../images/easing/01.png'); -webkit-order: 0; -ms-flex-order: 0; order: 0;}
 #eas02{ background-image: url('../images/easing/02.png'); -webkit-order: 1; -ms-flex-order: 1; order: 1;}
 #eas03{ background-image: url('../images/easing/03.png'); -webkit-order: 2; -ms-flex-order: 2; order: 2;}
 #eas04{ background-image: url('../images/easing/04.png'); -webkit-order: 3; -ms-flex-order: 3; order: 3;}
 #eas05{ background-image: url('../images/easing/05.png'); -webkit-order: 4; -ms-flex-order: 4; order: 4;}
 #eas06{ background-image: url('../images/easing/06.png'); -webkit-order: 5; -ms-flex-order: 5; order: 5;}
 #eas07{ background-image: url('../images/easing/07.png'); -webkit-order: 6; -ms-flex-order: 6; order: 6;}
 #eas08{ background-image: url('../images/easing/08.png'); -webkit-order: 7; -ms-flex-order: 7; order: 7;}
 #eas09{ background-image: url('../images/easing/09.png'); -webkit-order: 8; -ms-flex-order: 8; order: 8;}
 #eas10{ background-image: url('../images/easing/10.png'); -webkit-order: 9; -ms-flex-order: 9; order: 9;}
 #eas11{ background-image: url('../images/easing/11.png'); -webkit-order: 10; -ms-flex-order: 10; order: 10;}
 #eas12{ background-image: url('../images/easing/12.png'); -webkit-order: 11; -ms-flex-order: 11; order: 11;}
 #eas13{ background-image: url('../images/easing/13.png'); -webkit-order: 12; -ms-flex-order: 12; order: 12;}
 #eas14{ background-image: url('../images/easing/14.png'); -webkit-order: 13; -ms-flex-order: 13; order: 13;}
 #eas15{ background-image: url('../images/easing/15.png'); -webkit-order: 14; -ms-flex-order: 14; order: 14;}
 #eas16{ background-image: url('../images/easing/16.png'); -webkit-order: 15; -ms-flex-order: 15; order: 15;}
 #eas17{ background-image: url('../images/easing/17.png'); -webkit-order: 16; -ms-flex-order: 16; order: 16;}
 #eas18{ background-image: url('../images/easing/18.png'); -webkit-order: 17; -ms-flex-order: 17; order: 17;}
 #eas19{ background-image: url('../images/easing/19.png'); -webkit-order: 18; -ms-flex-order: 18; order: 18;}
 #eas20{ background-image: url('../images/easing/20.png'); -webkit-order: 19; -ms-flex-order: 19; order: 19;}
 #eas21{ background-image: url('../images/easing/21.png'); -webkit-order: 20; -ms-flex-order: 20; order: 20;}
 #eas22{ background-image: url('../images/easing/22.png'); -webkit-order: 21; -ms-flex-order: 21; order: 21;}
 #eas23{ background-image: url('../images/easing/23.png'); -webkit-order: 22; -ms-flex-order: 22; order: 22;}
 #eas24{ background-image: url('../images/easing/24.png'); -webkit-order: 23; -ms-flex-order: 23; order: 23;}
 #eas25{ background-image: url('../images/easing/25.png'); -webkit-order: 24; -ms-flex-order: 24; order: 24;}
 #eas26{ background-image: url('../images/easing/26.png'); -webkit-order: 25; -ms-flex-order: 25; order: 25;}
 #eas27{ background-image: url('../images/easing/27.png'); -webkit-order: 26; -ms-flex-order: 26; order: 26;}
 #eas28{ background-image: url('../images/easing/28.png'); -webkit-order: 27; -ms-flex-order: 27; order: 27;}
 #eas29{ background-image: url('../images/easing/29.png'); -webkit-order: 28; -ms-flex-order: 28; order: 28;}
 #eas30{ background-image: url('../images/easing/30.png'); -webkit-order: 29; -ms-flex-order: 29; order: 29;}