.top-noticeTXT{
    margin: 0 5px;
    padding:0;
    font-size: 1.5rem;
    text-align: center;
    line-height: 1.8;
    letter-spacing: 0.07em;
}
.top-noticeTXT a,
.top-noticeTXT a:hover{
    text-decoration: none;
/*    border-bottom: 1px #ef790f dashed;*/
/*    color:#ef790f;*/
	color: #F03336;
    border-bottom: 1px  #F03336 dashed;
    font-weight: bold;
}
.top-noticeTXT a:hover{ opacity: 0.7; }

#FRIENDLYBOX input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  cursor: pointer;
}
#FRIENDLYBOX input[type="button"]::-webkit-search-decoration { display: none; }
#FRIENDLYBOX input[type="button"]::focus { outline-offset: -2px; }

#FRIENDLYBOX  { overflow: hidden; width: 1200px; margin: 0 auto; }
#FRIENDLYBOX .inner{ display: inline; float: right; }
#CHANGECONTENT,#CHANGECOLOR,#ZOOM  { float: left; }
#CHANGECONTENT,#CHANGECOLOR,#ZOOM  { overflow: hidden; display: table; margin-left: 15px; }
#CHANGECONTENT p,#CHANGECOLOR p,#ZOOM p{ display: table-cell; vertical-align: middle; padding-right: 5px; }

#CHANGECONTENT button,#ZOOM input[type="button"]{ background-color: #fff; border: solid 1px #0081cc; color: #0081cc; border-radius: 3px; padding: 6px 8px; height:34px; float: left; margin: 0 1px; line-height: normal; box-sizing: border-box; }
#CHANGECONTENT button.is-active{ background-color: #0081cc; color: #FFF; }

#CHANGECOLOR ul,#ZOOM ul{ overflow: hidden; display: table-cell; }
#CHANGECOLOR ul li,#ZOOM ul li{ display:inline; float: left; margin: 0 1px; }
#CHANGECOLOR ul li button{ border-radius: 5px; border: solid 1px; padding: 6px 10px; height:34px; vertical-align: middle; line-height: normal; }
#CHANGECOLOR ul li.w button { background-color: #fff; border-color: #0081cc; color: #0081cc; border-radius: 3px; }
#CHANGECOLOR ul li.bl button { background-color: #000cff; border-color: #fffc00; color: #fffc00; }
#CHANGECOLOR ul li.y button { background-color: #fffc00; border-color: #000cff; color: #000cff; }
#CHANGECOLOR ul li.bk button { background-color: #000; border-color: #fff; color: #fff; }

#FRIENDLYBOX h4 { display: none; }
#FRIENDLYBOX div.inner{ display:inherit; }

@media screen and (max-width:768px){
.top-noticeTXT{ padding:0; font-size: 1.4rem; }
#FRIENDLYBOX  { overflow: hidden; width: 100%; margin: 0 auto 10px; }
#CHANGECONTENT,#CHANGECOLOR,#ZOOM  { margin-bottom: 5px; }

#FRIENDLYBOX span.none { display: none;}
#FRIENDLYBOX h4 { display: block; padding: 10px; line-height: 100%; }
#FRIENDLYBOX h4 span { display: inline-block; border-radius:26px; width: 13px; height: 13px; padding:0; text-indent:-9999px; border:1px solid; }
#FRIENDLYBOX h4 span.icon_w { background-color: #fff; border-color: #0081cc; }
#FRIENDLYBOX h4 span.icon_bl{ background-color: #000cff; border-color: #fffc00; }
#FRIENDLYBOX h4 span.icon_y { background-color: #fffc00; border-color: #000cff; }
#FRIENDLYBOX h4 span.icon_bk{ background-color: #000; border-color: #fff; }
#FRIENDLYBOX div.inner { display: none; padding: 10px;}
}

@media screen and (max-width:480px){
#CHANGECONTENT,#CHANGECOLOR,#ZOOM  { float: right; clear: both; margin-right: 10px; }
}