@charset "UTF-8";
@font-face {
	font-family: marugo;
	src: url(../../../2nd_css/yasashisaGothic.ttf) format("truetype");
}
@font-face {
	font-family: makiba;
	src: url(../../../2nd_css/yasashisaGothic.woff) format("truetype");
}
* {
	font-family: marugo;
}

body {
	background-color: #ead7e2;
	}

* {
    margin: 0;
    padding: 0;
}

.top-text {
  margin: 0 auto 0;
  color: #ffffff;
  background-color: rgba(0,0,0,0.3);
  position:absolute;
  top: 75%;
  left: 5%;
  z-index: 6;
  padding: 1%;
}

.top-text h1 {
  margin: 0;
  font-size: 250%;
  font-weight: bold;
}

.top-text p {
  margin: 0;
  font-size: 150%;
  font-weight: lighter;
}

.ifrm-container {
  margin:10px auto 0;
  /* width:710px;
  height:320px; */
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  display: inline-block;
}

.ifrm {
  width:100%;
  height:100%;
  border:none;
  display:block;
}


@media screen and (max-width:992px) {
    /*　画面サイズが480pxからはここを読み込む　*/
    .top-text h1 {
      margin: 0;
      font-size: 100%;
      font-weight: bold;
    }

    .top-text p {
      margin: 0;
      font-size: 50%;
      font-weight: lighter;
    }
}




.navbar-inverse {
  background-color: #0033ff
}

.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
  background-color: #0022ff
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
  background-color: #0033ff
}


.dropdown-menu {
  background-color: #006Bff
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
  background-color: #0022ff
}

.navbar-inverse {
  background-image: none;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
  background-image: none;
}

.navbar-inverse {
  border-color: #0033ff
}


.navbar-inverse .navbar-brand {
  color: #FFFFFF
}

.navbar-inverse .navbar-brand:hover {
  color: #FFCC00
}

.dropdown-menu>li>a {
  color: #FFFFFF
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
  color: #FFCC00
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
  color: #FFCC00
}

.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus {
  color: #FFCC00
}


.dropdown-menu>li>a {
  color: #FFFFFF
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
  color: #FFCC00
}

.navbar-inverse .navbar-nav>.dropdown>a .caret {
  border-top-color: #FFFFFF
}

.navbar-inverse .navbar-nav>.dropdown>a:hover .caret {
  border-top-color: #FFFFFF
}

.navbar-inverse .navbar-nav>.dropdown>a .caret {
  border-bottom-color: #FFFFFF
}

.navbar-inverse .navbar-nav>.dropdown>a:hover .caret {
  border-bottom-color: #FFFFFF
}

/* .dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-menu {
  display: none;
  position: absolute;
  z-index: 1;
} */
.dropdown:hover>.dropdown-menu {
  display: block;
}

.navbar-dark .navbar-nav .nav-link:hover{
/* color: #616d0b; */
color: #FFCC00;
background-color: #0033ff;
}

/* ページ内リンクの位置調整 */
section {
  margin-top: -60px;
  padding-top: 60px;
}

.bg-img {
  background-image: url("./images/mushroom.png");
  background-size: cover;
  background-position: center 60%;
}

.navbar-custom {
  background-color: #ff0099;
}

.footer-custom {
  background-color: #8f7193;
}

.container h6 {
  color: #000000;
}

footer .text-center {
  color: #ffffff;
}

footer .container a:link {
  color: #f6f9fd;
}

footer .container a:visited {
  color: #000080;
}

footer .container a:hover {
  color: #aeeaf3;
}

footer .container a:active {
  color: #FFFF00;
}

/* nav-itemの文字色 */
.navbar .navbar-nav .nav-link {
    color: #ffffff;
}
/* nav-item activeの文字色 */
.navbar .navbar-nav .active > .nav-link {
    color: rgba(0,0,255,1);
}
/* nav-item:focus、nav-item:hoverの文字色 */
.navbar .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0,255,255,1);
}
/* ドロップダウンアイテムの文字色 */
.dropdown-item {
    color: rgba(255,0,0,1);
}
/*# sourceMappingURL=custom2.css.map */