/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen {     .ui-tabs-hide {        display: none;    }}
/* Hide useless elements in print layouts... */
@media print {    .ui-tabs-nav {        display: none;    }}

/***PC***/
@media print, screen and (min-width:  1025px){ 
#rotate ul{}
.ui-tabs-nav:after {     display: block;    clear: both;    content: " ";}
.ui-tabs-nav li {    float: left;    width:150px; border:1px solid #111; border-radius: 10px 10px 0 0;}
.ui-tabs-nav a, .ui-tabs-nav a span {    display: block;    padding: 0px;    }
.ui-tabs-nav a {    margin:0;     padding:10px;   color: #111;  background:#fff;    line-height: 1.2;    text-align: center;    text-decoration: none;  transition: all 0.3s ease;    -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    -o-transition: all 0.3s ease;border-radius: 10px 10px 0 0;}
.ui-tabs-nav a:hover {background:#679331;  color: #FFF;border-radius: 10px 10px 0 0;}

.ui-tabs-nav .ui-tabs-selected a {    position: relative;    top: 0px;    z-index: 2;    margin-top: 0;  background:#496923;  color: #FFF;}
.ui-tabs-nav .ui-tabs-selected a span {    padding-bottom: 0px;}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active {     cursor: pointer;}
.ui-tabs-panel {        padding: 0;margin-top:-1px;  }
}
/***スマホ***/
@media only screen and (max-width: 1024px) { 
#rotate ul{}
.ui-tabs-nav:after {     display: block;    clear: both;    content: " ";}
.ui-tabs-nav li {    float: left;    width:40%; border-bottom:1px solid #111;}
.ui-tabs-nav a, .ui-tabs-nav a span {    display: block;    padding: 0px;    }
.ui-tabs-nav a {    margin:0;     padding:10px;   color: #111;  background:#fff;    line-height: 1.2;    text-align: center;    text-decoration: none;  transition: all 0.3s ease;    -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    -o-transition: all 0.3s ease;}
.ui-tabs-nav a:hover {background:#AA484A;  color: #FFF;}
.ui-tabs-nav .ui-tabs-selected a {    position: relative;    top: 0px;    z-index: 2;    margin-top: 0;  background:#AA484A;  color: #FFF;}
.ui-tabs-nav .ui-tabs-selected a span {    padding-bottom: 0px;}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active {     cursor: pointer;
}
.ui-tabs-panel {    border-top: 1px solid #111;    padding: 10px 0;margin-top:-1px;  }
}