@charset "utf-8";

/*
 * "Fredericka" is lisenced under the SIL Open Font License 1.1
 * http://fonts.googleapis.com
 * https://www.google.com/fonts/attribution
 * http://scripts.sil.org/OFL
 */

/* *****共通設定***** */
 html {
 overflow-y: scroll;
 -ms-overflow-style: none;
 scrollbar-width: none;
 }
 html::-webkit-scrollbar {
 display:none;
}
body {
  font-family: 'Noto Sans JP', sans-serif; }
  @media (min-width: 768px) {
    body {
			/*max-width: 1920px;*/
      /*min-width: 1220px;*/
		  margin: 0 auto;
      width: 100%;
		} }
		
a:hover {
  text-decoration: none;
}

a {
  color: #fff;
}

a:hover {
  color: #a9a9a9;
}

.bg-primary,
.btn-primary {
  background-color: #00008b !important;
  background: linear-gradient(180deg, rgb(22, 135, 237), rgb(20, 55, 90));
  /*filter: saturate(200%);*/
  text-align: center;
  text-shadow: 1px 1px 0px black;
  padding-block: 5px; 
 
}

 @media (min-width: 768px) {
.btn-primary_n {
  /*background-color: #1e90ff !important;*/
   background: linear-gradient(180deg, rgb(124, 252, 237), rgb(20, 55, 90));
    filter: saturate(200%);
  width: fit-content;
  margin-top:-100px;
  width: 490px;
  margin-top: -200px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:10px;
  font-size:26px;
  text-align:center;
  padding: 7px 5px;
  border-radius: 5px;
  box-shadow:0px 5px 0px #ffff00;
  text-shadow: 2px 2px 2px blue;} 
  
  .btn-primary_n:hover {
  /*font-weight:800;*/
 background-image: url("../img/16th_acdc.jpg") ;
  background-size: cover;
background: linear-gradient(180deg, rgb(124, 252, 237), rgb(20, 55, 90));
}}

 @media (max-width: 768px) {
 .btn-primary_nn {
 background: url("../img/16th_acdc.jpg") ;
  background-size: cover;
  /*background-color: #1e90ff !important;*/
  background: linear-gradient(180deg, rgb(124, 252, 237), rgb(20, 55, 90));
    filter: saturate(200%);
  width: fit-content;
  margin-top:-200px;
   width:240px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:10px;
  font-size:16px;
  text-align:center;
  padding: 7px 5px;
  border-radius: 5px;
   box-shadow:0px 3px 0px #ffff00;
  text-shadow: 2px 2px 2px blue;}                     /* background: linear-gradient(180deg, rgb(233, 237, 22), rgb(105, 107, 14));*/
  
}}
 

.bg-maincolor {
  background-color: #f0f8ff !important;
}
.btn-warning {
  /*color: #212529;*/
 width:490px;
  margin-left:auto;
  margin-right:auto;
  background-color:#fff200;
  background: linear-gradient(0deg, rgb(102, 4, 4), rgb(247, 84, 84));
  filter: saturate(180%);
 /* border:double 3px #fff;*/
  box-shadow:0px 3px 0px #fff200;
  font-size:26px;
  padding: 3px 5px;
  border-radius: 5px;
  text-align:center;
  text-shadow:2px 2px 2px blue;}
  
@media (max-width: 768px) {
.btn-warning {
  /*color: #212529;*/
  width:240px;
  background-color:#fff200;
  background: linear-gradient(0deg, rgb(102, 4, 4), rgb(247, 84, 84));
  filter: saturate(180%);
  /*border:double 3px #fff;*/
   box-shadow:0px 3px 0px #fff200;
  font-size:16px;
  text-align:center;
  text-shadow:3px 2px 4px #000;
  /*margin-left:43px;*/}}
  

.btn-warning:hover {
  background: url("../img/top.png") ;
  font-weight:400;
  background-size: cover;
  text-shadow:2px 2px 2px blue;
 background: linear-gradient(180deg, rgb(233, 237, 22), rgb(105, 107, 14));
}

.bg-yl-color {
  background-color: #fffaf0 !important;
}

.text-shadow {
  text-shadow: 1px 1px 3px #000;
}

.font-patrick {
  font-family: 'Fredericka the Great', cursive;
}

/* ヘッダー(navbar) */
#nav01 {
  border-bottom: 3px solid #00008b;
}
@media (max-width: 768px) {
#nav02 .nav-fill {
  width: 100%;
}}
@media (min-width: 768px) {
#nav02 .nav-fill {
  width: 1220px;
}}

#nav02 .nav-item {
  border-left: 1px solid #dee2e6;
}

#nav02 .last-list-md {
  border-right: 1px solid #dee2e6;
}

/* フッター */
#footer-sns img {
  height: 58px;
  width: auto;
  margin-right: 25px;
}

#footer-index ul ul {
  padding-left: 0.75rem;
  border-left: 1px solid #6c757d;
}

/* *****トップページ***** */

