/* common.css */
.clearfix:after{content:" "; display:block; width:100%; height:0; clear:both;}
.clearfix::after{content:" "; display:block; width:100%; height:0; clear:both;}

.hidden_wrap a>span, 
.hidden{display:block; width:0; height:0; position:absolute; z-index:-100; overflow:hidden;}
.hidden_wrap a{display:block; width:100%; height:100%;}

#wrap ul>.first,
#wrap ol>.first{margin-left:0; border-left:0;}
#wrap ul>.last,
#wrap ol>.last{margin-right:0; border-right:0;}
#wrap ul>.top,
#wrap ol>.top{margin-top:0; border-top:0;}
#wrap ul>.bottom,
#wrap ol>.bottom{margin-bottom:0; border-bottom:0;}

.wrap {width: 100%; height: auto;}
.wrap_full {width: 100%; min-width: 960px; height: auto; margin: 0 auto;}
.wrap:after, .wrap_full:after {content:" "; display: block; clear: both;}

@media screen and (min-width: 1024px){
  .wrap {width: 960px; margin: 0 auto;}
  .wrap_full {width:100%; min-width: 960px;}
}


   body.loading:before{content: "\f110"; font-family: fontawesome; color: #f06; animation: spin 3s infinite ease; display: block; width: 3rem; height: 3rem; text-align: center; line-height: 3rem; position: fixed; top:50%; margin-top: -1.5rem; left: 50%;margin-left: -1.5rem; z-index: 2000; font-size: 3rem;}
   body.loading:after{content:"loading...."; display: block; width: 100%; height: 100%; position: fixed; top:0; left: 0; z-index: 1900; background-color: #0cc; box-sizing: border-box; padding-top:30%; text-align: center; color:#fff;}
   @keyframes spin{
    0%{transform: rotate(0);}
    50%{color: #fa0;}
    100%{transform: rotate(720deg);}
   }




/* accessibility.css */

a:focus, button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="image"]:focus,
input[type="file"]:focus,
input[type="button"]:focus{outline:2px solid #d07;/*background-color:#d07;*/ color:#333; outline-offset: 3px;}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="year"]:focus,
input[type="week"]:focus,
input[type="url"]:focus,
textarea:focus{outline: 2px solid #d07; outline-offset:3px; background-color: #faa;}



/* grid_responsive.css */
.row{width: auto; height: auto;}
.row:after{content: " "; display: block; clear: both;}


@media screen and (max-width: 480px) {
  .mob_1{float: left; width: 16.666667%;}
  .mob_2{float: left; width: 33.333333%;}
  .mob_3{float: left; width: 50%;}
  .mob_4{float: left; width: 66.666667%;}
  .mob_5{float: left; width: 83.333333%;}
  .mob_6{float: left; width: 100%;}
}

@media screen and (min-width: 481px) {
.tab_v_1{float: left; width: 11.111111%;}
.tab_v_2{float: left; width: 22.222222%;}
.tab_v_3{float: left; width: 33.333333%;}
.tab_v_4{float: left; width: 44.444444%;}
.tab_v_5{float: left; width: 55.555556%;}
.tab_v_6{float: left; width: 66.666667%;}
.tab_v_7{float: left; width: 77.777778%;}
.tab_v_8{float: left; width: 88.888889%;}
.tab_v_9{float: left; width: 100%;}

}

@media screen and (min-width: 768px) {
.tab_pc_1{float: left; width: 8.333333%;}
.tab_pc_2{float: left; width: 16.666666%;}
.tab_pc_3{float: left; width: 25%;}
.tab_pc_4{float: left; width: 33.333332%;}
.tab_pc_5{float: left; width: 41.666665%;}
.tab_pc_6{float: left; width: 50%;}
.tab_pc_7{float: left; width: 58.333331%;}
.tab_pc_8{float: left; width: 66.666664%;}
.tab_pc_9{float: left; width: 75%;}
.tab_pc_10{float: left; width:83.333333%;}
.tab_pc_11{float: left; width:91.666663%;}
.tab_pc_12{float: left; width:100%;}
}

@media screen and (min-width: 1367px) {
.pcfull_1{float: left; width: 8.333333%;}
.pcfull_2{float: left; width: 16.666666%;}
.pcfull_3{float: left; width: 25%;}
.pcfull_4{float: left; width: 33.333332%;}
.pcfull_5{float: left; width: 41.666665%;}
.pcfull_6{float: left; width: 50%;}
.pcfull_7{float: left; width: 58.333331%;}
.pcfull_8{float: left; width: 66.666664%;}
.pcfull_9{float: left; width: 75%;}
.pcfull_10{float: left; width:83.333333%;}
.pcfull_11{float: left; width:91.666663%;}
.pcfull_12{float: left; width:100%;}
}