@charset "UTF-8";

 /*カラーパレット
 黒      #464645
 水色    #e3f4ff
 水灰    #bad8e3
 青      #0080ff
 赤      #f00
 黄      #ffe884s
 */

 .css-align-left {
     text-align: left;
 }

 .facebook-wrapper {
     max-width: 500px;
     margin: 0 auto;
 }

 .facebook-wrapper>.fb-page {
     width: 100%;
 }

 .facebook-wrapper>.fb-page>span,
 .facebook-wrapper iframe {
     width: 100% !important;
 }

 @import url('https://fonts.googleapis.com/css?family=Lato:400,900&display=swap');

 html,
 h1,
 h2,
 h3,
 h4 {
     color: #464645;

     font-family: "G2サンセリフ-B",
         GSanSerif-B,
         Lato,
         "ヒラギノ丸ゴ Pro W4",
         "Hiragino Maru Gothic Pro",
         "メイリオ",
         Meiryo,
         Osaka,
         "ＭＳ Ｐゴシック",
         "MS PGothic",
         sans-serif;
 }

 @media screen and (max-width:479px) {
     p {
         line-height: 160%;
     }
 }


 /*--------------------------
 header.html
 ---------------------------*/
 .img-top {
     width: auto;
     height: auto;
     max-width: 100%;
     max-height: 100%;
     padding-top: 0;
     padding-bottom: 0;
     position-top: 0px;
 }



 /*--------------------------
 index.html
 ---------------------------*/

 @media screen and (min-width:480px) {
     .css-nav {
         font-size: 170%;
     }

     .css-container {
         padding-left: 10%;
         padding-right: 10%;
     }
 }


 .css-main-width {
     padding-left: 5%;
     padding-right: 5%;
 }


 @media screen and (max-width:479px) {
     .css-main-width {
         padding-left: 2%;
         padding-right: 2%;
     }
 }

 .css-top img {
     width: 100%;
     height: auto;
     margin-bottom: 0;
 }

 .css-news {
     background: #DDF4FF;
 }

 .css-news h3 {
     color: #0080ff;
 }

 .css-news h1 {
     color: #0080ff;
 }

 .css-about {
     background: #DDF4FF;
 }

 .css-about h1 {
     color: #0080ff;
 }

 .css-desc {
     background: #0080ff;
     color: #fff;
 }

 .css-desc a {
     color: #fff;
 }

 @media screen and (max-width:479px) {
     .css-desc {
         text-align: center;
     }
 }


 .css-desc h1 {
     color: #fff;
 }

 .css-p-white {
     color: #fff;
 }


 @media screen and (max-width:479px) {
     .switch-pc {
         display: none;
     }

     .switch-sp {
         display: block;
     }
 }

 @media screen and (min-width:480px) {
     .switch-pc {
         display: block;
     }

     .switch-sp {
         display: none;
     }
 }

 .css-fb-sp {
     position: relative;
     width: 100%;
     height: 0;
     padding-top: 75%;
 }

 .css-fb-sp iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }


 .css-question {
     background: #bad8e3;
 }

 .css-foot-menu {
     background: #0080ff;
     font-family: "G2サンセリフ-B",
         GSanSerif-B,
         Lato,
         "ヒラギノ丸ゴ Pro W4",
         "Hiragino Maru Gothic Pro",
         "メイリオ",
         Meiryo,
         Osaka,
         "ＭＳ Ｐゴシック",
         "MS PGothic",
         sans-serif;
 }

 @media screen and (max-width:479px) {
     .css-foot-menu {
         display: none;
     }

 }


 .css-foot-table {}

 .css-foot-table1 {
     width: auto;
 }

 .css-foot-table2 {
     width: auto;
 }

 .css-in-underline {
     background: linear-gradient(transparent 80%, #ffe884 80%);
 }

 .css-h1-blue {
     color: #0080ff;
 }

 .ggmap {
     position: relative;
     padding-bottom: 56.25%;
     padding-top: 30px;
     height: 0;
     overflow: hidden;
 }

 .ggmap iframe,
 .ggmap object,
 .ggmap embed {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 75%;
 }

 .fface {
     position: relative;
     padding-bottom: 100%;
     padding-top: 30px;
     height: 0;
     overflow: hidden;
 }

 .fface iframe,
 .fface object,
 .fface embed {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }

 @media screen and (min-width:480px) {

     .fface iframe,
     .fface object,
     .fface embed {
         left: 10%;
     }
 }



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



 /*--------------------------
 about.html
 ---------------------------*/
 .css-about-about {
     background: #e3f4ff;
 }

 .css-about-about h1 {
     color: #0080ff;
 }

 .css-about-about h2 {
     color: #104696;
 }

 img.img-about {
     width: 100%;
     height: 100%;
 }

 /*--------------------------
 about.html
 ---------------------------*/
 .css-news-news {
     background: #e3f4ff;
 }


 /*--------------------------
 schedule.html
 ---------------------------*/
 .css-timetable {
     background: #e3f4ff;
 }

 .css-schedule h1 {
     color: #0080ff;
 }

 .css-schedule h2 {
     color: #104696;
 }

 .schedule-table1 {
     width: 50%;
 }

 .schedule-table2 {
     width: 50%;
 }

 .key-table1 {
     line-height: 110%;
     color: #0080ff;
     line-break: normal;
 }

 .key-table2 {
     line-height: 110%;
     line-break: strict;
     word-break: keep-all;
     text-align: left;
 }

 @media screen and (max-width:479px) {
     .key-table2 {
         text-align: center;
     }
 }

 .sche-table-title {
     color: white;
     background: linear-gradient(transparent 0, #0080ff 0);
     padding: 10px;
 }

 /*
 .sche-tab {
     border: solid 2px #0080ff;
 }*/


 /*--------------------------
 participant.html
 ---------------------------*/
 .css-part-top {
     background: #e3f4ff;
 }

 .css-part h1 {
     color: #0080ff;
 }

 .css-part h2 {
     color: #0080ff;
 }

 .css-part h3 {
     color: #104696;
 }

 .css-part-first {
     background: #e3f4ff;
 }

 .par-list {
     border: solid 2px #e5e5e5;
 }

 /*--------------------------
 registration.html
 ---------------------------*/
 .css-reg {
     background: #e3f4ff;
 }

 .css-reg h1 {
     color: #0080ff;
 }

 .css-reg h2 {
     color: #0080ff;
 }

 .css-reg h3 {
     color: #104696;
 }

 @media screen and (min-width:480px) {
     .reg-title {
         display: inline;
     }
 }

 @media screen and (max-width:479px) {
     .reg-title {
         padding-top: 0;
     }
 }

 /*--------------------------
 about.html
 ---------------------------*/

 /* スマホ用 */
 @media screen and (max-width: 767px) {
     .fb-container {
         width: 100%;
         max-width: 450px;
     }
 }

 /* PC用 */
 @media screen and (min-width: 768px) {
     .fb-container {
         width: 450px;
     }
 }



 /*--------------------------
 footer.html
 ---------------------------*/

 .css_sponcer_logo {
     height: 150px;
     width: auto;
 }

 .css_koen_logo {
     height: 100px;
     width: auto;
 }

 .css-footer {

     font-family:
         Lato,
         "ヒラギノ丸ゴ Pro W4",
         "Hiragino Maru Gothic Pro",
         "メイリオ",
         Meiryo,
         Osaka,
         "ＭＳ Ｐゴシック",
         "MS PGothic",
         sans-serif;
 }