@charset "utf-8";
#middle_bg {
    background: linear-gradient(#fff, #FFEF8F);
    padding-bottom: 5em;
}
/* common------------------ */
.MiddleContents {
    margin: 0px auto 40px auto;
}

.MiddleContentsInside {
    padding: 3vw 3vw 3.8vw;
}
@media screen and (min-width: 1025px) {
    .MiddleContentsInside {
        padding: 20px 40px 40px 40px;
    }

    .page__label {
        width: min(100%, 761px);
    }
}
.MiddleContentsInside_inr {
    background-color: #FFF;
}
/* top page
-------------------- */
.sponsorship_ttl {
    width: min(90%, 551px);
    margin: 1em auto;
}
@media screen and (min-width: 1025px) {
    .sponsorship_ttl {
        width: min(100%,815px);
    }   
}
.columns02 {
    position: relative;
    display: grid;
    grid-template-columns: min(40%, 230px) auto;
    grid-gap: 1.5em;
    margin: 0 auto 2em;
    padding-bottom: 2em;
    overflow-wrap: anywhere;
    word-break: normal;
    line-break: strict;
    background: url(/sports/common/images/dot_line.png) center bottom no-repeat;
}
.columns02_img {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    width: 100%;
    height: auto;
}
.columns02_txt02 {
    grid-column: 1 / 3;
    grid-row: 2 / 3;
}
@media screen and (min-width: 1025px) {
    .columns02 {
        grid-template-columns: 239px auto;
    }
    .columns02_img {
        grid-column: 1 / 2;
        grid-row: 1 / 3;
    }
    .columns02_txt02 {
        grid-column: 2 / 3;
        grid-row: 2 / 3;
    }
}

.sponsorship .read_txt {
    margin: 1em 1em 2em;
    font-size: clamp(1em, .718rem + 1.41vw, 1.6em);
    font-weight: bold;
    line-height: 1.7;
    text-align: center;
    color: #54a900;
}
.sponsorship .read_txt span {
  display: inline-block;
}

.taikaiTxt {
    margin: 0;
    padding-top: 0;
    font-size: clamp(1em, 0.906em + 0.47vw, 1.2em);
    font-weight: bold;
    line-height: 1.8;
    vertical-align: middle;
}
.team-wrap {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-gap: 2em;
}
.support_wrap {
  margin-bottom: 2em;
}

.support_ttl {
  position: relative;
  margin-bottom: .5em;
  font-size: clamp(1em, 0.765em + 1.18vw, 1.5em);
  color: #54a900;
  font-weight: bold;
}
.support_ttl span {
  display: block;
  position: relative;
  width: fit-content;
  margin-inline: auto;
  padding: .2em;
  background: #fff;
  letter-spacing: .1em;
}
.support_ttl::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  border-bottom: 1px solid currentColor;
}
.support_name {
  margin: 1em auto;
  font-size: clamp(1em, .941em + .29vw, 1.125em);
/*    font-size: clamp(1.25em, 0.956em + 1.47vw, 1.875em);*/
    font-weight: bold;
    text-align: center;
}
.sponsorship_list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    grid-gap: 1em;
    grid-gap: 2cqi;
    margin: 0 auto;
}
.sponsorship_list figcaption {
    margin: 1em .5em;
    font-size: clamp(1em, .941em + .29vw, 1.125em);
    font-weight: bold;
    text-align: center;
}
.sponsorship_list figcaption span {
    display: inline-block;
}
.sponsorship_list a {
    text-decoration: none;
}
@media screen and (min-width: 1025px) {
    .sponsorship_list {
        display: grid;
        width: 100%;
    }
    .sponsorship_list img {
        width: 100%;
    }
}
@media (hover: hover) {
    .sponsorship_list a figcaption {
        transition: color .2s;
    }
    .f-marinos_img a, .sponsorship_list a {
        transition: opacity .2s;
    }
    .sponsorship_list a:hover figcaption {
        color: #2E6EEC;
    }
    .support_wrap a:hover, .sponsorship_list a:hover {
      opacity: .8;
    }
}
@media screen and (max-width: 320px) {
    .taikaiTxt {
        padding-top: 0px !important;
    }
}



/* taikai/u12.html  css layout
---------------------------------------*/

