@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* CSS Document */

/* **************Index.html CSS*************** */

#main-img {
    background: url(../images/header_image.jpg) no-repeat center center / 100vw;
    height:220px;
    position: relative;
}

#main-img .inner {
    margin: 0 auto;
    width: 930px;
}
#main-img .inner h1 {
    font-family: 'Noto Sans Japanese', sans-serif;
    font-size:4.8rem;
    line-height: 1.2;
    font-weight: 800;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform : translate(-50%,-50%);
    transform : translate(-50%,-50%);
    text-shadow: 0 0 3px #000,0 0 9px #000;
    width: 100%;
    text-align: center;
    letter-spacing: 2px;
    text-indent: 2px;
    outline: 1px solid transparent;
    -webkit-animation: letterspacing 1.2s linear 0s 1 alternate both;
    animation: letterspacing 1.2s linear 0s 1 alternate both;
}

@-webkit-keyframes letterspacing {
  0% {
      opacity: 0;
  }

  100% {
      opacity: 1;
  }
}

@keyframes letterspacing {
  0% {
      opacity: 0;
  }

  100% {
      opacity: 1;
  }
}

/* ***************Body*************** */

.main {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.body_l {
    margin-right: 45px;
    width: 215px;
}
.body_l .inner {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

h2 {
    padding: 10px;
    background: #3ea6dc;
    color: #fff;
    margin-bottom: 15px;
}


.body_r_index {
    float: left;
    width: 640px;
    height: auto;
}


.body_r_page04 {
    float: left;
    width: 640px;
    height: auto;
}

.body_r_page05 {
    float: left;
    width: 640px;
    height: auto;
}

.body_r_page06 {
    float: left;
    width: 640px;
    height: auto;
}

.body_r_page07 {
    float: left;
    width: 640px;
    height: auto;
}

.body_r_page08 {
    float: left;
    width: 640px;
    height: auto;
}

.body_r_page09 {
    float: left;
    width: 640px;
    height: auto;
}

.body_r {
    width: 640px;
    margin-bottom: 30px;
}

.body_r table {
    margin: 10px auto 20px;
    width: 640px;
    border-collapse: collapse;
    font-size: 100%;
}

.body_r table th {
    border: 1px solid #bbb;
    font-weight: normal;
    padding: 10px;
    background-color: #e9e8df;
    line-height: 150%;
}

.body_r table td {
    border: 1px solid #bbb;
    text-align: left;
    padding: 10px;
    background-color: #fff;
    line-height: 150%;
}

.body_r table td strong {
    line-height: 150%;
}

.body_r table td span {
    line-height: 150%;
}

.body_r table th.thBg01 {
    background-color: #ecf6f8;
}

.mail {
    margin-bottom: 15px;
}


/* ***************c_navi*************** */

.c_navi {
    margin-bottom: 10px;
}

.c_navi br {
    line-height: 100%;
    font-size: 0;
}

.c_navi.local-navi p a {
    width: 215px;
    display: block;
    background-repeat: no-repeat;
    background-position: 0 0;
    text-indent: -9999px;
}
.c_navi.local-navi p a:hover {
    background-color: #effcff;
}
.c_navi.local-navi p .off:hover {
    background-color: transparent;
}
.c_navi .bnr {
    display: block;
    margin-bottom: 10px;
}

.c_navi_01 a,
.c_navi_02 a,
.c_navi_04 a,
.c_navi_06 a,
.c_navi_08 a,
.c_navi_10 a,
.c_navi_12 a,
.c_navi_13 a {
    height: 36px;
}

.c_navi_03 a,
.c_navi_07 a,
.c_navi_09 a,
.c_navi_11 a {
    height: 36px;
}

.c_navi_hd {
    background-image: url("../images/c_navi_hdtoyama.png");
    background-size: cover;
    height: 40px;
    text-indent: -9999px;
    font-size: 0;
}

.c_navi_01 a {
    background-image: url(../../images/local_navi_01.png);
    background-size: cover;
}

.c_navi_01 .off {
    background-image: url(../../images/local_navi_01_off.png);
}

.c_navi_02 a {
    background-image: url(../../images/local_navi_02.png);
    background-size: cover;
}

.c_navi_02 .off {
    background-image: url(../../images/local_navi_02_off.png);
}

.c_navi_03 a {
    background-image: url(../../images/local_navi_03.png);
    background-size: cover;
}

.c_navi_03 .off {
    background-image: url(../../images/local_navi_03_off.png);
}

.c_navi_04 a {
    background-image: url(../../images/local_navi_04.png);
    background-size: cover;
}

.c_navi_04 .off {
    background-image: url(../../images/local_navi_04_off.png);
}

.c_navi_05 a {
    background-image: url(../../images/local_navi_05.png);
    background-size: cover;
    height: 57px;
}

.c_navi_05 .off {
    background-image: url(../../images/local_navi_05_off.png);
}

.c_navi_06 a {
    background-image: url(../../images/local_navi_06.png);
    background-size: cover;
}

.c_navi_06 .off {
    background-image: url(../../images/local_navi_06_off.png);
}

.c_navi_07 a {
    background-image: url(../../images/local_navi_07.png);
    background-size: cover;
}

.c_navi_07 .off {
    background-image: url(../../images/local_navi_07_off.png);
}

.c_navi_08 a {
    background-image: url(../../images/local_navi_08.png);
    background-size: cover;
}

.c_navi_08 .off {
    background-image: url(../../images/local_navi_08_off.png);
}

.c_navi_09 a {
    background-image: url(../../images/local_navi_09.png);
    background-size: cover;
}

.c_navi_09 .off {
    background-image: url(../../images/local_navi_09_off.png);
}

.c_navi_10 a {
    background-image: url(../../images/local_navi_10.png);
    background-size: cover;
}

.c_navi_10 .off {
    background-image: url(../../images/local_navi_10_off.png);
}

.c_navi_11 a {
    background-image: url(../../images/local_navi_11.png);
    background-size: cover;
}

.c_navi_11 .off {
    background-image: url(../../images/local_navi_11_off.png);
}

.c_navi_12 a {
    background-image: url(../../images/local_navi_12.png);
    background-size: cover;
}

.c_navi_12 .off {
    background-image: url(../../images/local_navi_12_off.png);
}

.c_navi_13 a {
    background-image: url(../../images/local_navi_13.png);
    background-size: cover;
}

.c_navi_ft a {
    background-image: url(../../images/c_navi_ft.gif);
    height: 35px;
}

/* ----------- */

.banner_box {
    width: 100%;
    margin-top:60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.banner_box li {
    margin-bottom: 7px;
    width: 32.4%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.banner_box li img {
    width: 100%;
    height: auto;
}

.img_left {
  float:left;
  margin:0 15px 10px 0;
}

/*****************
2018年追加
*****************/

html {
    font-size: 62.5%;
}

body {
    font-family: 'Hiragino Sans', 'ヒラギノ角ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Noto Sans Japanese', Meiryo, 'メイリオ', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
    font-size: 1.5rem;
    color: #131313;
    -webkit-text-size-adjust: 100%;
}
a {
    -webkit-transition: all .3s;
    transition: all .3s;
}
#container {
	width:900px;
	margin:0 auto;
}
#container2 {
	width:930px;
	margin:0 auto;
}

.nw {
    display: inline-block;
}

section+section {
    margin-top:60px;
}

section h2 {
    letter-spacing: 1px;
}

.topic-path {
    text-align: left;
}

.contact-information {
    font-size: 1.3rem;
}

.contact-information p {
    line-height: 1.5;
}

.contact-information p+p {
    margin-top:10px;
}

/*
大会概要
*/

#outline th {
    white-space: nowrap;
}
#outline th,td {
    font-size: 1.5rem;
    letter-spacing: .05rem;
}

