@charset "utf-8";
/* CSS Document  KYOSHO MASTERS --------------------------------------------*/
    img.img100per{ width:100%; height: auto;}
    img.img100.mw1400, .img100.mw1400, .mw1400 { max-width: 1400px; margin: 0 auto;}
    img.img100{width:100%; height:auto;}
    #race_info section.main_area .main_under_area{ margin-top: .5em;}
    .mainsponcer{max-width: 600px; margin: 0.1em auto 0.5em auto; background: #fff; border: 1px solid #000; padding: .5% 6%; box-sizing: border-box;} /* margin: 0.1em auto 0.5em auto;}*/
    .mainsponcer.img100per a img{ width:100%; height: auto;}
    .sponcer{width:100% ; background: none; margin: 0 auto;}
    .sponcer img{width:100%; vertical-align: middle;}
    .sponcer span.imgall{ display: inline-block;  border: 1px solid #000;  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box; box-sizing: border-box; line-height: 0;}
    .sponcer span.img{ display: inline-block; border-right: 1px solid #000; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box; box-sizing: border-box;background-size: 100%;}
    .sponcer span.img:last-child{ border-right: none;}
    .sponcer span.img{ width:11.1111111%; width:20%; max-width:88px;/**/ min-width:88px;/**/ }
    .sponcer span.img img{width: 100%!important; height: auto;}
    @media only screen and (max-width: 770px) {
        .mainsponcer{max-width: 70%; max-width: 80%; padding: 1% 6%;}
        .sponcer{max-width: 95%;}
        .sponcer span.img{ width:20%; max-width:68px;min-width:auto;}
    }
    @media only screen and (max-width: 670px) {
        #race_info section.ctsall.spptnone{ padding-top:0;}
    }
    .inblock, li.place .inblock{display:inline-block!important;}
    .r_class{display:flex;}
    @media only screen and (max-width: 770px) {
        .r_class{display:block;}
    }
    @media only screen and (max-width: 350px) {
        .r_class p{font-size:0.9em;}
    }
    .red{ color:#f00;}
    div.cvstop { font-size: 0.9em; padding-left: 1em; font-weight: bold;}
    div.set2 ul li:nth-of-type(1n)::after { content: '※';}
    .ffs_palt{ font-feature-settings: "palt";}
    .ffs_halt{ font-feature-settings: "halt";}
    .ft90p{ font-size:0.9em;}
    .ft80p{ font-size:0.8em;}
    .ft10{ font-size:10px;}
    .racetimeday{ background: #999; color:#fff; padding: .25em .5em;}
    .tyrepats{display: flex;}
    .tyrepats,.tyrepats.tyrepats2{ margin-top: .5em;}
    .tyrepats .tyrename{width:30em; }
    .tyrepats .tyrename p{ font-weight: bold; letter-spacing: 0.05em;}
    .tyrepats .tyreimage{width:100px; margin-left: 10px;}
    .tyrepats .tyreimage img{ border: .5px solid #ccc;}
    @media only screen and (max-width: 770px) {/*770まで*/
        .tyrepats{justify-content: space-between;}
        .tyrepats .tyrename{width:auto;}
    }
    @media only screen and (max-width: 490px) {/*770まで*/
        .tyrepats{ flex-direction: column;}
        .tyrepats .tyrename{width:100%; }   
        .tyrepats .tyreimage{width:100%; margin: 0 auto;}
        .tyrepats.tyrepats2{ margin-top: .75em;}
    }
    span.wmltel.tel_links a{font-weight: normal!important;}
    #contents .contentsarea table#list td .lr{padding-top:.5em;}
    #contents .contentsarea table#list td .lr .line p.left{ width:25%; padding-left: 1em;}
    #contents .contentsarea table#list td .lr .line p.right{width: calc( 75% - 1em);}
    table#list td div.flex{ display:flex;} 
    table#list td div.flex div{ width:46%;} 
    table#list td div.flex div:first-child{ border-right:1px dotted #999; padding-right: 4%;} 
    table#list td div.flex div:nth-child(2){  padding-left: 4%;} 
    table#list td div.flex div p:first-child{ font-weight:bold;}
    table#list td div.flex div p.class-s{display: flex; justify-content: space-between; align-items: center;}
    table#list td div.flex div p.class-s span{font-size: 12px;}
    span.indentNote{display:inline-block; text-indent: -1em; margin-left: 1em;}
    a.privacy_copy{ font-weight:normal; display:inline-block; background:#cc5555; color:#fff!important; line-height:1; padding:0.2em 0.5em; border-radius:5px; font-size: 12px;}
    .cv200727{border: 1px dotted #000; padding: .6em 1em .6em 1em; box-sizing: border-box; line-height: 1.8; font-weight: bold; background: #e9e9e9; }
    .cv200727 span.reddays{display: inline-block; border-radius: 5px; background: #900; padding: .0 0.5em; margin: -.5em 0 .5em -.4em; letter-spacing: .1em; color:#fff; font-size: 12px; font-weight: normal;}
    .cv200727 em{ font-style: normal; text-decoration: none; color:#900;}
    th.entrycell span{ display: block; margin-bottom: 1em;}
    p.txt span.deadline_w em span.ib{padding-left: 1em;}
    div.entey_coursearea{display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap}
    div.entey_coursearea div.entey_courseBtn{width:50%; text-align: center; }
    div.entey_coursearea span.entey_courseNote{width:50%; display: inline-black; text-align: center; font-size: .875em;}
    @media only screen and (max-width: 1198px) {
        #contents .contentsarea table#list td .lr .line p.left{ width:12em; padding-left: 1em;}
        #contents .contentsarea table#list td .lr .line p.right{ width: calc( 100% - 13em);}
    }
    @media only screen and (max-width: 1000px) {
        div.entey_coursearea div.entey_courseBtn,
        div.entey_coursearea span.entey_courseNote{width:100%;}
        div.entey_coursearea span.entey_courseNote{margin-top:.5em;}
        div.entey_coursearea div.entey_courseBtn span.icon_btn{ font-weight: bold;}
    }
    @media only screen and (max-width: 820px) {
        table#list td div.flex{ display:flex; flex-wrap: wrap;} 
        table#list td div.flex div{ width:100%;} 
        table#list td div.flex div:first-child{ border-right:0px dotted #999; padding-right: 0%;} 
        table#list td div.flex div:nth-child(2){  padding-left: 0%; margin-top: .25em;}  
        table#list td div.flex div p:nth-child(n+2){padding: .25em;}
        table#list td div.flex div p:nth-child(2n){ background: #eaeaea; }
        table#list td div.flex div p.class-s span{font-size: .9em;}
    }
    @media only screen and (max-width: 770px) {
        #contents .contentsarea table#list td .lr .line p.left,
        #contents .contentsarea table#list td .lr .line p.right{ width:100%; padding-left: 0;}	
        #contents .contentsarea table#list td .lr .line p.left{background: #dfdfdf;}
        #contents .contentsarea table#list td .lr .line p.right{ padding-top: .5em;}
        th.entrycell{ padding-top: .5em!important; padding-bottom: .5em!important;}
        th.entrycell span{ display: inline-block; margin-bottom: 0;}
        td.kccenter{ text-align: center; background: #999}
        p.txt{ text-align: center;}
        p.txt span.deadline_w em span.ib{display: block;padding-left: 0;}
        p.morecanceled{ margin:.5em 0 0 0; width:100%; text-align: center}
        p.morecanceled a{ margin: 0 auto;}
    }