select.s_list_type{
    font-size: 2.5rem; padding: 5px; width: 100%;
}
form{
    padding: 0px; width: 100%; max-width: 400px;
    font-size: 1.8rem;
    line-height: 1.8;
    padding: 0px 10px 0px 10px;inline-block;
}
div.div_place{display: inline-block;overflow: hidden; padding:5px 10px;vertical-align: middle;}
div.div_place2{width: 220px;background-color:rgba(255,255,205,0.7);white-space: nowrap;}
#div_expand
{
  width: 40px;right:2%;bottom:2%;position:absolute;border: solid 4px #FFFFFF; opacity:0.5;
  height: 40px;
  text-align:center;
  border-radius: 50%;
}
#div_expand:hover{opacity:1;cursor:pointer;}

#span_up, #span_down, #span_left, #span_right, #id_div_drawing, div.div_place{
user-select: none; /* CSS3 */
-moz-user-select: none; /* Firefox */
-webkit-user-select: none; /* Safari、Chromeなど */
-ms-user-select: none; /* IE10かららしい */
}
#id_div_main_pic{transition-duration:1s;}
span.span_drawing {
animation: anime1_span_drawing 2s linear 0s infinite normal;
}

@keyframes anime1_span_drawing {
0% {opacity: 1;}
100% {opacity: 0;}
}
#span_up, #span_down, #span_right, #span_left{display: inline-block; color:#FF00FF;font-size: 1.2rem;font-weight: bold;background-color:rgba(255,255,255,1);padding:5px;}
#span_up{transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);}
#id_div_drawing{visibility:hidden; position:absolute; font-size: 5rem; line-height: 5rem;margin:5px;left:10px;top:10px;background-color:rgba(255,255,255,1);padding:5px;}
#div_arrow_down, #div_arrow_up, #div_arrow_left, #div_arrow_right{transition-duration:0.3s;cursor: pointer; position:absolute;margin:5px; background: url(../simage/arrow.PNG); width:80px;height:80px;background-repeat: no-repeat;background-size: 100% auto;}
#div_arrow_down:hover {margin-bottom:2px; opacity: 0.5;}#div_arrow_down:active {opacity: 0.4; }
#div_arrow_up:hover {margin-top:2px; opacity: 0.5;}#div_arrow_up:active {opacity: 0.4; }
#div_arrow_left:hover {margin-left:2px; opacity: 0.5;}#div_arrow_left:active {opacity: 0.4; }
#div_arrow_right:hover {margin-right:2px; opacity: 0.5;}#div_arrow_right:active {opacity: 0.4; }

#div_arrow_down{left:50%;bottom:10px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
#div_arrow_up{left:50%;top:10px;
    transform: translateX(-50%) rotate(180deg);
    -webkit-transform: translateX(-50%) rotate(180deg);
    -ms-transform: translateX(-50%) rotate(180deg);
}
#div_arrow_left{top:50%;left:10px;
    transform: translateY(-50%) rotate(90deg);
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
}
#div_arrow_right{top:50%;right:10px;
    transform: translateY(-50%) rotate(270deg);
    -webkit-transform: translateY(-50%) rotate(270deg);
    -ms-transform: translateY(-50%) rotate(270deg);
}