@media (min-width: 768px) {
.jumbotron {
  background: #f1efff url("../img/16th_acdc.jpg") ;
  background-size: cover;
  border-radius: initial;
  border: ridge 4px #fff;
  width: 1920px;
  height:500px;
  margin-left:-405px;}}
  
 @media (max-width: 768px) {
.jumbotron {
  background: #f1efff url("../img/16th_acdc.jpg") ;
  background-size: cover;
 /* border-radius: initial;*/
  width: 360px;
  margin-left:-16px;
  border: ridge 4px #fff;}}
  
  
  @media (min-width: 768px) {
.jumbotron_vave {
  background: #f1efff url("../img/top-imagevave.jpg") ;
  background-size: cover;
  border-radius: initial;
  border: ridge 4px #fff;
  width: 1920px;}}
  
  @media (max-width: 768px) {
.jumbotron_vave {
  background: #f1efff url("../img/top-image4.jpg") ;
  background-size: cover;
  border-radius: initial;
  width:380px;
  border: ridge 4px #fff;}}
  

/* *****下層ページ***** */

.breadcrumb-item + .breadcrumb-item:before {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: small;
  color: #fff;
}
@media (min-width: 768px) {
.breadcrumb-item_title {
 font-size:30px;
 list-style: none !important; 
 /*margin-left:355px;*/
 text-align:center;
 text-shadow: 3px 3px 4px #000;
 }}
 
 @media (max-width: 768px) {
.sumahot {
list-style: none !important; 
 font-size:18px;
 text-shadow: 1px 1px 0px black;
 }}
 
 @media (min-width: 768px) {
.sumahot {
display:none;
 }}
@media (max-width: 768px) {
.breadcrumb-item_title {
 display:none;
 }}

/*#page .jumbotron2 {
  /*background: #f1efff url("../img/top-image4.jpg") no-repeat center center;*/
  background: url(../img/20250306.jpg)
  center top / cover no-repeat;
  background-size: cover;
  border-radius: initial;
}*/


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

 レスポンシブ

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

@media (max-width: 991.98px) {
  /* md タブレット・スマートフォン向け991.98px */

  #nav02 .nav-item {
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #dee2e6;
    letter-spacing: 0.25rem;
  }
}
  @media (max-width: 575.98px) {
    /* xs スマートフォン向け */

    /* フッター */
    #footer-sns img {
      height: 29px;
      margin-right: 15px;
    }

.v-middle {
  vertical-align: middle;
  display: inline-block;

}
.panel11 {
  text-shadow:1px 1px 0px #fff
}
.panel22 {
 text-shadow:2px 2px 0px #000
}
.panel33 {
 text-shadow:1px 1px 0px #fff
}
.panel100 {
  box-shadow:0px 1px 1px #fff200
}
.panel1000 {
  box-shadow:0px 3px 0px #fff200
}
.panel1001 {
  box-shadow:3px 4px 0px #000080
}
.panel1002 {
  box-shadow:3px 4px 0px #32cd32
}
.panel1003 {
  box-shadow:3px 4px 0px #ff0000
}
.panel1004 {
  box-shadow:0px 5px 0px #fff
}

}
/* --------------------------------------------------

 241007対応

--------------------------------------------------　*/
.container.py-4.py-md-3 img{
	max-width: 105%;
	height: auto;
	margin-top:40px;
}
@media (max-width: 768px) {
	.container.py-4.py-md-5{
		width: 100%!important;
		/*margin-top: -90px!important;*/
	}
	#page .jumbotron{
		background-size: contain;
		background-position: top;
		height: 310px;
	}
	.mb-5 .rounded > p{
		/*padding: 1rem 0 !important;*/
		text-align:center;
		text-shadow: 1px 1px 0px black;
	}
	.py-5 .container{
		overflow-x: scroll;
	}
	.py-5 .container .table{
		width: 750px;
		border-collapse: collapse;
		white-space: nowrap;
	}
}	
@media (max-width: 768px) {
.itea {
font-size:15px;
}}

@media (max-width: 768px) {
.qr {
display: none;
}}
@media (min-width: 768px) {
.qr {
text-align:center;
margin-top:10px;
}}

 
@media (max-width: 768px) {
.gmo_img {
 width: 55px;
 margin-top:98px; }}
 
 @media (min-width: 768px) {
.gmo {
 margin-top:0px;
 }}
 
@media (min-width: 768px) {
.gmo_img {
 width: 80px;
 margin-top:80px; }}
 
@media (max-width: 768px) {
.gmo_img {
 width: 45px;
 margin-top:80px; }}
 
@media (max-width: 768px) {
.copyright {
 display:none;
  }}
  
@media (max-width: 768px) {
.copyright_s {
 font-size: 55%;
 text-align:center;
  text-shadow: 1px 1px 3px #000;
 margin-left:20px; }}
 
@media (min-width: 768px) {
.copyright {
 text-align:center;
  text-shadow: 1px 1px 3px #000;
  }}
 
@media (min-width: 768px) {
.copyright_s {
 display: none;
  }}

@media (max-width: 768px) {
.ann {
 margin-left:70px;
/* margin-top:-100px;
 margin-bottom:150px;*/
  }}
@media (min-width: 768px) {
.ann {
 display: none;
  }}
  
  @media (max-width: 768px) {
.btn-primary_n {
 display: none;
  }}
  @media (min-width: 768px) {
.btn-primary_nn {
 display: none;
  }}
  @media (max-width: 768px) {
.sumaho {
.iframe {
     width: 100%;
     height: auto;
     aspect-ratio: 16 / 9;
   }}}
@media (max-width: 768px) {
.not_sumaho {
 display: none;
  }}
 
@media (min-width: 768px) {
.sumaho {
 display: none;
  }}
  
  @media (max-width: 768px) {