/*
ごあいさつ
*/

#greetings p {
    line-height: 1.75;
    letter-spacing: .05rem;
    color: #000;
}
#greetings p+p {
    margin-top:20px;
}

/*
競技方法
*/

#system li {
    line-height: 1.6;
    letter-spacing: .05rem;
}

#system>ul>li {
    font-weight: 700;
}

#system>ul>li+li {
    margin-top:20px;
}

#system ul ul li {
    margin-left: 21px;
    font-weight: 400;
    list-style: disc;
}

#system ul ul li+li {
    margin-top:2px;
}

/*
大会競技規則
*/

#rule li {
    line-height: 1.6;
    letter-spacing: .05rem;
}

#rule li iframe {
    margin-top:8px;
}

#rule>ul>li {
    font-weight: 700;
}

#rule>ul>li+li {
    margin-top:20px;
}
#rule ul ol {
    padding-left: 0;
}

#rule ul ol li {
    margin-left: 18px;
    padding-left: 4px;
    font-weight: 400;
    list-style:decimal;
}

#rule ul ol li+li {
    margin-top:2px;
}

/*
大会競技規則
*/

#stay p {
    line-height: 1.75;
    letter-spacing: .05rem;
    color: #000;
}
#stay p+p {
    margin-top:20px;
}

#stay h3 {
    margin-top: 24px;
    padding: 4px 8px;
    border-left: 8px solid #006DA1;
    border-bottom: 1px solid #006DA1;
    color: #006DA1;
}

#stay h3+p {
    margin-top: 16px;
}

