@charset "utf-8"; 
/* MOBILE */

/* history goto */
.SW81__goto { 
    border:solid 1px rgba(0,0,0,0.1) ; border-radius:0.6rem ;
    padding:0rem 2rem 1rem ; margin-bottom:5rem ;
} 
.SW81__goto__title { 
    font-size:2rem ; line-height:3rem ; font-weight:500 ; color:#111111 ; text-align:center ;
    padding:1rem ; border-bottom:solid 1px rgba(0,0,0,0.1) ; margin-bottom:1.5rem ;
}
.SW81__goto__list { font-size:0 ; text-align:center }
.SW81__goto__item { 
    display:inline-block ; margin:0 1.5rem 0.5rem 0 ; padding-right:1.5rem ;
    position:relative }
.SW81__goto__item::after { 
    width:1px ; height:1rem ; display:block ; content:"" ; 
    background-color:#000000 ; opacity:0.1 ;
    position:absolute ; right:0 ; top:50% ; transform:translateY(-50%) ;
}    
.SW81__goto__link {
    display:block ; overflow:hidden ; transition:0.3s all ;
    font-size:1.8rem ; line-height:3rem ;
}
.SW81__goto__link:hover , .SW81__goto__link:focus { color:#111111 }

.SW81__goto__item.now { padding-right:0 }
.SW81__goto__item.now::after { display:none } 
.now .SW81__goto__link { 
    background-color:#313131 ; padding:0.3rem 1rem ; border-radius:0.4rem ;
    color:#ffffff ; font-weight:500 ; text-shadow:0 0 0.3rem rgba(0,0,0,0.3) ;
    position:relative ; top:-0.2rem  
}
.now .SW81__goto__link:hover , .now .SW81__goto__link:focus { background-color:#ff9828 }



/* header + form */
.SW81__history__header { margin-bottom:1rem }
#history_form { 
    display:block ; padding-right:10.5rem ; margin-bottom:3rem ;
    text-align:center ; position:relative }
#word_year , .SW81__history__btn { font-size:1.8rem ; line-height:3rem ; padding:1rem 0.5rem ; border-radius:0.4rem  }
.SW81__history__btn { 
    width:10rem ; background-color:#313131 ; position:absolute ; right:0 ; top:0 ;
    color:#ffffff ; text-align:center ;  
    transition:0.3s all ;
}
.SW81__history__btn:hover , .SW81__history__btn:focus { background-color:#ff9828 ; color:#111111 }
#word_year { 
    border:solid 1px rgba(0,0,0,0.1) ; width:100% ; 
    padding-left:1.5rem ; padding-right:1.5rem ;
    padding:1.1rem 1.5rem ;
}

.SW81__history__title { 
    letter-spacing:-0.1rem ;
    font-size:2.6rem ; line-height:4rem ; font-weight:600 ; text-align:center }



/* list */    
.SW81__history__list { border-top:solid 0.2rem #ff9828 ; margin-bottom:3rem }
.SW81__H__link , .SW81__H__noData { border-bottom:solid 0.1rem rgba(0,0,0,0.1) }
.SW81__H__noData  { font-size:2.2rem ; line-height:3rem ; text-align:center ; padding:4rem 1rem  }
.SW81__H__item    { font-size:0 }
.SW81__H__link , span.SW81__H__class , .SW81__H__class > b , .SW81__H__link::after , .SW81__H__top { transition:0.3s all }
.SW81__H__link { display:block ; padding:1.5rem 0.5rem ; position:relative }
.SW81__H__link::after {
    display:block ; overflow:hidden ; content:"" ; width:0 ; height:1px ;
    background-color:#ff9828 ; 
    position:absolute ; left:0 ; bottom:-1px 
}
.SW81__H__link:hover::after , .SW81__H__link:focus::after { width:100% }
.SW81__H__class {
    font-size:1.8rem ; line-height:3rem ;
}
span.SW81__H__class { display:inline-block ; margin-bottom:0.5rem }
span.SW81__H__class:first-child { margin-right:3rem }
.SW81__H__class > b { 
    display:inline-block ; overflow:hidden ; border-radius:0.4rem ; margin-right:0.3rem ;
    font-size:1.4rem ; line-height:2rem ; font-weight:500 ;
    border:solid 1px rgba(0,0,0,0.1) ; padding:0.2rem 1rem ;
    position:relative ; top:0.2rem
} 
.SW81__H__link:hover , .SW81__H__link:focus { border-color:rgba(0,0,0,0.3) ; background-color:#f7f7f7 }
.SW81__H__link:hover .SW81__H__class  , .SW81__H__link:focus .SW81__H__class { color:#111111 }

p.SW81__H__class > b { border-color:#313131 ; color:#ffffff ; background-color:#313131 }
.SW81__H__link:hover p.SW81__H__class > b , .SW81__H__link:focus p.SW81__H__class > b {
    background-color:#ff9828 ; border-color:#ff9828 ;
    color:#111111 
}

.SW81__H__top { 
    display:block ; overflow:hidden ; padding:0.7rem ; margin:auto ;
    width:12rem ; background-color:#ffffff ; 
    border:solid 1px rgba(0,0,0,0.1) ; border-radius:0.4rem ;
    font-size:1.8rem ; line-height:3rem ; text-align:center ; 
}
.SW81__H__top:hover , .SW81__H__top:focus {
    background-color:#313131 ; border-color:#313131 ;
    color:#ffffff
} 

 

/* PC */
@media screen and (min-width:1024px){  
  
    /* history goto */
    .SW81__goto { padding:1.5rem 0.5rem 1rem 20rem ; position:relative } 
    .SW81__goto__title { 
        width:17rem ; text-align:left ; font-weight:600 ;
        position:absolute ; left:3rem ; top:1.7rem
    }
    .SW81__goto__title { padding:0 ; border:none }
    .SW81__goto__list  { text-align:left }
  


    /* header + form */
    .SW81__history__header::after { display:block ; content:"" ; clear:both }
    #history_form , .SW81__history__title { display:block ; margin:0 }
    #history_form   { float:left ; width:32% }
    .SW81__history__title { 
        float:right ; width:65% ;
        font-size:3rem ; line-height:4rem ; padding:0.5rem 0 ;
    }


    /* list */ 
    span.SW81__H__class , p.SW81__H__class { display:inline-block ; margin:0 3rem 0.5rem 0 }
    /*
   
.SW81__history__list { border-top:solid 0.2rem #ff9828 ; margin-bottom:0.2rem }
.SW81__H__link , .SW81__H__noData { border-bottom:solid 0.1rem rgba(0,0,0,0.1) }
.SW81__H__noData  { font-size:2.2rem ; line-height:3rem ; text-align:center ; padding:4rem 1rem  }
.SW81__H__link , span.SW81__H__class , .SW81__H__class > b { transition:0.3s all }
.SW81__H__link { display:block ; padding:1.5rem 0.5rem }
.SW81__H__class {
    font-size:1.8rem ; line-height:3rem ;
}
span.SW81__H__class { display:inline-block ; margin-bottom:0.5rem }
span.SW81__H__class:first-child { margin-right:3rem }
.SW81__H__class > b { 
    display:inline-block ; overflow:hidden ; border-radius:0.4rem ; margin-right:0.3rem ;
    font-size:1.4rem ; line-height:2rem ; font-weight:500 ;
    border:solid 1px rgba(0,0,0,0.1) ; padding:0.2rem 1rem ;
    position:relative ; top:0.2rem
}
.SW81__H__link:hover , .SW81__H__link:focus { border-color:rgba(0,0,0,0.3) ; background-color:#f7f7f7 }
.SW81__H__link:hover .SW81__H__class  , .SW81__H__link:focus .SW81__H__class { color:#111111 }
.SW81__H__link:hover .SW81__H__class > b , .SW81__H__link:focus .SW81__H__class > b {
    background-color:#313131 ; border-color:#313131 ;
    color:#ffffff ; text-shadow:0 0 0.3rem rgba(0,0,0,0.3) ;
}
*/



}   
 




/* PRINT */
@media print {   }