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

/*/----------------------------------------------------------------------------------------------*/
.w100per{ width:100%; }
img.img100per{ width:100%; height: auto;}
img.img100,.img100{ width:100%; height: auto;}
img.img100.mw1400,.img100.mw1400,.mw1400{max-width: 1400px; margin: 0 auto;}
.hidden{display:none!important;}
.t_indent{ margin-left: 1em;}
.t_indent:before{content:"■"; margin-left: -1em;}
.t_indent{margin-top: .15em;}
.t_indent.first{margin-top: 0;}
/*COVID-19*/
.notebox2022{max-width: 1200px;margin: 0 auto; padding: 0 20px 20px 20px;}
.notebox2022.news{ padding-top:20px; ;padding-bottom: 5px;}    
a.note_for_photo span {display: table-cell;vertical-align: middle;}
a.note_for_photo { width: 100%; height: 2.4em; font-size: 1.2em; line-height: 1.2; display: table; text-align: center; box-sizing: border-box; border: 1px solid #168c42; border-top: 3px solid #168c42; border-bottom: 1px solid #168c42; color: #333; margin: 2em auto -1em auto; text-decoration: none;}
a.note_for_photo.imp { border: 1px solid #C00; border-top: 3px solid #C00; border-bottom: 1px solid #C00; color: #333; margin: 1em auto -0.5em auto;}
.race_list_bar_btn.note_for_photo.imp.bgred{  background: #900; color:#fff; padding: .25em .5em; margin-bottom: .25em; margin-top: -2px;} 
.race_list_bar_btn.note_for_photo.imp.bgred span em{ text-decoration: none; font-style: normal; display:inline-block;}
.race_list_bar_btn.note_for_photo.imp.bgred span.bgreddays{display: block; font-weight: normal!important; padding-top: .25em; letter-spacing: .1em;font-size: 12px;}
/*vm-entry*/
.vm-entry-result-area{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; border-bottom-left-radius: 5px;border-bottom-right-radius: 5px; background: #ddd;}
.vm-entry-result-area .btn_etc_bar{ width: calc( 50% - 1px );}
@media only screen and (max-width: 770px) {/*770まで*/
    .vm-entry-result-area .btn_etc_bar{ width: calc( 100% ); }
}
/* 前文　w50% */
.cmov50{display: flex; flex-wrap: wrap; justify-content: space-between;}
.pcw580{width:48.3333%!important;}
.pcw100{width:100%!important;}
@media only screen and (max-width: 1024px) {/*770pxまで*/
.cmov50{ flex-direction: column-reverse; }
.pcw580{width:100%!important;}
}
/* 動画 */
.movie_area { position: relative;  width: 100%; padding-top: 56.25% !important; }
.movie_area iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}
.movieWidtharea{padding: 0; width:100%;  background: url(../images/blk_line.png) repeat #000;}
@media only screen and (max-width: 1024px) {
.movieWidtharea{padding: 0px 0%; width:100%; margin: 0 auto 2em auto;}
}
/* 前文関連　*/
.icon_plus:after{content: '\f0fe';font-family: FontAwesome;margin-right: 0.5em;margin-left: 0.2em;vertical-align: middle;font-weight: normal;font-size: 0.85em;}
h2.off1024{ display: block;}
h2.on1024{ display: none;}
div.ecobagBox{ width: 100%; }
div.ecobagBox .ecobagCts{border: 1px solid #999; border-radius: 5px; padding: .5em 1em; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; background: #fff; background: #f7f7f7; font-feature-settings: 'palt';margin-top:1em;}
div.ecobagBox .ecobagCts p.first{width:75%;}
div.ecobagBox .ecobagCts p.last{width:20%; padding-right: 2.5%;}
div.ecobagBox .ecobagCts p.last img{width: 100%; height: auto; mix-blend-mode:darken;}
div.ecobagBox .ecobagCts p a.icon_plus {font-size: 1.1em;}
div.ecobagBox .ecobagCts p a.icon_plus:before {font-size: .85em; vertical-align:middle; }
div.ecobagBox .ecobagCts p a.icon_plus span.po-ticopy{display: block; padding-left: 1.5em; padding-top: .25em; font-weight: normal;font-size: 1em; line-height: 1.5;}
.inblock,.inblock415{display:inline-block;}
@media only screen and (max-width: 1024px) {
    h2.off1024{ display: none;}
    h2.on1024{ display: block;}
}
@media only screen and (max-width: 770px) {/*770まで*/
    div.copyttlecobagArea{display:block;}
    div.copyttlCtsBox,div.ecobagBox{width: 100%;}
    div.ecobagBox{margin-top: 1em;}
    /*div.ecobagBox .ecobagCts{padding: .5em;}:*/
    div.ecobagBox .ecobagCts p:first-child{width:70%;}
    div.ecobagBox .ecobagCts p:last-child{width:17.5%; padding-right:3%;}
    div.ecobagBox .ecobagCts p span.po-ticopy{display: block; padding-left: 0; padding-top: .25em;}
}
@media only screen and (max-width: 561px){
    div.ecobagBox .ecobagCts{ flex-direction: column; text-align: center;}
    div.ecobagBox .ecobagCts p:first-child{ width:100%;padding-right:0;}
    div.ecobagBox .ecobagCts p:last-child{ width:40%; padding: .75em 0 .25em 0; margin: 0 auto;}
    div.ecobagBox .ecobagCts p a.icon_plus span.po-ticopy{padding-left: 0;}
}
@media only screen and (max-width: 431px){
    div.ecobagBox .ecobagCts p a.icon_plus span.po-ticopy{ font-size: 0.9em;}
}
@media only screen and (max-width: 415px) {
    .inblock415{display:inline;}
}
@media only screen and (max-width: 375px) {
    .fazerjl{ letter-spacing: .15em;}
}
/* guest　*/
#guest li span.names,
#pwsreg li span.names{display: inline-block; width: 8em;}
#pwsreg li span:nth-child(2):before{ content:"：";}
#contents .ft13{font-size:13px; line-height: 1.2;}
#contents .ft14{font-size:14px;}
@media only screen and (max-width: 770px) {/*770まで*/
    #guest li span.names,#pwsreg li span.names{display: block;width: 100%;}
    /*#pwsreg li span.names2{ display:none;}*/
    #guest li span:nth-child(2){ padding-left: 1em; box-sizing: border-box;}
    #pwsreg li span:nth-child(2){ padding-left: 0; box-sizing: border-box; margin-top: .25em;}
    #pwsreg li span:nth-child(2):before{ content:"";}
    #pwsreg li span.names:before{ content:"[ ";}
    #pwsreg li span.names:after{ content:" ]";}
    #pwsreg li span.names.names2:before{ content:"";}
    #pwsreg li span.names.names2:after{ content:"";}
    #pwsreg li{ margin-bottom: .5em;}
    #pwsreg li.motor,#pwsreg li:last-child{ margin-bottom: 0;}
    .inblock.font_normal{ display: block;}
}
/* 参　加　費　*/
td ul.addfeearea{ margin-bottom: .5em;}
td ul.addfeearea li{ display:flex; font-feature-settings: "halt"; }
td ul.addfeearea li:last-child{ margin-top: .5em;}
td ul.addfeearea li b{ width:22em; padding-right: .5em; font-weight: bold;}
td ul.addfeearea li span em:before{ content: "　/　";}
@media only screen and (max-width: 1120px) {
    td ul.addfeearea li span em:before{ content: "";}
    td ul.addfeearea li span em{ display: block;}
}
@media only screen and (max-width: 930px) {
    td ul.addfeearea li{ display:block; }
    td ul.addfeearea li b{ padding-right: 0; display: block;}
    td ul.addfeearea li span em:before{ content: "　/　";}
    td ul.addfeearea li span em{ display: inline;}
    td ul.addfeearea li span{ display: block; padding-left: 1em;}
}
@media only screen and (max-width: 515px) {/*770まで*/
    td ul.addfeearea li span em:before{ content: "";}
    td ul.addfeearea li span em{ display: block;}
    td ul.addfeearea li span{ display: block; padding-left: 1em;}
}
/* in-tablettl　*/
p.in-tablettl{ border-bottom: 1px solid #999; padding: .5em 0;}
div.in-table{display:flex; align-items: center; justify-content: flex-start; padding: .3em 0; border-bottom: 1px dotted #999; height: 3em;}
div.in-table div:first-child{ width:6em!important;}
div.in-table div:nth-child(2){ width:1em;}
div.in-table div:last-child{ width:calc(100% - 7em);}
div.in-table div:last-child span{ display: inline-block;}
div.in-table.last{ border:none;}
@media only screen and (max-width: 770px) {/*770まで*/
  div.in-table{ align-items:flex-start; padding: .5em 0; height: auto;} 
    div.in-table div:last-child{padding-bottom: 0;}
  div.in-table div:last-child span{ font-size: .875em;} 
  div.in-table div:last-child span.ft{ font-size: 1em; display: block;} 
}
/* entrycell　*/
th.entrycell span{ display: block;}
#contents .contentsarea table#list td .btn_etc_bar li p span.entrymae{ min-height: 3em; display:flex; flex-direction: row; justify-content: left; align-items: center;}
#contents .contentsarea table#list td .btn_etc_bar li p span.entrymae em{ padding-left: 3em;}
@media only screen and (max-width: 770px) {
   th.entrycell{ padding-top: .5em!important; padding-bottom: .5em!important;}
   th.entrycell span{ display: inline-block; }
   #contents .contentsarea table#list td .btn_etc_bar li p span.entrymae{ min-height: 3em; display:flex; flex-direction:column; justify-content: center; align-items: center;}
   #contents .contentsarea table#list td .btn_etc_bar li p span.entrymae em{ padding-left: 0; padding: .5em 0 1em 0;}
}
ul.entrybox li a:first-child{ margin-bottom: 5px;}
p.txt2{ display:inline!important;}
@media only screen and (max-width: 770px) {
   p.txt2{ display: block;}
}