@charset "utf-8";
/* CSS Document */


/* ----------------------------------------------------
   Basic setting:
------------------------------------------------------- */

html {font-size: 14px;}


/*---- outline ----*/
.outline {
	width: 96%;
	margin: 0 auto;
/*    padding: 0 2%;*/
}
.outline2 {
	width: auto;
}

/*---- gdpr ----*/

#gdpr{
    left: 5%;
	width:90%;
    padding: 1.5rem 2rem 1rem;
}

/*---- night ----*/

body.night:before{
    padding-bottom: 120%;
}

body.night:after{
    padding-top: 120%;
}


/* footer :
--------------------------------------------*/	
footer > .outline > .flex > div > .flex > div {
    width: 100%;
    margin: 0 0 1rem 0;
}

#ftnav .outline > ul:not([class]) > li{
	width: 100%;
} 
#ftnav .outline > .f_list{
    width: 96%;
}
/* Utility
--------------------------------------------*/

.pc{display: none;}
.sp{display: block;}

.flex.sp_clm2 > * { width: 48%;}
.flex.sp_clm3 > * { width: 32%;}
.flex.sp_clm4 > * { width: 24%;}
.flex.sp_clm5 > * { width: 19%;}
.flex.sp_clm6 > * { width: 16%;}

.flex.off { flex-wrap: wrap;}
.flex.off > *,
.flex.off.tab > * { width: 100%;}

.flex.off.clm6 > * { width: 32%;}


.flex.clm3.off > * { margin: 0 0 2% 0;}
.flex.clm3.off > *:nth-child(3n+1) { margin: 0 0 2% 0;}

/*---- .width ----*/

.w20_sp50 { width: 50%; }
.w30_sp70 { width: 70%; }
.w30_sp70 { width: 70%; }
.w50_sp70 { width: 70%; }
.w100_sp70 { width: 70%; }


    /*---- table_scroll ----*/

.table_scroll{
    overflow: auto!important;
    margin-bottom:20px!important;
    background:#f6f6f6;
    padding:20px;
    transform: rotateX(180deg);
}
.table_scroll::-webkit-scrollbar{
    height: 5px!important;
}
.table_scroll::-webkit-scrollbar-track{
    background: var(--gray-color3)!important;
    border-radius: 30px;
}
.table_scroll::-webkit-scrollbar-thumb {
    border: 5px solid transparent;
    background-clip: content-box;
    background: var(--accent-color)!important;
    border-radius: 30px;
}
.table_scroll table{
    width:1000px!important;
    transform: rotateX(180deg);
}

.table_scroll table table{
    transform: rotateX(0deg);
}

main .table_scroll table tbody th{
    white-space: normal;
}

    /*---- table_sp ----*/

main table.table_sp,
main table.table_sp tbody,
main table.table_sp tr,
main table.table_sp th,
main table.table_sp td,
main table.table-style2,
main table.table-style2 tbody,
main table.table-style2 tr,
main table.table-style2 th,
main table.table-style2 td{
    display: block;
    width: 100% !important;
}

main table.table_sp th,
main table.table_sp td,
main table.table-style2 th,
main table.table-style2 td{
    border: none;
}

main table.table-style2 td a{
    word-break: break-all;
}

main table.table_sp td{
    padding: 1rem 1rem 0 1rem;
}

main table.table_sp tr td:last-child,
main table.table-style2 tr td:last-child{
    padding-bottom: 1.5rem;
}

/* important :
--------------------------------------------*/	
#important time {
    margin: 0;
    display: block;
    width: auto;
}

/* night :
--------------------------------------------*/
body.night main:before{
    padding-bottom: 100%;
}