.u12-copy {
    width: min(100%, 460px);
    margin: 0px auto 6% auto;
}
.u12ContentsArea.MiddleContentsInside {
    padding: 0;
    border: none;
}
img {
    width: 100%;
    height: auto;
}
.h2Inner {
    width: 100%;
    height: auto;
    background: url("../images/u12/bg_u12_main_sp.jpg") no-repeat;
    background-size: 100% auto;
    overflow: hidden;
    position: relative;
}
.h2Inner img {
    display: block;
    width: 58.9%;
    height: auto;
    position: absolute;
    top: 35.33%;
    left: 2.46%;
}
.h2Inner:after {
    content: "";
    display: block;
    padding-top: 33.18%;
}
.contentsInner {
    overflow: hidden;
    border: 1px solid #54a900;
    border-top: none;
    box-sizing: border-box;
}
.u12-copy {
    width: 95.47%;
    margin: 2.05% auto 2.05%;
    font-size: 180%;
    font-weight: bold;
    text-align: left;
    letter-spacing: 8px;
    line-height: 1.4;
}
.contentsInner .leadText01 {
    width: 95.47%;
    margin: 0 auto 20px;
    font-size: 110%;
    font-weight: bold;
    color: #1767a8;
}
.contentsInner .linkArea {
    background: url("../images/u12/bg_u12_line_01.jpg") no-repeat;
    overflow: hidden;
}
@media screen and (min-width: 1025px) {
    .h2Inner {
        width: 1000px;
        height: 243px;
        background: url("../images/u12/bg_u12_main.jpg") no-repeat;
    }
    .h2Inner img {
        display: block;
        width: 525px;
        height: 138px;
        margin: 59px 0 0 28px;
        position: static;
    }
    .h2Inner:after {
        display: none;
    }
    .u12-copy {
        width: 940px;
        margin: 17px auto 15px;
        font-size: 39px;
        letter-spacing: 18px;
    }
    .contentsInner .leadText01 {
        width: 940px;
        margin: 0 auto 20px;
        font-size: 20px;
    }
}
/* u-12_01/02.html styles
-------------------------------------- */
.contentsInner .Column01Area {
    background: url("../images/u12/bg_u12_line_01.jpg") no-repeat;
    overflow: hidden;
}
.contentsInner .Column01Area > div {
    margin-top: 5.20%;
}
/* txtArea01
-------------------- */
.txtArea01 {
    width: 93.83%;
    margin: 25px auto 0;
    padding-bottom: 1.5em;
    background: url("../images/u12/line_u12_01_01.gif") repeat-x;
    background-position: center bottom;
}
.txtArea01 > span {
    width: 23.79%;
    float: right;
    margin-top: 0;
}
.txtArea01 > span.num01 {
    margin-bottom: 2.95%;
}
.txtArea02 {
    width: 93.83%;
    margin: 0.67% auto 3.94%;
    overflow: hidden;
}
.txtArea02_txt {
    width: 100%;
}
.u12_01_ttl01 {
    margin: 0 auto 4.37%;
}
.u12_01_ttl02 {
    margin-bottom: 1.6em;
}
.u12-note02 .txtArea02 > div:first-child p {
    margin-bottom: 1.4em;
    font-size: 107%;
    line-height: 1.5;
}
.txtArea02_img {
    display: none;
}
.txtArea02 .menu {
    margin-top: 4.37%;
    color: #54a900;
}
.u12-note02 .txtArea02_img02 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1em;
}
.u12-note02 .txtArea02 ul {
    margin-bottom: 4.37%;
}
.u12-note02 .txtArea02 ul li {
    font-size: 107%;
}
.u12-note02 .fcArea01 {
    width: 96.30%;
    margin: 0 auto;
}
.u12-note02 .fcArea01 h5 {
    width: 97.43%;
    margin: 0 auto 4.81%;
}
.u12-note02 .fcArea01 ul li {
    width: 100%;
    font-size: 100%;
    margin: 0 0 5.68% 0;
    clear: both;
    overflow: hidden;
}
.u12-note02 .fcArea01 ul li > img {
    width: 49.21%;
}
/* 奇数*/
.u12-note02 .fcArea01 ul li:nth-child(odd) > img {
    float: left;
}
.u12-note02 .fcArea01 ul li:nth-child(odd) > span {
    float: right;
    margin-right: 1.28%;
}
.u12-note02 .fcArea01 ul li:nth-child(odd) > p {
    float: right;
    margin-right: 1.28%;
}
/* 偶数 */
.u12-note02 .fcArea01 ul li:nth-child(even) > img {
    float: right;
}
.u12-note02 .fcArea01 ul li:nth-child(even) > span {
    float: left;
    margin-left: 1.28%;
}
.u12-note02 .fcArea01 ul li:nth-child(even) > p {
    float: left;
    margin-left: 1.28%;
}
.u12-note02 .fcArea01 ul li span {
    width: 46.7%;
    display: block;
    margin: 0 auto;
    color: #54a900;
    font-weight: bold;
}
.u12-note02 .fcArea01 ul li p {
    width: 46.7%;
    margin: 0 auto;
}
@media screen and (min-width: 1025px) {
    .contentsInner .Column01Area > div {
        margin-top: 25px;
    }
    /* u12_01 / txtArea01 */
    .txtArea01 {
        width: 913px;
        padding-bottom: 0;
    }
    .txtArea01 img {
        margin-bottom: 26px;
    }
    .txtArea01 > span {
        width: auto;
        margin-top: 10px;
    }
    .txtArea01 > span.num01 {
        margin-bottom: 0;
    }
    .txtArea02 {
        display: grid;
        grid-template-columns: 1fr 300px;
        grid-gap: 1em;
        width: 917px;
        margin: 23px auto 28px;
    }
    .u12-note02 .txtArea02 {
        grid-template-columns: 1fr 280px;
        grid-gap: 2em;
    }
    .u12_01_ttl01 {
        width: 470px;
        margin: 10px 0 25px;
    }
    .u12-note02 .txtArea02 > div:first-child p {
        font-size: 18px;
        line-height: 1.4;
    }
    .txtArea02_img {
        display: block;
        width: 300px;
        margin: 19px 0 0 0;
    }
    .u12-note02 .menu-wrap {
        margin-top: 1em;
    }
    .u12-note02 .menu {
        margin: 19px 0 0 0;
        font-size: 18px;
    }
    .u12-note02 .txtArea02_img02 {
        display: grid;
        grid-template-columns: 1fr;
    }
    /*
  .u12-note02 .txtArea02_img02 li {
    margin-bottom: 1em;
    
  }
*/
    .u12-note02 .txtArea02 ul {
        margin-bottom: 19px;
    }
    .u12-note02 .txtArea02 ul li {
        font-size: 18px;
    }
    .u12-note02 .fcArea01 {
        width: 935px;
    }
    .u12-note02 .fcArea01 h5 {
        width: 915px;
        margin: 0 auto 25px;
    }
    .u12-note02 .fcArea01 ul li {
        width: 300px;
        float: left;
        font-size: 16px;
        margin-bottom: 30px;
        clear: none;
    }
    .u12-note02 .fcArea01 ul li > img {
        width: auto;
    }
    .u12-note02 .fcArea01 ul li + li {
        margin-left: 16px;
    }
    .u12-note02 .fcArea01 ul li span {
        width: 282px;
    }
    .u12-note02 .fcArea01 ul li p {
        width: 282px;
    }
}
/* texArea03----------------- */
.txtArea03 {
    width: 93.83%;
    margin: 0 auto;
    overflow: hidden;
}
.txtArea03 ul {
    background-color: #fdffe7;
    overflow: hidden;
}
.txtArea03 ul li {
    float: left;
    margin-top: 2.33%;
    margin-bottom: 2.77%;
}
.txtArea03 ul li:first-child {
    width: 34.89%;
    margin-left: 2.33%;
}
.txtArea03 ul li:last-child {
    width: 58.24%;
    float: right;
    margin-right: 2.04%;
}
.txtArea03 > p {
    font-size: 107%;
    line-height: 1.4;
    margin: 3.35% auto 11.38%;
}
.btn_top {
    width: min(90%, 319px);
    margin: 4em auto 2em;
}
@media screen and (min-width: 1025px) {
    .txtArea03 {
        width: 914px;
    }
    .txtArea03 ul li {
        float: left;
        margin-top: 26px;
        margin-bottom: 27px;
    }
    .txtArea03 ul li:first-child {
        width: auto;
        margin-left: 41px;
        margin-right: 41px;
    }
    .txtArea03 ul li:last-child {
        width: auto;
        float: left;
        margin-right: 0;
    }
    .txtArea03 > p {
        font-size: 18px;
        margin: 24px auto 64px;
    }
    .btn_top {
        width: 365px;
        margin: 0 auto 52px;
    }
}
/* u12
-------------------- */
.u12-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    grid-gap: 14px;
    width: min(94.6893787%, 945px);
    margin: 25px auto 43px;
}
@media screen and (min-width: 750px) {
    .u12-list {
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        grid-gap: 24px;
    }
}
.u12-bnr {
    display: grid;
    grid-gap: .5em;
    width: 75.06%;
    margin: 0 auto 6.02%;
}
.u12-bnr img {
    display: block;
    vertical-align: top;
    width: 100%;
    height: auto;
}
.u12-bnr-sakaiku {
    width: 35.41%;
}
@media screen and (min-width: 1025px) {
    .u12-bnr {
        display: flex;
        justify-content: center;
    }
    .u12-bnr-sakaiku {
        width: 130px;
    }
    .u12-bnr-jfa {
        width: 369px;
    }
}
/* u12-note01 ::: 柏木選手
-------------------- */
.txtArea04 {
    width: 93.83%;
    margin: 0 auto;
    border-top: solid 1px #54a900;
}
.u12_01_ttl02 {
    width: 100%;
    margin-top: 7.73%;
}
.txtArea04 > img {
    float: right;
    margin-top: 28px;
}
.point-list {
    display: grid;
    grid-gap: 2em;
}
.point-list li {
    display: grid;
    grid-template-columns: 2.6em 1fr;
    grid-gap: 1em;
}
.point-ttl {
    color: #54a900;
    font-size: 124%;
    margin-bottom: 5px;
    font-weight: bold;
}
.u12_soccer_note {
    width: 100%;
    margin: 4.58% auto 7.02%;
    display: block;
}
@media screen and (min-width: 1025px) {
    .txtArea04 {
        width: 914px;
    }
    .u12_01_ttl02 {
        margin-top: 0;
        margin-bottom: 2em;
    }
    .point-list {
        grid-gap: 47px;
    }
    .point-label {
        width: auto;
    }
    .point-list li {
        grid-template-columns: 80px 1fr;
        grid-gap: 1em;
    }
    .point-ttl {
        font-size: 30px;
        margin-top: -5px;
    }
    .point-list p {
        font-size: 20px;
    }
    .u12_soccer_note {
        width: 580px;
        margin: 40px auto 29px;
    }
}
/* txtArea05---------------- */
.txtArea05 {
    width: 93.83%;
    clear: both;
    overflow: hidden;
    border-top: solid 1px #54a900;
    margin: 0 auto;
}
.u12_01_ttl03 {
    width: 70.48%;
    margin: 7.73% 0 5.01% 0;
}
.txtArea05 p {
    margin-bottom: 1.5em;
    font-size: 100%;
}
@media screen and (min-width: 1025px) {
    .contentsInner .Column01Area .txtArea05 {
        width: 914px;
    }
    .u12_01_ttl03 {
        width: 575px;
        margin: 35px 0 25px 0;
    }
    .contentsInner .Column01Area .txtArea05 p {
        font-size: 18px;
    }
}
/* profile ----------- */
.profile {
    display: grid;
    grid-template-columns: 20.42% 1fr;
    grid-gap: 1em;
    width: min(93.83%, 914px);
    margin: 0 auto 1.5em;
    padding: 1em .7em;
    box-sizing: border-box;
    background-color: #fdffe7;
}
.profile_ttl {
    grid-column: 1 / 3;
    grid-row: 1 / 2;
}
.profile_ttl img {
    display: block;
    width: 53.04%;
}
.profile_img {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
}
.profile p {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    font-size: 1em;
    overflow-wrap: anywhere;
    word-break: normal;
    line-break: strict;
}
@media screen and (min-width: 1025px) {
    .profile {
        grid-template-columns: 116px 1fr;
        grid-gap: 1.8em 2em;
        margin: 0 auto 1em;
        padding: 1.6em;
    }
    .profile_ttl img {
        width: 347px;
    }
    .profile p {
        font-size: 18px;
    }
}
/* dl-note --------- */
.dl-note {
    width: 93.83%;
    margin: 5.44% auto 27px;
}
.dl-note_ttl {
    width: 98.13%;
    margin: 0 auto 3.58%;
}
.dl-note-txt {
    margin-bottom: 5.73%;
    overflow-wrap: anywhere;
    word-break: normal;
    line-break: strict;
}
.dl-note-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1em;
    margin: 0 auto;
}
.dl-note-list img {
    margin-bottom: .8em;
}
.btn_reader {
    display: block;
    width: 196px;
    margin: 2.14% auto 0;
}
@media screen and (min-width: 1025px) {
    .dl-note {
        display: grid;
        grid-template-columns: 48% 1fr;
        grid-template-rows: max-content max-content 1fr;
        grid-gap: 1.2em 3.2em;
    }
    .dl-note_ttl {
        grid-column: 1 / 3;
        grid-row: 1 / 2;
        margin-bottom: .5em;
    }
    .dl-note-txt {
        grid-column: 2 / 3;
        grid-row: 2 / 3;
        margin: 0;
    }
    .dl-note-txt p {
        font-size: 18px;
    }
    .dl-note-list {
        grid-column: 1 / 2;
        grid-row: 2 / 4;
    }
    .dl-note-reader {
        grid-column: 2 / 3;
        grid-row: 3 / 4;
    }
    .btn_reader {
        margin: 0;
    }
}
/* style */
.c-no-break {
  display: inline-block;
}
sub {
  font-size: .7em;
  vertical-align: baseline;
}