body{margin: 0;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: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-content: stretch; align-items: center;
 }
h1{ font-size:1em;}
#title{text-align: center; margin-bottom:0; order: 0;}
h2{text-align: center;font-size:0.875em; font-weight:200; margin-top:5px; margin-bottom:10px; order: 1;}
 .rtunbtn{ border: 1px solid #d5af00;background-color:#ffd89b;font-size:0.875em; width:180px; text-align:center;
           border-radius:3px 3px 3px 3px / 3px 3px 3px 3px; 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; 
     order: 4; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-content: stretch; 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;
        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('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; }	
 #btnst{position: absolute;width:120px;height:25px;top:65px; left:50%; margin-left:-60px; border: 1px solid #9b9b9b; text-align:center; background-color:#ffffff; 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%;}
 .input{ position:absolute; border: 1px solid #858282;text-align: center; top:30px; left:10px; width:275px; height:30px; font-size:1.25em;}
 .fx{ flex: 0 1 auto; align-self: auto;}
 .eas{ width:82px;height:56px; margin:5px; background-repeat:no-repeat; background-size:contain; margin: 10px 20px 30px 0; flex: 0 0 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{ position: relative;width:100%;height: auto; top:55px; text-align:center; font-size:0.6875em;}
 	 	 
 #eas01{ background-image: url('01.png');order: 0;}
 #eas02{ background-image: url('02.png');order: 1;}
 #eas03{ background-image: url('03.png');order: 2;}
 #eas04{ background-image: url('04.png');order: 3;}
 #eas05{ background-image: url('05.png');order: 4;}
 #eas06{ background-image: url('06.png');order: 5;}
 #eas07{ background-image: url('07.png');order: 6;}
 #eas08{ background-image: url('08.png');order: 7;}
 #eas09{ background-image: url('09.png');order: 8;}
 #eas10{ background-image: url('10.png');order: 9;}
 #eas11{ background-image: url('11.png');order: 10;}
 #eas12{ background-image: url('12.png');order: 11;}
 #eas13{ background-image: url('13.png');order: 12;}
 #eas14{ background-image: url('14.png');order: 13;}
 #eas15{ background-image: url('15.png');order: 14;}
 #eas16{ background-image: url('16.png');order: 15;}
 #eas17{ background-image: url('17.png');order: 16;}
 #eas18{ background-image: url('18.png');order: 17;}
 #eas19{ background-image: url('19.png');order: 18;}
 #eas20{ background-image: url('20.png');order: 19;}
 #eas21{ background-image: url('21.png');order: 20;}
 #eas22{ background-image: url('22.png');order: 21;}
 #eas23{ background-image: url('23.png');order: 22;}
 #eas24{ background-image: url('24.png');order: 23;}
 #eas25{ background-image: url('25.png');order: 24;}
 #eas26{ background-image: url('26.png');order: 25;}
 #eas27{ background-image: url('27.png');order: 26;}
 #eas28{ background-image: url('28.png');order: 27;}
 #eas29{ background-image: url('29.png');order: 28;}
 #eas30{ background-image: url('30.png');order: 29;}