@charset "UTF-8";
/* CSS Document */

body {
	/*background:url(../images/background.jpg);*/
	background-size:cover;
	background-attachment: fixed;
	background-position: center center;
	padding: 90px 0px 0px;
    font-family: 'Noto Sans JP', sans-serif;
    font-family: 'Sawarabi Mincho', sans-serif;
}

.bg-Notice {
	background:url(../images/background_260622.jpg);
	background-size:cover;
	background-attachment: fixed;
	background-position: center center;
  /*--bs-bg-opacity: 1;*/
  /*background-color: #99ffff;*/
}



.row {
  --bs-gutter-x: 1rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}


.card {
	background-color: rgb(0 0 0 / 0.6); 
}
.card-hometop {
	background-color: rgb(0 0 0 / 0); 
	color: #fff;
}
.card-header {
	background-color:#000;
	color:#FFF;
}
.card-body {
	--bs-bg-opacity: 0.6;
	color:#FFF;
}
.card-footer {
	background-color:#000;
	color:#FFF;
}



.modal-sm {
    max-width: 720px;
}
.modal-cg {
    max-width: 960px;
}

audio {
	width:100%;
}


.carousel-control-prev,
.carousel-control-next {
  width: 10%;
  color:#F0F;
}
.carousel-control-prev-icon {
  background-image: url("../images/caret-left-square-fill.svg");
}
.carousel-control-next-icon {
  background-image: url("../images/caret-right-square-fill.svg");
}


footer {
	margin-bottom:0;
}
/*#footer a {text-decoration:none;}*/
#footer a:link {color:#0066ff; border:1;} /*未訪問のリンクの色*/
#footer a:visited {color:#0066ff;} /*訪問済みのリンクの色*/
#footer a:hover {color:#fff; background:#3399ff;} /*カーソルが乗っているリンクの色*/
#footer a:active {color:#0066ff;} /*クリック中のリンクの色*/

/* background-color */
.bg-ninetail {background-color:#FC0;}
.bg-dualtail {background-color:#3CF;}
.bg-tritail {background-color: #CF6;}
.bg-toptopic {background-color:#5cd4db;}
.bg-jumbotron-0 {
	background:url(../images/background.jpg);
	background-size:100%;
}
.bg-jumbotron-1 {
	background:url(../images/background_1.jpg);
	background-attachment: fixed;
	background-size:100%;
}



/*    <div class="col-sm-12 mb-3">  */
/*      <div class="card h-100 bg-transparent border-0">  */
/*        <div class="card-body bg-jumbotron-1">  */
/*          <div class="row">  */
/*  */
/*          </div>  */
/*        </div>  */
/*      </div>  */
/*    </div>  */





/* btn */
.btn{ padding-top:12px;}
.btn-cardlink{ padding:0px; margin-:2px;}
/* btn 
.btn{margin-bottom:4px;}
.btn-ninetail{color:#fff;background-color:#FC0;border-color:#007bff;}
.btn-dualtail{color:#fff;background-color:#3CF;border-color:#007bff;}
.btn-tritail{color:#fff;background-color:#CF6;border-color:#007bff;}
*/

/*
@import url('https://fonts.googleapis.com/css?family=Caveat|EB+Garamond&display=swap');
h3 {    font-family: "EB Garamond", Serif; }
h6 {    font-family: "Caveat", cursive; }
*/

#WorldSetting {
  margin-top:-60px;
  padding-top:60px;
}

#System {
  margin-top:-100px;
  padding-top:100px;
}

#HowTo {
  margin-top:-100px;
  padding-top:100px;
}

#Spec {
  margin-top:-60px;
  padding-top:60px;
}

#footer {
  margin-top:-100px;
  padding-top:100px;
}

#bgm {
  margin-top:-100px;
  padding-top:100px;
}