@charset "UTF-8";

/*---------- ページ全体の指定 ----------*/

body {
margin:0;
padding:0;
font-size:100%;
color:#fff;
background-color:#000;
font-family:'游明朝','Yu Mincho','Hiragino Mincho Pro',serif 'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
-webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

/*---------- フッター ----------*/

#footer{
    margin:0;
    padding:30px 0;
    font-size:75%;
    line-height:150%;
    text-align:center;
    font-family: 'Roboto Condensed', sans-serif;
    }
  
 

/*---------- リンク設定 ----------*/

a:link {color:#37859a;text-decoration:underline;}
a:visited {color:#37859a;text-decoration:underline;}
a:hover {color:#139eb1;text-decoration:none;}
a{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}
a img {border-style:none;}
img {vertical-align:center;}
a:hover img{opacity:0.6;filter:alpha(opacity=60);}
a img {border-style:none;-webkit-transition:all .3s;transition:all .3s;}


/*---------- ベーステキストの指定 ----------*/

p {
font-size:18px;
line-height:160%;
letter-spacing:1px;
}
/*---------- 文字装飾 ----------*/

.bold{font-weight:bold;}
.ul{text-decoration:underline;}
.red {font-weight:bold;color:#c30d23;}
.through{text-decoration:line-through;}
.ym{font-weight:bold;background:linear-gradient(transparent 60%, #ffe24d 60%);}
.caption{font-size:75%;color:#666666;font-weight:normal;line-height:180%;}
.deka{font-size: 1.8em; font-weight: 900;}
.neon {
  color: #fff;
  font-size: 1.8em;
  line-height:180%;
  font-weight:900;
  text-shadow: 1px 1px 5px #fdbb1f, -1px 1px 5px #fdbb1f, 1px -1px 5px #fdbb1f, -1px -1px 5px #fdbb1f;;
}

/*---------- 文字位置 ----------*/

.center{text-align:center;}
.right{text-align:right;}

/*---------- 見出し ----------*/

h1{}
h2{}
h3{}
h4{}


/*---------- 共通アイテム ----------*/
.tit_bg{
    margin:0;
    padding:0 0;
    }
.back{
    margin:0;
    padding:0 0;
    }

 /* ▼PCメディアクエリ */
@media screen and (min-width:769px){
.back{
    margin:0;
    padding:0;
    }
.tit_bg{
    margin: 0;
    padding: 0;
    background-color:#000;
    }
.contents{
      margin: 0;
      padding: 0 0; 
      width: 800px;
   }
   .contents img{height: 100%; width: 90%;}  
  
  } /* ▲PCメディアクエリ終了▲ */
    
/* 見出し */
.subhead{
    margin:0 auto;
    padding: 0;
    text-align:center;
    font-family: "游明朝"; 
}
.subhead_txt{
    margin: 10px 0 5px;
    padding:0;
    font-size: 2em;
    font-weight:900;
    line-height:180%;
    letter-spacing:1px;
    }
/* ▼PCメディアクエリ */
@media screen and (min-width:769px){
  .subhead{margin: 0; padding: 0;}
  .subhead_txt{
      margin:40px 0 5px 0;
      font-size: 3em;
      line-height:150%;}
    }



/* 見出し下の線 */
hr {
    margin:15px auto 30px auto;
    padding:0; 
    height:0; 
    border:0; 
    border-top:3px solid #fdbb1f;
    width: 100%;
    }


/* フェードアップ */
    .fadeUp{
       animation-name:fadeUpAnime;
       animation-duration:1.2s;
       animation-fill-mode:forwards;
       opacity:0;
    }
    
    @keyframes fadeUpAnime{
      from {
      opacity: 0;
      transform: translateY(100px);
    }
    
      to {
        opacity: 1;
      transform: translateY(0);
      }
    }

/* ページトップにスクロール */

    html {
      scroll-behavior: smooth;
  }
  .pagetop {
      height: 50px;
      width: 50px;
      position: fixed;
      right: 30px;
      bottom: 30px;
      background: #000;
      border: solid 2px #fff;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 2;
  }
  
  .pagetop__arrow {
      height: 10px;
      width: 10px;
      border-top: 3px solid #fff;
      border-right: 3px solid #fff;
      transform: translateY(20%) rotate(-45deg);
  }
  @media (hover: hover) and (pointer: fine) {
    .pagetop:hover, .pagetop:hover .pagetop__arrow {
        border-color: #3293e7;
    }
}   

/* ボタンまわり */
.device_txt strong{font-weight:900;}
.device_txt span{color:#fdff39;}
.device{
margin:0;
padding:0;
text-align:center;
}
.device a:link {color:#173267;text-decoration:none;}
.device a:visited {color:#173267;text-decoration:none;}
.device a:hover {color:#173267;text-decoration:none;}
.btn {
        width:100%;
        margin:0 auto;
        padding:25px 0;
        font-size:1.2em;
        font-weight:900;
        display:block;
        text-decoration:none;
        color:#173267;
        background:#fdff39;
        box-shadow:0 5px 20px rgba(0,0,0,0.4);
        font-family: "Noto Sans Japanese";
        border-radius: 10px;
        }
        .btn:hover {
        opacity:0.7;
        filter:alpha(opacity=70);
        -webkit-transition:0.3s ease-in-out;
        -moz-transition:0.3s ease-in-out;
        -o-transition:0.3s ease-in-out;
        transition:0.3s ease-in-out;
        }

/*---------- PC・スマホの非表示指定 ----------*/

@media screen and (max-width:768px){.spnone{display:none;}}
@media screen and (min-width:769px){.pcnone{display:none;}}

/*------------------------------ ヘッド部分 ------------------------------*/

header{
  width:100%;
  margin:0;
  padding:10px 0;
  }
  .head_box{margin:0 20px;padding:0;}
  .logo {
  margin:0;
  padding:0;
  line-height:150%;
  text-align:center;
  }
  .logo img{width:180px;}
  
  @media screen and (min-width:1025px) {
  .head_box {
  width:1200px;
  margin:0 auto;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  justify-content:space-between;
  }
  .logo {
  margin:0 0 0 0;
  padding:6px 0 0 0;
  text-align:left;
  }
  .logo img{width:240px;}
  }
  

/*------------------------------ グローバルメニュー ------------------------------*/

header nav {
  margin:0;
  padding:0;
  font-size:90%;
  font-weight:800;
  line-height:100%;
  }
  ul.menu {
  margin:0;
  padding:0 0 0 15px;
  list-style:none;
  z-index:9999;
  }
  ul.menu li {
  margin:0;
  padding:0;
  border-bottom:solid 1px #fff;
  text-align:left;
  }
  ul.menu li:last-child {
  border-bottom:none;
  }
  ul.menu li a {
  display:block;
  margin:0;
  padding:14px 15px 12px 0;
  color:#fff;
  text-decoration:none;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  }
  ul.menu li a:hover {color:#0253be;}
  
  @media screen and (min-width:769px) {
  header nav {
  margin:0;
  padding:30px 0 0 0;
  text-align:right;
  font-size:16px;
  font-weight:800;
  line-height:100%;
  letter-spacing:1px;
  }
  ul.menu {
  margin:0;
  padding:0;
  list-style:none;
  display:flex;
  z-index:9999;
  }
  ul.menu li {
  margin:0;
  padding:0;
  position:relative;
  border-bottom:none;
  }
  ul.menu li a {
  display:block;
  margin:0;
  padding:5px 15px;
  color:#fff;
  text-decoration:none;
  -webkit-transition:all .3s;
  transition:all .3s;
  }
  ul.menu li a:hover {color:#0253be;}
  ul.menu li a:first-child {
  padding:5px 0 5px 15px;
  }
  }
  
  
  /*---------- ハンバーガーメニュー部分 ----------*/
  
.click {
  background:transparent url(img/btn.png) no-repeat 0 0;
  background-size:70px 35px;
  width:35px;
  height:35px;
  display:block;
  position:absolute;
  top:16px;
  right:10px;
  cursor:pointer;
  z-index:9999;
  }
@media screen and (min-width:769px) {.click {top:22px;}}
.peke {background-position:-35px 0;}
@media only screen and (max-width:1024px){
.drawr {
  display:none;
  background-color:rgba(0,0,0,0.8);
  position:absolute;
  top:0;
  right:0;
  width:310px;
  padding:45px 0 20px 0;
  z-index:9990;
  }
  }
@media screen and (min-width: 1025px) {.click {display:none;}}
@media screen and (min-width: 1025px) {.peke {}}
@media screen and (min-width: 1025px) {.drawr {}}
  
    
 /*------------------------------ ヘッドコピー部分 ------------------------------*/

 #copy_bg{
  width:100%;
  height: 100vh;
  position: relative;
  background-image:url(img/copy_bg.png);
  background-position:top center;
  background-repeat:no-repeat;
  background-size: cover;
        }

.copy{
  margin:0 auto;
  padding:0;
  text-align:center;
}
.copy img{width: 50vw; height: auto;}

@media screen and (min-width:769px){
#copy_bg{
      width: 100%;
    background-size: cover;
  }
.copy{
      margin:0; 
      }  
.copy img{width: 600px; height: auto;}
  }



/*------------------------------ about P1GRANPRIX　とは------------------------------*/
#about_bg{
    margin:0;
    padding:75px 20px 60px 20px;
    color:#fff;
    background-image:url(img/about_bg1.jpg);
    background-position:top center;
    background-repeat:no-repeat;
    background-size:auto 100%;
    background-attachment: scroll;
     }
.about_tit{
        margin:0 auto;
        padding:0;
        font-size: 3em;
        font-weight:900;
        line-height:180%;
        letter-spacing:1px;
        text-align:center;
        font-family: "Noto Sans Japanese";
        }
.about_eng{
        margin:0;
        padding:20px 0;
        font-size:180%;
        line-height:180%;
        letter-spacing:1px;
        font-weight: 800;
        text-align:center;
        color:#fdff39;
        font-family: 'Roboto Condensed', sans-serif;
        }
.about_jpg{
        margin:0 0 45px 0;
        padding:0;
        font-size:150%;
        line-height:180%;
        text-align:center;
        font-family: "Noto Sans Japanese";
        }
        .about_txt{
        margin:0 auto;
        padding:10px 5px;
        font-size: 120%;
        }
@media screen and (min-width:769px){
        #about_bg{
        padding:150px 0 75px 0;
        background-size:cover;
        background-attachment: scroll;
        }
        .about_tit{
        margin:0 0 45px 0;
        font-size: 3em;
        line-height:150%;}
        .about_jpg{margin:0 0 45px 0;}
        .about_txt{width:800px;}
     }
     
/*------------------------------ 伝説の幕開------------------------------*/
.kv_tit{
    margin:40px 0 60px;
    padding: 0;
    text-align:center;
    }
    .kv_tit img{width: 60vw;}
@media screen and (min-width:769px){
  .kv_tit{
    margin:40px 0 100px;
    padding: 0;
    text-align:center;
    }
  .kv_tit img{width: 400px;}
    }

    .kiran-img {
      position :relative;
      overflow :hidden;
      }
      .kiran {
      height:100%;
      width:30px;
      position:absolute;
      top:-180px;
      left:0;
      background-color: #000;
      opacity:0.2;
      transform: rotate(45deg);
      animation: reflection 2s ease-in-out infinite;
      -webkit-transform: rotate(45deg);
      -webkit-animation: reflection 2s ease-in-out infinite;
      -moz-transform: rotate(45deg);
      -moz-animation: reflection 2s ease-in-out infinite;
      -ms-transform: rotate(45deg);
      -ms-animation: reflection 2s ease-in-out infinite;
      -o-transform: rotate(45deg);
      -o-animation: reflection 2s ease-in-out infinite;
      }
      @keyframes reflection {
        0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
        80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
        81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
        100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
      }
      @-webkit-keyframes reflection {
        0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
        80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
        81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
        100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
      }
      @-moz-keyframes reflection {
        0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
        80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
        81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
        100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
      }
  @media screen and (min-width:769px){
      .kiran {
        height:100%;
        width:60px;
        position:absolute;
        top:-180px;
        left:0;
        background-color: #000;
        opacity:0.2;
        transform: rotate(45deg);
        animation: reflection 4s ease-in-out infinite;
        -webkit-transform: rotate(45deg);
        -webkit-animation: reflection 4s ease-in-out infinite;
        -moz-transform: rotate(45deg);
        -moz-animation: reflection 4s ease-in-out infinite;
        -ms-transform: rotate(45deg);
        -ms-animation: reflection 4s ease-in-out infinite;
        -o-transform: rotate(45deg);
        -o-animation: reflection 4s ease-in-out infinite;
        }
      }
/*------------------------------ 開催イベント ------------------------------*/

.event_txt{
    margin:0 20px 0 20px;
    padding:0;
    }
.event_box{
    margin:0;
    padding:0 20px 15px 20px;
    width:100%;
    }
.event{
    margin:0 0 30px 0;
    padding:0;
    }
.event p{font-size:16px;}
.event_number{
    margin:0;
    padding:15px 0 20px 0;
    font-size:24px;
    font-weight:bold;
    line-height:100%;
    text-align:center;
    font-family: 'Roboto Condensed', sans-serif;
    }
.event_number span{
    padding:7px 16px;
    color:#fff;
    }
.event_title{
    margin:0;
    padding:0 0 10px 0;
    font: size 1.8em;
    font-weight:bold;
    line-height:180%;
    text-align:center;
    }
.event_pict{
    margin:0;
    padding:0;
    text-align:center;
    }
    /* .event_2025 img{width:100%;} */
    
/* ▼PCメディアクエリ */
 @media screen and (min-width:769px){
    .event_txt{
    width:1200px;
    margin:0 auto;
    padding:0;
    }
    .event_box{
    margin:0 10px 45px;
    padding:0;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    justify-content:space-between;
    }
    .event{
    width:1200px;
    margin:0 auto;
    padding:0;
    text-align: center;
    }
    .event_box:after {
    content: "";
    display:block;
    width:22%;  
    height:0;
    }
    .event p{font-size:16px;}
    .event_number{
    margin:0;
    padding:15px 0 20px 0;
    font-size:42px;
    font-weight:bold;
    line-height:100%;
    text-align:center;
    font-family: 'Roboto Condensed', sans-serif;
    }
    .event_number span{
    padding:7px 16px;
    color:#fff;
    }
    .event_title{
    margin:0;
    padding:0 0 10px 0;
    font-size:20px;
    font-weight:bold;
    line-height:150%;
    letter-spacing:1px;
    text-align:center;
    }
    .event_pict{
    margin:0;
    padding:0;
    text-align:center;
    }
    .event_pict img{width:90%;}
} /* ▲PCメディアクエリ終了▲ */     

th,td {
  padding: 1em;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;    
}

table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  max-width: 1200px;
  overflow: hidden;
  text-align: center;
}

/*------------------------------ トレーラー差し込み ------------------------------*/
#movie{
  margin: 0;
  padding: 0; 
  z-index: 1;
  display: flex; 
  background-color:#000;
  align-items: center;
  justify-content: center;
  padding: 24px 24px;
}

@media screen and (min-width: 769px) {
#movie {
      margin: 0 auto;
      padding: auto;
  }
}
.mv-video{
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 359px;
  aspect-ratio: 359/202;
  overflow: hidden;

}

.mv-video video {
  width: 100%;
  height: auto
}

@media screen and (min-width: 769px) {
  .mv-video{
      max-width:800px;
      aspect-ratio: 800/520;
  }
}

/*------------------------------ イベント概要 ------------------------------*/

.contents {
  margin: 0 auto;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 24px;
}

@media screen and (min-width: 769px) {
  .contents {
      margin: 0 auto;
      padding: auto;
  }
}

.contents_box {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 359px;
  overflow: hidden;
  border-radius: 8px;
}

@media screen and (min-width: 769px) {
  .contents_box {
      max-width:800px;
      aspect-ratio: 800/520;
  }
}

.contents_box img {
  width: 100%;
}


.info_bg {
 margin:0;
        padding:75px 20px 60px 20px;
        color:#fff;
        background-image:url("img/info_bg1.jpg");
        background-position:center center;
        background-repeat:no-repeat;
        background-size:auto 100%;
}
.info_tit{
    margin:10px 0 30px 0;
    padding:0 auto;
    text-align:center;
    }
.info img{width: 100%;}
.info h2{
    font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
    position: relative;
    color: #fff;
    padding: 2rem 2rem;
    -webkit-box-shadow: 0 2px 14px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 14px rgba(0, 0, 0, .1);
}
.info h2 span {
    background-image: -webkit-linear-gradient(315deg, #b8751e 0%, #ffce08 37%, #fefeb2 47%, #fafad6 50%, #fefeb2 53%, #e1ce08 63%, #b8751e 100%);
    background-image: linear-gradient(135deg, #b8751e 0%, #ffce08 37%, #fefeb2 47%, #fafad6 50%, #fefeb2 53%, #e1ce08 63%, #b8751e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 1.6em;
    font-weight: 500;
    line-height: 170%;
  }
  
.info h2:before,
.info h2:after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  content: '';
  background-image: -webkit-linear-gradient(315deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
  background-image: linear-gradient(135deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
}

.info h2:before {
  top: 0;
}

.info h2:after {
  bottom: 0;
}
.info_detail {
  padding: 10px 0 40px;
}

.info{
  margin: 5vw;
  padding:5vw 10vw;
  background:rgba(0,0,0,0.3);
  text-align: center;
  vertical-align: center;
  }
  .info p{
   font-size:1.6em;
   font-weight:600;
  }
@media screen and (min-width: 769px) {

.info{
margin: 0 auto;
padding:5vw 10vw;
background:rgba(0,0,0,0.3);
text-align: center;
width:800px;
vertical-align: center;
}
.info p{
 font-size:28px;
 font-weight:800;
}
}
.info_pic{
  width:100%;
  margin:0;
  padding:0;
  font-size:160%;
  font-weight:bold;
  line-height:150%;
  text-align:center;
  color:#05abc5;
  font-family:'Roboto Condensed', sans-serif;
  }

.info_pic img{width:100%;margin-bottom:5px;}

.info_box{
  margin:0 auto;
  padding: auto;
  flex-direction: column;
  align-content: space-around;
  align-items: center;
}
@media screen and (min-width:769px){
.info_box{
margin:0;
padding:0 0 5px 0;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
flex-direction: row;
justify-content:space-around;
align-items: baseline;
}
.info_pic{
  width:100%;
  margin:0;
  padding:0;
  font-size:160%;
  font-weight:bold;
  line-height:150%;
  text-align:center;
  color:#05abc5;
  font-family:'Roboto Condensed', sans-serif;
  }
}

/*------------------------------ 地図差し込み用表記 ------------------------------*/

iframe {
    width: 100%;
    aspect-ratio: 16/9; 
  }

/*------------------------------ NEWS ------------------------------*/
#news{
  margin: 5vw;
  padding: 5vw 0 0;
  background: rgba(0, 0, 0, 0.3);
  text-align: center;
  flex-direction: column;
  align-content: space-around;
  align-items: flex-start;
}

.en{
  margin:0 auto;
  padding:0;
  font-size: 3em;
  font-weight:900;
  line-height:180%;
  letter-spacing:1px;
  text-align:center;
  font-family: "Noto Sans Japanese";
}

#news a:link {
  color: #e1ed58;
  text-decoration: underline;
}

#news a:visited {
  color: #d6e05e;
  text-decoration: underline;
}

#news a:hover {
  color: #b7c427;
  text-decoration: none;
}



@media screen and (min-width:769px){
  
  .en{
  margin:0 0 45px 0;
  font-size: 3em;
  line-height:150%;}

  .about_jpg{margin:0 0 45px 0;}
  .about_txt{width:800px;}
}
.left_news{
  margin: 0 auto;
  padding: 5vw 0;
  width: 100%;
  overflow:auto;
}

.left_news dl{
  height: auto;
  overflow:auto;
  width:100%;
  margin:0 auto;
  overflow:auto;
}

.left_news dl dt{
  font-size:16px;
  margin-bottom:15px;
  font-weight:bold;
}

.left_news dl dd{
  font-size:16px;
  margin-bottom:25px;
  padding-bottom:25px;
  border-bottom:1px dashed #bfd0ff;
}

.right_twitter{
  margin: 0 auto;
  padding: 5vw 0;
  width: 100%;
  overflow: auto;
  
}

.right_twitter iframe{
  margin: 0 auto;
  padding: 0;
}

@media screen and (min-width:769px){
#news{
  margin: 0 auto;
  padding: 5vw 10vw;
  background: rgba(0, 0, 0, 0.3);
  text-align: center;
  width: 800px;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  flex-direction: row;
  justify-content:space-around;

}
.left_news{margin: 0 auto;width:45%; overflow:hidden;}
.right_twitter{margin: 0 auto;width:45%; overflow:hidden;}
}


/*------------------------------ コメントアウト中_SNSアイコン用表記 ------------------------------*/

.snsban{ text-align: center; padding-top:15px;}
.snsban .bansns_m{ color: #fff; background: #000; font-size: 1.6em; margin: 0 0.35em; padding: 0.3em; }
.ban_mn{ color: #fff; font-size: 0.24rem; padding: 0.2rem 0.2rem;text-shadow: 0 0 0px #1443ff, 0 0 0px #1443ff; /* filter: drop-shadow(0px 0px 6px #ef59e1);  */transition: text-shadow 0.4s;}
.ban_mn img{ max-height: 100%;}
.ban_mn.sel{/* filter: drop-shadow(0px 0px 6px #1443ff); */text-shadow: 0 0 6px #1443ff, 0 0 3px #1443ff;}
.ban_mn:hover{/* filter: drop-shadow(0px 0px 6px #1443ff)!important; */text-shadow: 0 0 6px #1443ff, 0 0 3px #1443ff;}

.menu_sns{ position: absolute; top: 0; right: 0; color: #fff; margin: 0.3rem 0.2rem 0 0;}
.bansns_m{ display: inline-block;margin: 0 0.2em; font-size: 1em; height: 1.5em; width: 1.5em; line-height: 1.5em; background:rgba(255,255,255,1); color: #001c49; text-align: center; border-radius: 999px; transition:box-shadow 0.2s,background 0.2s ; }
.bans_fc i{ font-size: 1.2em; position: relative;bottom: -0.2em;}
.bansns_m:hover{ box-shadow: 0 0 6px #fff;background:rgba(255,255,255,0.5);}

@font-face {
    font-family: 'Font Awesome 6 Brands';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("./webfonts/fa-brands-400.woff2") format("woff2"), url("./webfonts/fa-brands-400.ttf") format("truetype"); }
  
  .fab,
  .fa-brands {
    font-weight: 400; }
.fa-facebook-f:before {
    content: "\f39e"; }
    .css-1dbjc4n {
      -webkit-box-align: stretch;
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      align-items: stretch;
      border: 0px solid black;
      box-sizing: border-box;
      display: flex;
      flex-basis: auto;
      flex-direction: column;
      flex-shrink: 0;
      margin: 0px;
      min-height: 0px;
      min-width: 0px;
      padding: 0px;
      position: relative;
      z-index: 0;
  }