#stay ul {
    margin-top: 8px;
    padding: 4px;
    border-left: 4px solid #3ea6dc;
}
#stay ul li+li {
    margin-top: 2px;
}

#stay ul+p {
    margin-top: 16px;
}

/*
監事・理事LOM会議・キャプテン会議スケジュール
*/

p+h3 {
    margin-top: 16px;
}

/*
会場マップ
*/

.body_r .venue {
    padding-top:0;
}

.body_r .venue td {
    border:0;
}
.body_r .venue tr:nth-child(-n+2) td {
    padding-top:0;
}

.venue h3 {
    padding:3px 0 3px 6px;
    border-left: 6px solid #3DA5DC;
}

.venue h4 {
    border-bottom: 1px solid #999;
    margin-bottom:.5rem;
    padding-bottom:.5rem;
}

.venue td p {
    font-size: 1.4rem;
}

.venue iframe {
    width: 100%;
    height: 360px;
}
.venue+.venue {
    margin-top: 60px;
}

/*
予選リーグ会場別組み合わせ表
*/

.body_r .league_table th {
    padding:8px;
}

.body_r .league_table tr td:nth-child(n+2) {
    width: 14.8%;
}

.body_r .league_table tr td:nth-child(2),
.body_r .league_table tr th:nth-child(2){
    border-left: double #999;
}

.body_r table .league_h {
    text-align: center;
    font-weight: 700;
    background: #eff9ff;
}
.body_r .group_index {
    table-layout: fixed;
}

.body_r .group_index th,
.body_r .group_table th {
    padding:6px 8px;
}

.body_r .group_index th {
    background: #47a4da;
    color: #fff;
    font-weight: 600;
}

.body_r .group_table th,
.body_r .schedule_index th {
    background: #eff9ff;
}

.body_r .group_table td,
.body_r .group_table th {
    font-size: 1.2rem;
}

.body_r .group_table .w1 {
    width: 1em;
}

.body_r .group_table .w3 {
    width: 3em;
}

.body_r .group_table .w4 {
    width: 4em;
}

.body_r .group_table tr td:nth-child(2),
.body_r .group_table tr th:nth-child(2),
.body_r .group_table tr td:nth-child(7),
.body_r .group_table tr th:nth-child(7),
.body_r .group_table tr td:nth-child(14),
.body_r .group_table tr th:nth-child(14) {
    border-left: double #999;
}
.body_r .group_table.n4 tr td:nth-child(7),
.body_r .group_table.n4 tr th:nth-child(7),
.body_r .group_table.n4 tr td:nth-child(14),
.body_r .group_table.n4 tr th:nth-child(14) {
    border-left: 0;
}
.body_r .group_table.n4 tr td:nth-child(6),
.body_r .group_table.n4 tr th:nth-child(6),
.body_r .group_table.n4 tr td:nth-child(13),
.body_r .group_table.n4 tr th:nth-child(13) {
    border-left: double #999;
}15:05 2024/09/15

.body_r .group_table tr:nth-child(n+2) td:nth-child(n+2) {
    text-align: center;
}

.body_r .group_table tr:nth-child(n+2) td:nth-child(1) {
    font-size: 1.4rem;
}

.body_r .group_table .nouse {
    background: #ddd;
}

.body_r .schedule_index .w5 {
    width: 5%;
}

.body_r .schedule_index .w15 {
    width: 15%;
}

.body_r .schedule_index .w30 {
    width: 3015:03 2024/09/15%;
}

.body_r .schedule_index td {
    text-align: center;
    font-size: 1.4rem;
}

.body_r .schedule_index+h3 {
    margin-top:60px;
}

.body_r.venue_group_table h3 {
    padding:4px 0 4px 12px;
    border-left: 6px solid #3DA5DC;
    font-size:2rem;
}

/*
決勝トーナメント
*/

.tournament {
    margin-top:60px;
}
.tournament img {
    width: 100%;
}

.desc td:nth-child(1) {
    width:30%;
    background: #eff9ff;
}

.desc td:nth-child(2) {
    width:70%;
}

.result-link {
    margin: 30px 0;
}

.result-link a {
    display: block;
    padding: 20px;
    border: 4px solid #3DA5DC;
    text-align: center;
    text-decoration: none;
    font-size: 2rem;
}
.result-link a:hover {
    background: #3DA5DC;
    color: #fff;
}

.venue_list .w20 {
    width: 25%;
}

.venue_list .w30 {
    width: 35%;
}

.venue_list .w50 {
    width: 40%;
}

.commendation .ttl {
    margin-top:120px;
}

.commendation>.ttl {
    margin-top:60px;
}

.commendation .photo {
    margin-top:20px;
}

.mt30 {
    margin-top:10px;
}